list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clearAll {
    clear: both
}

.no-scroll {
    overflow-y: hidden
}

.mb-header {
    width: 100%;
    height: 56px;
    background: #5e81f4;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    font-family: Montserrat, Arial, sans-serif
}

.mb-header * {
    box-sizing: border-box
}

.mb-header__lt {
    width: 48px
}

.mb-header__ct {
    position: relative;
    width: calc(100% - 178px)
}

.mb-header__rt {
    width: 120px;
    text-align: right;
    padding-right: 16px
}

.mb-header__logo {
    width: 42px;
    height: 34px;
    display: inline-block;
    margin-top: 12px
}

.mb-header__logo__26jan {
    width: 90px;
    height: 56px;
    position: absolute;
    left: calc(100vw - 290px)
}

.mb-header__loyaltylogo {
    background: linear-gradient(88deg, #3c0653 1%, rgba(0, 0, 0, 0) 111%);
    border-radius: 4px;
    padding: 2px 6px;
    display: inline-block;
    vertical-align: 1px;
    margin-left: 4px;
    position: relative;
    z-index: 1;
    vertical-align: 3px
}

.mb-header__loyaltylogo::before {
    content: "";
    display: block;
    position: absolute;
    background: url("../images/mobile/confetti-blown.gif") no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.mb-header__loyaltylogo__text {
    font-size: 12px;
    font-weight: 600;
    background: linear-gradient(to bottom, #ffebb3 86%, #ffc72c 12%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 10px 2px 0;
    position: relative
}

.mb-header__loyaltylogo__text::before {
    content: "";
    display: block;
    position: absolute;
    border: solid #ffc72c;
    border-width: 0 1px 1px 0;
    width: 4px;
    height: 4px;
    transform: rotate(-45deg);
    right: 3px;
    top: 4px
}

.mb-header__loyaltylogo__points {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.mb-header__loyaltylogo__points__ic {
    display: inline-block;
    width: 15px;
    height: 14px;
    margin-right: 6px;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/mbhome-msite/mb-home-sprite-msite.svg") no-repeat -6px -2124px;
    vertical-align: -2px
}

.mb-header__loyaltylogo.without-pts {
    width: 50px;
    height: 35px;
    display: inline-block;
    vertical-align: 1px;
    margin-left: 4px;
    position: relative;
    z-index: 1;
    border-radius: none;
    padding: 0;
    vertical-align: 0
}

.mb-header__loyaltylogo.without-pts::before {
    content: none
}

.mb-header__hamburger {
    display: block;
    height: 56px;
    position: relative
}

.mb-header__hamburger:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: auto;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -82px -70px;
    margin: 16px
}

.mb-header__pp-link {
    width: 102px;
    height: 24px;
    margin: 16px 0 0 0;
    text-align: center;
    border-radius: 16px;
    background-color: #ffffff;
    color: #000;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.mb-header__pp-link .badge {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 9px;
    background-color: #FFC72C;
    font-size: 8px;
    line-height: 12px;
    text-transform: uppercase;
    position: absolute;
    top: -10px;
    right: 0px
}

.mb-header__menu__mask {
    width: 100vw;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    display: none;
    opacity: 0;
    transition: all .2s
}

.mb-header__menu__mask.active {
    display: block;
    opacity: 1
}

.mb-header__menu__close {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 316px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -6px -70px;
    transition: all .3s
}

.mb-header__menu__box {
    width: 296px;
    height: 100vh;
    background-color: #fff;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: -296px;
    z-index: 100;
    transition: all .3s
}

.mb-header__menu__box.active {
    left: 0
}

.mb-header__menu__box .mb-getapp {
    width: 100%;
    background-color: #e0f2f0
}

.mb-header__menu__box .mb-getapp>a {
    width: 100%
}

.mb-header__menu__box .mb-getapp .mb-getapp__brief {
    width: calc(100% - 120px);
    padding: 0px 0px 0px 6px
}

.mb-header__menu__box .mb-getapp .mb-getapp__brief .mb-getapp__brief--rating {
    white-space: nowrap
}

.mb-header__menu__box .mb-getapp .mb-getapp__brief__star {
    width: auto;
    padding-right: 4px
}

.mb-header__menu__box .mb-getapp .mb-getapp__brief__star .mb-getapp__brief__star--item {
    margin-right: 2px
}

.mb-header__menu__container {
    width: 592px;
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all .3s
}

.mb-header__menu__container.active {
    left: -296px
}

.mb-header__menu__main {
    width: 296px;
    height: 100dvh;
    position: relative;
    overflow-y: auto
}

.mb-header__menu__main__top {
    height: 80px;
    width: 100%;
    background-color: #f5f5f5;
    display: flex
}

.mb-header__menu__main__top__lt {
    width: 60%;
    padding: 20px 12px 20px 24px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600
}

.mb-header__menu__main__top__rt {
    width: 40%;
    padding: 24px 12px
}

.mb-header__menu__main__top__rt .login-cta {
    display: inline-block;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    background-color: #5e81f4;
    color: #fff;
    text-align: center;
    padding: 0 24px;
    border-radius: 16px
}

.mb-header__menu__main__top.loggedin {
    padding: 16px;
    justify-content: space-between
}

.mb-header__menu__main__top.loggedin .user-intails {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: #d7d7d7 solid 1px;
    font-size: 28px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    margin-right: 16px;
    background-color: #dff6f9;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1)
}

.mb-header__menu__main__top.loggedin .user-info {
    width: calc(100% - 64px)
}

.mb-header__menu__main__top.loggedin .user-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000
}

.mb-header__menu__main__top.loggedin .user-profile {
    font-size: 14px;
    line-height: 24px;
    color: #000
}

.mb-header__menu__sub {
    width: 296px;
    display: flex;
    flex-direction: column
}

.mb-header__menu__sub__container {
    width: 100%;
    height: calc(100vh - 48px);
    overflow-y: auto;
    display: flex;
    flex-direction: column
}

.mb-header__menu__sub__top {
    height: 48px;
    width: 100%;
    background-color: #f5f5f5;
    display: flex
}

.mb-header__menu__sub__top .back-btn {
    width: 56px;
    height: 48px;
    display: block;
    position: relative
}

.mb-header__menu__sub__top .back-btn:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: 16px;
    top: 12px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -44px -70px
}

.mb-header__menu__sub__top .sub-label {
    width: 240px;
    font-size: 16px;
    font-weight: 600;
    line-height: 48px;
    color: #000
}

.mb-header__menu__sub__top .sub-label .new-tag {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 9px;
    background-color: #FFC72C;
    font-size: 12px;
    line-height: 16px
}

.mb-header__menu__sub__links {
    width: 100%;
    padding: 16px;
    list-style: none;
    display: none
}

.mb-header__menu__sub__links.active {
    display: block
}

.mb-header__menu__sub__links>li {
    width: 100%;
    margin-bottom: 2px;
    list-style: none
}

.mb-header__menu__sub__links>li .js-sub-link {
    display: block;
    border-radius: 8px;
    background-color: #ffebee;
    padding: 0 28px 0 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    color: #5e81f4;
    position: relative
}

.mb-header__menu__sub__links>li .js-sub-link .badge {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 9px;
    background-color: #FFC72C;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-weight: 600
}

.mb-header__menu__sub__links>li .js-sub-link:after {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 12px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -5px -106px
}

.mb-header__menu__sub__links>li .js-sub-link.active:after {
    background-position: -46px -106px
}

.mb-header__menu__sub__drop-links {
    height: 0;
    opacity: 0;
    margin: 12px 0 0 0;
    transition: all .3s;
    overflow: hidden;
    display: none;
    list-style: none;
    padding: 0;
    margin-bottom: 12px
}

.mb-header__menu__sub__drop-links.active {
    opacity: 1;
    height: auto;
    display: block
}

.mb-header__menu__sub__drop-links>li {
    width: 100%;
    list-style: none
}

.mb-header__menu__sub__drop-links>li>a {
    display: block;
    padding: 0 28px 0 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    color: #606060;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.mb-header__menu__sub__drop-links>li>a.showOffer {
    line-height: initial;
    vertical-align: -4px;
    position: relative;
    margin-top: -8px
}

.mb-header__menu__sub__drop-links>li>a.see-all {
    color: #5e81f4;
    font-weight: 400
}

.mb-header__menu__sub__drop-links>li>a.see-all .see-all-arrow {
    height: 1px;
    width: 11px;
    background-color: #5e81f4;
    display: inline-block;
    position: relative;
    vertical-align: 3px
}

.mb-header__menu__sub__drop-links>li>a.see-all .see-all-arrow:after {
    content: "";
    height: 6px;
    width: 6px;
    border: solid 1px #5e81f4;
    transform: rotate(45deg);
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: -3px
}

.mb-header__menu__sub__drop-links>li>a .badge {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 9px;
    background-color: #FFC72C;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-weight: 600;
    margin-left: 4px
}

.mb-header__main-link {
    width: 100%;
    border-top: #d7d7d7 solid 1px;
    padding: 0;
    margin: 0
}

.mb-header__main-link>li {
    width: 100%;
    border-bottom: #d7d7d7 solid 1px;
    list-style: none
}

.mb-header__main-link>li>span,
.mb-header__main-link>li .no-sublink {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 48px;
    padding: 0 24px;
    position: relative
}

.mb-header__main-link>li>span .new-tag,
.mb-header__main-link>li .no-sublink .new-tag {
    background: #FFC72C;
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 4px
}

.mb-header__main-link>li>span .new-tag.tag-discount,
.mb-header__main-link>li .no-sublink .new-tag.tag-discount {
    font-size: 12px;
    text-transform: none
}

.mb-header__main-link>li>span:after,
.mb-header__main-link>li .no-sublink:after {
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 16px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -88px -108px
}

.mb-header__main-link>li .no-sublink:after {
    background-image: none
}

.mb-header__main-link__li {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 48px;
    color: #000;
    padding: 0 24px;
    border-bottom: #d7d7d7 solid 1px
}

.mb-header__mbprime {
    height: 56px;
    display: block;
    background-color: #29313b;
    border-radius: 4px;
    margin: 4px;
    padding: 12px
}

.mb-header__mbprime__text-1 {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    position: relative;
    padding-left: 24px
}

.mb-header__mbprime__text-1:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -4px -226px;
    background-size: 110px
}

.mb-header__mbprime__text-1 .prime-text {
    color: #FFC72C;
    font-weight: 600
}

.mb-header__mbprime__text-2 {
    display: block;
    font-size: 10px;
    line-height: 12px;
    color: #fff
}

.mb-header__getapp {
    background-color: #e0f2f0;
    height: 72px;
    display: flex
}

.mb-header__getapp.menu-top {
    position: relative;
    background-color: #fff
}

.mb-header__getapp__action {
    display: flex;
    text-decoration: none;
    background: #fff;
    width: 100%
}

.mb-header__getapp__close {
    width: 26px;
    position: relative
}

.mb-header__getapp__close:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 28px;
    background: #fff url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -62px -290px
}

.mb-header__getapp.menu-top .mb-header__getapp__lt {
    width: 72px;
    padding: 8px 0px 8px 0px
}

.mb-header__getapp__lt {
    width: 80px;
    padding: 8px 12px
}

.mb-header__getapp__lt .mb-icn {
    display: block;
    width: 56px;
    height: 58px;
    border-radius: 8px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -46px -344px
}

.mb-header__getapp__rt {
    width: calc(100% - 89px);
    padding: 10px 12px 12px 0px;
    position: relative
}

.mb-header__getapp__rt .star {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -48px -264px;
    float: left;
    margin-right: 4px
}

.mb-header__getapp__text-1 {
    width: 260px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 0 76px 0 0;
    color: #000
}

.mb-header__getapp__text-1 .getapp-cta {
    display: inline-block;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 12px;
    padding: 0 12px;
    color: #fff;
    background-color: #5e81f4;
    position: absolute;
    top: 4px;
    right: 4px
}

.mb-header__getapp.menu-top .mb-header__getapp__text-1 .getapp-cta {
    top: calc(100% / 2 - 12px);
    right: 12px
}

.mb-header__getapp__text-2 {
    font-size: 10px;
    line-height: 12px;
    color: #000;
    font-weight: 400;
    margin-top: 4px
}

.mb-header__payrent {
    background-color: #e0f2f0;
    height: 72px;
    display: flex
}

.mb-header__payrent.menu-top {
    position: relative;
    background-color: #fff
}

.mb-header__payrent__action {
    display: flex;
    text-decoration: none;
    background: #fff;
    width: 100%
}

.mb-header__payrent__close {
    width: 24px;
    position: relative
}

.mb-header__payrent__close:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 28px;
    background: #fff url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -62px -290px
}

.mb-header__payrent.menu-top .mb-header__payrent__lt {
    width: 63px;
    padding: 8px 0px 8px 0px
}

.mb-header__payrent__lt {
    width: 80px;
    padding: 8px 12px
}

.mb-header__payrent__lt .mb-icn {
    display: block;
    width: 56px;
    height: 58px;
    border-radius: 8px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -46px -344px
}

.mb-header__payrent__rt {
    padding: 12px 12px 12px 4px;
    width: 100%
}

.mb-header__payrent__text-1 {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding: 0 76px 0 0;
    position: relative;
    color: #000
}

.mb-header__payrent__text-1__spclmsg {
    color: #5e81f4;
    display: inline-block
}

.mb-header__payrent__text-1 .payrent-cta {
    display: inline-block;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 12px;
    padding: 0 7px;
    color: #fff;
    background-color: #5e81f4;
    position: absolute;
    top: 4px;
    right: 0;
    font-weight: 400;
    width: 86px
}

.mb-header__payrent.menu-top .mb-header__payrent__text-1 .payrent-cta {
    top: 14px
}

.mb-header__payrent__text-2 {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-weight: 400;
    margin-top: 4px;
    width: 240px
}

.topStickyPayRentBanner {
    padding: 21px 10px 0 0;
    background: #fff;
    flex: 1
}

.topStickyPayRentBanner__img {
    float: left;
    width: 63px;
    height: 51px;
    background: url("../images/mobile/mobile__topbanner__payrent__topsticky.png") no-repeat center center
}

.topStickyPayRentBanner__punchline {
    float: left;
    padding-left: 4px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 1.2;
    color: #000;
    position: relative
}

.topStickyPayRentBanner__punchline__rs {
    color: #5e81f4;
    font-size: 14px
}

.topStickyPayRentBanner__punchline__amount {
    color: #5e81f4;
    font-weight: 600;
    font-size: 14px
}

.topStickyPayRentBanner__earnsec {
    margin-top: -4px
}

.topStickyPayRentBanner__tnc {
    position: absolute;
    font-size: 8px;
    font-weight: 400;
    line-height: 1.5;
    color: #606060;
    right: 8px;
    bottom: 0
}

.topStickyPayRentBanner__earn {
    font-weight: 600
}

.topStickyPayRentBanner__star {
    top: -3px;
    position: relative
}

.topStickyPayRentBanner__cta {
    float: right;
    width: 98px;
    height: 24px;
    border-radius: 2px;
    margin-top: 8px;
    text-decoration: none;
    background-color: #5e81f4;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 24px
}

.mb-getapp {
    width: 100vw;
    height: 60px;
    background: linear-gradient(to right, #ffebf0 0%, #fffafb 100%)
}

.mb-getapp>a {
    width: 100vw;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 14px 0 16px
}

.mb-getapp--close {
    width: 24px;
    height: 14px;
    position: relative
}

.mb-getapp--close:before,
.mb-getapp--close:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: #909090;
    left: 6px
}

.mb-getapp--close:before {
    transform: rotate(45deg)
}

.mb-getapp--close:after {
    transform: rotate(-45deg)
}

.mb-getapp--logo {
    width: 34px;
    height: 50px;
    position: relative;
    background-color: #fffafb;
    border: 1px solid #000;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    padding: 7px;
    align-self: flex-end;
    box-shadow: 0 -1px 7px 3px rgba(0, 0, 0, 0.06)
}

.mb-getapp--logoic {
    width: 20px;
    height: 16px;
    margin: 0 auto 4px;
    display: inline-block;
    animation: scalelogo 3s infinite forwards ease-out;
    transform: scale(0)
}

.mb-getapp__dwnld {
    width: 14px;
    height: 14px;
    position: relative;
    margin: auto
}

.mb-getapp__dwnld__arrow {
    display: inline-block;
    width: 100%;
    height: 100%;
    transform: translateY(-5px);
    animation: downloadArrowAnim 3s infinite forwards
}

.mb-getapp__dwnld__arrow::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 7px;
    background-color: #5e81f4;
    left: 6px;
    top: 0
}

.mb-getapp__dwnld__arrow::after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border: solid #5e81f4;
    border-width: 0 1px 1px 0;
    bottom: 6px;
    left: 4px;
    transform: rotate(45deg)
}

.mb-getapp__dwnld__line {
    width: 12px;
    height: 1px;
    display: inline-block;
    background-color: #5e81f4;
    position: absolute;
    left: 1px;
    bottom: 1px
}

.mb-getapp__brief {
    width: calc(100vw - 160px);
    padding: 0px 6px 0px 12px
}

.mb-getapp__brief--text {
    max-height: 32px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.mb-getapp__brief--rating {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 4px;
    display: flex
}

.mb-getapp__brief__star {
    width: 82px;
    height: 12px;
    display: flex;
    align-items: center
}

.mb-getapp__brief__star--item {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    position: relative;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -48px -264px
}

.mb-getapp__brief__star--item:last-child {
    margin-right: 0px
}

.mb-getapp--action {
    width: 75px;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 0px 4px;
    display: inline-block;
    margin-left: auto;
    text-align: center;
    background-color: #000000;
    border-radius: 4px;
    background-clip: padding-box;
    position: relative;
    overflow: hidden
}

.mb-getapp--action::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 44px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: -6px;
    z-index: 2;
    animation: buttonAnimtn 2s linear infinite
}

.getapp {
    display: none
}

.getapp__content {
    display: flex;
    align-items: center;
    padding: 4px 0 0 20px;
    background-color: #fffafb;
    justify-content: space-between
}

.getapp__txtsec {
    max-width: calc(100% - 145px)
}

.getapp__title {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    line-height: 20px;
    padding: 0 0 4px
}

.getapp__title--dblock {
    display: block
}

.getapp__txt {
    font-size: 10px;
    text-transform: uppercase;
    color: #000;
    line-height: 20px;
    letter-spacing: 1.2px;
    padding: 0 0 16px
}

.getapp__cta {
    padding: 0 18px;
    background-color: #000;
    border-radius: 20px;
    line-height: 26px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    display: inline-block
}

.getapp__cta--pxless {
    padding: 0 8px
}

.getapp__cta__ic {
    width: 13px;
    height: 13px;
    display: inline-block;
    position: relative;
    margin-right: 6px
}

.getapp__cta__ic::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 11px;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    left: 2px
}

.getapp__cta__ic__arr {
    position: absolute;
    left: 1px;
    top: 0;
    width: 12px;
    height: 12px
}

.getapp__cta__ic__arr::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #fff;
    left: 6px;
    top: 0
}

.getapp__cta__ic__arr::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    bottom: 2px;
    left: 3px
}

.getapp__reviewsec {
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -6px -655px;
    width: 130px;
    height: 156px;
    margin-left: 20px
}

.getapp__reviewsec--swiper {
    width: 106px;
    height: 129px;
    background-position: -5px -499px;
    margin-left: 10px
}

@keyframes scalelogo {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes downloadArrowAnim {
    0% {
        transform: translateY(-3px)
    }

    20% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-3px)
    }

    60% {
        transform: translateY(0px)
    }

    80% {
        transform: translateY(0px)
    }

    100% {
        transform: translateY(-3px)
    }
}

@keyframes buttonAnimtn {
    0% {
        transform: translateX(-50px) rotate(-20deg)
    }

    30% {
        transform: translateX(150px) rotate(-20deg)
    }

    60% {
        transform: translateX(-50px) rotate(-20deg)
    }

    100% {
        transform: translateX(-50px) rotate(-20deg)
    }
}

.primeexclv {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 102;
    background-color: rgba(65, 65, 65, 0.88);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    display: none;
    align-items: center;
    justify-content: center
}

.primeexclv.showpop {
    display: flex
}

.primeexclv__dialog {
    border-radius: 24px;
    background-color: #f5f5f5;
    width: calc(100% - 32px);
    position: absolute;
    bottom: 16px;
    padding: 0 12px 12px 12px
}

.primeexclv__close {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #000;
    border: 1px solid #909090;
    position: absolute;
    right: 0;
    top: -40px;
    cursor: pointer
}

.primeexclv__close::before,
.primeexclv__close::after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 18px;
    background-color: #fff;
    left: 16px;
    top: 8px;
    transform: rotate(45deg)
}

.primeexclv__close::after {
    transform: rotate(-45deg)
}

.primeexclv__header {
    text-align: center;
    padding: 16px 0 12px
}

.primeexclv__title {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    padding: 0 0 12px
}

.primeexclv__title__yellowtxt {
    color: #eb860d;
    position: relative;
    padding-left: 18px
}

.primeexclv__title__yellowtxt::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 26px;
    left: -10px;
    top: -6px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat 0px -255px;
    transform: scale(0.9)
}

.primeexclv__contact {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 22px;
    max-width: calc(100% - 70px);
    margin: auto
}

.primeexclv__content {
    border-radius: 12px;
    background-color: #fff;
    padding: 24px 8px 8px 8px;
    display: block;
    align-items: stretch
}

.primeexclv__primegrid {
    width: 262px;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto
}

.primeexclv__primegrid__cta {
    font-size: 14px;
    font-weight: 600;
    color: #5e81f4;
    margin: 0 auto 8px;
    cursor: pointer;
    display: inline-block;
    text-decoration: underline
}

.primeexclv__startprice {
    font-size: 12px;
    color: #606060;
    line-height: 22px
}

.primeexclv__eliteoffr {
    width: 100%;
    text-align: center;
    padding: 16px 12px 12px;
    margin: auto;
    border-radius: 16px;
    background: linear-gradient(175deg, #fff7e1 3%, #fff 24%)
}

.primeexclv__eliteoffr__txt {
    display: inline-block;
    background: url("https://cdn.staticmb.com/srpstatic/images/exclusive-icon.svg") no-repeat;
    width: 192px;
    height: 24px
}

.primeexclv__eliteoffr__title__txt2 {
    display: inline-block
}

.primeexclv__eliteoffr__cta {
    width: 180px;
    text-align: center;
    line-height: 26px;
    border: 1px solid #5e81f4;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: #5e81f4;
    margin: 0 auto 16px;
    cursor: pointer;
    display: block;
    text-decoration: none
}

.primeexclv__dflex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.primeexclv__dontwant {
    text-decoration: underline;
    font-size: 12px;
    color: #5e81f4;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 14px
}

.primeexclv__getprime {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    padding: 0 0 16px
}

.primeexclv__getprime__freetag {
    background-color: #ffc72c;
    line-height: 13px;
    padding: 2px 4px 0;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    border-radius: 2px;
    background-clip: padding-box
}

.primeexclv__unlock {
    text-align: center;
    font-size: 16px;
    color: #606060;
    line-height: 20px;
    padding: 0 0 12px
}

.primeexclv__addtnbenf__txt {
    font-size: 10px;
    color: #606060;
    line-height: 16px;
    text-decoration: underline;
    position: relative;
    padding-right: 16px;
    display: inline-block;
    cursor: pointer;
    vertical-align: 2px
}

.primeexclv__addtnbenf__txt::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border: solid #606060;
    border-width: 0 1px 1px 0;
    right: 0;
    top: 3px;
    transform: rotate(45deg)
}

.primeexclv__addtnbenf__txt.expand::before {
    top: 6px;
    transform: rotate(-135deg)
}

.primeexclv__addtnbenf__list {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding-bottom: 16px;
    margin-top: 10px
}

.primeexclv__addtnbenf__list.show {
    display: flex
}

.primeexclv__addtnbenf__list__item {
    font-size: 12px;
    color: #000;
    position: relative;
    padding-left: 20px;
    line-height: 16px
}

.primeexclv__addtnbenf__list__item::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #e0f2f0;
    border: 1px solid #5e81f4;
    left: 0px;
    top: 2px
}

.primeexclv__addtnbenf__list__item::after {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 6px;
    border: solid #5e81f4;
    border-width: 0 1px 1px 0;
    left: 4px;
    top: 4px;
    transform: rotate(45deg)
}

.primeexclv__elitetag {
    font-size: 11px;
    color: #000
}

.primeexclv__elitetag__ic {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat 0 -990px;
    vertical-align: -3px
}

.primeexclv__elitetag--bold {
    color: #ab7c00;
    line-height: 16px
}

.primeexclv__or {
    font-size: 20px;
    color: #000;
    line-height: 20px;
    position: relative;
    padding: 0 14px;
    display: flex;
    align-items: center;
    background-color: #ffffff
}

.primeexclv__or__cont {
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px 0;
    justify-content: center
}

.primeexclv__or__cont::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background: linear-gradient(to right, #fff 0%, #d7d7d7 26%, #d7d7d7 78%, #fff 100%);
    width: 100%;
    height: 1px
}

.clearAll {
    clear: both
}

.mb-search {
    padding-top: 38px;
    padding-bottom: 32px;
}

.mb-search * {
    box-sizing: border-box
}

.mb-search-container {
    padding: 0px 16px
}

.mb-search__heading {
    font-size: 18px;
    color: #000;
    padding-bottom: 30px;
    text-align: center;
    font-weight: 400;
    line-height: 28px;
    min-height: 60px
}

.mb-search__heading span {
    font-family: "Damion", Arial, sans-serif;
    font-size: 24px
}

.mb-search__heading p {
    display: inline-block;
    font-weight: 600
}

.mb-search__tab {
    padding: 0px 0px 20px 0px;
    text-align: center;
    height: 52px;
    display: flex;
    justify-content: center;
}

.mb-search__tab__item {
    display: inline-block;
    line-height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    position: relative;
transition: all 0.2s;
}


.mb-search__tab__item:hover,
.mb-search__tab__item.active {
    border-bottom: 2px solid #fff;
}
.mb-search__tab__item.active::before {
    display: block
}

.mb-search__tab__item--comm {
    padding: 0 12px 0 8px
}

.mb-search__tab__postad {
    position: relative;
    padding-left: 12px
}

.mb-search__tab__postad::before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 22px;
    width: 1px;
    left: 0;
    top: 5px;
    background-color: #d7d7d7
}

.mb-search__tab__postad::after {
    content: "Free";
    display: inline-block;
    position: absolute;
    right: 0;
    top: -10px;
    width: 36px;
    height: 16px;
    background-color: #ffc72c;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase
}

.mb-search__wrap {
    height: 58px;
    border-radius: 32px;
    box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.1);
    border: solid 1px #b8b8b8;
    background-color: #ffffff;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.mb-search__btn {
    float: right;
    min-width: 48px;
    height: 48px;
    border-radius: 26px;
    background-color: #5e81f4;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 46px;
    color: #ffffff
}

.mb-search__btn__icon {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 2px solid #ffffff;
    border-radius: 100%;
    position: relative
}

.mb-search__btn__icon::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 6px;
    background-color: #ffffff;
    left: 7px;
    top: 5px;
    transform: rotate(-45deg)
}

.mb-search__title {
    font-size: 16px;
    color: #000;
    cursor: pointer;
    position: relative;
    float: left;
        display: flex;
    align-items: center;
    gap: 7px;

}
.mb-search__location {
    float: left;
    width: 350px;
    height: 36px;
    margin: 12px 16px 0px 0px;
    border-right: 1px solid #d7d7d7;
    padding-left: 32px;
    position: relative;
    z-index: 5; 
}
.mb-search__input {
    width: calc(100% - 8px);
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #606060;
    border: none;
    outline: none;
    padding: 0px 0px 0px 8px;
    background: none;
    margin-right: 16px;
}

@media (max-width: 320px) {
    .mb-search__title {
        font-size: 12px
    }
}

.icon-marker {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #5e81f4;
    position: relative;
    display: inline-block;
    vertical-align: 2px;
    margin-right: 2px
}

.icon-marker::before {
    content: "";
    position: absolute;
    left: 1px;
    bottom: -4px;
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #5e81f4
}

.icon-marker::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    margin: -2px 0px 0px -2px;
    background-color: #ffffff
}

.sticky-search {
    position: fixed;
    height: 56px;
    background-color: #5e81f4;
    left: 0px;
    right: 0px;
    top: -70px;
    z-index: 9;
    transition: all ease 0.3s
}

.sticky-search.open-state {
    top: 0px
}

.sticky-search__right {
    float: right;
    width: calc(100% - 56px)
}

.sticky-search .mb-header__lt {
    float: left
}

.sticky-search .mb-search__wrap {
    height: 32px;
    margin: 12px 12px 0px 0px
}

.sticky-search .mb-search__title {
    float: none;
    line-height: 32px;
    font-size: 12px
}

.browserNotiPop {
    height: auto;
    width: 432px;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 20px 16px;
    position: fixed;
    left: 50%;
    margin-left: -216px;
    top: 8px;
    font-family: 'Montserrat';
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14);
    z-index: 9999999
}

.browserNotiPop-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999998
}

.browserNotiPop .notifiClose {
    height: 10px;
    width: 10px;
    background: url(../images/chrome-noti/browserNotiLogo.png) right top;
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
    display: none
}

.browserNotiPop .browserNotiLogo {
    width: 64px;
    height: 64px;
    display: block;
    float: left;
    margin-right: 16px;
    background: #5e81f4 url(../images/chrome-noti/chrome-notification-logo-mb.svg) no-repeat center center;
    border-radius: 4px
}

.browserNotiPop .browserNotiCont {
    float: left;
    width: calc(100% - 80px)
}

.browserNotiPop .browserNotiCont .letUsSend {
    font-size: 16px;
    color: #000;
    line-height: 20px;
    font-weight: 600;
    margin-top: -3px;
    position: relative;
    z-index: 9
}

.browserNotiPop .browserNotiCont .letUsSend.letUsSend-clickon {
    font-size: 14px;
    margin-top: 16px
}

.browserNotiPop .browserNotiCont .browserNNoti {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    padding-top: 8px
}

.browserNotiPop .browserNotiCont .actionBlock {
    padding-top: 16px;
    text-align: right
}

.browserNotiPop .browserNotiCont .actionBlock a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    border-radius: 16px;
    line-height: 32px;
    height: 32px
}

.browserNotiPop .browserNotiCont .actionBlock a.allowMe {
    width: 100px;
    background: #da251c;
    border: solid 1px #da251c;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    transition: all 0.3s ease-in-out 0s
}

.browserNotiPop .browserNotiCont .actionBlock a.remindMeL {
    width: 100px;
    background: #fff;
    border: solid 1px #fff;
    box-sizing: border-box;
    display: inline-block;
    color: #666;
    transition: all 0.3s ease-in-out 0s;
    margin-right: 0px
}

.browserNotiPop .browserNotiCont .actionBlock a.allowMe:hover {
    background: #a5281b;
    border: solid 1px #a5281b
}

.browserNotiPop .browserNotiCont .actionBlock a.remindMeL:hover {
    background: #a5281b;
    border: solid 1px #a5281b;
    color: #fff
}

.browserNotiPop .notifyStep2 {
    position: fixed;
    top: 100px;
    left: 310px
}

.browserNotiPop .notifyStep2 .arrowPointer {
    background: url(../images/chrome-noti/chrome-notification-arrow-pointer.svg) no-repeat;
    float: left;
    height: 66px;
    width: 103px
}

.browserNotiPop .notifyStep2 .arrowContent {
    width: 228px;
    height: 48px;
    margin: 16px 0 0 16px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    float: left
}

.browserNotiPop.browserNotiPop-right {
    width: 410px;
    left: auto;
    margin-left: auto;
    right: 68px
}

.browserNotiPop-right.browserNotiPop .browserNotiCont .actionBlock {
    text-align: left
}

.browserNotiPop-right.browserNotiPop .iconsContainer {
    float: right;
    position: relative;
    width: 80px
}

.iconsContainer-bg {
    box-sizing: border-box;
    position: absolute;
    width: 107px;
    height: 22px;
    margin: 0 0 4px 64px;
    padding: 4px 10px;
    border-radius: 12px;
    background-image: linear-gradient(to right, #fff 20%, #d5d7dc 44%, #d5d7dc);
    top: 0;
    right: 0;
    text-align: right
}

.iconsContainer-arrow {
    position: absolute;
    background: url("../images/chrome-noti/chrome-notification-arrow-pointer-right.svg") no-repeat;
    width: 48px;
    height: 80px;
    top: 25px;
    right: 28px
}

.iconsContainer-bg-icon-star {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url("../images/chrome-noti/star.svg");
    margin: 0 2px
}

.iconsContainer-bg-icon-bell {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url("../images/chrome-noti/notifications-off-black-24-dp.svg");
    margin: 0 2px
}

@media only screen and (max-width: 600px) {
    .browserNotiPop {
        width: auto;
        top: auto;
        right: 16px;
        bottom: 16px;
        left: 16px;
        margin: 0;
        padding: 16px;
        z-index: 9999999
    }

    .browserNotiPop .browserNotiLogo {
        display: none
    }

    .browserNotiPop .browserNotiCont {
        width: 100%
    }

    .browserNotiPop .browserNotiCont .actionBlock {
        text-align: left;
        padding-top: 12px
    }

    .browserNotiPop .browserNotiCont .actionBlock a.allowMe {
        float: left
    }

    .browserNotiPop .browserNotiCont .letUsSend {
        font-size: 14px
    }

    .browserNotiPop .browserNotiCont .browserNNoti {
        font-size: 12px
    }
}

.tabs-scroll {
    display: flex;
    white-space: nowrap;
    overflow-x: auto
}

.tabs-scroll::-webkit-scrollbar {
    display: none
}

.tabs-scroll__wrap {
    position: relative;
    max-width: calc(100% - 82px)
}

.tabs-scroll__wrap::before {
    content: '';
    background: linear-gradient(to right, rgba(255, 255, 255, 0) -86%, #fff 100%);
    right: 0;
    top: 0;
    width: 16px;
    height: 100%;
    position: absolute;
    z-index: 9
}

.add-photo-nudge {
    position: fixed;
    background: #fff7e1;
    z-index: 99;
    bottom: 54px;
    left: 0;
    right: 0;
    border-radius: 8px 8px 0 0;
    box-shadow: 1px 2px 4px 4px rgba(0, 0, 0, 0.1);
    height: 72px
}

.add-photo-nudge__slider__wrap {
    overflow: hidden;
    height: 72px
}

.add-photo-nudge .tvc-campaign__slider .slide-img {
    background: #fff7e1
}

.add-photo-nudge__link {
    color: #5e81f4;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-right: 20px;
    position: relative;
    display: inline-block
}

.add-photo-nudge__link--arrow {
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #5e81f4;
    border-left: 1px solid #5e81f4;
    transform: rotate(135deg);
    position: absolute;
    right: 0;
    top: 7px
}

.add-photo-nudge__link--arrow:after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: #5e81f4;
    transform: rotate(-45deg) translate(4px, 1px);
    left: 0;
    top: 0
}

.add-photo-nudge__content {
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 20px
}

.add-photo-nudge__text {
    padding-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 18px
}

.add-photo-nudge .tvc-campaign__slider .navigation-dots {
    position: absolute;
    left: auto;
    bottom: 4px;
    right: 12px;
    text-align: right;
    z-index: 11
}

.add-photo-nudge .tvc-campaign__slider .navigation-dots .single-dot {
    margin: 3px 4px
}

.add-photo-nudge .tvc-campaign__slider .navigation-dots .single-dot.active {
    background-color: #5e81f4;
    border: 0;
    width: 6px;
    height: 6px
}

.add-photo-nudge__close {
    right: 6px;
    top: 8px;
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 11
}

.add-photo-nudge__close:after,
.add-photo-nudge__close:before {
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background-color: #000;
    position: absolute;
    left: 15px;
    top: 7px
}

.add-photo-nudge__close:before {
    transform: rotate(45deg)
}

.add-photo-nudge__close:after {
    transform: rotate(-45deg)
}

#addPhotoScrollId {
    width: 360px
}

.tab-animate {
    perspective: 1000px;
    position: relative;
    overflow: hidden;
    height: 32px;
    width: 100px
}

.tab-animate div {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.tab-animate__text {
    display: inline-block;
    line-height: 32px;
    padding: 0px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    cursor: pointer
}

.tab-animate--2 div {
    transform: translateY(32px)
}

.tab-animate--2 div.amnime1 {
    animation: textFlip 4s infinite 2s ease-in-out
}

.tab-animate--2 div.amnime2 {
    animation: textFlip 4s infinite ease-in-out
}

.mhlogo {
    background: url("../images/revamp/logo-magic-homes-animation.svg") 0 0 no-repeat;
    width: 82px;
    height: 16px;
    display: block;
    margin: 9px auto 0 auto;
    transform: scale(1.2)
}

@keyframes textFlip {
    0% {
        transform: translateY(32px)
    }

    25% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-32px)
    }

    100% {
        transform: translateY(-32px)
    }
}

* {
    box-sizing: border-box
}

.footer-m-container {
    padding: 24px 16px 0px;
    background: #fff
}

.footer-m-container .bg-gray {
    background: #e8e8e8;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 16px
}

.footer-m-container .bg-darkGray {
    background: #000;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 16px
}

.footer-m-intro--heading {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 16px
}

.footer-m-intro--text {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin-bottom: 24px
}

.footer-m-applogo,
.footer-m-social {
    margin-bottom: 24px
}

.footer-m-applogo {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-m-applogo>a:not(:last-child) {
    margin-right: 8px
}

.footer-m-applogo .google-play,
.footer-m-applogo .apple-store {
    background-image: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 120px;
    height: 32px
}

.footer-m-applogo .google-play {
    background-position: -59px 0
}

.footer-m-applogo .apple-store {
    background-position: -187px 0
}

.footer-m-social {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-m-social>a:not(:last-child) {
    margin-right: 8px
}

.footer-m-social .facebook,
.footer-m-social .twitter,
.footer-m-social .linkedin,
.footer-m-social .instagram,
.footer-m-social .youtube {
    background-image: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/web-header-footer.svg");
    background-repeat: no-repeat;
    display: inline-block
}

.footer-m-social .facebook {
    width: 32px;
    height: 32px;
    background-position: -59px -52px
}

.footer-m-social .twitter {
    width: 32px;
    height: 32px;
    background-position: -99px -52px
}

.footer-m-social .linkedin {
    width: 32px;
    height: 32px;
    background-position: -139px -52px
}

.footer-m-social .youtube {
    width: 32px;
    height: 32px;
    background-position: -179px -52px
}

.footer-m-social .instagram {
    width: 32px;
    height: 32px;
    background-position: -219px -52px
}

.footer-m-props {
    margin-bottom: 24px
}

.footer-m-props--item {
    font-size: 12px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    text-decoration: none
}

.footer-m-props--lists {
    width: calc(100% + 32px);
    display: flex;
    flex-flow: column wrap;
    max-height: 100px;
    overflow-x: auto;
    margin-left: -16px;
    padding-left: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.footer-m-props--lists.footer-m-props--ps {
    max-height: 32px
}

.footer-m-props--lists::-webkit-scrollbar {
    display: none
}

.footer-m-props--item {
    width: auto;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 75vw
}

.footer-m-secheading {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 16px
}

.footer-m-odetails {
    margin-bottom: 24px
}

.footer-m-odetails--lists {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px 10px
}

.footer-m-odetails--item {
    font-size: 12px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    text-decoration: none
}

.footer-m-discmailer,
.footer-m-tmsec {
    font-size: 10px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
    text-decoration: none
}

.footer-m-tmsec {
    color: #fff
}

.footer-m-discmailer .rml-btn {
    margin-left: 3px
}

.footer-m__fixed-links {
    width: 100%;
    height: 56px;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25)
}

.footer-m__fixed-links>ul {
    width: 100%;
    display: flex;
    justify-content: space-around
}

.footer-m__fixed-links>ul>li {
    width: 20%;
    height: 56px;
    position: relative
}

.footer-m__fixed-links>ul>li>a {
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    color: #606060;
    display: block;
    text-align: center;
    padding: 6px 0
}

.footer-m__fixed-links>ul>li>a:before {
    display: none !important;
    content: '';
    display: inline-block;
    width: 32px;
    height: 24px;
    background-image: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg);
    background-repeat: no-repeat
}

.footer-m__fixed-links>ul>li>a.home-icn:before {
    background-position: 0px -132px
}

.footer-m__fixed-links>ul>li>a.active.home-icn:before {
    background-position: -39px -132px
}

.footer-m__fixed-links>ul>li>a.search-icn:before {
    background-position: -2px -166px
}

.footer-m__fixed-links>ul>li>a.propworth-icn:before {
    background: url("../images/revamp/mbhome-msite/mb-home-sprite-msite.svg") -6px -1987px;
    width: 22px;
    height: 19px;
    height: 21px;
    margin-top: 3px
}

.footer-m__fixed-links>ul>li>a.active.search-icn:before {
    background-position: -38px -166px
}

.footer-m__fixed-links>ul>li>a.active.propworth-icn:before {
    background: url("../images/revamp/mbhome-msite/mb-home-sprite-msite.svg") -6px -2013px;
    width: 22px;
    height: 21px
}

.footer-m__fixed-links>ul>li>a.saved-icn:before {
    background-position: 0px -196px
}

.footer-m__fixed-links>ul>li>a.active.saved-icn:before {
    background-position: -39px -196px
}

.footer-m__fixed-links>ul>li>a.profile-icn:before {
    background-position: 6px -225px
}

.footer-m__fixed-links>ul>li>a.active.profile-icn:before {
    background-position: -40px -225px
}

.footer-m__fixed-links>ul>li>a.services-icn:before {
    background-position: -75px -132px
}

.footer-m__fixed-links>ul>li>a.active.services-icn:before {
    background-position: -75px -164px
}

.footer-m__fixed-links>ul>li>a.mbprime-icn::before {
    background-position: 0px -255px
}

.footer-m__fixed-links>ul>li>a.active {
    color: #000;
    font-weight: 600
}

.footer-m__fixed-links>ul>li>a>span {
    display: block
}

.footer-m__fixed-links>ul>li>a .profile-icn {
    position: relative
}

.footer-m__fixed-links>ul>li>a .profile-icn__count {
    background: #5e81f4;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    font-size: 8px;
    font-weight: 600;
    position: absolute;
    top: 7px;
    right: calc(50% - 20px);
    display: inline-block
}

.footer-m__bd-link {
    position: relative
}

.footer-m__bd-link.show::before {
    position: absolute;
    content: "";
    background: #fff7e1;
    border: 1px solid #ffe9ab;
    width: 12px;
    height: 12px;
    left: calc(50% - 6px);
    top: -8px;
    transform: rotate(45deg);
    z-index: 2;
    box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1)
}

.footer-m__bd-link.show::after {
    position: absolute;
    content: "";
    background: #fff7e1;
    width: 18px;
    height: 12px;
    left: calc(50% - 9px);
    top: -12px;
    z-index: 3
}

.footer-m__bd-link.show .footer-m__bd-link__tooltip {
    display: block
}

.footer-m__bd-link__tooltip {
    position: fixed;
    background: #fff7e1;
    border: 1px solid #ffe9ab;
    bottom: 56px;
    left: 0;
    right: 0;
    padding: 16px 20px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    line-height: 18px;
    z-index: 1;
    box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
    display: none
}

.footer-m__bd-link__tooltip--close {
    right: 6px;
    top: 6px;
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 1
}

.footer-m__bd-link__tooltip--close:after,
.footer-m__bd-link__tooltip--close:before {
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background-color: #000;
    position: absolute;
    left: 8px;
    top: 3px
}

.footer-m__bd-link__tooltip--close:before {
    transform: rotate(45deg)
}

.footer-m__bd-link__tooltip--close:after {
    transform: rotate(-45deg)
}

.mbPrimeCont {
    padding: 8px 0
}

.mbPrimeContBlock {
    height: 104px;
    overflow: hidden
}

.mbPrimeContSwiper {
    padding: 0 4px 0 8px;
    height: 112px;
    overflow: auto;
    white-space: nowrap
}

.mbPrimeContSwiperElem {
    display: inline-block;
    margin-right: 6px;
    white-space: normal;
    height: 104px;
    background: #29313b;
    border-radius: 12px;
    position: relative;
    padding: 18px 10px 0 44px;
    box-sizing: border-box;
    overflow: hidden
}

.mbPrimeContElemBorder {
    height: 3px;
    background: #e2be86;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: none
}

.mbPrimeContHeading {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 2px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mbPrimeContHeadingYellow {
    color: #eb860d
}

.mbPrimeContSubHeading {
    font-size: 12px;
    line-height: 20px;
    color: #e2be86;
    font-weight: 600;
    padding-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mbPrimeCta {
    color: #fff;
    font-weight: 600;
    position: relative;
    line-height: 20px;
    display: inline-block;
    padding-right: 22px;
    font-size: 14px
}

.mbPrimeCta:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 11px;
    background: #fff;
    right: 0px;
    top: 10px
}

.mbPrimeCta:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    right: 2px;
    border: solid 1px #fff;
    transform: rotate(45deg);
    border-left: 0;
    border-bottom: 0;
    top: 7px;
    display: inline-block
}

.mbPrimeContUl {
    padding-top: 16px
}

.mbPrimeContLi {
    background: #757a80;
    width: calc(20% - 5px);
    height: 3px;
    float: left;
    margin-right: 5px
}

.mbPrimeContLi-active {
    background: #e8bd7d
}

.mbPrimeContIcon {
    height: 16px;
    width: 16px;
    position: absolute;
    left: -24px;
    top: 1px
}

.mbPrimeContIcon>svg {
    height: 16px;
    width: 16px
}

.insideTitle-mbprime {
    font-size: 18px;
    padding-left: 16px;
    text-align: left
}

.insideTitle-mbprime svg {
    width: 18px;
    vertical-align: -7px;
    margin-right: 2px
}

.mbPrime-container {
    height: 104px;
    overflow: hidden
}

.mbPrime-container-wrapper {
    height: 112px;
    overflow: auto
}

.mbPrime-container-wrapper-ul {
    white-space: nowrap;
    padding: 0 8px 0 16px
}

.mbPrime-container-wrapper-li {
    width: 248px;
    height: 104px;
    display: inline-block;
    border: solid 1px #d8d8d8;
    box-sizing: border-box;
    white-space: unset;
    margin-right: 8px;
    border-radius: 8px;
    padding: 16px 12px 0 16px;
    box-sizing: border-box;
    vertical-align: top
}

.mbPrime-container-topInfo {
    padding-bottom: 12px
}

.mbPrime-container-topInfo:after {
    content: "";
    display: table;
    clear: both
}

.mbPrime-container-pYype {
    font-size: 12px;
    font-weight: 600;
    color: #2bb700;
    float: left;
    text-transform: uppercase
}

.mbPrime-container-pDate {
    font-size: 12px;
    font-weight: 600;
    color: #909090;
    float: right
}

.mbPrime-container-brf {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 4px
}

.mbPrime-container-devider {
    font-weight: 300;
    display: inline-block
}

.mbPrime-container-inLoc {
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mbPrime-container-ctacont {
    padding: 12px 16px 16px
}

.mbPrime-container-cta {
    display: block;
    height: 44px;
    color: #fff;
    background: #5e81f4;
    text-align: center;
    line-height: 44px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600
}

.mbPrime-container-cta svg {
    width: 16px;
    vertical-align: -9px;
    margin-right: 6px;
    filter: grayscale(10)
}

.mbPrime-container-cta svg path {
    fill: #fff
}

.mb-home__modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 102;
    display: none;
    background-color: rgba(0, 0, 0, 0.7)
}

.mb-home__modal.open {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.mb-home__modal.open .mb-home__modal__box {
    top: 100px
}

.mb-home__modal--loader {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0
}

.mb-home__modal--close {
    width: 18px;
    height: 18px;
    position: absolute;
    top: -30px;
    right: 0px;
    z-index: 2
}

.mb-home__modal--close:before,
.mb-home__modal--close:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 18px;
    background-color: #fff;
    top: -1px;
    left: 8px
}

.mb-home__modal--close:before {
    transform: rotate(45deg)
}

.mb-home__modal--close:after {
    transform: rotate(-45deg)
}

.mb-home__modal__box {
    width: auto;
    height: auto;
    padding: 24px;
    background-color: #fff;
    position: relative;
    top: -1000px;
    border-radius: 8px;
    background-clip: padding-box;
    transition: top 0.6s ease
}

@media screen and (max-width: 767px) {
    .mb-home__modal__box {
        padding: 12px
    }
}

.mb-home__modal__body {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    background-color: #fff
}

.mbhome-m__collection {
    width: 100vw;
    height: 170px;
    overflow: hidden
}

.mbhome-m__collection .mbhome-m__hscroll-1 {
    height: 180px
}

.mbhome-m__collection .mbhome-m__hscroll-1 .mbhome-m__hscroll-2 {
    height: 160px
}

.mbhome-m__collection__card {
    width: 160px;
    height: 160px;
    margin-right: 8px;
    display: inline-block;
    overflow: hidden;
    border-radius: 8px;
    background-clip: padding-box
}

.mbhome-m__collection__card:last-child {
    margin-right: 0px
}

.mbhome-m__collection__card>a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

.mbhome-m__collection__card>a:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 136px;
    left: 0px;
    bottom: 0px;
    opacity: 0.7;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000)
}

.mbhome-m__collection__card>a:active .mbhome-m__collection__card--anchor:after {
    right: -6px
}

.mbhome-m__collection__card>a:active .mbhome-m__collection__card--graphic>img {
    transform: scale(1.1)
}

.mbhome-m__collection__card.no-shadow>a::after {
    display: none
}

.mbhome-m__collection__card--graphic {
    width: 100%;
    height: 100%;
    position: absolute
}

.mbhome-m__collection__card--graphic>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.35s ease-in
}

.mbhome-m__collection__card--content {
    width: 100%;
    height: auto;
    padding: 0px 12px 46px 12px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    z-index: 1;
    position: absolute;
    flex-wrap: wrap;
    bottom: 0
}

.mbhome-m__collection__card__title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5)
}

.mbhome-m__collection__card__title--count {
    font-size: 24px;
    font-weight: 600;
    display: block;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5)
}

.mbhome-m__collection__card--anchor {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding-right: 20px;
    position: absolute;
    bottom: 12px;
    line-height: 14px
}

.mbhome-m__collection__card--anchor:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    background: #fff;
    height: 2px;
    right: 0px;
    top: 6px;
    transition: all 0.6s ease
}

.mbhome-m__collection__card--anchor::before {
    content: "";
    height: 8px;
    width: 8px;
    border: 2px solid #fff;
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: 2px;
    transform: rotate(45deg)
}

.mbhome-m__collection-search {
    width: 100vw;
    height: 130px;
    overflow: hidden
}

.mbhome-m__collection-search .mbhome-m__hscroll-1 {
    height: 140px
}

.mbhome-m__collection-search .mbhome-m__hscroll-1 .mbhome-m__hscroll-2 {
    height: 120px
}

.mbhome-m__collection-search__card {
    width: 230px;
    height: 120px;
    margin-right: 8px;
    display: inline-block;
    border: solid 1px rgba(255, 199, 44, 0.4);
    background-color: rgba(255, 247, 225, 0.4);
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background-clip: padding-box
}

.mbhome-m__collection-search__card:last-child {
    margin-right: 0px
}

.mbhome-m__collection-search__card:after {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    right: 0px;
    bottom: 0px;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/mbhome-msite/mb-home-sprite-msite.svg") no-repeat
}

.mbhome-m__collection-search__card.card-new-properties:after {
    background-position: -3px 3px
}

.mbhome-m__collection-search__card.card-handpicked-project:after {
    background-position: -1px -56px
}

.mbhome-m__collection-search__card.card-bigger-homes:after {
    background-position: -7px -117px
}

.mbhome-m__collection-search__card.card-near-localities:after {
    background-position: 0px -241px
}

.mbhome-m__collection-search__card>a {
    width: 100%;
    height: 100%;
    padding: 22px 16px 16px 16px;
    display: block;
    position: relative;
    z-index: 1
}

.mbhome-m__collection-search__card>a:active .mbhome-m__collection-search__card--anchor:after {
    right: -6px
}

.mbhome-m__collection-search__card>a.no-padding {
    padding: 0
}

.mbhome-m__collection-search__card__title {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px
}

.mbhome-m__collection-search__card__title--count {
    font-size: 28px;
    font-weight: 600;
    line-height: 26px;
    display: inline-block;
    background: -webkit-linear-gradient(#5e81f4, #ffc72c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.mbhome-m__collection-search__card--anchor {
    color: #5e81f4;
    font-size: 14px;
    font-weight: 600;
    padding-right: 18px;
    position: absolute;
    bottom: 16px;
    line-height: 14px
}

.mbhome-m__collection-search__card--anchor:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 11px;
    right: 0px;
    top: 2px;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/mbhome-msite/mb-home-sprite-msite.svg") no-repeat;
    background-position: -25px -465px;
    transition: all 0.6s ease
}

.mbhome-m__prop-service {
    width: 100vw;
    height: 250px;
    overflow: hidden
}

.mbhome-m__prop-service .mbhome-m__hscroll-1 {
    height: 270px
}

.mbhome-m__prop-service .mbhome-m__hscroll-1 .mbhome-m__hscroll-2 {
    height: 250px
}

.mbhome-m__prop-service__card {
    width: 216px;
    height: 240px;
    margin-right: 8px;
    overflow: hidden;
    display: inline-block;
    border: #d7d7d7 solid 1px;
    border-radius: 8px;
    background-clip: padding-box
}

.mbhome-m__prop-service__card-highlight {
    border-color: #afeaef
}

.mbhome-m__prop-service__card--exclusive {
    position: absolute;
    height: 20px;
    line-height: 20px;
    padding: 0px 8px;
    border-radius: 4px;
    background-color: #FFC72C;
    top: 2px;
    right: 2px;
    font-size: 12px;
    font-weight: 600;
    color: #000
}

.mbhome-m__prop-service__card:last-child {
    margin-right: 0px
}

.mbhome-m__prop-service__card>a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

.mbhome-m__prop-service__card>a:active .mbhome-m__prop-service__card--graphic>img {
    transform: scale(1.1)
}

.mbhome-m__prop-service__card--graphic {
    width: 100%;
    height: 132px;
    overflow: hidden
}

.mbhome-m__prop-service__card--graphic>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.35s ease-in
}

.mbhome-m__prop-service__card--content {
    width: 100%;
    height: calc(100% - 132px);
    padding: 16px 16px 24px 16px;
    position: relative
}

.mbhome-m__prop-service__card--content-highlight {
    background: #afeaef
}

.mbhome-m__prop-service__card--title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mbhome-m__prop-service__card--text {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mbhome-m__prop-service__card--text-highlight {
    color: #5e81f4;
    font-weight: 600;
    display: inline-block
}

.mbhome-m__prop-service__card--text .amount-text {
    color: #5e81f4
}

.mbhome-m__prop-service__card--text.full-text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.zeroDp {
    position: relative
}

.zeroDp__new {
    position: absolute;
    font-size: 10px;
    line-height: 10px;
    color: #000;
    font-weight: 600;
    padding: 4px 4px 2px;
    background-color: #FFC72C;
    top: 123px;
    left: 16px;
    border-radius: 4px;
    z-index: 1
}

.text-green {
    color: #5e81f4
}

.text-red {
    color: #5e81f4
}

.text-bold {
    font-weight: 600
}

.reqsitevisit {
    position: fixed;
    bottom: 54px;
    left: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 -4px 10px 0 rgba(48, 48, 48, 0.2);
    background-color: #fff7e1;
    border-radius: 8px 8px 0 0;
    padding: 12px 14px 18px 16px
}

.reqsitevisit__title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    padding: 0 0 10px
}

.reqsitevisit__notnow {
    display: inline-block;
    color: #909090;
    font-size: 14px;
    line-height: 20px;
    margin-right: 22px;
    font-weight: 600
}

.reqsitevisit__redcta {
    font-size: 14px;
    color: #5e81f4;
    line-height: 20px;
    font-weight: 600;
    display: inline-block
}

.no-scroll {
    overflow: hidden
}

.onmodal {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    overflow: hidden;
    background: #fff;
    border-radius: 8px
}

@media screen and (max-width: 767px) {
    .onmodal {
        position: unset;
        width: unset;
        translate: unset;
        border-radius: unset
    }
}

.onmodal-container {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99
}

.onmodal__cross {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    z-index: 1
}

.onmodal__cross::before,
.onmodal__cross::after {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: #000;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    rotate: 45deg
}

.onmodal__cross::after {
    rotate: -45deg
}

.onmodal__top {
    height: 112px;
    font-weight: 600;
    line-height: 32px;
    color: #000;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 24px;
    margin: 0 0 8px;
    background: radial-gradient(circle at 50% 50%, rgba(150, 225, 232, 0.5), rgba(195, 180, 104, 0.5) 160%)
}

.onmodal__top::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 8px;
    background: #d6e4d2;
    -webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
    bottom: 1px;
    rotate: 180deg;
    translate: 0 100%
}

.onmodal__top--heading {
    font-size: 16px
}

.onmodal__top--txt {
    font-size: 24px
}

@media screen and (max-width: 767px) {
    .onmodal__top--txt {
        font-size: 20px
    }
}

.onmodal__bottom {
    padding: 0px 24px 8px
}

@media screen and (max-width: 767px) {
    .onmodal__bottom {
        height: 100vh
    }
}

.onmodal__link {
    position: relative;
    color: #000;
    display: block;
    text-decoration: none;
    padding: 20px 0
}

.onmodal__link:not(:last-child) {
    border-bottom: 1px solid #e8e8e8
}

.onmodal__link--title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 0 4px
}

.onmodal__link--txt {
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px 0 0
}

.onmodal__link__free {
    font-size: 10px;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
    color: #000;
    background-color: #FFC72C;
    vertical-align: middle;
    padding: 1px 4px 0;
    margin-left: 4px;
    border-radius: 4px
}

@media screen and (max-width: 767px) {
    .onmodal__link__free {
        vertical-align: text-bottom
    }
}

.onmodal__link::after {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    right: 2px;
    top: 50%;
    translate: 0 -50%;
    border-top: 2px solid #CE0037;
    border-right: 2px solid #CE0037;
    rotate: 45deg;
    border-radius: 2px
}

.estateSec {
    padding: 0 16px;
    margin-top: 16px
}

.estateSec__ttl {
    font-size: 14px;
    color: #000;
    line-height: 24px;
    font-weight: 600;
    display: inline-block;
    width: calc(100% - 85px);
    padding-left: 16px;
    padding-top: 16px
}

.estateSec__seeall {
    font-size: 14px;
    line-height: 24px;
    color: #5e81f4;
    display: inline-block;
    width: 70px;
    font-weight: 600;
    position: relative
}

.estateSec__seeall::after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 8px;
    top: 6px;
    right: 6px;
    border-right: 2px solid #5e81f4;
    border-top: 2px solid #5e81f4;
    transform: rotate(45deg)
}

.estateSec__seeall::before {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 2px;
    background: #5e81f4;
    top: 10px;
    right: 7px
}

.estateSec__loc-video {
    height: auto;
    width: 100%;
    padding-bottom: 8px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #fff
}

.estateSec__loc-video__vidWrap {
    height: 200px;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto;
    padding: 0 16px;
    margin-top: 12px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.estateSec__loc-video__vidWrap::-webkit-scrollbar {
    display: none
}

.estateSec__loc-video__vidWrap__lst {
    display: inline-block;
    margin-right: 5px;
    height: 200px;
    width: 160px;
    vertical-align: top
}

.estateSec__loc-video__vidWrap__lst a {
    display: block
}

.estateSec__loc-video__vidWrap__lst:last-child {
    margin-right: 0
}

.estateSec__loc-video__vidWrap__lst__cnt {
    font-size: 14px;
    color: #000;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    white-space: normal;
    display: -webkit-inline-box;
    margin-top: 8px
}

.estateSec__loc-video__vidWrap__lst__imgsec {
    width: 100%;
    height: 136px;
    overflow: hidden;
    position: relative
}

.estateSec__loc-video__vidWrap__lst__imgsec img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    background-clip: padding-box
}

.estateSec__loc-video__vidWrap__lst__imgsec .videoIco {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 32px;
    width: 32px;
    background-color: #fff;
    border-radius: 50%;
    background-clip: padding-box;
    transform: translate(-50%, -50%)
}

.estateSec__loc-video__vidWrap__lst__imgsec .videoIco::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #5e81f4;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.estateSec__loc-video__vidWrap.pblb {
    max-width: calc(100vw - 32px)
}

.estateSec__loc-video__vidWrap.pblb .estateSec__loc-video__vidWrap__lst {
    width: 210px
}

.estateSec__insight {
    width: 100%;
    border-radius: 8px;
    background-clip: padding-box;
    border: 1px solid #d7d7d7;
    height: auto;
    margin-top: 8px;
    background-color: #fff
}

.estateSec__insight__lstWrap {
    padding: 5px 16px 10px
}

.estateSec__insight__lstWrap__lst {
    border-bottom: 1px solid #e8e8e8
}

.estateSec__insight__lstWrap__lst:last-child {
    border-bottom: 0
}

.estateSec__insight__lstWrap__lst__txt {
    padding: 12px 10px 12px 0;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.estateSec__insight__lstWrap__lst__txt .icontxt {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: -4px;
    background: url("../images/mobile/locality__detail__sprite.svg") no-repeat -2px -1120px
}

.estateSec__insight__lstWrap__lst__txt .iconvideo {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    background: url("../images/mobile/locality__detail__sprite.svg") no-repeat -1px -1149px
}

.estateSec__leglUpdate {
    margin-top: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    border: 1px solid #d7d7d7;
    height: auto;
    padding-bottom: 16px;
    background-color: #fff
}

.estateSec__leglUpdate__lstwrap {
    padding: 12px 16px 0
}

.estateSec__leglUpdate__lstwrap__lst {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
    margin-bottom: 16px
}

.estateSec__leglUpdate__lstwrap__lst:last-child {
    margin-bottom: 12px
}

.estateSec__leglUpdate__lstwrap__lst__imgwrap {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin-right: 10px;
    position: relative
}

.estateSec__leglUpdate__lstwrap__lst__imgwrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    background-clip: padding-box
}

.estateSec__leglUpdate__lstwrap__lst__imgwrap .videoIcon {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 11px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.estateSec__leglUpdate__lstwrap__lst__cntwrap {
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: top
}

.estateSec__leglUpdate__lstwrap__lst__cntwrap__txt {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    margin-bottom: 4px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.estateSec__leglUpdate__lstwrap__lst__cntwrap__cta {
    position: relative;
    font-size: 14px;
    color: #5e81f4;
    font-weight: 600
}

.estateSec__leglUpdate__lstwrap__lst__cntwrap__cta__arrow {
    display: inline-block;
    position: relative;
    top: -15px;
    right: -21px
}

.estateSec__leglUpdate__lstwrap__lst__cntwrap__cta__arrow::before {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 2px;
    background: #5e81f4;
    top: 10px;
    right: 7px
}

.estateSec__leglUpdate__lstwrap__lst__cntwrap__cta__arrow::after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 8px;
    top: 6px;
    right: 6px;
    border-right: 2px solid #5e81f4;
    border-top: 2px solid #5e81f4;
    transform: rotate(45deg)
}

.estateSec__leglUpdate__explrBtn {
    padding: 0 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    border-radius: 20px;
    background-clip: padding-box;
    background-color: #5e81f4;
    height: 32px;
    line-height: 32px;
    margin-left: 16px
}

.loc-img__container {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    display: none
}

.loc-img__container.active {
    display: block
}

.loc-img__popup {
    width: calc(100vw - 16px);
    height: 60vh;
    margin: 20vh auto;
    background-color: #fff;
    border-radius: 8px;
    border: 4px solid #fff;
    position: relative
}

.loc-img__popup__close {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: -40px;
    right: -12px
}

.loc-img__popup__close::before {
    content: '';
    width: 32px;
    height: 2px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: 12px;
    left: 0px;
    transform: rotate(-45deg)
}

.loc-img__popup__close::after {
    content: '';
    width: 32px;
    height: 2px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: 12px;
    left: 0px;
    transform: rotate(45deg)
}

.mbhome-m__loyal__sliderblock {
    padding: 20px 0;
    width: 100vw;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: fixed;
    bottom: 52px;
    z-index: 95
}

.mbhome-m__loyal__sliders {
    height: 80px;
    padding: 0px 0px 0px 8px;
    display: flex
}

.mbhome-m__loyal__slider {
    display: flex;
    flex-shrink: 0;
    width: 316px;
    height: 80px;
    margin-right: 8px;
    overflow: hidden;
    border: #d7d7d7 solid 1px;
    border-radius: 8px;
    background-clip: padding-box;
    padding: 10px 0;
    position: relative;
    align-items: center;
    background: #fff
}

.mbhome-m__loyal__slider__icon {
    width: 60px;
    height: 80px;
    padding: 10px 0px;
    background-color: #f5f5f5;
    border-radius: 0 8px 8px 0;
    text-align: center
}

.mbhome-m__loyal__slider__icon-small {
    vertical-align: -2px
}

.mbhome-m__loyal__slider__label {
    display: block;
    font-size: 12px;
    color: #000;
    text-align: center;
    font-weight: 600
}

.mbhome-m__loyal__slider__content {
    padding: 4px 14px 0 10px;
    width: 258px;
    box-sizing: border-box
}

.mbhome-m__loyal__slider__close {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 16px;
    width: 16px
}

.mbhome-m__loyal__slider__close::before,
.mbhome-m__loyal__slider__close::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #000;
    transform: rotate(45deg);
    top: 3px;
    left: 8px
}

.mbhome-m__loyal__slider__close::after {
    transform: rotate(-45deg)
}

.mbhome-m__loyal__slider__heading {
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.mbhome-m__loyal__slider__heading-normal14 {
    font-size: 14px;
    color: #000000
}

.mbhome-m__loyal__slider__heading-normalblack {
    font-weight: 400;
    color: #000000
}

.mbhome-m__loyal__slider__heading-black {
    color: #000000
}

.mbhome-m__loyal__slider__text {
    font-size: 12px;
    color: #000
}

.mbhome-m__loyal__slider__text-black16 {
    font-size: 16px;
    color: #000
}

.mbhome-m__loyal__slider__text-bold16black {
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.mbhome-m__loyal__slider__cta {
    display: inline-block;
    margin-top: 10px;
    padding-right: 16px;
    color: #d40000;
    font-size: 12px;
    font-weight: 600;
    position: relative
}

.mbhome-m__loyal__slider__cta::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 9px;
    background: #d40000;
    top: 8px;
    right: 0
}

.mbhome-m__loyal__slider__cta::after {
    content: "";
    position: absolute;
    border: solid 1px #d40000;
    height: 5px;
    width: 4px;
    transform: rotate(45deg);
    border-width: 1px 1px 0 0;
    top: 6px;
    right: 0px
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content {
    padding: 10px;
    width: 300px
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content--mainHeading {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px;
    width: 100%
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content--actv {
    font-size: 12px;
    margin: 0 0 4px
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content__cta {
    width: 100%
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content__cta--notNow {
    position: relative;
    font-size: 12px
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content__cta--actvNow {
    font-size: 12px
}

.mbhome-m__loyal__slider .mb-reacBanner-m {
    position: relative;
    bottom: 0;
    background: #fff;
    box-shadow: none;
    left: 0;
    right: 0;
    width: 316px;
    padding: 12px 4px 8px;
    border: 0
}

.mbhome-m__loyal__slider .mb-reacBanner-m__close {
    top: 20px;
    right: 8px
}

.mbhome-m__loyal__slider .mb-reacBanner-m__close::before,
.mbhome-m__loyal__slider .mb-reacBanner-m__close::after {
    width: 10px;
    top: 2px;
    right: 2px;
    background-color: #606060
}

.singleSliderAdded.mbhome-m__loyal__sliders {
    width: 100%
}

.singleSliderAdded .mbhome-m__loyal__slider {
    width: calc(100% - 10px)
}

.magichomesm {
    background: linear-gradient(to bottom, #f2fbfc 1%, rgba(242, 251, 252, 0));
    position: relative;
    padding: 22px 12px 24px;
    margin-top: 16px
}

.magichomesm::before,
.magichomesm::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 2px;
    background: linear-gradient(to right, rgba(190, 245, 250, 0) 0%, #b9f4fa 50%, rgba(188, 245, 250, 0))
}

.magichomesm::after {
    top: auto;
    bottom: 0;
    background: linear-gradient(to right, rgba(190, 245, 250, 0) 0%, #b9f4fa 50%, rgba(188, 245, 250, 0))
}

.magichomesm__newlaunch {
    position: absolute;
    padding: 0px 8px;
    border-radius: 4px;
    background-color: #ffde82;
    font-size: 10px;
    font-weight: 600;
    color: #000;
    line-height: 16px;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden
}

.magichomesm__newlaunch::before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.74);
    transform: rotate(25deg);
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: 2;
    animation: buttonAnim 2s linear infinite
}

.magichomesm__title {
    background: url("https://cdn.staticmb.com/magicservicestatic/images/hompage-loyalty-brandicon-small.svg") no-repeat -17px -1932px;
    width: 100px;
    height: 18px;
    margin: 0 auto 4px
}

.magichomesm__txt {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    padding: 0 0 4px;
    text-align: center
}

.magichomesm__content {
    text-align: center
}

.magichomesm__blks {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.magichomesm__section {
    text-align: center;
    width: 33.33%;
    margin-right: 8px;
    padding-right: 8px;
    position: relative
}

.magichomesm__section::before {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(179deg, #f3fbfc, #b2f6ff 50%, #f3fcfc);
    opacity: 0.6;
    width: 1px;
    height: 85px;
    right: 0;
    top: 0
}

.magichomesm__section__ic {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/hompage-loyalty-brandicon-small.svg") no-repeat -4px -1714px
}

.magichomesm__section__txt {
    font-size: 12px;
    color: #000;
    line-height: 16px;
    display: block
}

.magichomesm__section:last-child {
    padding: 0;
    margin: 0
}

.magichomesm__section:last-child::before {
    content: none
}

.magichomesm__section--rera .magichomesm__section__ic {
    background-position: -4px -1758px
}

.magichomesm__section--review .magichomesm__section__ic {
    background-position: -4px -1801px
}

.magichomesm__ctasec {
    text-align: center;
    margin-top: 24px
}

.magichomesm__cta {
    display: inline-block;
    border-radius: 20px;
    background-clip: padding-box;
    background-color: #5e81f4;
    width: calc(100% - 26px);
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.magichomesm__cta:hover {
    background-color: #c31f25
}

@keyframes buttonAnim {
    0% {
        left: -10%
    }

    30% {
        left: 120%
    }

    100% {
        left: 120%
    }
}

.pblb__research__img {
    width: 100%;
    height: 184px;
    overflow: hidden;
    padding: 16px 16px 0
}

.pblb__research__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    border-radius: 8px
}

.pblb__research__content {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 16px
}

.pblb__research__content__title {
    font-size: 14px;
    line-height: 18px;
    color: #000
}

.pblb__research__cta {
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    color: #FFF;
    background-color: #5e81f4;
    border-radius: 20px;
    white-space: nowrap;
    padding: 0 16px;
    cursor: pointer;
    transition: 0.3s all ease
}

.pblb__research__cta:hover {
    background-color: #c31f25
}

.pblb__contest__img {
    display: block;
    width: 100%;
    height: 260px;
    border-radius: 8px;
    padding: 16px 16px 0;
    overflow: hidden
}

.pblb__contest__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.pblb__hscroll1 {
    height: 290px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .pblb__hscroll2 {
        height: 300px;
        display: flex;
        gap: 8px;
        overflow: auto
    }

    .pblb__hscroll2 .estateSec__insight,
    .pblb__hscroll2 .estateSec__leglUpdate {
        width: calc(100% - 50px);
        height: 280px;
        flex-shrink: 0
    }

    .pblb__hscroll2 .estateSec__ttl {
        padding-left: 12px
    }

    .pblb__hscroll2 .pblb__research__img {
        height: 160px;
        padding: 12px 12px 0
    }

    .pblb__hscroll2 .pblb__research__content {
        padding: 12px;
        gap: 0
    }

    .pblb__hscroll2 .pblb__contest__img {
        height: 220px;
        padding: 12px 12px 0
    }

    .pblb__hscroll2 .pblb__research__content__title {
        font-size: 12px
    }
}

.newproj {
    margin-top: 24px;
    position: relative
}

.newproj::before {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to right, rgba(190, 245, 250, 0) 0%, #b9f4fa 50%, rgba(188, 245, 250, 0));
    width: 100%;
    height: 2px;
    top: 0;
    left: 0
}

.newproj::after {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to right, rgba(190, 245, 250, 0) 0%, #b9f4fa 50%, rgba(188, 245, 250, 0));
    left: 0;
    width: 100%;
    height: 2px;
    bottom: 0
}

.newproj__header {
    background: linear-gradient(to bottom, #f2fbfc, #f3fbfc);
    padding: 6px 12px 4px 14px;
    display: flex;
    align-items: center
}

.newproj__header__ic {
    display: inline-block;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/mbhome-msite/magichomeslogo-wap.svg") no-repeat;
    width: 115px;
    height: 24px;
    margin-right: 6px
}

.newproj__header__txt {
    font-size: 10px;
    color: #606060;
    line-height: 20px;
    margin-right: 6px;
    display: inline-block
}

.newproj__header__newtag {
    padding: 2px 4px;
    background-color: #ffde82;
    color: #000;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    background-clip: padding-box;
    font-size: 10px;
    font-weight: 600
}

.newproj__prjintrst {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #000
}

.newproj__content {
    padding: 10px 20px 10px 20px
}

.newproj__txt {
    font-size: 12px;
    color: #000;
    line-height: 20px
}

.newproj__cardcont {
    display: flex;
    align-items: center;
    margin-right: -20px;
    margin-left: -20px;
    padding: 14px 12px 16px 20px;
    gap: 12px;
    position: relative;
    width: 100vw;
    overflow-y: hidden;
    overflow-x: auto
}

.newproj__cardcont::-webkit-scrollbar {
    display: none
}

.newproj__cardcont__wrap {
    position: relative
}

.newproj__cardcont.aligncenter {
    justify-content: center
}

.newproj__card {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.14), inset 0 1px 3px 0 #fff;
    border: 1px solid #fff;
    border-radius: 12px;
    background-color: #f5f5f5;
    width: 281px;
    flex-shrink: 0
}

.newproj__card__prjinfo {
    border-radius: 12px;
    background-color: #fff;
    display: flex;
    padding: 6px 14px;
    margin: 0 0 8px
}

.newproj__card__prjinfo__imgsec {
    width: 66px;
    height: 48px;
    flex-shrink: 0;
    margin-right: 8px;
    border-radius: 6px
}

.newproj__card__prjinfo__img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover
}

.newproj__card__prjinfo__txtsec {
    width: calc(100% - 74px)
}

.newproj__card__prjinfo__name {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0 2px
}

.newproj__card__prjinfo__loc {
    font-size: 12px;
    color: #606060;
    padding: 0 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newproj__card__prjinfo__price {
    font-size: 12px;
    color: #606060
}

.newproj__card__prjinfo__price--bold {
    font-weight: 600
}

.newproj__card__onlymb {
    position: relative;
    margin: 0 auto 20px;
    text-align: center;
    max-width: calc(100% - 40px)
}

.newproj__card__onlymb::before {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to left, #999, rgba(96, 96, 96, 0));
    width: 36px;
    height: 2px;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.newproj__card__onlymb::after {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to right, #999, rgba(96, 96, 96, 0));
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 2px
}

.newproj__card__onlymb__txt {
    font-size: 12px;
    font-weight: 600;
    color: #5e81f4;
    margin: 0 20px;
    display: inline-block
}

.newproj__card__blocks {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
    padding: 0 8px 8px
}

.newproj__card__linkbox {
    border-radius: 8px;
    border: solid 1px #e8e8e8;
    background-color: #fff;
    position: relative;
    width: calc(50% - 3px);
    padding: 5px 18px 5px 7px
}

.newproj__card__linkbox__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 4px
}

.newproj__card__linkbox__ic {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: inline-block;
    flex-shrink: 0;
    margin-right: 8px;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/mbhome-msite/mb-home-sprite-msite.svg") no-repeat -14px -1578px
}

.newproj__card__linkbox__arrow {
    width: 8px;
    height: 8px;
    border: solid #909090;
    border-width: 0 2px 2px 0;
    margin-left: auto;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg)
}

.newproj__card__linkbox__txt {
    font-size: 12px;
    color: #000
}

.newproj__card__linkbox--revs .newproj__card__linkbox__ic {
    background-position: -16px -1892px;
    width: 36px;
    height: 22px
}

.newproj__viewall {
    background-color: #5e81f4;
    text-align: center;
    color: #fff;
    display: block;
    line-height: 32px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600
}

.newprojsim {
    position: relative;
    margin-top: 24px;
    padding-bottom: 10px
}

.newprojsim::before {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to right, rgba(190, 245, 250, 0) 0%, #b9f4fa 50%, rgba(188, 245, 250, 0));
    width: 100%;
    height: 2px;
    top: 0;
    left: 0
}

.newprojsim::after {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to right, rgba(190, 245, 250, 0) 0%, #b9f4fa 50%, rgba(188, 245, 250, 0));
    left: 0;
    width: 100%;
    height: 2px;
    bottom: 0
}

.newprojsim__header {
    background: linear-gradient(to bottom, #f2fbfc, #f3fbfc);
    padding: 6px 12px 4px 14px;
    display: flex;
    align-items: center
}

.newprojsim__header__ic {
    display: inline-block;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/mbhome-msite/mb-home-sprite-msite.svg") no-repeat -17px -1932px;
    width: 100px;
    height: 18px;
    margin-right: 6px
}

.newprojsim__header__txt {
    font-size: 10px;
    color: #606060;
    line-height: 20px;
    margin-right: 6px;
    display: inline-block
}

.newprojsim__header__newtag {
    padding: 2px 4px;
    background-color: #ffde82;
    color: #000;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    background-clip: padding-box;
    font-size: 10px;
    font-weight: 600
}

.newprojsim__cardinnerwrap {
    padding: 11px 8px 0px 20px
}

.newprojsim__cardinnerwrap__projname {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    line-height: 20px
}

.newprojsim__cardinnerwrap__mightalso {
    font-size: 12px;
    color: #000;
    line-height: 20px
}

.newprojsim__viewall {
    background-color: #5e81f4;
    text-align: center;
    color: #fff;
    display: block;
    line-height: 32px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    margin: 0px 16px 0 16px
}

.newprojsim .newproj__cardcont__wrap {
    right: 0
}

.mbhome-m__loyal__sliderblock {
    padding: 20px 0;
    width: 100vw;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: fixed;
    bottom: 52px;
    z-index: 95
}

.mbhome-m__loyal__sliders {
    height: 80px;
    padding: 0px 0px 0px 8px;
    display: flex
}

.mbhome-m__loyal__slider {
    display: flex;
    flex-shrink: 0;
    width: 316px;
    height: 80px;
    margin-right: 8px;
    overflow: hidden;
    border: #d7d7d7 solid 1px;
    border-radius: 8px;
    background-clip: padding-box;
    padding: 10px 0;
    position: relative;
    align-items: center;
    background: #fff
}

.mbhome-m__loyal__slider__icon {
    width: 60px;
    height: 80px;
    padding: 10px 0px;
    background-color: #f5f5f5;
    border-radius: 0 8px 8px 0;
    text-align: center
}

.mbhome-m__loyal__slider__icon-small {
    vertical-align: -2px
}

.mbhome-m__loyal__slider__label {
    display: block;
    font-size: 12px;
    color: #000;
    text-align: center;
    font-weight: 600
}

.mbhome-m__loyal__slider__content {
    padding: 4px 14px 0 10px;
    width: 258px;
    box-sizing: border-box
}

.mbhome-m__loyal__slider__close {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 16px;
    width: 16px
}

.mbhome-m__loyal__slider__close::before,
.mbhome-m__loyal__slider__close::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #000;
    transform: rotate(45deg);
    top: 3px;
    left: 8px
}

.mbhome-m__loyal__slider__close::after {
    transform: rotate(-45deg)
}

.mbhome-m__loyal__slider__heading {
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.mbhome-m__loyal__slider__heading-normal14 {
    font-size: 14px;
    color: #000000
}

.mbhome-m__loyal__slider__heading-normalblack {
    font-weight: 400;
    color: #000000
}

.mbhome-m__loyal__slider__heading-black {
    color: #000000
}

.mbhome-m__loyal__slider__text {
    font-size: 12px;
    color: #000
}

.mbhome-m__loyal__slider__text-black16 {
    font-size: 16px;
    color: #000
}

.mbhome-m__loyal__slider__text-bold16black {
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.mbhome-m__loyal__slider__cta {
    display: inline-block;
    margin-top: 10px;
    padding-right: 16px;
    color: #d40000;
    font-size: 12px;
    font-weight: 600;
    position: relative
}

.mbhome-m__loyal__slider__cta::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 9px;
    background: #d40000;
    top: 8px;
    right: 0
}

.mbhome-m__loyal__slider__cta::after {
    content: "";
    position: absolute;
    border: solid 1px #d40000;
    height: 5px;
    width: 4px;
    transform: rotate(45deg);
    border-width: 1px 1px 0 0;
    top: 6px;
    right: 0px
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content {
    padding: 10px;
    width: 300px
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content--mainHeading {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px;
    width: 100%
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content--actv {
    font-size: 12px;
    margin: 0 0 4px
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content__cta {
    width: 100%
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content__cta--notNow {
    position: relative;
    font-size: 12px
}

.mbhome-m__loyal__slider .mb-reacBanner-m__content__cta--actvNow {
    font-size: 12px
}

.mbhome-m__loyal__slider .mb-reacBanner-m {
    position: relative;
    bottom: 0;
    background: #fff;
    box-shadow: none;
    left: 0;
    right: 0;
    width: 316px;
    padding: 12px 4px 8px;
    border: 0
}

.mbhome-m__loyal__slider .mb-reacBanner-m__close {
    top: 20px;
    right: 8px
}

.mbhome-m__loyal__slider .mb-reacBanner-m__close::before,
.mbhome-m__loyal__slider .mb-reacBanner-m__close::after {
    width: 10px;
    top: 2px;
    right: 2px;
    background-color: #606060
}

.singleSliderAdded.mbhome-m__loyal__sliders {
    width: 100%
}

.singleSliderAdded .mbhome-m__loyal__slider {
    width: calc(100% - 10px)
}

.magichomesm {
    background: linear-gradient(to bottom, #f2fbfc 1%, rgba(242, 251, 252, 0));
    position: relative;
    padding: 22px 12px 24px;
    margin-top: 16px
}

.magichomesm::before,
.magichomesm::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 2px;
    background: linear-gradient(to right, rgba(190, 245, 250, 0) 0%, #b9f4fa 50%, rgba(188, 245, 250, 0))
}

.magichomesm::after {
    top: auto;
    bottom: 0;
    background: linear-gradient(to right, rgba(190, 245, 250, 0) 0%, #b9f4fa 50%, rgba(188, 245, 250, 0))
}

.magichomesm__newlaunch {
    position: absolute;
    padding: 0px 8px;
    border-radius: 4px;
    background-color: #ffde82;
    font-size: 10px;
    font-weight: 600;
    color: #000;
    line-height: 16px;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden
}

.magichomesm__newlaunch::before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.74);
    transform: rotate(25deg);
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: 2;
    animation: buttonAnim 2s linear infinite
}

.magichomesm__title {
    background: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/mbhome-msite/mb-home-sprite-msite.svg") no-repeat -17px -1932px;
    width: 100px;
    height: 18px;
    margin: 0 auto 4px
}

.magichomesm__txt {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    padding: 0 0 4px;
    text-align: center
}

.magichomesm__content {
    text-align: center
}

.magichomesm__blks {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.magichomesm__section {
    text-align: center;
    width: 33.33%;
    margin-right: 8px;
    padding-right: 8px;
    position: relative
}

.magichomesm__section::before {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(179deg, #f3fbfc, #b2f6ff 50%, #f3fcfc);
    opacity: 0.6;
    width: 1px;
    height: 85px;
    right: 0;
    top: 0
}

.magichomesm__section__ic {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/mbhome-msite/mb-home-sprite-msite.svg") no-repeat -4px -1714px
}

.magichomesm__section__txt {
    font-size: 12px;
    color: #000;
    line-height: 16px;
    display: block
}

.magichomesm__section:last-child {
    padding: 0;
    margin: 0
}

.magichomesm__section:last-child::before {
    content: none
}

.magichomesm__section--rera .magichomesm__section__ic {
    background-position: -4px -1758px
}

.magichomesm__section--review .magichomesm__section__ic {
    background-position: -4px -1801px
}

.magichomesm__ctasec {
    text-align: center;
    margin-top: 24px
}

.magichomesm__cta {
    display: inline-block;
    border-radius: 20px;
    background-clip: padding-box;
    background-color: #5e81f4;
    width: calc(100% - 26px);
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.magichomesm__cta:hover {
    background-color: #c31f25
}

@keyframes buttonAnim {
    0% {
        left: -10%
    }

    30% {
        left: 120%
    }

    100% {
        left: 120%
    }
}

.hppwbann {
    background-color: #f5f5f5;
    padding: 16px
}

.hppwbann__cont {
    border-radius: 12px
}

.hppwbann__top {
    background-color: #fff;
    padding: 20px 20px 16px;
    border-radius: 12px 12px 0 0
}

.hppwbann__bottom {
    padding: 20px 16px;
    background-color: rgba(216, 35, 42, 0.05);
    border-radius: 0 0 12px 12px
}

.hppwbann__title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    position: relative;
    padding: 0 0 12px 34px
}

.hppwbann__title::before {
    content: "";
    display: block;
    position: absolute;
    width: 27px;
    height: 27px;
    left: 0;
    top: 0;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/mbhome-msite/mb-home-sprite-msite.svg") no-repeat -5px -2045px
}

.hppwbann__subheading {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
    padding: 0 0 16px
}

.hppwbann__list__item {
    font-size: 14px;
    color: #000;
    margin: 0 0 8px;
    padding-left: 22px;
    position: relative
}

.hppwbann__list__item::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: rgba(0, 150, 129, 0.2);
    left: 0;
    top: 1px
}

.hppwbann__list__item::after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 7px;
    border: solid #5e81f4;
    border-width: 0 1px 1px 0;
    left: 6px;
    top: 4px;
    transform: rotate(45deg)
}

.hppwbann__list__item:last-child {
    margin: 0
}

.hppwbann__ipfield {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12), 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 25px;
    width: 100%
}

.hppwbann__cta {
    display: inline-block;
    background-color: #5e81f4;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 36px;
    border-radius: 25px;
    margin-left: auto;
    width: 104px;
    text-align: center
}

.hppwbann__accuracy {
    padding-top: 12px;
    font-size: 12px;
    color: #000;
    line-height: 12px;
    text-align: center
}

.mb-reacBanner-m {
    position: fixed;
    bottom: 68px;
    left: 16px;
    padding: 28px 16px 16px 16px;
    border-radius: 8px;
    background-clip: padding-box;
    box-shadow: 0 2px 12px 0 #d7d7d7;
    border: solid 1px rgba(144, 144, 144, 0.38);
    background-color: #f5f5f5;
    z-index: 99;
    width: calc(100% - 32px)
}

.mb-reacBanner-m__close {
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 14px;
    top: 12px;
    right: 16px
}

.mb-reacBanner-m__close:before,
.mb-reacBanner-m__close:after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 1px;
    background-color: #909090;
    top: 4px;
    right: -6px;
    transform: rotate(45deg)
}

.mb-reacBanner-m__close:after {
    transform: rotate(-45deg)
}

.mb-reacBanner-m__content--mainHeading {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    margin: 0 0 10px;
    width: calc(100% - 34px)
}

.mb-reacBanner-m__content--mainHeading--boldText {
    font-weight: 600
}

.mb-reacBanner-m__content--mainHeading .d-block {
    display: block
}

.mb-reacBanner-m__content--actv {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0 0 16px
}

.mb-reacBanner-m__content--actv--greenText {
    color: #5e81f4
}

.mb-reacBanner-m__content__cta {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mb-reacBanner-m__content__cta--notNow {
    display: inline-block;
    font-size: 14px;
    color: #909090;
    position: absolute;
    text-decoration: underline !important;
    line-height: 24px;
    font-weight: 600
}

.mb-reacBanner-m__content__cta--actvNow {
    display: inline-block;
    font-size: 14px;
    color: #5e81f4;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    padding-right: 20px
}

.mb-reacBanner-m__content__cta--actvNow:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #5e81f4;
    height: 2px;
    width: 14px;
    right: 0;
    top: 10px;
    transition: right 0.2s ease-in
}

.mb-reacBanner-m__content__cta--actvNow:after {
    content: "";
    display: block;
    position: absolute;
    border: solid #5e81f4;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
    right: 0;
    top: 6px;
    width: 7px;
    height: 7px;
    transition: right 0.2s ease-in
}

.pdp__banner__diary {
    padding: 24px 16px;
    background-image: linear-gradient(to bottom, #dff6f9, #fff);
    background-size: contain;
    line-height: 24px;
    color: #000;
    margin-top: 16px;
    position: relative
}

.pdp__banner__diary::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 150px;
    width: 225px;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/magicDiaryMobileBannerBg.png") no-repeat right bottom;
    background-size: cover
}

.pdp__banner__diary__free {
    font-size: 18px;
    padding-bottom: 4px;
    display: inline
}

.pdp__banner__diary__heading {
    font-weight: 600;
    padding-bottom: 4px;
    display: inline;
    color: #000
}

.pdp__banner__diary__subheading {
    color: #000;
    padding-bottom: 12px;
    display: inline
}

.pdp__banner__diary__offer {
    width: 300px;
    display: inline-block;
    position: relative
}

.pdp__banner__diary__highlights {
    width: 240px;
    padding: 2px 8px;
    border-radius: 4px;
    background-color: #fff7e1;
    display: inline-block;
    font-size: 14px
}

.pdp__banner__diary__offericon {
    position: absolute;
    width: 71px;
    height: 41px;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/carWithStar.svg");
    right: 0;
    bottom: 0
}

.pdp__banner__diary__cta {
    height: 36px;
    line-height: 36px;
    display: block;
    padding: 0 20px;
    border-radius: 40px;
    background-color: #5e81f4;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin-top: 24px
}

.upcsv-m {
    background-image: linear-gradient(to bottom, #f5f5f5, rgba(245, 245, 245, 0));
    padding: 18px 14px 20px
}

.upcsv-m__title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 20px
}

.upcsv-m__freetag {
    background-color: #ffc72c;
    border-radius: 4px;
    padding: 2px 5px 0px;
    color: #000;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 600;
    margin-left: 6px;
    display: inline-block;
    line-height: 14px
}

.upcsv-m__scrollsec {
    display: flex;
    overflow: auto;
    gap: 12px;
    padding: 20px 15px;
    margin: 0 -15px;
    width: 100vw
}

.upcsv-m__scrollsec::-webkit-scrollbar {
    display: none
}

.upcsv-m__card {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    flex-shrink: 0;
    width: 82%;
    background-color: #fff
}

.upcsv-m__card__time {
    position: absolute;
    padding: 4px 8px;
    background-color: #5e81f4;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    top: -11px;
    left: 10px
}

.upcsv-m__card__content {
    padding: 24px 16px 8px 10px;
    display: flex;
    align-items: center;
    gap: 9px
}

.upcsv-m__card__fig {
    width: 50px;
    height: 46px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0
}

.upcsv-m__card__fig__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.upcsv-m__card__textsec {
    width: calc(100% - 59px)
}

.upcsv-m__card__topflex {
    display: flex;
    align-items: center;
    padding: 0 0 4px;
    justify-content: space-between
}

.upcsv-m__card__prjname {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    color: #606060;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 30px)
}

.upcsv-m__card__prjcount {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: solid 1px #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #000
}

.upcsv-m__card__loc {
    font-size: 14px;
    color: #606060;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.upcsv-m__card__ctasec {
    background-color: #2f2f2f;
    border-radius: 0 0 8px 8px;
    cursor: pointer;
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 600;
    color: #fff
}

html,
body {
    overflow-x: hidden;
    height: 100vh; 
}

.no-scroll {
    overflow: hidden
}

.mbhome-m {
    background-color: #fff;
    font-family: 'Montserrat';
    font-weight: 400;
    line-height: normal;
    padding-bottom: 60px;
    box-sizing: border-box
}

.mbhome-m,
.mbhome-m * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.mbhome-m input,
.mbhome-m textarea,
.mbhome-m button,
.mbhome-m select,
.mbhome-m a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mbhome-m .card-shadow {
    transition: box-shadow 0.25s ease-out
}

.mbhome-m .card-shadow:active {
    box-shadow: 0 3px 9px 0 rgba(48, 48, 48, 0.2)
}

.mbhome-m .rupees {
    font-family: Arial;
    margin-right: 2px;
    font-weight: normal
}

.mbhome-m .push-right {
    float: right
}

.mbhome-m__hscroll-1 {
    width: 100vw;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.mbhome-m__hscroll-1::-webkit-scrollbar {
    display: none
}

.mbhome-m__hscroll-2 {
    padding: 0px 16px;
    display: flex
}

.mbhome-m__container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: table;
    padding: 0px
}

.mbhome-m__container {
    width: 100vw;
    margin-right: auto;
    margin-left: auto;
    display: table;
    padding: 0px
}

.mbhome-m__section {
    width: 100%;
    height: auto;
    padding: 16px
}

.mbhome-m__section.has-slider {
    padding: 16px 0px 6px 0px
}

.mbhome-m__section.has-slider .mbhome-m__section__title {
    padding: 0px 16px 24px 16px
}

.mbhome-m__section.has-slider .mbhome-m__section__title.p-b-16 {
    padding-bottom: 16px
}

.mbhome-m__section__title {
    width: 100%;
    height: auto;
    padding-bottom: 24px;
    display: table
}

.mbhome-m__section__title.p-b-16 {
    padding-bottom: 16px
}

.mbhome-m__section__title--text1 {
    width: calc(100% - 82px);
    color: #000;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    line-height: 26px
}

.mbhome-m__section__title--text1 h1 {
    display: inline;
    margin: 0px;
    padding: 0px
}

.mbhome-m__section__title--text1:after {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 3px;
    left: 0px;
    bottom: -8px;
    border-radius: 2px;
    background-clip: padding-box
}

.mbhome-m__section__title--text1.strip-orange:after {
    background-color: #FFC72C
}

.mbhome-m__section__title--text1.strip-red:after {
    background-color: #5e81f4
}

.mbhome-m__section__title--text1.strip-sky-blue:after {
    background-color: #00C1D4
}

.mbhome-m__section__title--text2 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    display: inline-block
}

.mbhome-m__section__title--text3 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    display: inline-block
}

.mbhome-m__section__title--anchor-see-all {
    width: 82px;
    color: #5e81f4;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-right: 20px;
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    text-align: right
}

.mbhome-m__section__title--anchor-see-all:active:after {
    right: -6px
}

.mbhome-m__section__title--anchor-see-all:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 11px;
    right: 0px;
    bottom: 4px;
    background: url("https://cdn.staticmb.com/magicservicestatic/images/revamp/mbhome-msite/mb-home-sprite-msite.svg") no-repeat;
    background-position: -25px -465px;
    transition: all 0.6s ease
}

.mbhome-m__section__title--cityname {
    color: #5e81f4;
    font-size: 18px;
    font-weight: 600;
    padding-right: 18px;
    position: relative;
    display: inline-block
}

.mbhome-m__section__title--cityname:after {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 7px;
    right: 4px;
    border-bottom: 2px solid #5e81f4;
    border-right: 2px solid #5e81f4;
    transform: rotate(45deg)
}

.mbhome-m__action {
    width: 100%;
    height: auto
}

.mbhome-m__action.action--inline .mb-home__action--btn {
    margin-right: 7px
}

.mbhome-m__action.action--inline .mb-home__action--btn:last-child {
    margin-right: 0px
}

.mbhome-m__action.action--single .mb-home__action--btn {
    width: 100%;
    margin-right: 0px
}

.mbhome-m__action.action--right {
    text-align: right
}

.mbhome-m__action.action--center {
    text-align: center
}

.mbhome-m__action--btn {
    width: auto;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 16px;
    background-clip: padding-box;
    transition: all 0.3s ease
}

.mbhome-m__action--btn.btn-red {
    color: #fff;
    background-color: #5e81f4;
    border: #5e81f4 solid 1px
}

.mbhome-m__action--btn.btn-red:active {
    border-color: #5e81f4;
    background-color: #5e81f4
}

.mbhome-m__action--btn.medium {
    padding: 0px 16px;
    height: 32px;
    line-height: 32px
}

.mbhome-m__action--btn.large {
    font-size: 16px;
    padding: 0px 32px;
    height: 40px;
    line-height: 40px
}

.mbhome-m__action--btn:active {
    text-decoration: none
}

.preContPop__overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 122
}

.preContPop--leadgen {
    position: fixed;
    z-index: 999;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    background: #fff;
    border-radius: 5px;
    padding-top: 5px
}

.preContPop__close {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/sprite-nav-bar.svg) -49px -654px no-repeat;
    cursor: pointer
}

.postRequirementForm {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 102;
    display: none;
    background-color: #fff
}

.save-form-otp {
    display: none;
    position: absolute;
    left: 0;
    top: 48px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9;
    padding: 0 24px
}

.m-contact__select,
.m-contact__multiselect__input {
    background: url("https://cdn.staticmb.com/images/propertyTypeArrow.png") no-repeat calc(100% - 10px) center
}

.resemdCont.codeSent::before {
    background: url("https://cdn.staticmb.com/images/contact_revamp_sprite.svg") no-repeat -4px -175px !important
}

#smsCodeSent::before {
    background: url("https://cdn.staticmb.com/images/contact_revamp_sprite.svg") no-repeat -4px -88px !important
}

#smsCodeSentOnCall::before {
    background: url("https://cdn.staticmb.com/images/contact_revamp_sprite.svg") no-repeat -4px -117px !important
}

.loc-det__blocks {
    padding-top: 16px
}

.loc-det__blocks .loc-hom-mob {
    padding-bottom: 12px
}

.loc-det__blocks h2 {
    margin: 0 16px;
    position: relative;
    font-size: 18px
}

.loc-det__blocks h2::after {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 3px;
    left: 0px;
    bottom: -12px;
    border-radius: 2px
}

.loc-det__blocks h2.strip-red::after {
    background-color: #CE0037
}

.tvc-campaign {
    padding: 28px 16px 16px;
    width: 100vw;
    position: relative
}

.hl__wpWap {
    position: relative;
    border: 1px solid #e8e8e8;
    background-color: #fffcf2;
    padding: 24px 16px 34px;
    border-radius: 8px;
    cursor: pointer
}

.hl__wpWap__title {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding-bottom: 28px
}

.hl__wpWap__title--sb {
    font-size: 16px;
    font-weight: 600
}

.hl__wpWap__button {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: #4caf50;
    background-color: #fff;
    padding: 0 16px;
    border-radius: 16px;
    border: 1px solid #d7d7d7;
    text-decoration: none
}

.hl__wpWap__button::after {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    background: url("../images/whatsapp40x40.webp");
    right: -28px;
    top: -4px
}

.hl__wpWap::before {
    content: '';
    display: block;
    position: absolute;
    width: 88px;
    height: 92px;
    background: url("../images/nriBlob.webp");
    right: 0;
    bottom: 0
}

.zeroDp {
    position: relative
}

.zeroDp__new {
    position: absolute;
    font-size: 10px;
    line-height: 10px;
    color: #000;
    font-weight: 600;
    padding: 4px 4px 2px;
    background-color: #FFC72C;
    top: 123px;
    left: 16px;
    border-radius: 4px;
    z-index: 1
}

.text-green {
    color: #5e81f4
}

.rupee {
    font-family: Arial, sans-serif
}

.text-red {
    color: #5e81f4
}

.text-bold {
    font-weight: 600
}

.mbhome-m__pnmc {
    margin: 0px 16px 16px;
    border-radius: 8px;
    border: solid 1px #d7d7d7;
    background-color: #fff
}

.mbhome-m__pnmc--top {
    padding: 16px
}

.mbhome-m__pnmc--top__content {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 20px;
    padding-left: 28px;
    position: relative
}

.mbhome-m__pnmc--top__content::before {
    content: "";
    position: absolute;
    background: url("../images/pnm-banner-sprite.svg") no-repeat 0 -1px;
    width: 20px;
    height: 18px;
    left: 0px;
    top: 0px
}

.mbhome-m__pnmc--top__content .heading {
    margin-bottom: 8px
}

.mbhome-m__pnmc--top__content .subtext {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 40px
}

.mbhome-m__pnmc--bottom {
    background: #ffebb3;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    padding: 10px 16px;
    border-radius: 0px 0px 4px 4px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mbhome-m__pnmc--bottom__content {
    position: relative;
    padding-left: 28px
}

.mbhome-m__pnmc--bottom__content::before {
    content: "";
    position: absolute;
    background: url("../images/pnm-banner-sprite.svg") no-repeat 0 -35px;
    width: 21px;
    height: 22px;
    left: 0px;
    top: 4px
}

.mbhome-m__pnmc--action .cta {
    background: #5e81f4;
    font-weight: 400;
    color: #fff;
    border: 1px solid #5e81f4;
    padding: 6px 12px;
    border-radius: 16px
}

.webkit__scroll-autosuggest::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(0,0,0,.04);
    border-radius: 2px
}

.webkit__scroll-autosuggest::-webkit-scrollbar-thumb {
    border-radius: 2px;
    width: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color: #d8d8d8
}

.auto-suggest {
    position: relative
}

.auto-suggest__tag-wrap {
    padding: 7px 0 0
}

.auto-suggest__tag-wrap.tag-added {
    position: relative;
    z-index: 1
}

.auto-suggest__tag-wrap.forFlexView {
    display: flex
}

.auto-suggest__tag-wrap.forFlexView .auto-suggest__tag-close {
    display: none
}

.auto-suggest__tag-wrap.forFlexView .auto-suggest__tag-text {
    padding-right: 12px
}

.auto-suggest__tag {
    float: left;
    position: relative;
    margin: 0 5px 5px 0
}

.auto-suggest__tag.hide-tag {
    display: none
}

.auto-suggest__tag-text {
    padding: 0 22px 0 12px;
    line-height: 24px;
    border-radius: 12px;
    color: #000;
    cursor: default;
    background: #fbe9e9;
    font-size: 12px;
    font-weight: 500;
    max-width: 90px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.auto-suggest__tag-close {
    position: absolute;
    top: 2px;
    right: 3px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.auto-suggest__tag-close:after,.auto-suggest__tag-close:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    width: 10px;
    height: 1px;
    background-color: #000;
    transform: rotate(45deg)
}

.auto-suggest__tag-close:after {
    transform: rotate(-45deg)
}

.auto-suggest__count {
    float: left;
    position: relative;
    margin: 0 0 5px 5px
}

.auto-suggest__count--num {
    font-size: 12px;
    background-color: #fbe9e9;
    color: #000;
    cursor: default;
    border-radius: 16px;
    line-height: 24px;
    height: 24px;
    width: 30px;
    text-align: center;
    font-weight: 600
}

.auto-suggest__input {
    width: 100%;
    height: 32px;
    border: 0;
    outline: 0;
    margin: 0;
    background: none;
    padding: 0 12px 0 7px
}

.auto-suggest__drop-wrap {
    position: relative
}

.auto-suggest__drop-down {
    position: absolute;
    left: -1px;
    top: 0;
    border-radius: 0;
    background-color: #fff;
    z-index: 9;
    min-width: 350px;
    padding: 8px 16px;
    border: 1px solid #d7d7d7
}

.auto-suggest__drop-down__item {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    line-height: 32px;
    text-transform: capitalize
}

.auto-suggest__drop-down__item .matches {
    color: #5e81f4
}

.auto-suggest__drop-down__item.title-heading {
    font-size: 12px;
    font-weight: 700
}

.filter-comp-onoff {
    width: 36px;
    display: inline-block
}

.filter-comp-onoff__input {
    display: none
}

.filter-comp-onoff__label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 20px;
    position: relative;
    border-radius: 10px;
    background-color: #e8e8e8;
    border: 2px solid #d7d7d7
}

.filter-comp-onoff__label__track {
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

.filter-comp-onoff__label__track:after,.filter-comp-onoff__label__track:before {
    content: "";
    float: left;
    width: 50%;
    height: 100%
}

.filter-comp-onoff__label__track:before {
    background-color: #5e81f4
}

.filter-comp-onoff__label__track:after {
    background-color: #e8e8e8
}

.filter-comp-onoff__label__thumb {
    width: 20px;
    height: 20px;
    border: 2px solid #d7d7d7;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    right: 14px;
    transition: all .3s ease-in 0s
}

.filter-comp-onoff__input:checked~.filter-comp-onoff__label .filter-comp-onoff__label__track {
    margin-left: -1px
}

.filter-comp-onoff__input:checked~.filter-comp-onoff__label .filter-comp-onoff__label__thumb {
    right: -2px
}

.filter-comp-checkbox {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: left;
    position: relative
}

.filter-comp-checkbox__input {
    display: none
}

.filter-comp-checkbox__label {
    display: block;
    padding-left: 32px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    position: relative;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.filter-comp-checkbox__label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 2px
}

.filter-comp-checkbox__label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    height: 6px;
    width: 10px;
    background: none;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    display: none
}

.filter-comp-checkbox__input:checked~.filter-comp-checkbox__label:before {
    background-color: #5e81f4;
    border-color: #5e81f4
}

.filter-comp-checkbox__input:checked~.filter-comp-checkbox__label:after {
    display: block
}

.filter-comp {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    position: relative
}

.filter__common__component__item__input {
    display: none
}

.filter__common__component__item__label {
    display: block;
    height: 32px;
    border-radius: 20px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 0 16px 0 26px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    position: relative;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.filter__common__component__item__label:after,.filter__common__component__item__label:before {
    content: "";
    position: absolute;
    left: 9px;
    top: 13px;
    width: 10px;
    height: 2px;
    background-color: #909090
}

.filter__common__component__item__label:after {
    transform: rotate(90deg)
}

.filter__common__component__item__input:checked~.filter__common__component__item__label {
    background-color: #e0f2f0;
    border-color: #b2dfd8
}

.filter__common__component__item__input:checked~.filter__common__component__item__label:before {
    height: 6px;
    background: none;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    transform: rotate(-45deg);
    top: 10px
}

.filter__common__component__item__input:checked~.filter__common__component__item__label:after {
    display: none
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}


@keyframes zuckSlideTime {
    0% {
        max-width: 0
    }

    to {
        max-width: 100%
    }
}

@keyframes zuckLoading {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#zuck-modal {
    outline: 0!important;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0,0,0,.75);
    z-index: 100000;
    font-size: 14px;
    font-family: inherit
}

#zuck-modal-content,#zuck-modal-content .story-viewer,#zuck-modal-content .story-viewer>.slides,#zuck-modal-content .story-viewer>.slides>* {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden
}

#zuck-modal * {
    user-select: none;
    outline: 0
}

#zuck-modal.with-effects {
    transform: scale(.01);
    transform-origin: top left;
    transition: .25s
}

#zuck-modal.with-effects.animated {
    transform: scale(1);
    border-radius: 0;
    margin-top: 0!important;
    margin-left: 0!important
}

#zuck-modal.with-effects.closed {
    transform: translateY(100%)
}

#zuck-modal .slider {
    width: 300vw;
    left: -100vw
}

#zuck-modal .slider,#zuck-modal .slider>* {
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute
}

#zuck-modal .slider>* {
    width: 100vw
}

#zuck-modal .slider>.previous {
    left: 0
}

#zuck-modal .slider>.viewing {
    left: 100vw
}

#zuck-modal .slider>.next {
    left: 200vw
}

#zuck-modal .slider.animated {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear,-webkit-transform .25s linear
}

#zuck-modal.with-cube #zuck-modal-content {
    perspective: 1000vw;
    transform: scale(.95);
    perspective-origin: 50% 50%;
    overflow: visible;
    transition: .3s
}

#zuck-modal.with-cube .slider {
    transform-style: preserve-3d;
    transform: rotateY(0deg)
}

#zuck-modal.with-cube .slider>.previous {
    backface-visibility: hidden;
    left: 100vw;
    transform: rotateY(270deg) translateX(-50%);
    transform-origin: center left
}

#zuck-modal.with-cube .slider>.viewing {
    backface-visibility: hidden;
    left: 100vw;
    transform: translateZ(50vw)
}

#zuck-modal.with-cube .slider>.next {
    backface-visibility: hidden;
    left: 100vw;
    transform: rotateY(-270deg) translateX(50%);
    transform-origin: top right
}

#zuck-modal-content .story-viewer.paused.longPress .head,#zuck-modal-content .story-viewer.paused.longPress .slides-pointers,#zuck-modal-content .story-viewer.paused.longPress .tip {
    opacity: 0
}

#zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers>*>.active>b {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

#zuck-modal-content .story-viewer.next {
    z-index: 10
}

#zuck-modal-content .story-viewer.viewing {
    z-index: 5
}

#zuck-modal-content .story-viewer.previous {
    z-index: 0
}

#zuck-modal-content .story-viewer.loading .head .loading,#zuck-modal-content .story-viewer.muted .tip.muted {
    display: block
}

#zuck-modal-content .story-viewer.loading .head .right .close,#zuck-modal-content .story-viewer.loading .head .right .time {
    display: none
}

#zuck-modal-content .story-viewer .slides-pagination span {
    position: absolute;
    top: 50vh;
    font-size: 48px;
    color: #fff;
    line-height: 48px;
    width: 48px;
    margin: 6px;
    transform: translateY(-50%);
    z-index: 1;
    text-align: center
}

#zuck-modal-content .story-viewer .slides-pagination .previous {
    left: 0
}

#zuck-modal-content .story-viewer .slides-pagination .next {
    right: 0
}

#zuck-modal-content .story-viewer .slides-pointers {
    display: table;
    table-layout: fixed;
    border-spacing: 6px;
    border-collapse: separate;
    position: absolute;
    width: 100vh;
    top: 0;
    left: calc(50vw - 50vh);
    right: calc(50vw - 50vh);
    z-index: 100020
}

#zuck-modal-content .story-viewer .slides-pointers>* {
    display: table-row
}

#zuck-modal-content .story-viewer .slides-pointers>*>* {
    display: table-cell;
    background: hsla(0,0%,100%,.5);
    border-radius: 2px
}

#zuck-modal-content .story-viewer .slides-pointers>*>.seen {
    background: #fff
}

#zuck-modal-content .story-viewer .slides-pointers>*>*>b {
    background: #fff;
    width: auto;
    max-width: 0;
    height: 2px;
    display: block;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    border-radius: 2px
}

#zuck-modal-content .story-viewer .slides-pointers>*>.active>b {
    -webkit-animation-name: zuckSlideTime;
    animation-name: zuckSlideTime;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#zuck-modal-content .story-viewer .head {
    position: absolute;
    height: 56px;
    left: 0;
    right: 0;
    line-height: 56px;
    z-index: 100010;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.35),1px 0 1px rgba(0,0,0,.35);
    padding: 6px 12px
}

#zuck-modal-content .story-viewer .head .item-preview {
    overflow: hidden;
    vertical-align: top;
    background-size: cover;
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-right: 9px;
    border-radius: 50%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%
}

#zuck-modal-content .story-viewer .head .item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    object-fit: cover
}

#zuck-modal-content .story-viewer .head .time {
    opacity: .75;
    font-weight: 500;
    font-size: 13px
}

#zuck-modal-content .story-viewer .head .left {
    line-height: 1!important;
    display: inline-block;
    margin: 6px 0
}

#zuck-modal-content .story-viewer .head .left .info {
    display: inline-block;
    max-width: 30vw;
    vertical-align: middle
}

#zuck-modal-content .story-viewer .head .left .info>* {
    width: 100%;
    display: inline-block;
    line-height: 21px
}

#zuck-modal-content .story-viewer .head .left .info .name {
    font-weight: 500
}

#zuck-modal-content .story-viewer .head .right {
    float: right
}

#zuck-modal-content .story-viewer .head .back,#zuck-modal-content .story-viewer .head .right .close {
    font-size: 42px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center
}

#zuck-modal-content .story-viewer .head .left .back {
    display: none;
    width: 24px;
    margin: -9px -6px 0
}

#zuck-modal-content .story-viewer .head .right .time {
    display: none
}

#zuck-modal-content .story-viewer .head .loading {
    display: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 9px 0;
    box-sizing: border-box;
    border: 4px solid hsla(0,0%,100%,.2);
    border-top-color: #fff;
    -webkit-animation: zuckLoading 1s linear infinite;
    animation: zuckLoading 1s linear infinite
}

#zuck-modal-content .story-viewer .head,#zuck-modal-content .story-viewer .slides-pointers,#zuck-modal-content .story-viewer .tip {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#zuck-modal-content .story-viewer .slides .item {
    display: none;
    overflow: hidden;
    background: #000
}

#zuck-modal-content .story-viewer .slides .item:before {
    z-index: 4;
    background: transparent;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

#zuck-modal-content .story-viewer .slides .item>.media {
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: auto
}

#zuck-modal-content .story-viewer .slides .item.active,#zuck-modal-content .story-viewer .slides .item.active .tip.link {
    display: block
}

#zuck-modal-content .story-viewer .tip {
    z-index: 5;
    text-decoration: none;
    display: none;
    border-radius: 24px;
    background: rgba(0,0,0,.5);
    font-size: 16px;
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 24px
}

#zuck-modal.rtl {
    direction: rtl;
    left: auto;
    right: 0
}

#zuck-modal.rtl.with-effects {
    transform-origin: top right
}

#zuck-modal.rtl.with-effects.animated {
    margin-left: auto!important;
    margin-right: 0!important
}

#zuck-modal.rtl .slider {
    left: auto;
    right: -100vw
}

#zuck-modal.rtl .slider>.previous {
    left: auto;
    right: 0;
    transform: rotateY(-270deg) translateX(50%)
}

#zuck-modal.rtl .slider>.viewing {
    left: auto;
    right: 100vw
}

#zuck-modal.rtl .slider>.next {
    left: auto;
    right: 200vw
}

#zuck-modal.rtl.with-cube .slider>.previous {
    left: auto;
    right: 100vw;
    transform-origin: center right
}

#zuck-modal.rtl.with-cube .slider>.viewing {
    left: auto;
    right: 100vw;
    transform: translateZ(50vw)
}

#zuck-modal.rtl.with-cube .slider>.next {
    left: auto;
    right: 100vw;
    transform-origin: top left;
    transform: rotateY(270deg) translateX(-50%)
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .previous {
    left: auto;
    right: 0
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .next {
    right: auto;
    left: 0
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
    margin-right: auto;
    margin-left: 9px
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .head .right {
    float: left
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .tip {
    left: auto;
    right: 50%;
    transform: translateX(50%)
}

@media (max-width: 1024px) {
    #zuck-modal-content .story-viewer .head {
        top:3px
    }

    #zuck-modal-content .story-viewer .head .loading {
        width: 24px;
        height: 24px;
        margin: 6px 0
    }

    #zuck-modal-content .story-viewer .head .item-preview {
        width: 30px;
        height: 30px;
        margin-right: 9px
    }

    #zuck-modal-content .story-viewer .head .left {
        font-size: 15px;
        margin: 15px 0
    }

    #zuck-modal-content .story-viewer .head .left>div {
        line-height: 30px
    }

    #zuck-modal-content .story-viewer .head .right .time {
        display: block;
        white-space: nowrap;
        font-size: 15px;
        margin: 15px 0;
        line-height: 30px
    }

    #zuck-modal-content .story-viewer .head .left>.back {
        display: none;
        background: transparent;
        z-index: 20;
        visibility: visible;
        position: absolute;
        height: 42px;
        width: 24px;
        line-height: 36px;
        text-align: left;
        vertical-align: top;
        text-shadow: none
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left>.back {
        display: block
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: 18px
    }

    #zuck-modal-content .story-viewer .slides-pointers {
        width: 100vw;
        left: 0;
        right: 0
    }

    #zuck-modal-content .story-viewer .tip {
        font-size: 14px;
        padding: 6px 12px
    }

    #zuck-modal-content .story-viewer .head .left .time,#zuck-modal-content .story-viewer .head .right .close {
        display: none
    }

    #zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
        margin-right: auto;
        margin-left: 9px
    }

    #zuck-modal.rtl #zuck-modal-content .story-viewer .head .left>.back {
        text-align: right
    }

    #zuck-modal.rtl #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: auto;
        margin-right: 18px
    }
}

.stories.carousel {
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.stories.carousel::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.stories.carousel .story {
    display: inline-block;
    width: 18vw;
    max-width: 90px;
    margin: 0 6px;
    vertical-align: top
}

.stories.carousel .story:first-child {
    margin-left: 0
}

.stories.carousel .story:last-child {
    margin-right: 0
}

.stories.carousel .story>.item-link {
    text-align: center;
    display: block
}

.stories.carousel .story>.item-link:active>.item-preview {
    transform: scale(.9)
}

.stories.carousel .story>.item-link>.item-preview {
    display: block;
    box-sizing: border-box;
    font-size: 0;
    max-height: 90px;
    height: 18vw;
    overflow: hidden;
    transition: transform .2s
}

.stories.carousel .story>.item-link>.item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    object-fit: cover
}

.stories.carousel .story>.item-link>.info {
    display: inline-block;
    margin-top: .5em;
    line-height: 1.2em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.stories.carousel .story>.item-link>.info .name {
    font-weight: 300
}

.stories.carousel .story>.item-link>.info .time,.stories.carousel .story>.items {
    display: none
}

.stories.list {
    white-space: nowrap;
    overflow: auto
}

.stories.list .story {
    display: block;
    width: auto;
    margin: 6px;
    padding-bottom: 6px
}

.stories.list .story>.item-link {
    text-align: left;
    display: block
}

.stories.list .story>.item-link>.item-preview {
    height: 42px;
    width: 42px;
    max-width: 42px;
    margin-right: 12px;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden
}

.stories.list .story>.item-link>.item-preview img {
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%
}

.stories.list .story>.item-link>.info {
    display: inline-block;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.stories.list .story>.item-link>.info .name {
    font-weight: 500;
    display: block
}

.stories.list .story>.item-link>.info .time {
    display: inline-block
}

.stories.list .story>.items {
    display: none
}

.stories.rtl {
    direction: rtl
}

.stories.rtl.carousel .story:first-child {
    margin-left: auto;
    margin-right: 0
}

.stories.rtl.carousel .story:last-child {
    margin-right: auto;
    margin-left: 0
}

.stories.rtl.list .story>.item-link {
    text-align: right
}

.stories.rtl.list .story>.item-link>.item-preview {
    margin-right: auto;
    margin-left: 12px
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

a,a:active,a:focus {
    outline: none;
    text-decoration: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clearAll {
    clear: both
}

.clearAllHf {
    clear: both;
    height: 65px
}

* {
    box-sizing: border-box
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

body {
    background-color: #f7f6f6;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif
}

.filter-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10;
    display: none
}

.filter-overlay.show {
    display: block
}

.mb-srp__nsr {
    width: 100%;
    height: auto;
    padding: 16px 16px 12px;
    background: #fff
}

.mb-srp__nsr,.mb-srp__nsr.align-center {
    text-align: center
}

.mb-srp__nsr__title {
    width: 100%;
    padding-bottom: 0
}

.mb-srp__nsr__title--text1 {
    color: #000;
    font-size: 1.333rem;
    font-weight: 600;
    line-height: 1.833rem;
    padding-bottom: 8px
}

.mb-srp__nsr--text5 {
    color: #000;
    font-size: 1.166rem;
    font-weight: 400;
    line-height: 1.833rem;
    padding: 12px 0
}

.mb-srp__nsr__similar-prop {
    width: 100%;
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

.mb-srp__nsr__similar-prop .highlight {
    color: #5e81f4
}

.mb-srp__nsr__result-show {
    width: 100%;
    height: auto;
    padding: 0
}

.mb-srp__nsr__result-show--label {
    min-width: 200px;
    color: #000;
    font-size: 1.166rem;
    font-weight: 400;
    line-height: 1.833rem;
    padding-right: 0;
    padding-bottom: 24px
}

.mb-srp__nsr__result-show__list {
    width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.mb-srp__nsr__result-show__list.align-center {
    justify-content: center
}

.mb-srp__nsr__result-show__list--item {
    width: auto;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 0 8px 12px 0;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding: 0 30px 0 16px;
    white-space: nowrap;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.mb-srp__nsr__result-show__list--item:last-child {
    margin-right: 0
}

.mb-srp__nsr__result-show__list--item:hover {
    border-color: #000
}

.mb-srp__nsr__result-show__list--item.active {
    border-color: #b2dfd8;
    background-color: #e0f2f0;
    cursor: default
}

.mb-srp__nsr__result-show__list--item--close {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 12px;
    top: 9px
}

.mb-srp__nsr__result-show__list--item--close:after,.mb-srp__nsr__result-show__list--item--close:before {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    background-color: #000;
    left: 6px;
    top: 0
}

.mb-srp__nsr__result-show__list--item--close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mb-srp__nsr__result-show__list--item--close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp__nsr .mb-srp__action {
    padding: 24px 0
}

.mb-srp__nsr__form {
    height: auto;
    padding: 16px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box
}

.mb-srp__nsr__form__title {
    width: 100%;
    text-align: center
}

.mb-srp__nsr__form__title--text1 {
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

.mb-srp__nsr__form__title--text2 {
    color: #000;
    font-size: 1.166rem;
    font-weight: 400;
    line-height: 1.833rem;
    padding-top: 16px
}

.mb-srp__nsr__orblock {
    width: 20%;
    margin: 19px auto 5px;
    position: relative;
    text-align: center
}

.mb-srp__nsr__orblock:before {
    content: "";
    height: 1px;
    width: 100%;
    background: #d7d7d7;
    top: 6px;
    left: 0;
    position: absolute;
    z-index: 1
}

.mb-srp__nsr__or {
    font-size: 1.166rem;
    color: #000;
    width: 32px;
    display: inline-block;
    background: #fff;
    position: relative;
    margin: auto;
    z-index: 2;
    font-weight: 500
}

.mb-srp__action {
    width: 100%;
    height: auto
}

.mb-srp__action--btn {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif
}

.mb-srp__action--btn.btn-red.disable {
    opacity: .4;
    cursor: default;
    pointer-events: none
}

.mb-srp__action--btn.btn-grey {
    color: #fff;
    background-color: #000;
    border: 1px solid #000
}

.mb-srp__action--btn.btn-grey.disable {
    opacity: .4;
    cursor: default;
    pointer-events: none
}

.mb-srp__action--btn.medium {
    padding: 0 20px;
    height: 32px;
    line-height: 32px
}

.mb-srp__action--btn.large {
    padding: 0 32px;
    height: 40px;
    line-height: 40px
}

.mb-srp__action--btn.btn-white {
    color: #5e81f4;
    background-color: #fff;
    border: 1px solid #5e81f4
}

.mb-srp__action--btn.btn-white.disable {
    opacity: .4;
    cursor: default;
    pointer-events: none
}

.mb-srp__action--nsr {
    display: flex;
    justify-content: space-between
}

.mb-srp__action--nsr .mb-srp__action--btn {
    width: calc(50% - 8px);
    padding: 0
}

.mb-srp__faq {
    width: 100%;
    height: auto;
    padding: 20px 16px;
    background-color: #fff
}

.mb-srp__faq__showmore {
    font-size: 1rem;
    font-weight: 500;
    color: #5e81f4;
    padding-top: 20px
}

.mb-srp__faq__title {
    width: auto;
    height: auto;
    border-top: 8px solid #e8e8e8;
    padding: 24px 16px 8px;
    margin: 0 -16px
}

.mb-srp__faq__title--text1 {
    color: #000;
    font-size: 1.5rem;
    line-height: 2rem
}

.mb-srp__faq__body {
    width: 100%;
    height: auto;
    counter-reset: q-counter
}

.mb-srp__faq__body .mb-srp__faq__list li:last-child .mb-srp__faq--a {
    border: 0!important
}

.mb-srp__faq__list {
    margin: 0 -16px
}

.mb-srp__faq__list--item {
    padding: 12px 16px;
    border-bottom: 1px solid #d7d7d7
}

.mb-srp__faq--q {
    position: relative;
    padding: 0 28px 0 20px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer
}

.mb-srp__faq--q:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border-left: 2px solid #606060;
    border-bottom: 2px solid #606060;
    transform: rotate(225deg);
    transition: all .3s ease-in-out
}

.mb-srp__faq--q:before {
    counter-increment: q-counter;
    content: "Q:";
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 8px;
    color: #000;
    font-size: 1.166rem;
    font-weight: 600
}

.mb-srp__faq--q.active:after {
    transform: rotate(135deg);
    top: 8px;
    transition: all .3s ease-in-out
}

.mb-srp__faq--a {
    color: #606060;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding: 0 0 0 20px;
    margin-top: 10px;
    display: none
}

.mb-srp__faq--a.active {
    display: block
}

.mb-srp__faq--a:before {
    position: absolute;
    display: block;
    content: "";
    content: "A:";
    left: 0;
    top: 0;
    padding-right: 12px;
    color: #000;
    font-size: 1.166rem;
    font-weight: 600;
    line-height: 20px
}

.mb-srp__faq--a a {
    color: #606060;
    font-size: 1.166rem;
    font-weight: 400;
    text-decoration: underline
}

.mb-srp__faq--a a:hover {
    text-decoration: none
}

.mb-srp__faq--a b,.mb-srp__faq--a h2,.mb-srp__faq--a h3 {
    font-weight: 600;
    font-size: 1.166rem;
    padding-bottom: 10px
}

.mb-srp__faq--a p {
    display: block!important;
    padding: 0 0 10px;
    margin: 0
}

.mb-srp__faq--a ul {
    padding: 10px 0 0
}

.mb-srp__faq--a ul li {
    position: relative;
    padding: 0 0 10px 16px;
    margin: 0
}

.mb-srp__faq--a ul li p {
    padding: 0!important;
    margin: 0!important
}

.mb-srp__faq--a ul li:before {
    width: 6px;
    height: 6px;
    background: #909090;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
    content: ""
}

.mb-srp__faq--desc {
    height: auto;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    font-size: 1rem;
    margin: 0 -16px;
    display: block;
    width: auto;
    padding: 0 16px
}

.mb-srp__faq--desc:before {
    position: absolute;
    display: block;
    content: "";
    left: 16px;
    top: 0;
    padding-right: 12px;
    color: #000;
    line-height: 1.333rem
}

.mb-srp__faq--desc p {
    width: 100%;
    height: auto;
    line-height: 1.333rem;
    padding-bottom: 16px
}

.mb-srp__faq--desc p,.mb-srp__faq--desc p a {
    color: #606060;
    font-size: 1rem;
    font-weight: 400
}

.mb-srp__faq--desc p a {
    text-decoration: underline
}

.mb-srp__faq--desc p a:hover {
    text-decoration: none
}

.contact-form {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none
}

.contact-form,.contact-form * {
    box-sizing: border-box
}

.contact-form__flex {
    position: fixed;
    background: rgba(0,0,0,.3);
    height: 100%;
    width: 100%;
    display: flex;
    left: 0;
    top: 0;
    z-index: 99999;
    align-items: center;
    justify-content: center
}

.contact-form__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    cursor: pointer;
    z-index: 5
}

.contact-form__close:after,.contact-form__close:before {
    content: "";
    width: 20px;
    height: 2px;
    position: absolute;
    left: -4px;
    top: 13px;
    background: #979797;
    -webkit-transition: all .12s ease-in;
    transition: all .12s ease-in
}

.contact-form__close:after {
    transform: rotate(45deg)
}

.contact-form__close:before {
    transform: rotate(-45deg)
}

.contact-form .hide {
    display: none
}

.contact-form.show {
    display: block
}

.contact-form .whatsapp-icn {
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: url(https://cdn.staticmb.com/srpstatic/images/contact-sprite.svg) no-repeat 0 0;
    vertical-align: bottom
}

.contact-form__content {
    padding: 0;
    text-align: left;
    position: relative;
    background: #fff;
    max-height: 94vh;
    overflow-y: auto;
    border-radius: 8px;
    min-height: 475px;
    overflow-x: hidden
}

.contact-form__content--minheight {
    min-height: auto
}

.contact-form__content::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0,0,0,.04)
}

.contact-form__content::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color: #d8d8d8
}

.contact-form__content .make-offer {
    width: calc(100% - 32px);
    margin: 52px 16px 16px
}

.contact-form__inner {
    color: #000;
    font-size: 1.166rem;
    line-height: 1.667rem;
    padding: 40px 24px 24px
}

.contact-form__inner--392 {
    width: 392px
}

.contact-form__inner--816 {
    width: 816px
}

.contact-form__buyer-journey {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ffc72c;
    border-radius: 8px;
    background-color: #fff7e1;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 32px
}

.contact-form__heading {
    font-size: 24px;
    line-height: 2.833rem;
    color: #000;
    padding-bottom: 6px
}

.contact-form__heading--prime {
    padding-bottom: 24px
}

.contact-form__heading__virtual-num {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.contact-form__text {
    font-size: 1.166rem;
    padding-bottom: 52px
}

.contact-form__fieldset {
    position: relative;
    display: block;
    padding-bottom: 38px
}

.contact-form__fieldset.showMobile {
    display: block
}

.contact-form__fieldset.hideMobile {
    display: none
}

.contact-form__label {
    display: block;
    font-size: 1.166rem;
    color: #606060;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    line-height: 35px;
    transition: all .3s ease-in-out;
    cursor: text
}

.contact-form__label--inline {
    display: inline-block;
    padding-right: 20px
}

.contact-form__label--disclaimer {
    font-size: 1rem!important;
    color: #606060!important
}

.contact-form__label--pref-tag {
    display: none;
    background-color: #e8f7e7;
    border-radius: 12px;
    font-size: 10px;
    color: #1bb814;
    font-weight: 600;
    line-height: 15px;
    padding: 0 7px;
    height: 16px;
    vertical-align: 1px;
    margin-left: 4px;
    position: absolute;
    right: 0;
    top: -18px
}

.contact-form__label--pref-tag.pref-tag-show {
    display: inline-block
}

.contact-form__input,.contact-form__select,.contact-form__textarea {
    display: block;
    width: 100%;
    padding: 7px 20px 8px 0;
    height: 35px;
    font-size: 1.166rem;
    line-height: 1.5rem;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    outline: none;
    -webkit-text-fill-color: #000;
    color: #000;
    transition: all .3s ease-in-out;
    box-shadow: none;
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none
}

.contact-form__input::input-placeholder,.contact-form__select::input-placeholder,.contact-form__textarea::input-placeholder {
    color: mb-gray-700;
    opacity: 1;
    transition: all .3s ease-in-out
}

.contact-form__input::input-placeholder-focus,.contact-form__select::input-placeholder-focus,.contact-form__textarea::input-placeholder-focus {
    color: transparent;
    opacity: 0
}

.contact-form__input:focus,.contact-form__select:focus,.contact-form__textarea:focus {
    outline-color: #00c1d4
}

.contact-form__fieldset.has-error .contact-form__input,.contact-form__fieldset.has-error .contact-form__select,.contact-form__fieldset.has-error .contact-form__textarea {
    border-color: #5e81f4
}

.contact-form__fieldset.has-error .contact-form__input:focus,.contact-form__fieldset.has-error .contact-form__select:focus,.contact-form__fieldset.has-error .contact-form__textarea:focus {
    outline-color: #5e81f4
}

.contact-form__input--otp,.contact-form__select--otp,.contact-form__textarea--otp {
    text-align: center
}

.contact-form__input-wrap {
    position: relative
}

.contact-form__input-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 140px;
    background: #fff;
    width: 100px;
    height: 40px
}

.contact-form__input-wrap .contact-form__input--otp {
    text-align: left;
    padding-left: 15px;
    letter-spacing: 42px;
    border: 0;
    background-image: linear-gradient(270deg,#d8d8d8 70%,hsla(0,0%,100%,0) 0);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 200px;
    outline: none;
    position: relative;
    height: 35px
}

.contact-form__select {
    color: #606060!important;
    background: #fff;
    appearance: none;
    -webkit-appearance: none
}

.contact-form__input:focus+.contact-form__label {
    top: -22px;
    font-size: 1rem
}

.contact-form__error {
    display: none;
    clear: both;
    position: relative;
    font-size: 12px;
    color: #909090;
    visibility: hidden
}

.contact-form__fieldset.has-error .contact-form__error {
    color: #5e81f4;
    visibility: visible;
    padding: 3px 0 2px;
    z-index: 1;
    width: 100%;
    margin-top: -1px;
    display: block
}

.contact-form__checkbox {
    position: relative
}

.contact-form__checkbox__input {
    display: none
}

.contact-form__checkbox__label {
    display: block;
    padding-left: 26px;
    line-height: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    position: relative
}

.contact-form__checkbox__label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 2px
}

.contact-form__checkbox__label:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    height: 5px;
    width: 9px;
    background: none;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    display: none
}

.contact-form__checkbox__input:checked~.contact-form__checkbox__label:before {
    background-color: #5e81f4;
    border-color: #5e81f4
}

.contact-form__checkbox__input:checked~.contact-form__checkbox__label:after {
    display: block
}

.contact-form__radio {
    position: relative
}

.contact-form__radio__input {
    display: none
}

.contact-form__radio__label {
    display: block;
    padding-left: 30px;
    line-height: 1.667rem;
    font-size: 1.166rem;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    position: relative
}

.contact-form__radio__label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 50%
}

.contact-form__radio__label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    height: 10px;
    width: 10px;
    background: #5e81f4;
    display: none;
    border-radius: 50%
}

.contact-form__radio__input:checked~.contact-form__radio__label:before {
    border-color: #5e81f4
}

.contact-form__radio__input:checked~.contact-form__radio__label:after {
    display: block
}

.contact-form__help-text .arrow {
    height: 10px;
    width: 10px;
    background: #fde8e6;
    border: 1px solid #5e81f4;
    border-width: 1px 0 0 1px;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 20px;
    top: -6px;
    display: none
}

.contact-form__country-isd {
    width: 94px;
    margin-right: 15px
}

.contact-form__prefix {
    float: left;
    border-right-width: 0;
    position: relative
}

.contact-form__prefix:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    right: 15px;
    border-color: #606060;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    top: 11px;
    pointer-events: none
}

.contact-form__mobile-no {
    width: calc(100% - 112px)
}

.contact-form__label-no {
    left: 109px
}

.contact-form__disclaimer {
    padding: 0 0 38px;
    font-size: 1rem;
    color: #606060
}

.contact-form__link {
    font-size: 1rem;
    color: #606060;
    text-decoration: underline!important
}

.contact-form__link:hover {
    color: #000
}

.contact-form__btn {
    background: #5e81f4;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    display: block;
    font-size: 1.166rem;
    border: 0;
    width: 100%;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out;
    font-weight: 500
}

.contact-form__btn--s {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    width: auto;
    padding: 0 16px
}

.contact-form__btn:hover {
    background: #c31f25
}

.contact-form__btn--white {
    border: 1px solid #5e81f4;
    background: #fff;
    color: #5e81f4
}

.contact-form__btn--white:hover {
    background: #c31f25;
    color: #fff
}

.contact-form__btn--app {
    background: #5e81f4
}

.contact-form__btn--app:hover {
    background: #5e81f4;
    opacity: .2
}

.contact-form__btn--get-details {
    margin-top: 22px
}

.contact-form__otp-text {
    padding-bottom: 20px
}

.contact-form__otp-edit {
    cursor: pointer;
    color: #5e81f4;
    margin-left: 4px
}

.contact-form__otp-edit:hover {
    text-decoration: underline
}

.contact-form__otp-timer {
    font-size: 1rem;
    padding: 24px 0
}

.contact-form__otp-timer-left {
    color: #5e81f4
}

.contact-form__resend-head {
    padding-bottom: 12px;
    font-size: 1.166rem;
    text-align: center;
    line-height: 1.333rem
}

.contact-form__resend-head span {
    font-weight: 600;
    color: #5e81f4
}

.contact-form__resend-code {
    position: relative;
    margin-bottom: 12px;
    color: #000;
    padding-left: 20px
}

.contact-form__resend-code__i {
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 3px
}

.contact-form__resend-code span {
    cursor: pointer;
    text-decoration: underline!important
}

.contact-form__resend-code.disable {
    opacity: .5
}

.contact-form__resend-code.disable span {
    text-decoration: none!important
}

.contact-form__otp-on-call {
    position: relative;
    margin-bottom: 12px;
    color: #000;
    padding-left: 20px
}

.contact-form__otp-on-call__i {
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 3px
}

.contact-form__otp-on-call span {
    cursor: pointer;
    text-decoration: underline!important
}

.contact-form__otp-on-call.disable {
    opacity: .5
}

.contact-form__otp-on-call.disable span {
    text-decoration: none!important
}

.contact-form__resend {
    padding-top: 24px
}

.contact-form__resend__whatsapp {
    display: flex;
    cursor: pointer;
    border: 1px solid #909090;
    border-radius: 22px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #000;
    font-size: 1.166rem;
    font-weight: 600;
    margin-bottom: 16px;
    align-items: center;
    justify-content: center
}

.contact-form__resend__whatsapp-icon {
    margin: 0 8px 0 0;
    width: 24px;
    height: 30px
}

.contact-form__resend__whatsapp.disable {
    background: #e8e8e8;
    pointer-events: none;
    border-color: #e8e8e8
}

.contact-form__resend__whatsapp.disable span {
    opacity: .5
}

.contact-form__resend__sms {
    text-align: center
}

.contact-form__resend__sms a {
    color: #000;
    font-size: 1.166rem;
    font-weight: 600;
    text-decoration: underline!important
}

.contact-form__resend__sms.disable {
    opacity: .5;
    pointer-events: none
}

.contact-form__chat-link {
    text-align: center;
    padding-top: 10px;
    font-size: 1.166rem;
    color: #606060
}

.contact-form__chat-link a {
    color: #5e81f4;
    text-decoration: underline!important;
    margin: 0 0 0 2px
}

.contact-form__chat-link.disable {
    opacity: .5;
    pointer-events: none
}

.contact-form__pType__item {
    width: auto;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 0 8px 8px 0;
    position: relative;
    padding: 0 16px;
    color: #000;
    font-size: 1.166rem;
    font-weight: 600;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: inline-block;
    vertical-align: top
}

.contact-form__pType__item:last-child {
    margin-right: 0
}

.contact-form__pType__item:hover {
    border-color: #000
}

.contact-form__pType__item.active {
    border-color: #b2dfd8;
    background-color: #e0f2f0;
    cursor: default
}

.contact-form__pType__heading {
    font-size: 1.166rem;
    font-weight: 500;
    padding-bottom: 8px
}

.contact-form__pType__hscroll {
    height: 32px;
    overflow: hidden
}

.contact-form__pType__hscroll-1 {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: 60px
}

.contact-form__thanks__flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center
}

.contact-form__thanks__icon {
    position: relative;
    width: 40px;
    height: 40px;
    border: 3px solid #5e81f4;
    border-radius: 50%;
    background: #e0f2f0;
    margin-bottom: 16px;
    display: inline-block
}

.contact-form__thanks__icon:after {
    position: absolute;
    display: block;
    content: "";
    width: 16px;
    height: 9px;
    border-left: 3px solid #5e81f4;
    border-bottom: 3px solid #5e81f4;
    left: 9px;
    top: 11px;
    transform: rotate(-45deg);
    box-sizing: border-box
}

.contact-form__thanks__heading {
    font-size: 2rem;
    line-height: 2.833rem;
    padding-bottom: 16px;
    color: #000
}

.contact-form__thanks__subHeading {
    font-size: 1.166rem;
    line-height: 1.667rem;
    color: #000
}

.contact-form__limit-content1 {
    font-size: 1.333rem;
    font-weight: 600;
    padding-bottom: 30px
}

.contact-form__limit-content1--balance {
    font-size: 1.166rem;
    color: #5e81f4
}

.contact-form__limit-content1.nri-prime {
    font-weight: 400;
    line-height: 2rem
}

.contact-form__limit-content1.nri-prime span {
    font-weight: 600
}

.contact-form__limit-content2 {
    font-size: 1.166rem;
    padding-bottom: 24px
}

.contact-form__limit-content2 span {
    font-weight: 500
}

.contact-form__limit-content2 a {
    color: #000;
    text-decoration: underline
}

.contact-form__limit__content-unlock {
    margin: 0 20px 0 0;
    font-size: 1.166rem;
    font-weight: 500
}

.contact-form__limit__upgrade {
    font-size: 1.166rem;
    background: #29313b;
    color: #fff;
    border-radius: 4px;
    padding: 8px 38px;
    margin: 16px 0 0;
    position: relative
}

.contact-form__limit__upgrade__icon {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(0,0,0,.3);
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center
}

.contact-form__limit__upgrade__link {
    font-weight: 500;
    color: #ffce24;
    text-decoration: none;
    position: relative;
    margin-top: 4px
}

.contact-form__limit__upgrade__link:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    margin-left: 6px
}

.contact-form__hint-text {
    padding: 4px 0 0;
    font-size: 1rem;
    color: #606060
}

.contact-form__hint-text a {
    text-decoration: none;
    color: #5e81f4
}

.contact-form__hint-text a:hover {
    text-decoration: underline
}

.contact-form__prjInfo {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    padding: 4px 4px 4px 80px;
    color: #000;
    min-height: 72px;
    position: relative;
    font-size: 1rem;
    margin: 18px 0 32px;
    line-height: 1.333rem
}

.contact-form__prjInfo.prj-top-info {
    margin: -40px 0 40px
}

.contact-form__prjInfo__fig {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 4px;
    left: 4px;
    border-radius: 4px
}

.contact-form__prjInfo__fig--graphic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px
}

.contact-form__prjInfo__no-image {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    background-color: #fff5fc;
    border-radius: 4px
}

.contact-form__prjInfo__no-image__body {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.contact-form__prjInfo__no-image--ico {
    width: 48px;
    height: 42px;
    display: block;
    margin: 0 auto 8px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -6px -499px;
    transform: scale(.7)
}

@media (max-width: 768px) {
    .contact-form__prjInfo__no-image--ico {
        background:url(../images/srp-sprite-mobile.svg) no-repeat -8px -2331px
    }
}

.contact-form__prjInfo__no-image--text {
    width: 100%;
    color: #909090;
    font-weight: 400;
    line-height: 1rem;
    margin-top: -10px;
    font-size: .7rem
}

.contact-form__prjInfo__name {
    font-size: 1.166rem;
    padding: 2px 0;
    font-weight: 600
}

.contact-form__prjInfo__loc,.contact-form__prjInfo__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.contact-form__prjInfo__loc {
    padding-bottom: 6px
}

.contact-form__prjInfo__content {
    display: flex
}

.contact-form__prjInfo__bhk {
    font-weight: 600;
    padding-right: 8px
}

.contact-form__prjInfo__bhk,.contact-form__prjInfo__price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50%
}

.contact-form__prjInfo__price {
    position: relative;
    padding: 0 0 0 12px
}

.contact-form__prjInfo__price span {
    font-weight: 600
}

.contact-form__prjInfo__price:before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    background: #909090;
    content: ""
}

.contact-form__missed-call .contact-form__otp-text-2 {
    margin-left: 2px
}

.contact-form__missed-call__on-text {
    text-align: center;
    padding-bottom: 12px;
    font-size: 1.166rem
}

.contact-form__missed-call__mob {
    font-size: 2rem;
    letter-spacing: .5px;
    font-weight: 600;
    padding-bottom: 36px;
    text-align: center
}

.contact-form__missed-call__session {
    min-height: 69px;
    margin-bottom: 10px;
    text-align: center
}

.contact-form__missed-call__session--expired {
    padding-bottom: 8px
}

.contact-form__missed-call__session--expired span {
    font-weight: 600;
    color: #5e81f4
}

.contact-form__missed-call__session--try-again {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    border: 1px solid #5e81f4;
    color: #5e81f4;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    border-radius: 16px;
    margin-bottom: 12px;
    font-size: 1.166rem;
    transition: all .3s ease-in-out
}

.contact-form__missed-call__session--try-again:hover {
    background: #5e81f4;
    color: #fff
}

.contact-form__virtual-num {
    padding-top: 10px;
    margin-bottom: 36px
}

.contact-form__virtual-num__skipheading {
    padding: 0 0 8px;
    font-size: 24px;
    line-height: 1.33;
    color: #000
}

.contact-form__virtual-num__skiptext {
    padding: 0 0 24px;
    font-size: 14px;
    line-height: 1.43;
    color: #000
}

.contact-form__virtual-num__container {
    padding: 16px 12px;
    border-radius: 4px;
    border: 1px solid #e8e8e8
}

.contact-form__virtual-num__container__row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.contact-form__virtual-num__container__row:not(:last-child) {
    margin-bottom: 12px
}

.contact-form__virtual-num__name {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: normal;
    font-weight: 400;
    color: #000
}

.contact-form__virtual-num__number {
    font-size: 16px;
    color: #000;
    padding-bottom: 16px;
    line-height: 1.25
}

.contact-form__virtual-num__number__text-bold {
    font-weight: 600;
    padding-bottom: 0;
    font-size: 16px
}

.contact-form__virtual-num__call-icon {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -778px;
    transform: scale(.8);
    margin-right: 4px
}

.contact-form__virtual-num .contact-form__btn {
    height: 40px;
    line-height: 40px;
    width: 112px;
    text-align: center
}

.contact-form__virtual-num__call-button .contact-form__btn {
    height: 32px;
    width: 32px;
    background: #5e81f4;
    content: "";
    font-size: 0
}

.contact-form__virtual-num__save {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #5e81f4
}

.contact-form__virtual-num__tto {
    margin-top: 24px;
    text-align: center
}

.contact-form__virtual-num__tto__action-box {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    text-align: center
}

.contact-form__virtual-num__tto__action-btn {
    padding: 8px 10px;
    border-radius: 20px;
    background-color: #5e81f4;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    height: 40px;
    width: 328px;
    display: block
}

.contact-form__virtual-num__tto__action-btn span {
    margin-right: 12px;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: bottom
}

.contact-form__save-num {
    border-radius: 8px;
    background-color: #f5f5f5;
    padding: 12px
}

.contact-form__save-num__title {
    font-size: 1.5rem;
    color: #000;
    font-weight: 600;
    padding-bottom: 16px
}

.contact-form__save-num__number {
    font-size: 1.5rem;
    color: #000;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 8px;
    margin-bottom: 8px;
    position: relative
}

.contact-form__save-num__view-num {
    font-size: 1.166rem;
    color: #5e81f4;
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 0
}

.contact-form__save-num__text {
    font-size: 12px;
    color: #000
}

.p16 {
    padding-bottom: 16px!important
}

.contact-thankyou {
    padding: 0!important
}

.contact-thankyou__flex {
    display: flex
}

.contact-thankyou__left {
    width: calc(100% - 408px);
    padding: 40px 24px 24px
}

.contact-thankyou__right {
    width: 408px;
    background: #f5f5f5;
    padding: 40px 24px 24px
}

.contact-thankyou__userInfo {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    padding: 12px 12px 12px 76px;
    color: #000;
    min-height: 72px;
    position: relative;
    font-weight: 600;
    font-size: 1.166rem;
    margin: 18px 0 32px;
    display: flex;
    align-items: center
}

.contact-thankyou__userInfo.advertiser-top-info {
    margin: -40px 0 32px
}

.contact-thankyou__userInfo__col2 {
    width: 100%
}

.contact-thankyou__userInfo__i {
    background: #f5f5f5;
    border: 1px solid #d7d7d7;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 600;
    position: absolute;
    left: 12px;
    border-radius: 50%
}

.contact-thankyou__userInfo__name {
    padding-bottom: 6px
}

.contact-thankyou__userInfo__link {
    cursor: pointer;
    color: #5e81f4
}

.contact-thankyou__userInfo__link.disable {
    cursor: default;
    pointer-events: none
}

.contact-thankyou__userInfo__rq .contact-form__otp-timer {
    padding: 0
}

.contact-thankyou__userInfo__mobile {
    font-weight: 400;
    font-size: 1rem;
    display: block
}

.contact-thankyou__userInfo__mobile:first-letter {
    font-size: 1.166rem
}

.contact-thankyou__btmInfo {
    text-align: center;
    color: #000;
    font-size: 1.166rem;
    line-height: 1.667rem;
    padding-top: 32px
}

.contact-thankyou__btmInfo__text1 {
    line-height: 2rem;
    font-size: 18px;
    padding-bottom: 4px;
    font-weight: 600
}

.contact-thankyou__btmInfo__text2 {
    padding-bottom: 22px
}

.contact-app-banner {
    position: relative
}

.contact-app-banner__inner {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #fff url(../images/bg-app-banner-popup@2x.png) 100% 100% no-repeat;
    background-size: auto 157px;
    min-height: 191px;
    padding: 16px
}

@media (min-width: 769px) {
    .contact-app-banner__inner {
        border-radius:8px 8px 0 0;
        min-height: 154px
    }
}

@media (max-width: 768px) {
    .contact-app-banner__action-mob {
        display:block;
        padding-top: 12px
    }

    .contact-app-banner__action-browser {
        display: none
    }
}

@media (min-width: 769px) {
    .contact-app-banner__action-mob {
        display:none
    }

    .contact-app-banner__action-browser {
        display: flex;
        border: 1px solid #d7d7d7;
        border-top: 0;
        border-radius: 0 0 8px 8px;
        padding: 12px;
        justify-content: space-between
    }

    .contact-app-banner__btn-google-play {
        background: url(../images/srp-sprite-mobile.svg) -3px -2528px no-repeat;
        width: 154px;
        height: 32px;
        cursor: pointer;
        text-decoration: none
    }

    .contact-app-banner__btn-app-store {
        background: url(../images/srp-sprite-mobile.svg) -3px -2564px no-repeat;
        width: 154px;
        height: 32px;
        cursor: pointer;
        text-decoration: none
    }
}

.contact-app-banner__head {
    font-size: 1.333rem;
    line-height: 1.667rem;
    padding-bottom: 12px
}

@media (min-width: 769px) {
    .contact-app-banner__head {
        padding-bottom:24px;
        max-width: 137px
    }
}

.contact-app-banner__list {
    padding: 0 124px 10px 0
}

.contact-app-banner__list__item {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.333rem;
    position: relative;
    padding: 0 16px 10px 18px
}

.contact-app-banner__list__item:last-child {
    padding-bottom: 0
}

.contact-app-banner__list__item:before {
    position: absolute;
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    left: 0;
    top: 1px;
    background-color: #e0f2f0;
    border: 1px solid #5e81f4;
    border-radius: 50%;
    box-sizing: border-box
}

.contact-app-banner__list__item:after {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 3px;
    border-left: 1px solid #5e81f4;
    border-bottom: 1px solid #5e81f4;
    left: 4px;
    top: 5px;
    transform: rotate(-45deg);
    box-sizing: border-box
}

.text-blue {
    color: #5e81f4
}

.d-mobile {
    display: none
}

@media (max-width: 768px) {
    .d-mobile {
        display:block
    }

    .contact-form__content {
        padding: 0;
        text-align: left;
        position: fixed;
        background: #fff;
        max-height: 100%;
        overflow-y: auto;
        border-radius: 0;
        min-height: 100%;
        overflow-x: hidden;
        height: 100%;
        width: 100vw;
        top: 0;
        left: 0;
        bottom: 0
    }

    .contact-form__close {
        position: fixed;
        top: 16px;
        right: auto;
        left: 18px;
        width: 20px;
        height: 20px;
        transition: all .1s ease-in;
        cursor: pointer;
        z-index: 13
    }

    .contact-form__close:after,.contact-form__close:before {
        content: "";
        width: 18px;
        height: 2px;
        position: absolute;
        left: -4px;
        top: 13px;
        background: #000;
        transition: all .12s ease-in
    }

    .contact-form__close:after {
        transform: none;
        top: 10px
    }

    .contact-form__close:before {
        transform: rotate(-45deg);
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        margin-top: -7px;
        border-top: 2px solid #000;
        border-left: 2px solid #000;
        background: none
    }

    .contact-form__flex {
        background: #fff
    }

    .contact-form__inner {
        width: auto!important;
        padding: 16px;
        margin-top: 80px
    }

    .contact-form__mobileHeader {
        position: fixed;
        height: 56px;
        top: 0;
        border-bottom: 1px solid #e8e8e8;
        left: 0;
        right: 0;
        z-index: 12;
        background: #fff;
        padding: 0 26px 0 44px;
        line-height: 56px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.166rem;
        color: #000
    }

    .contact-form__mobileHeader span {
        font-weight: 500;
        margin: 0 4px
    }

    .contact-thankyou {
        padding: 0!important
    }

    .contact-thankyou__flex {
        display: block
    }

    .contact-thankyou__left {
        width: auto;
        padding: 96px 16px 16px
    }

    .contact-thankyou__right {
        width: auto;
        background: #f5f5f5;
        padding: 16px
    }
}

.buyer-ques {
    color: #000
}

.buyer-ques__head {
    font-size: 1.166rem;
    font-weight: 500;
    padding-bottom: 8px
}

.buyer-ques__footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.buyer-ques__footer__count {
    font-size: 1rem;
    color: #000
}

.buyer-ques__footer__action-skip {
    cursor: pointer;
    font-size: 1.166rem;
    margin: 0 24 0 0
}

.buyer-ques__card {
    padding-bottom: 14px
}

.buyer-ques__ans {
    padding-bottom: 10px
}

.buyer-ques__ques {
    font-size: 1.333rem;
    line-height: 1.667rem;
    font-weight: 600;
    padding-bottom: 16px
}

.mw104 {
    min-width: 104px
}

.has-success {
    position: relative
}

.has-success:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #5e81f4;
    border-radius: 50%;
    background: #e0f2f0;
    display: inline-block;
    right: 4px;
    top: 8px
}

.has-success:after {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 4px;
    border-left: 1px solid #5e81f4;
    border-bottom: 1px solid #5e81f4;
    transform: rotate(-45deg);
    box-sizing: border-box;
    right: 8px;
    top: 13px
}

.oops-text {
    display: block
}

.icon-mb-prime {
    background: url(../images/icon-mb-prime.svg) no-repeat 0 0;
    width: 13px;
    height: 13px;
    display: inline-block;
    transform: scale(1.3)
}

.mb24 {
    margin-bottom: 24px!important
}

.pb8 {
    padding-bottom: 8px!important
}

.pb16 {
    padding-bottom: 16px!important
}

.text-free {
    text-transform: uppercase;
    font-weight: 600
}

.contact-form__inner--392 .contact-thankyou__flex {
    display: block
}

.contact-form__inner--392 .contact-thankyou__left {
    width: 100%
}

.contact-prime-banner {
    background: #29313b;
    border-radius: 8px;
    padding: 24px;
    color: #fff
}

.contact-prime-banner__head {
    font-size: 1.333rem;
    font-weight: 600;
    padding-bottom: 20px;
    line-height: 2rem
}

.contact-prime-banner__list {
    font-size: 1rem;
    line-height: 1.333rem
}

.contact-prime-banner__list__item {
    position: relative;
    padding: 0 0 0 20px;
    margin-bottom: 8px;
    line-height: 1.333rem
}

.contact-prime-banner__list__item:before {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    content: "";
    left: 0;
    top: 2px;
    position: absolute
}

.contact-prime-banner__list__item:after {
    display: block;
    content: "";
    width: 7px;
    height: 4px;
    border-left: 1px solid #5e81f4;
    border-bottom: 1px solid #5e81f4;
    left: 2px;
    top: 5px;
    transform: rotate(-45deg);
    box-sizing: border-box;
    z-index: 1;
    position: absolute
}

.contact-prime-banner__list__other {
    color: #80cbc0;
    padding: 0 0 16px 20px;
    font-weight: 500
}

.text-mb-prime {
    color: #ffc72c
}

.free-mb-prime-overlay {
    background: rgba(0,0,0,.3);
    display: none;
    z-index: 999
}

.free-mb-prime-overlay,.free-mb-prime-unlock {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.free-mb-prime-unlock {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: -10
}

.free-mb-prime-unlock__inner {
    position: relative;
    width: 360px;
    height: 260px;
    background: url(../images/free-mb-prime-bg.png) 50% no-repeat
}

.free-mb-prime-unlock.show {
    opacity: 1;
    z-index: 1000
}

.free-mb-prime-unlock__box {
    margin: 12px auto;
    width: 272px;
    height: 140px;
    background-color: #f9b91f;
    border-radius: 8px;
    box-shadow: 0 4px 30px 0 rgba(0,0,0,.2);
    position: relative;
    overflow: hidden
}

.free-mb-prime-unlock__box:after,.free-mb-prime-unlock__box:before {
    content: "";
    position: absolute;
    left: 0;
    top: -40px;
    width: 60px;
    height: 90px;
    background-color: #ffce27;
    transform: rotate(30deg)
}

.free-mb-prime-unlock__box:after {
    left: auto;
    right: 0;
    transform: rotate(-30deg)
}

.free-mb-prime-unlock__title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-align: center;
    line-height: 36px;
    padding-bottom: 12px;
    padding-top: 24px
}

.free-mb-prime-unlock__title__icon {
    display: inline-flex;
    width: 36px;
    height: 36px;
    background-color: #29313b;
    border-radius: 100%;
    margin-right: 10px;
    vertical-align: middle;
    align-items: center;
    justify-content: center
}

.free-mb-prime-unlock__title__icon .icon-mb-prime {
    transform: scale(1.7)
}

.free-mb-prime-unlock__text {
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 1.667rem
}

.free-mb-prime-unlock__text span {
    font-weight: 600
}

.payrent-bnr {
    min-height: 188px;
    background: #afeaef url(../images/bg-payrent-bannerV1.png) 0 100% no-repeat!important;
    color: #000;
    margin: 10px 0;
    line-height: 22px;
    background-size: auto 174px!important;
    position: relative;
    border-radius: 8px;
    background: none;
    border: 0;
    cursor: pointer
}

.payrent-bnr__inner {
    padding: 12px 10px 10px 132px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 188px
}

.payrent-bnr__content-1 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 14px;
    line-height: 2rem!important;
    text-align: left
}

.payrent-bnr__content-1__bold {
    font-weight: 600;
    color: #ce0037
}

.payrent-bnr__content-2 {
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 20px;
    line-height: 1.667rem!important;
    text-align: left
}

.payrent-bnr__action {
    text-align: left;
    cursor: pointer
}

.payrent-bnr__action__link {
    color: #ce0037;
    font-size: 1.166rem;
    padding: 0;
    box-sizing: border-box;
    font-weight: 600;
    display: inline-block;
    line-height: 1.667rem;
    background: none;
    border: 0;
    cursor: pointer
}

.payrent-bnr__action__link .right-arrow {
    margin-top: -4px;
    vertical-align: middle;
    transition: all .6s ease
}

.payrent-bnr__tnc {
    color: #d8d8d8;
    font-size: 10px;
    position: absolute;
    left: 16px;
    bottom: 6px
}

.right-arrow {
    display: inline-block;
    margin-left: 10px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #ce0037;
    border-left: 1px solid #ce0037;
    transform: rotate(135deg)
}

.right-arrow:after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: #ce0037;
    transform: rotate(-45deg) translate(4px,1px);
    left: 0;
    top: 0
}

.inputFocused .contact-form__input+.contact-form__label {
    top: -22px;
    font-size: 1rem
}

.mb-inline-contact .contact-form__flex {
    position: relative;
    background: #fff
}

.mb-inline-contact .contact-form__content {
    position: relative;
    border-radius: 0;
    width: 100%;
    min-height: 400px
}

.mb-inline-contact .contact-form__close {
    top: 0;
    right: 0;
    display: none
}

.mb-inline-contact .contact-form__inner {
    width: 100%!important;
    padding: 10px 0 0!important
}

.mb-inline-contact .contact-form__country-isd {
    width: 90px
}

.mb-inline-contact .contact-form__mobile-no {
    width: calc(100% - 108px)
}

.mb-inline-contact .contact-form__text {
    padding-bottom: 0
}

.mb-inline-contact .contact-form__label-no {
    left: 105px
}

.no-overflow {
    overflow: hidden
}

#userEmail::-webkit-calendar-picker-indicator {
    opacity: 0
}

.officeSpaceWrapper {
    width: 100%;
    display: block;
    margin: 10px 0;
    cursor: pointer
}

.officeSpaceWrapper__innerOfficeSpace {
    background-color: #bbe8ee;
    border-radius: 5px;
    padding: 16px;
    position: relative
}

.officeSpaceWrapper__heading {
    font-size: 16px;
    line-height: 1.667rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 22px
}

.officeSpaceWrapper__heading .bold {
    font-weight: 600
}

.officeSpaceWrapper__link {
    font-size: 16px;
    line-height: 2rem;
    color: #c63834;
    font-weight: 600;
    display: inline-block;
    position: relative
}

.officeSpaceWrapper__link .arrowRight {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    -webkit-box-shadow: inset 0 0 0 2px;
    box-shadow: inset 0 0 0 2px;
    width: 18px;
    height: 6px;
    color: #c53834;
    position: absolute;
    bottom: 9px;
    right: -6px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.officeSpaceWrapper__link .arrowRight:before {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.officeSpaceWrapper__bannerImgOfficeSpace {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/officeSpaceCalculatorPopup.png) no-repeat 50%;
    background-size: contain;
    width: 122px;
    height: 136px;
    border-radius: 0 0 5px 0
}

.icon-wrapper {
    position: relative
}

.icon-wrapper>img {
    position: relative;
    z-index: 2
}

.icon-wrapper .dripping-wrapper {
    position: absolute;
    top: 50%;
    left: 50%
}

.icon-wrapper .dripping-wrapper .rim1,.icon-wrapper .dripping-wrapper .rim2,.icon-wrapper .dripping-wrapper .rim3 {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    width: 0;
    height: 0;
    border: 1px solid #fff;
    background: transparent
}

.icon-wrapper .dripping-wrapper .rim1 {
    -webkit-animation: expand 2s linear infinite
}

.icon-wrapper .dripping-wrapper .rim2 {
    -webkit-animation: expand 2s linear .5s infinite
}

.icon-wrapper .dripping-wrapper .rim3 {
    -webkit-animation: expand 2s linear 1s infinite
}

@-webkit-keyframes expand {
    0% {
        top: calc(50% - 14px);
        left: calc(50% - 14px);
        width: 4px;
        height: 4px;
        border: 1px solid #fff;
        opacity: 1
    }

    to {
        top: calc(50% - 36px);
        left: calc(50% - 36px);
        width: 50px;
        height: 50px;
        border: 4px solid #fff;
        opacity: 0
    }
}

.contact-continue-whatsapp {
    padding: 0;
    margin: -32px -16px 0
}

.contact-continue-whatsapp__wrap {
    background-image: linear-gradient(180deg,#fff 10%,#f5f5f5);
    height: 322px;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
    padding: 0 16px 16px;
    position: relative
}

.contact-continue-whatsapp__img-sec {
    padding: 32px 0 36px;
    text-align: center;
    min-height: 110px
}

.contact-continue-whatsapp__title {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding-bottom: 12px
}

.contact-continue-whatsapp__btn {
    height: 40px;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #075e54;
    text-align: center;
    font-size: 14px;
    color: #075e54;
    font-weight: 600;
    line-height: 40px
}

.contact-continue-whatsapp__btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(https://cdn.staticmb.com/srpstatic/images/srp-sprite-mobile.svg?v=20250904110021584) no-repeat -20px -2122px;
    vertical-align: -7px;
    margin-right: 4px
}

.contact-continue-whatsapp__skip {
    width: 188px;
    margin: 0 auto;
    line-height: 22px;
    background-color: #e0f2f0;
    font-size: 12px;
    color: #5e81f4;
    font-style: italic;
    text-align: center;
    padding-bottom: 4px;
    border-radius: 0 0 4px 4px
}

.contact-continue-whatsapp__or {
    position: absolute;
    left: 50%;
    bottom: -16px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 100%;
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 30px
}

.contact-continue-whatsapp__register-btn {
    height: 40px;
    background-color: #fff;
    border-radius: 20px;
    border: none;
    text-align: center;
    font-size: 14px;
    color: #5e81f4;
    font-weight: 600;
    line-height: 40px;
    margin: 42px 16px
}

.contact-continue-whatsapp__form-top {
    background-color: #f5f5f5;
    height: 140px;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
    padding: 36px 16px 16px;
    position: relative;
    margin-bottom: 42px
}

.c-similar-properties {
    font-size: 1rem;
    color: #606060;
    line-height: 1.333rem
}

@media (min-width: 768px) {
    .c-similar-properties {
        max-height:500px;
        overflow-x: auto;
        margin: 0 -20px -20px 0
    }

    .c-similar-properties::-webkit-scrollbar {
        width: 6px;
        background-color: rgba(0,0,0,.04)
    }

    .c-similar-properties::-webkit-scrollbar-thumb {
        border-radius: 6px;
        box-shadow: inset 0 0 6px rgba(0,0,0,.2);
        background-color: #d8d8d8
    }
}

.c-similar-properties__heading {
    position: relative;
    font-size: 1.333rem;
    font-weight: 600;
    color: #000;
    line-height: 1.667rem;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.c-similar-properties__heading:before {
    content: "";
    position: absolute;
    height: 3px;
    background: #5e81f4;
    width: 32px;
    border-radius: 2px;
    left: 0;
    bottom: 2px
}

.c-similar-properties__card {
    padding: 16px 0;
    border-bottom: 1px solid #d7d7d7
}

.c-similar-properties__card__head {
    font-size: 1.166rem;
    font-weight: 600;
    color: #000;
    line-height: 1.667rem;
    padding-bottom: 6px
}

.c-similar-properties__card__desc {
    padding-bottom: 6px;
    color: #000
}

.c-similar-properties__card__dt {
    padding-bottom: 12px
}

.c-similar-properties__card__dt-prj {
    font-weight: 600;
    padding-right: 6px
}

.c-similar-properties__card__dt-poss {
    position: relative;
    padding-left: 9px
}

.c-similar-properties__card__dt-poss:before {
    width: 4px;
    height: 4px;
    background: #606060;
    position: absolute;
    left: 0;
    top: 4px;
    border-radius: 50%;
    content: ""
}

.c-similar-properties__btn {
    width: 162px;
    height: 32px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #5e81f4;
    text-align: center;
    font-size: 1.166rem;
    color: #5e81f4;
    font-weight: 500;
    display: inline-block;
    line-height: 28px;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease-in-out;
    margin-right: 12px
}

.c-similar-properties__btn:hover {
    background: #c31f25;
    color: #fff
}

.c-similar-properties__btn.contacted {
    color: #5e81f4;
    border: 1px solid #5e81f4
}

.c-similar-properties__btn--red {
    background: #5e81f4;
    color: #fff
}

.c-similar-properties__btn--red:hover {
    background: #c31f25;
    color: #fff
}

.c-similar-properties__btn--red.contacted {
    background: #5e81f4;
    border: 1px solid #5e81f4;
    color: #fff
}

.c-similar-properties__link-click {
    text-decoration: none!important;
    font-size: 1.166rem;
    line-height: 2.333rem;
    font-weight: 600;
    color: #5e81f4;
    cursor: pointer;
    margin: 32px auto 12px;
    display: block;
    border: 0;
    background: none
}

.c-buyer-tagging-wrap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background-color: #fff
}

@media (max-width: 768px) {
    .c-buyer-tagging-wrap {
        z-index:14;
        background-color: #000
    }
}

.c-buyer-tagging {
    padding: 32px 24px 24px
}

.c-buyer-tagging__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    cursor: pointer;
    z-index: 15;
    display: none
}

@media (max-width: 768px) {
    .c-buyer-tagging__close {
        display:block
    }
}

.c-buyer-tagging__close:after,.c-buyer-tagging__close:before {
    content: "";
    width: 20px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 10px;
    background: #fff;
    -webkit-transition: all .12s ease-in;
    transition: all .12s ease-in
}

.c-buyer-tagging__close:after {
    transform: rotate(45deg)
}

.c-buyer-tagging__close:before {
    transform: rotate(-45deg)
}

.c-buyer-tagging__thanks {
    padding: 0
}

.c-buyer-tagging__thanks-wrap {
    margin-bottom: 24px
}

@media (max-width: 768px) {
    .c-buyer-tagging__thanks-wrap {
        background-color:#fff7e1;
        padding: 16px;
        border-radius: 8px
    }
}

.c-buyer-tagging__thanks__title {
    font-size: 1.333rem;
    font-weight: 600;
    color: #000;
    padding: 0 0 2px 28px;
    position: relative;
    line-height: 1.667rem
}

@media (max-width: 768px) {
    .c-buyer-tagging__thanks__title {
        font-size:1.166rem
    }
}

.c-buyer-tagging__thanks__title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #5e81f4;
    border-radius: 50%;
    background: #e0f2f0
}

@media (max-width: 768px) {
    .c-buyer-tagging__thanks__title:before {
        border-color:#ffc72c;
        background-color: #ffebb3
    }
}

.c-buyer-tagging__thanks__title:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    transform: rotate(-45deg);
    box-sizing: border-box
}

@media (max-width: 768px) {
    .c-buyer-tagging__thanks__title:after {
        border-color:#000
    }
}

.c-buyer-tagging__thanks__msg {
    font-size: 1.333rem;
    color: #000;
    font-weight: 600;
    line-height: 2rem;
    padding: 12px 0;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
    margin-bottom: 12px
}

@media (max-width: 768px) {
    .c-buyer-tagging__thanks__msg {
        padding:18px 0
    }
}

.c-buyer-tagging__content {
    border-radius: 12px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.12),0 8px 20px 0 rgba(0,0,0,.1);
    border: 1px solid #d7d7d7;
    background-color: #fff;
    margin-bottom: 32px;
    padding: 0 20px
}

.c-buyer-tagging__qna-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 230px
}

@media (max-width: 768px) {
    .c-buyer-tagging__qna-wrap {
        height:305px
    }
}

.c-buyer-tagging__btn-skip {
    margin: 0 auto;
    width: 96px;
    font-size: 1.166rem;
    color: #000;
    text-align: center;
    line-height: 1.833rem;
    cursor: pointer;
    text-decoration: underline
}

@media (max-width: 768px) {
    .c-buyer-tagging__btn-skip {
        height:40px;
        border-radius: 20px;
        border: 1px solid #606060;
        line-height: 38px;
        text-decoration: none;
        color: #fff
    }
}

.c-buyer-tagging__qna {
    padding: 0 0 16px;
    text-align: center
}

.c-buyer-tagging__qna__q {
    font-size: 1.5rem;
    color: #000;
    line-height: 2rem;
    padding-bottom: 16px;
    position: relative
}

.c-buyer-tagging__qna__a {
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 16px;
    padding-top: 8px
}

.c-buyer-tagging__qna__a::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0,0,0,.04)
}

.c-buyer-tagging__qna__a::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color: #d8d8d8
}

.c-buyer-tagging__qna__item {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    position: relative
}

.c-buyer-tagging__qna__item__input {
    display: none
}

.c-buyer-tagging__qna__item__label {
    display: block;
    border-radius: 20px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 6px 16px 6px 26px;
    line-height: 1.5rem;
    font-size: 1.166rem;
    color: #000;
    cursor: pointer;
    position: relative
}

.c-buyer-tagging__qna__item__label:after,.c-buyer-tagging__qna__item__label:before {
    content: "";
    position: absolute;
    left: 9px;
    top: 13px;
    width: 10px;
    height: 2px;
    background-color: #909090
}

.c-buyer-tagging__qna__item__label:after {
    transform: rotate(90deg)
}

.c-buyer-tagging__qna__item__input:checked~.c-buyer-tagging__qna__item__label {
    background-color: #e0f2f0;
    border-color: #b2dfd8;
    font-weight: 600
}

.c-buyer-tagging__qna__item__input:checked~.c-buyer-tagging__qna__item__label:before {
    height: 6px;
    background: none;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    transform: rotate(-45deg);
    top: 10px
}

.c-buyer-tagging__qna__item__input:checked~.c-buyer-tagging__qna__item__label:after {
    display: none
}

.c-buyer-tagging__qna__btn-next {
    margin: 8px auto 0;
    width: 164px;
    height: 40px;
    border-radius: 20px;
    background-color: #5e81f4;
    position: relative;
    font-size: 1.166rem;
    font-weight: 600;
    color: #fff;
    line-height: 38px;
    text-align: center;
    cursor: pointer
}

.c-buyer-tagging__qna__btn-next__arrow {
    display: inline-block;
    width: 12px;
    height: 2px;
    vertical-align: middle;
    position: relative;
    background-color: #fff;
    margin-left: 10px
}

.c-buyer-tagging__qna__btn-next__arrow:after {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg)
}

.c-buyer-tagging__qna__btn-maybe-later {
    margin: 8px auto 0;
    width: 125px;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    font-size: 1.166rem;
    font-weight: 600;
    color: #5e81f4;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    border: 1px solid
}

.c-buyer-tagging__qna__btn-maybe-later:hover {
    border-color: #c31f25;
    background-color: #c31f25;
    color: #fff;
    text-decoration: none
}

.c-buyer-tagging__qna__field {
    position: relative;
    padding-bottom: 20px;
    text-align: left
}

.c-buyer-tagging__qna__field__isd {
    float: left;
    border-right-width: 0;
    position: relative
}

.c-buyer-tagging__qna__field__isd:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    right: 20px;
    border-color: #606060;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    top: 14px;
    pointer-events: none
}

.c-buyer-tagging__qna__field__label {
    display: block;
    font-size: 1.166rem;
    color: #606060;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    line-height: 35px;
    transition: all .3s ease-in-out;
    cursor: text
}

.c-buyer-tagging__qna__field__label.mobile-no {
    left: 109px
}

.c-buyer-tagging__qna__field__label--inline {
    display: inline-block;
    padding-right: 20px
}

.c-buyer-tagging__qna__field__label--disclaimer {
    font-size: 1rem!important;
    color: #606060!important
}

.c-buyer-tagging__qna__field__label--pref-tag {
    display: none;
    background-color: #e8f7e7;
    border-radius: 12px;
    font-size: .833rem;
    color: #1bb814;
    font-weight: 600;
    line-height: 1.333rem;
    padding: 0 7px;
    height: 16px;
    vertical-align: 1px;
    margin-left: 4px;
    position: absolute;
    right: 0;
    top: -18px
}

.c-buyer-tagging__qna__field__label--pref-tag.pref-tag-show {
    display: inline-block
}

.c-buyer-tagging__qna__field__input,.c-buyer-tagging__qna__field__select {
    display: block;
    width: 100%;
    padding: 7px 20px 8px 0;
    height: 35px;
    font-size: 1.166rem;
    line-height: 1.5rem;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    outline: none;
    -webkit-text-fill-color: #000;
    color: #000;
    transition: all .3s ease-in-out;
    box-shadow: none;
    font-weight: 500;
    background-color: transparent;
    appearance: none;
    -webkit-appearance: none
}

.c-buyer-tagging__qna__field__input.mobile-no,.c-buyer-tagging__qna__field__select.mobile-no {
    width: calc(100% - 112px)
}

.c-buyer-tagging__qna__field__input.isd-number,.c-buyer-tagging__qna__field__select.isd-number {
    width: 94px;
    margin-right: 15px
}

.c-buyer-tagging__qna__field__input::input-placeholder,.c-buyer-tagging__qna__field__select::input-placeholder {
    color: mb-gray-700;
    opacity: 1;
    transition: all .3s ease-in-out
}

.c-buyer-tagging__qna__field__input::input-placeholder-focus,.c-buyer-tagging__qna__field__select::input-placeholder-focus {
    color: transparent;
    opacity: 0
}

.c-buyer-tagging__qna__field__input:focus,.c-buyer-tagging__qna__field__select:focus {
    outline-color: #00c1d4
}

.c-buyer-tagging__qna__field__input:focus+.c-buyer-tagging__qna__field__label,.c-buyer-tagging__qna__field__input:not(:focus):valid~.c-buyer-tagging__qna__field__label {
    top: -20px;
    font-size: 1rem
}

.c-buyer-tagging__fieldset {
    padding-bottom: 16px;
    position: relative;
    overflow: hidden;
    min-width: 270px;
    text-align: left
}

.c-buyer-tagging__fieldset__min-max {
    width: 44%;
    height: 32px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    padding-left: 12px
}

.c-buyer-tagging__fieldset__min-max:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 7px;
    height: 7px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    backface-visibility: hidden;
    transition: all .3s ease;
    margin-top: -6px
}

.c-buyer-tagging__fieldset__min-max.min {
    float: left
}

.c-buyer-tagging__fieldset__min-max.min .c-buyer-tagging__select:last-child {
    display: none
}

.c-buyer-tagging__fieldset__min-max.max {
    float: right
}

.c-buyer-tagging__fieldset__input {
    height: 100%;
    width: 88%;
    background: none;
    border: none;
    outline: none;
    font-size: 1.166rem;
    padding: 0 12px 0 0;
    display: inline-block;
    vertical-align: top;
    line-height: 2.833rem;
    font-family: Arial,sans-serif
}

.c-buyer-tagging__fieldset__to {
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -10px;
    font-size: 1rem;
    color: #000;
    width: 20px;
    text-align: center
}

.c-buyer-tagging__error {
    position: absolute;
    left: 0;
    bottom: 2px;
    font-size: 1rem;
    color: #5e81f4
}

.c-buyer-tagging__select {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    border: 0;
    outline: 0;
    cursor: pointer
}

.c-buyer-tagging__auto-suggest {
    width: 100%
}

.c-buyer-tagging .mb-form--error {
    font-size: 1rem;
    color: #5e81f4;
    font-weight: 500
}

.c-buyer-tagging .top-filter-autosuggest__drop-down {
    all: unset
}

.c-buyer-tagging .top-filter-autosuggest__drop-down .auto-suggest__input {
    position: relative;
    left: auto;
    top: auto
}

.c-buyer-tagging .searcher__wrap-autosuggest {
    width: 100%;
    text-align: left;
    margin-bottom: 16px
}

.c-buyer-tagging .searcher__wrap-autosuggest .searcher__head__back {
    cursor: pointer
}

.c-buyer-tagging .searcher__wrap-autosuggest.fixed-auto-keword {
    position: absolute
}

.c-buyer-tagging .searcher__wrap-autosuggest .auto-suggest__drop-down {
    left: 0;
    top: 0;
    max-height: 345px;
    height: auto
}

.single-select .c-buyer-tagging__qna__item__label {
    padding-left: 16px
}

.single-select .c-buyer-tagging__qna__item__label:after,.single-select .c-buyer-tagging__qna__item__label:before {
    display: none
}

.mb-srp-m__bhk-prop {
    width: 100%;
    display: flex;
    padding: 10px 12px 10px 0;
    overflow: auto;
    flex-wrap: nowrap
}

.mb-srp-m__bhk-prop--heading {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    line-height: 1.833rem;
    padding-left: 13px
}

.mb-srp-m__bhk-prop--subheading {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.833rem;
    margin-bottom: 10px;
    padding-left: 13px
}

.mb-srp-m__bhk-prop--subheading span {
    font-weight: 700
}

.mb-srp-m__bhk-prop__mbexclusivecontainer {
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
    padding: 0 12px 0 0
}

.mb-srp-m__bhk-prop__mbexclusivecontainer::-webkit-scrollbar {
    width: 0;
    background: transparent;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.mb-srp-m__bhk-prop__mbExcusive {
    width: 170px;
    min-width: 170px;
    height: auto;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    margin-left: 10px;
    float: left;
    overflow: hidden;
    background: #fff;
    margin-bottom: 8px
}

.mb-srp-m__bhk-prop__mbExcusive_mb_exclusive_imgWrapper {
    position: relative
}

.mb-srp-m__bhk-prop__mbExcusive_mb_exclusive_imgWrapper>img {
    width: 100%;
    height: auto
}

.mb-srp-m__bhk-prop__mbExcusive_mb_exclusive_imgWrapper_lock {
    position: absolute;
    width: 60px;
    height: 60px;
    color: #fff;
    background: rgba(0,0,0,.4117647058823529);
    top: 50%;
    border-radius: 35px;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center
}

.mb-srp-m__bhk-prop__mbExcusive_mb_exclusive_imgWrapper_lock:before {
    display: block;
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -816px;
    width: 16px;
    height: 20px
}

.mb-srp-m__bhk-prop__mbExcusive_mb_exclusive_contentBox {
    padding: 15px
}

.mb-srp-m__bhk-prop__mbExcusive_mb_exclusive_contentBox_title {
    font-size: 1.333rem;
    font-weight: 600;
    margin-bottom: 10px
}

.mb-srp-m__bhk-prop__mbExcusive_mb_exclusive_contentBox_description {
    font-size: 1.166rem;
    font-weight: 500
}

.mb-srp-m__bhk-prop__card {
    width: 216px;
    min-width: 218px;
    height: 292px;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    margin-left: 10px;
    float: left
}

.mb-srp-m__bhk-prop__card>a {
    width: 100%;
    height: 100%;
    display: block
}

.mb-srp-m__bhk-prop__card--graphic {
    width: 100%;
    height: 128px;
    overflow: hidden;
    position: relative
}

.mb-srp-m__bhk-prop__card--graphic>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
    transition: all .35s ease-in
}

.mb-srp-m__bhk-prop__card--pic-count {
    width: auto;
    height: 24px;
    line-height: 2rem;
    padding: 0 6px 0 22px;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    background-color: #000;
    position: absolute;
    left: 8px;
    bottom: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp-m__bhk-prop__card--pic-count:before {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/srp-sprite-web.svg) no-repeat;
    background-position: -27px -387px;
    left: 6px;
    top: 7px
}

.mb-srp-m__bhk-prop__card--content {
    width: 100%;
    height: calc(100% - 112px);
    padding: 12px 16px;
    position: relative;
    background-color: #fff
}

.mb-srp-m__bhk-prop__card--type {
    color: #000;
    font-size: 1.166rem;
    font-weight: 400;
    padding: 10px 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp-m__bhk-prop__card--price {
    color: #000;
    font-size: 1.333rem;
    font-weight: 600;
    padding-bottom: 8px
}

.mb-srp-m__bhk-prop__card--price .onwards {
    color: #606060;
    font-size: 1rem;
    font-weight: 400
}

.mb-srp-m__bhk-prop__card--size {
    color: #000;
    font-size: 1.333rem;
    font-weight: 600;
    padding-left: 12px;
    position: relative
}

.mb-srp-m__bhk-prop__card--size:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: #000;
    margin-right: 12px;
    vertical-align: -1px
}

.mb-srp-m__bhk-prop__card--loc {
    color: #000;
    font-size: 1.166rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.833rem;
    padding-bottom: 4px
}

.mb-srp-m__bhk-prop__card--fixed {
    left: 16px;
    bottom: 16px
}

.mb-srp-m__bhk-prop__card--status {
    color: #000;
    font-size: 1.166rem;
    font-weight: 400
}

.mb-srp-m__bhk-prop__card--contactBuilder {
    margin-top: 20px;
    color: #5e81f4;
    font-weight: 700;
    font-size: 14px
}

.mb-srp-m__bhk-prop::-webkit-scrollbar {
    width: 0;
    background: transparent;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.mb-srp-m__plotInvest .mb-srp-m__bhk-prop__card {
    height: 208px
}

.mb-srp-m__plotInvest .mb-srp-m__bhk-prop__card--graphic {
    height: 116px
}

.mb-srp-m__plotInvest .mb-srp-m__bhk-prop__card--content {
    height: calc(100% - 116px);
    padding: 10px 12px
}

.mb-srp-m__plotInvest .mb-srp-m__bhk-prop__card--type {
    font-weight: 600;
    padding: 0 0 6px
}

.mb-srp-m__plotInvest .mb-srp-m__bhk-prop__card--price {
    font-size: 1rem;
    font-weight: 400
}

.mb-srp-m__plotInvest__footer {
    padding: 0 12px
}

.mb-srp-m__plotInvest__head .mb-srp-m__card__topHeading--headingRegular {
    font-size: 18px;
    font-weight: 400
}

.mb-srp-m__trending-plot__card {
    border: 1px solid #f39898;
    border-radius: 8px;
    padding: 8px 10px;
    margin-left: 10px;
    min-height: 74px;
    width: 158px;
    min-width: 158px;
    cursor: pointer
}

.mb-srp-m__trending-plot__prj {
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mb-srp-m__trending-plot__price {
    font-size: 10px;
    padding-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mb-srp-m__trending-plot .mb-srp-m__card--actionText {
    margin-top: 8px;
    font-size: 10px;
    color: #000;
    text-decoration: underline;
    font-weight: 600
}

.w-veri-mean {
    width: 100%;
    padding: 18px 13px;
    margin-bottom: 8px;
    display: flex;
    background: #fff;
    position: relative
}

.w-veri-mean:after {
    content: "";
    display: table;
    clear: both
}

.w-veri-mean__close {
    position: absolute;
    height: 16px;
    width: 16px;
    top: 8px;
    right: 8px;
    cursor: pointer
}

.w-veri-mean__close:after,.w-veri-mean__close:before {
    position: absolute;
    display: block;
    content: "";
    height: 12px;
    width: 1px;
    background: #909090;
    top: 3px;
    right: 7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.w-veri-mean__close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.w-veri-mean__brf {
    width: 100%;
    font-size: 1.166rem;
    color: #000
}

.w-veri-mean__brf__heading {
    font-size: 1.333rem;
    font-weight: 600
}

.w-veri-mean__brf__Verified {
    height: 22px;
    line-height: 1.5rem;
    border-radius: 4px;
    color: #5e81f4;
    border: 2px solid #5e81f4;
    font-weight: 600;
    padding: 0 6px 0 20px;
    position: relative;
    display: inline-block;
    font-size: 1.166rem;
    margin: 0 4px;
    text-transform: uppercase
}

.w-veri-mean__brf__Verified:before {
    position: absolute;
    display: block;
    content: "";
    height: 6px;
    width: 10px;
    border: 2px solid #5e81f4;
    border-top: 0;
    border-right: 0;
    top: 5px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.w-veri-mean__brf__subheading {
    padding-top: 14px;
    line-height: 1.833rem
}

.w-veri-mean__brf__cta {
    color: #5e81f4
}

.w-veri-mean__brf__cta:hover {
    color: #c31f25;
    text-decoration: underline
}

.w-veri-mean__infoList {
    width: calc(100% - 475px);
    font-size: 1.166rem
}

.w-veri-mean__infoList__ul {
    padding-top: 4px
}

.w-veri-mean__infoList__li {
    font-weight: 600;
    line-height: 1.833rem;
    padding-bottom: 6px;
    position: relative;
    padding-left: 20px
}

.w-veri-mean__infoList__li:before {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    border: 1px solid #5e81f4;
    background-color: #e0f2f0;
    display: inline-block;
    left: 0;
    top: 2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background-clip: padding-box
}

.w-veri-mean__infoList__li:after {
    position: absolute;
    display: block;
    content: "";
    height: 3px;
    width: 6px;
    border: 1px solid #5e81f4;
    border-top: 0;
    border-right: 0;
    top: 6px;
    left: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.filter__common__component {
    padding-bottom: 12px
}

.filter_title {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    padding-bottom: 8px;
    position: relative
}

.filter_title.for-toggle {
    position: relative;
    padding-right: 38px
}

.filter_title.for-toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 8px;
    height: 8px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-225deg);
    backface-visibility: hidden;
    transition: all .3s ease;
    margin-top: -8px
}

.filter_title.for-toggle.toggle-down:after {
    transform: rotate(-45deg);
    margin-top: -11px
}

.filter_title .covered-tool-tip {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #d7d7d7;
    border-radius: 100%;
    position: relative;
    margin-left: 5px;
    margin-right: 4px;
    vertical-align: 1px
}

@media (max-width: 768px) {
    .filter_title .covered-tool-tip {
        position:static
    }
}

.filter_title .covered-tool-tip__i {
    font-size: 10px;
    text-align: center;
    line-height: 10px;
    font-family: serif;
    display: block;
    font-style: italic;
    cursor: pointer
}

.filter_title .covered-tool-tip__info {
    position: absolute;
    top: -10px;
    left: 22px;
    width: 340px;
    z-index: 6;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 3px 14px 2px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.14);
    background-color: #fff;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    line-height: 16px
}

@media (max-width: 768px) {
    .filter_title .covered-tool-tip__info {
        top:-90px;
        left: 50%;
        margin-left: -150px;
        width: 300px
    }
}

.filter_title .covered-tool-tip__info:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: rotate(45deg)
}

@media (max-width: 768px) {
    .filter_title .covered-tool-tip__info:before {
        display:none
    }
}

.filter_title .covered-tool-tip__close {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.filter_title .covered-tool-tip__close:after,.filter_title .covered-tool-tip__close:before {
    position: absolute;
    right: 10px;
    top: 5px;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #909090;
    transform: rotate(45deg)
}

.filter_title .covered-tool-tip__close:after {
    transform: rotate(-45deg)
}

.filter__common__component__amenities {
    float: left
}

.filter__common__component__amenities.hide-data {
    display: none
}

.filter__common__component__more {
    font-size: 14px;
    font-weight: 500;
    color: #5e81f4;
    cursor: pointer;
    display: inline-block
}

.filter__common__component__more.hide-more {
    display: none
}

.filter-comp-seat {
    margin-top: 16px;
    position: relative
}

.filter-comp-seat__input {
    width: 100%;
    height: 30px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    border: none;
    border-bottom: 1px solid #d7d7d7
}

.filter-comp-seat__label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #606060;
    transition: all .3s ease
}

.filter-comp-seat__input:focus+.filter-comp-seat__label,.filter-comp-seat__input:not(:focus):valid~.filter-comp-seat__label {
    top: -12px;
    font-size: 12px
}

.filter-business {
    margin: 0 -12px;
    padding: 10px 16px 0;
    max-height: 390px;
    overflow: auto
}

.filter-business__input {
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #606060;
    font-weight: 500;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    padding: 0 12px;
    margin-bottom: 24px
}

.filter-business__item {
    float: left;
    margin: 0 8px 8px 0;
    text-align: center;
    height: 32px;
    border-radius: 20px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 0 16px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    position: relative;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.filter-business__item.active {
    background-color: #e0f2f0;
    border-color: #b2dfd8
}

.filter-more .filter__common__component {
    padding-bottom: 32px
}

.filter-more .filter__common__component__item__label {
    min-width: 46px;
    max-width: none;
    font-size: 14px;
    font-weight: 500
}

.filter-comp-onoff__label__track {
    height: 100%
}

.filter-comp-checkbox {
    margin-right: 16px;
    margin-bottom: 12px
}

.filter-comp-checkbox__label {
    width: 148px
}

.single-select .filter__common__component__item__label {
    padding-left: 16px
}

.single-select .filter__common__component__item__label:after,.single-select .filter__common__component__item__label:before {
    display: none
}

.filter__common__component__item__label {
    font-weight: 500
}

.filter__common__component__item__label:after,.filter__common__component__item__label:before {
    left: 12px
}

.filter__common__component__item__input:checked~.filter__common__component__item__label {
    font-weight: 600
}

.filter-budget__slider-wrap {
    height: 4px;
    background-color: #e6e6e6;
    border-radius: 4px;
    position: relative;
    z-index: 1
}

.filter-budget__range[type=range] {
    height: 0;
    border: 0;
    outline: none;
    margin: 0;
    width: 100%;
    pointer-events: none;
    appearance: none;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-appearance: none
}

.filter-budget__range[type=range]::-webkit-slider-thumb {
    width: 22px;
    height: 22px;
    box-shadow: 0 2px 4px 0 hsla(0,0%,54.9%,.3),0 -2px 4px 0 hsla(0,0%,54.9%,.2);
    border: 2px solid #5e81f4;
    background-color: #fff;
    border-radius: 100%;
    pointer-events: all;
    appearance: none;
    margin-top: 0;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.filter-budget__range[type=range]::-webkit-slider-thumb:hover {
    z-index: 2
}

.filter-budget__range[type=range]::-moz-range-thumb {
    width: 22px;
    height: 22px;
    box-shadow: 0 2px 4px 0 hsla(0,0%,54.9%,.3),0 -2px 4px 0 hsla(0,0%,54.9%,.2);
    border: 2px solid #5e81f4;
    background-color: #fff;
    border-radius: 100%;
    pointer-events: all;
    appearance: none;
    margin-top: 0;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.filter-budget__range[type=range].z-index-max {
    z-index: 5
}

.filter-budget__range--filler {
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #5e81f4;
    border-radius: 4px;
    z-index: -1
}

.filter-budget__fieldset {
    padding-bottom: 40px;
    position: relative;
    overflow: hidden
}

.filter-budget__fieldset__min-max {
    width: 45%;
    height: 32px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    padding-left: 12px
}

.filter-budget__fieldset__min-max:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 8px;
    height: 8px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    backface-visibility: hidden;
    transition: all .3s ease;
    margin-top: -6px
}

.filter-budget__fieldset__min-max.min {
    float: left
}

.filter-budget__fieldset__min-max.min .filter-budget__select option:last-child {
    display: none
}

.filter-budget__fieldset__min-max.max {
    float: right
}

.filter-budget__fieldset__input {
    height: 100%;
    width: 88%;
    background: none;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 0 12px 0 0;
    display: inline-block;
    vertical-align: top;
    line-height: 32px
}

.filter-budget__fieldset__to {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -10px;
    font-size: 14px;
    color: #000;
    width: 20px;
    text-align: center
}

.filter-budget__select {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    border: 0;
    outline: 0;
    cursor: pointer
}

.filter-budget__rupee {
    font-size: 1.166rem;
    color: #000;
    font-family: Arial,sans-serif;
    display: inline-block;
    line-height: 30px;
    padding-right: 4px
}

.filter-covered-wrap {
    max-width: 360px
}

.smart-filter-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 68px;
    background-color: #000;
    display: flex;
    z-index: 94;
    justify-content: space-between
}

.smart-filter-bottom__item {
    width: 18%;
    height: 68px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    padding-top: 44px;
    position: relative
}

.smart-filter-bottom__item:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 16px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -20px -972px;
    display: none;
    height: 14px
}

.smart-filter-bottom__item.bottom-budget:before {
    display: block;
    width: 10px;
    margin-left: -5px;
    background-position: -27px -1629px
}

.smart-filter-bottom__item.bottom-bhk:before {
    display: block;
    width: 21px;
    margin-left: -10px;
    background-position: -22px -1677px
}

.smart-filter-bottom__item.bottom-prop:before {
    display: block;
    width: 20px;
    margin-left: -10px;
    background-position: -24px -1847px;
    height: 18px
}

.smart-filter-bottom__item.bottom-locality:before {
    display: block;
    width: 12px;
    margin-left: -6px;
    background-position: -26px -1722px;
    height: 16px
}

.smart-filter-bottom__item.bottom-sort-filter:before {
    display: block;
    width: 15px;
    margin-left: -7px;
    background-position: -25px -1760px
}

.smart-filter-bottom__item.bottom-newprjs-filter {
    padding-top: 31px;
    line-height: 15px
}

.smart-filter-bottom__item.bottom-newprjs-filter:before {
    width: 22px;
    height: 21px;
    display: block;
    background-position: -11px -3803px;
    left: 23px;
    top: 6px
}

.smart-filter-bottom__item.bottom-top-match .t-m-icon {
    position: absolute;
    left: 50%;
    top: 16px;
    margin-left: -4px;
    width: 9px;
    height: 14px;
    border: 2px solid #fff;
    background-color: #000;
    border-radius: 2px
}

.smart-filter-bottom__item.bottom-top-match .t-m-icon:after,.smart-filter-bottom__item.bottom-top-match .t-m-icon:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 2px;
    width: 6px;
    height: 10px;
    transform: rotate(-16deg);
    border-radius: 2px;
    border: 2px solid #fff;
    background-color: #000;
    z-index: -1;
    display: block;
    backface-visibility: hidden
}

.smart-filter-bottom__item.bottom-top-match .t-m-icon:after {
    transform: rotate(16deg);
    left: auto;
    right: -6px
}

.smart-filter-bottom__item.bottom-top-match .t-m-icon-animation {
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #5e81f4
}

.smart-filter-bottom__item.bottom-top-match .t-m-icon-animation:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: #5e81f4;
    cursor: pointer;
    box-shadow: 0 0 0 #5e81f4;
    animation: topMatchRipple 2s infinite
}

.smart-filter-bottom__item.bottom-top-match .t-m-tool-tip {
    position: absolute;
    top: -44px;
    right: -42px;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
    background-color: #f5f5f5;
    font-size: 1rem;
    color: #000;
    text-align: left;
    line-height: 24px;
    white-space: nowrap
}

.smart-filter-bottom__item.bottom-top-match .t-m-tool-tip:before {
    content: "";
    position: absolute;
    bottom: -9px;
    right: 60px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f5f5f5
}

.smart-filter-bottom__item.view-in {
    padding-top: 20px;
    background-color: #5e81f4;
    line-height: normal
}

.smart-filter-bottom__item__app {
    width: 32px;
    height: 14px;
    background-color: #ffc72c;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.168rem;
    display: inline-block;
    margin-top: 4px;
    color: #000;
    border-radius: 8px
}

.smart-filter-bottom__item__tick {
    position: absolute;
    left: 50%;
    top: 8px;
    width: 16px;
    height: 16px;
    background-color: #5e81f4;
    font-size: .833rem;
    line-height: 1.333rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    transition: all .3s ease
}

.smart-filter-bottom__item__tick.animation-tick {
    animation: tickAnimation 1.5s
}

.smart-filter-bottom__item__tick:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 6px;
    width: 6px;
    height: 3px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg)
}

.smart-filter-bottom__item__tick.sort-filter:before {
    display: none
}

.smart-filter-bottom__appdownload {
    position: fixed;
    bottom: 80px;
    height: 32px;
    z-index: 94;
    left: 50%;
    transform: translate(-50%)
}

.smart-filter-bottom__appdownload.posBottom {
    bottom: 116px
}

.smart-filter-bottom__appdownload__button {
    width: 112px;
    height: 32px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
    border-radius: 16px;
    background-color: #5e81f4;
    line-height: normal;
    border: 1px solid #b2dfd8;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.45);
    overflow: hidden
}

.smart-filter-bottom__appdownload__animationblock {
    width: 11px;
    height: 16px;
    display: inline-block;
    margin-left: 4px;
    border-bottom: 1px solid #fff;
    position: relative
}

.smart-filter-bottom__appdownload__animation {
    height: 8px;
    width: 1px;
    display: block;
    position: relative;
    background: #fff;
    animation: downlaodAnimBtn 2s linear infinite;
    margin: 5px auto auto
}

.smart-filter-bottom__appdownload__animation:before {
    content: "";
    height: 5px;
    width: 5px;
    transform: rotate(-45deg);
    border: 1px solid #fff;
    border-width: 0 0 1px 1px;
    position: absolute;
    bottom: 0;
    left: -2px
}

.bottom-sticky-filter {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px 16px;
    background-color: #fff;
    box-shadow: 0 -28px 34px 0 rgba(0,0,0,.3);
    border-radius: 16px 16px 0 0;
    z-index: 104
}

.bottom-sticky-filter.forNudgeCase {
    bottom: auto;
    top: 0;
    z-index: 104;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 3px 14px 2px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.14)
}

.bottom-sticky-filter.forNudgeCase .bottom-sticky-filter__title {
    text-align: left
}

.bottom-sticky-filter__title {
    font-size: 1.333rem;
    color: #000;
    font-weight: 600;
    padding-bottom: 24px;
    text-align: left
}

.bottom-sticky-filter__btn-apply {
    color: #fff;
    background-color: #5e81f4;
    border: 1px solid #5e81f4;
    padding: 0 32px;
    height: 40px;
    line-height: 40px;
    display: block!important;
    margin-top: 24px
}

.bottom-sticky-filter__btn-cancel {
    font-size: 1.166rem;
    color: #5e81f4;
    font-weight: 500;
    text-align: center;
    line-height: 40px
}

.bottom-sticky-filter__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background-image: url(../images/srp-sprite-mobile.svg);
    background-position: -21px -733px;
    background-repeat: no-repeat
}

.bottom-sticky-filter .filter__common__component {
    padding-bottom: 0
}

.bottom-sticky-filter .filter_title {
    display: none
}

.bottom-sticky-filter .filter__common__component__row {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 4px
}

.bottom-sticky-filter .filter__common__component__row.on-off-filter {
    overflow: visible
}

.bottom-sticky-filter .filter__common__component__row .filter-budget__fieldset__input {
    font-weight: 500
}

.bottom-sticky-filter .filter__common__component__row .filter-comp {
    float: none;
    display: inline-block;
    vertical-align: top
}

.bottom-sticky-filter .filter__common__component__row .filter__common__component__item__label {
    font-size: 1.166rem;
    font-weight: 500
}

.bottom-sticky-filter .filter__common__component__row .filter-comp-onoff {
    float: right;
    margin-top: -24px
}

.bottom-sticky-filter .bottom-sticky-checkbox .filter__common__component__row {
    max-height: 270px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0
}

.bottom-sticky-filter .bottom-sticky-checkbox .filter-comp-checkbox {
    float: none;
    margin-right: 0;
    border-bottom: 1px solid #e8e8e8;
    padding: 16px 0;
    margin-bottom: 0
}

.bottom-sticky-filter .bottom-sticky-checkbox .filter-comp-checkbox__label {
    width: auto
}

.bottom-sticky-filter.new-bhk-bottom .filter__common__component__row {
    white-space: unset;
    overflow: unset;
    max-width: 202px;
    margin: auto;
    text-align: center
}

.bottom-sticky-filter.new-bhk-bottom .bottom-sticky-filter__title {
    text-align: center;
    max-width: 254px;
    margin: auto;
    padding-bottom: 22px;
    line-height: 24px
}

.bottom-sticky-filter-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 103
}

.bottom-sticky-filter-overlay.forNudgeCase {
    z-index: 103
}

.mb-form--error {
    font-size: 1rem;
    color: #5e81f4;
    font-weight: 500
}

@keyframes tickAnimation {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(2)
    }

    to {
        transform: scale(1)
    }
}

.mb-srp__action--btn {
    width: auto;
    text-align: center;
    display: inline-block;
    font-size: 1.166rem;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.mb-srp__action--btn.btn-red {
    color: #fff;
    border-radius: 22px;
    background-color: #5e81f4;
    border: 1px solid #5e81f4
}

.locality-selector-nudge {
    padding: 0;
    z-index: 99999
}

.locality-selector-nudge__top {
    padding: 24px 16px 32px
}

.locality-selector-nudge .bottom-sticky-filter__title {
    padding-bottom: 12px;
    line-height: 20px;
    font-size: 16px
}

.locality-selector-nudge .mb-srp-m__action--btn {
    line-height: 32px
}

.locality-selector-nudge__try {
    position: relative;
    border-top: 1px solid #d8d8d8;
    background-color: #f5f5f5;
    padding: 40px 16px 30px
}

.locality-selector-nudge__try__title {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 16px
}

.locality-selector-nudge__try__link {
    font-size: 14px;
    font-weight: 600;
    color: #5e81f4;
    line-height: 20px;
    position: relative
}

.locality-selector-nudge__try__link:after {
    content: "";
    width: 12px;
    height: 11px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -26px -469px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px
}

.locality-selector-nudge__or {
    position: absolute;
    left: 50%;
    top: -20px;
    width: 38px;
    height: 38px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 12px;
    color: #000;
    margin-left: -19px;
    font-weight: 400
}

@keyframes topMatchRipple {
    0% {
        box-shadow: 0 0 0 0 #5e81f4
    }

    70% {
        box-shadow: 0 0 0 6px rgba(216,35,42,.4)
    }

    to {
        box-shadow: 0 0 0 0 rgba(216,35,42,.4)
    }
}

@keyframes downlaodAnimBtn {
    0% {
        top: -4px
    }

    20% {
        top: -1px
    }

    40% {
        top: -4px
    }

    60% {
        top: -1px
    }

    80% {
        top: -1px
    }

    to {
        top: -4px
    }
}

@keyframes downlaodBtnAnim {
    0% {
        left: -50px
    }

    20% {
        left: 150px
    }

    40% {
        left: -50px
    }

    to {
        left: -50px
    }
}

.filter-mobile-property-item {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    position: relative;
    vertical-align: top
}

.mobile-filter-input {
    display: none
}

.mobile-filter-proplabel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 0 4px;
    cursor: pointer;
    position: relative;
    width: 95px;
    height: 95px;
    text-align: center;
}

.mobile-filter-proplabel__icon {
    width: 38px;
    height: 40px;
    display: block;
    margin: 16px auto 0;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -20px -972px;
    opacity: .5
}

.mobile-filter-proplabel__icon.type-flat {
    background-position: -17px -888px
}

.mobile-filter-proplabel__icon.type-house-villa {
    background-position: -19px -932px;
    width: 28px
}

.mobile-filter-proplabel__icon.type-plot {
    background-position: -16px -976px;
    width: 32px
}

.mobile-filter-proplabel__icon.type-office-space {
    background-position: -18px -1028px
}

.mobile-filter-proplabel__icon.type-co-worker {
    background-position: -16px -1126px
}

.mobile-filter-proplabel__icon.type-hostel {
    background-position: -13px -1169px
}

.mobile-filter-proplabel__icon.type-warehouse-godown {
    background-position: -17px -1217px
}

.mobile-filter-proplabel__icon.type-shop-showroom {
    background-position: -16px -1266px
}

.mobile-filter-proplabel__icon.type-industrial-building {
    background-position: -17px -1310px
}

.mobile-filter-proplabel__icon.type-farm-house {
    background-position: -16px -1355px
}

.mobile-filter-proplabel__icon.type-commercial {
    background-position: -16px -1400px
}

.mobile-filter-proplabel__icon.type-commercial-land {
    background-position: -15px -1445px
}

.mobile-filter-proplabel__icon.type-agriculture-land {
    background-position: -16px -1489px
}

.mobile-filter-proplabel__icon.type-industrial-shed {
    background-position: -14px -1537px
}

.mobile-filter-proplabel__icon.type-agricultural {
    background-position: -16px -1582px
}

.mobile-filter-proplabel__icon.type-shared-room {
    background-position: -19px -2430px
}

.mobile-filter-proplabel__text {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.5rem;
    word-break: break-word;
}

.mobile-filter-input:checked~.mobile-filter-proplabel {
    background-color: #e0f2f0;
    border-color: #b2dfd8
}

.mobile-filter-input:checked~.mobile-filter-proplabel:before {
    content: "";
    position: absolute;
    right: 6px;
    top: 6px;
    width: 10px;
    height: 6px;
    background: none;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    transform: rotate(-45deg)
}

.mobile-filter-input:checked~.mobile-filter-proplabel .mobile-filter-proplabel__icon {
    opacity: 1
}

.recent-proj-loc {
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
    display: none
}

.recent-proj-loc__wrap {
    padding: 15px 0 10px;
    line-height: 32px
}

.recent-proj-loc__wrap.divider {
    border-top: 1px solid #f2f2f2
}

.recent-proj-loc__wrap__title {
    font-size: 1rem;
    color: #606060;
    font-weight: 600
}

.recent-projitem {
    float: left;
    font-size: 1rem;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    max-width: 47%;
    border: 1px solid #eee;
    border-radius: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 12px;
    margin: 0 8px 8px 0
}

.recent-projitem span {
    color: #5e81f4
}

.recent-proj-loc__project {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 4px
}

.recent-proj-loc__project__item {
    display: inline-block;
    width: 196px;
    height: 64px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    vertical-align: top;
    margin-right: 8px;
    line-height: 20px;
    padding-right: 6px
}

.recent-proj-loc__project__img {
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    object-fit: cover;
    margin: 8px 12px 0 8px
}

.recent-proj-loc__project__name {
    font-size: 1.166rem;
    color: #000;
    font-weight: 600;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.recent-proj-loc__project__address {
    font-size: 1.166rem;
    color: #606060;
    overflow: hidden;
    text-overflow: ellipsis
}

.popular-city__wrap {
    padding: 15px 0 10px;
    line-height: 44px
}

.popular-city__title {
    font-size: 14px;
    color: #606060;
    font-weight: 600
}

.popular-city__item {
    font-size: 14px;
    color: #000;
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5
}

.prop-cat-switch {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 300px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: -82px;
    margin-left: -200px;
    padding: 56px 50px;
    text-align: center;
    z-index: 100
}

@media (max-width: 768px) {
    .prop-cat-switch {
        padding:32px 16px;
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        z-index: 5;
        box-shadow: 0 -28px 34px 0 rgba(0,0,0,.3);
        border-radius: 16px 16px 0 0;
        height: auto;
        margin: 0
    }
}

.prop-cat-switch__close {
    position: absolute;
    right: 8px;
    top: 10px;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
    transition: all .2s ease;
    z-index: 2
}

@media (max-width: 768px) {
    .prop-cat-switch__close {
        right:16px;
        top: -50px;
        width: 34px;
        height: 34px;
        background: #000;
        border: 1px solid #909090
    }
}

.prop-cat-switch__close:after,.prop-cat-switch__close:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 4px;
    width: 2px;
    height: 18px;
    background-color: #000;
    transform: rotate(45deg);
    backface-visibility: hidden
}

@media (max-width: 768px) {
    .prop-cat-switch__close:after,.prop-cat-switch__close:before {
        background-color:#fff;
        left: 15px;
        top: 7px
    }
}

.prop-cat-switch__close:after {
    transform: rotate(-45deg)
}

.prop-cat-switch__title {
    font-size: 18px;
    color: #000;
    padding-bottom: 24px;
    line-height: 28px
}

@media (max-width: 768px) {
    .prop-cat-switch__title {
        padding-bottom:16px;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.prop-cat-switch__heading {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    padding-bottom: 24px
}

@media (max-width: 768px) {
    .prop-cat-switch__heading {
        padding-bottom:24px;
        font-size: 16px
    }
}

.prop-cat-switch .mb-srp__action--btn {
    margin: 0 8px;
    width: 96px
}

.prop-cat-switch .mb-srp__action--btn.btn-white {
    color: #5e81f4;
    background-color: #fff;
    border: 1px solid #5e81f4
}

@media (max-width: 768px) {
    .prop-cat-switch .mb-srp__action--btn {
        width:45%;
        height: 40px;
        line-height: 40px
    }
}

.cat-switch-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 98;
    display: none
}

@media (max-width: 768px) {
    .cat-switch-overlay {
        background-color:transparent
    }
}

.cat-switch-overlay.show {
    display: block
}

.searcher {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1003
}

.searcher__wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.searcher__section {
    padding: 16px 0 64px
}

.searcher__head {
    min-height: 48px;
    padding: 0 12px;
     display: flex;
    align-items: center;
}

.searcher__head__back {
    width: 32px;
    height: 32px;
    float: left;
    position: relative
}

.searcher__head__back:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 9px;
    width: 12px;
    height: 12px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    transform: rotate(-45deg)
}

.searcher__head__back:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 14px;
    width: 16px;
    height: 2px;
    background-color: #000
}

.searcher__head__title {
    float: left;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 32px;
    margin-left: 8px
}

.searcher__head__title span {
    font-weight: 400;
    color: #909090
}

.searcher__head__reset {
    font-size: 14px;
    color: #5e81f4;
    font-weight: 600;
    float: right;
    line-height: 32px;
    white-space: nowrap;
        position: absolute;
    top: 7px;
    right: 9px;
}

.searcher__tab {
    border-bottom: 1px solid #909090;
    padding: 0 8px;
    display: flex;
    justify-content: center;
    height: 36px;
    margin-bottom: 32px;
    width:100% !important;
}

.searcher__tab__item {
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    position: relative
}

.searcher__tab__item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 4px;
    border-radius: 2px;
    background-color: #5e81f4
}

.searcher__filter-row {
    padding: 0 16px 24px
}

.searcher__btn-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 16px;
    box-shadow: 0 2px 6px 0 rgba(48,48,48,.25);
    background-color: #fff;
    border-top: 1px solid #d8d8d8;
    z-index: 1
}

.searcher__btn {
    height: 40px;
    line-height: 40px;
    border-radius: 9px;
    background-color: #5e81f4;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff
}

.searcher__done {
    float: right;
    font-size: 14px;
    color: #5e81f4;
    line-height: 32px;
    font-weight: 600
}

.searcher__sort {
    padding-bottom: 12px
}

.searcher__sort .filter__common__component__item__label {
    max-width: none
}

.searcher__wrap-autosuggest {
    padding: 0;
    border-bottom: 1px solid #d7d7d7
}

.searcher__wrap-autosuggest .auto-suggest-head {
    padding-bottom: 16px;
    display: none
}

.searcher__wrap-autosuggest .auto-suggest__input-wrap {
    display: inline-block;
    padding-left: 16px;
    position: relative;
    height: 32px;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
    width: 120px;
    margin-left: 8px
}

.searcher__wrap-autosuggest .auto-suggest__input-wrap:after,.searcher__wrap-autosuggest .auto-suggest__input-wrap:before {
    content: "";
    position: absolute;
    left: 9px;
    top: 13px;
    width: 10px;
    height: 2px;
    background-color: #909090
}

.searcher__wrap-autosuggest .auto-suggest__input-wrap:after {
    transform: rotate(90deg)
}

.searcher__wrap-autosuggest .auto-suggest__input-wrap .auto-suggest__input {
    height: 30px;
    padding-bottom:3px;
}

.searcher__wrap-autosuggest.fixed-auto-keword {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 10;
    padding: 16px;
    border-bottom: none
}

.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest__input-wrap {
    all: unset
}

.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest__input-wrap:after,.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest__input-wrap:before {
    display: none
}

.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest__input-wrap .auto-suggest__input {
    height: 34px
}

.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest-head {
    display: block
}

.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest {
    border-bottom: 1px solid #d7d7d7
}

.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest__tag-wrap.forFlexView {
    display: block
}

.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest__tag-wrap.forFlexView .auto-suggest__tag {
    display: block!important
}

.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest__tag-wrap.forFlexView .auto-suggest__tag-text {
    padding-right: 22px
}

.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest__tag-wrap.forFlexView .auto-suggest__tag-close {
    display: block
}

.searcher__wrap-autosuggest.fixed-auto-keword .auto-suggest__tag-wrap.forFlexView .auto-suggest__count--num {
    display: none
}

.searcher__wrap-autosuggest .auto-suggest__tag-wrap {
    padding-top: 0
}

.searcher__wrap-autosuggest .auto-suggest__tag-wrap.forFlexView .auto-suggest__tag {
    display: none!important
}

.searcher__wrap-autosuggest .auto-suggest__tag-wrap.forFlexView .auto-suggest__tag:first-child {
    display: block!important
}

.searcher__wrap-autosuggest .auto-suggest__input {
    height: 34px;
    padding-left: 10px;
    font-size: 14px
}

.searcher__wrap-autosuggest .auto-suggest__drop-down {
    border: none;
    left: -16px;
    right: -16px;
    height: calc(100vh - 110px);
    overflow-x: hidden;
    overflow-y: auto
}

.searcher__wrap-autosuggest .auto-suggest__tag-text {
    background: #e0f2f0;
    border: 1px solid #b2dfd8;
    max-width: 150px;
    line-height: 32px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500
}

.searcher__wrap-autosuggest .auto-suggest__tag-close {
    top: 7px
}

.searcher__wrap-autosuggest .auto-suggest__count--num {
    background-color: #e0f2f0;
    border: 1px solid #b2dfd8;
    width: 36px;
    line-height: 32px;
    height: auto
}

.searcher .filter-covered-component.hide-filter {
    display: none
}

.searcher .filter__common__component__row {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 4px
}

.searcher .filter__common__component__row.hide-filter {
    display: none
}

.searcher .filter__common__component__row.on-off-filter {
    overflow: visible;
    padding: 0
}

.searcher .filter__common__component__row .filter-budget__fieldset__input {
    font-weight: 500
}

.searcher .filter__common__component__row .filter-comp {
    float: none;
    display: flex;
    align-items: center;
    gap: 4px;
}

.searcher .filter__common__component__row .filter__common__component__item__label {
    font-size: 14px;
    font-weight: 500
}

.searcher .filter__common__component__row .filter-comp-onoff {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px
}

.toast {
    position: fixed;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 101;
    background-color: #000;
    padding: 8px 16px;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
    border-radius: 8px
}

.advanced-filter-cta {
    background-color: #f5f5f5;
    border-radius: 8px;
    height: 44px;
    font-size: 14px;
    font-weight: 600;
    color: #5e81f4;
    text-align: center;
    line-height: 42px;
    margin: -5px 16px 5px
}

.advanced-filter,.advanced-filter-cta.hide {
    display: none
}

.advanced-filter.show {
    display: block
}

.advanced-filter .filter__common__component,.more-filters .filter__common__component {
    border-bottom: 1px solid #d7d7d7;
    position: relative
}

.advanced-filter .filter__common__component .filter__common__component,.more-filters .filter__common__component .filter__common__component {
    border: none
}

.c-soc-exp,.searcher .filter__common__component {
    position: relative
}

.c-soc-exp {
    width: 1024px;
    padding: 28px 32px;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.24),0 1px 4px 0 rgba(0,0,0,.12);
    border: 1px solid #d7d7d7;
    background: #fff;
    margin-bottom: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 162px
}

@media (max-width: 767px) {
    .c-soc-exp {
        width:100%
    }
}

.c-soc-exp:after {
    content: "";
    display: table;
    clear: both
}

.c-soc-exp__sectionBrf {
    width: 340px;
    padding-right: 62px
}

.c-soc-exp__sectionBrf__heading {
    font-size: 2rem;
    color: #000
}

.c-soc-exp__sectionBrf__heading__icon {
    width: 18px;
    height: 21px;
    margin: 0 8px 0 0;
    display: inline-block;
    margin-top: -9px!important;
    vertical-align: middle;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -23px -782px
}

.c-soc-exp__sectionBrf__heading__icon.Commercial {
    background-position: -22px -823px;
    width: 20px;
    height: 20px
}

.c-soc-exp__sectionBrf__heading__notifyCont {
    position: relative;
    width: 12px;
    height: 12px
}

.c-soc-exp__sectionBrf__heading__notify {
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin: 0 0 0 6px;
    border: 1px solid #000;
    display: inline-block;
    border-radius: 100%;
    font-size: -2rem;
    text-align: center;
    line-height: 13px;
    vertical-align: 4px
}

.c-soc-exp__sectionBrf__subheading {
    padding-top: 12px;
    font-size: 1.166rem;
    line-height: 20px;
    color: #000
}

.c-soc-exp__notifyPopup {
    width: 340px;
    padding: 24px 8px 8px 24px;
    border-radius: 8px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 3px 14px 2px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.14);
    background-color: #fff;
    position: absolute;
    top: 32px;
    left: 0;
    z-index: 14
}

.c-soc-exp__notifyPopup__li {
    font-size: 1rem;
    font-weight: 500;
    line-height: 16px;
    color: #000;
    padding-bottom: 16px;
    padding-left: 20px;
    position: relative
}

.c-soc-exp__notifyPopup__li:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 1px solid #5e81f4;
    background-color: #e0f2f0;
    display: inline-block;
    position: absolute;
    border-radius: 100%;
    left: 0;
    top: 2px
}

.c-soc-exp__notifyPopup__li:after {
    content: "";
    height: 3px;
    width: 6px;
    border: 1px solid #5e81f4;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    top: 6px;
    left: 3px;
    position: absolute
}

.c-soc-exp__notifyPopup__close {
    position: absolute;
    height: 16px;
    width: 16px;
    top: 8px;
    right: 8px;
    cursor: pointer
}

.c-soc-exp__notifyPopup__close:after,.c-soc-exp__notifyPopup__close:before {
    content: "";
    height: 12px;
    width: 1px;
    background: #909090;
    position: absolute;
    transform: rotate(45deg);
    top: 3px;
    right: 7px
}

.c-soc-exp__notifyPopup__close:after {
    transform: rotate(-45deg)
}

.c-soc-exp__swiperSec {
    width: calc(100% - 340px);
    position: relative
}

.c-soc-exp__swiperSec.mb-srp__swiper-arrow .swiper-button-prev {
    left: -24px
}

.c-soc-exp__swiperSec.mb-srp__swiper-arrow .swiper-button-next {
    right: -24px
}

.c-soc-exp__swiperSec.swiper-container {
    padding: 0;
    margin-left: 40px;
    overflow: visible!important
}

.c-soc-exp__swiperSec.swiper-container.swiper-pagination-bullet-active {
    background: #5e81f4
}

.c-soc-exp__swiperSec .swiper-button-next,.c-soc-exp__swiperSec .swiper-button-prev {
    width: 48px;
    height: 48px;
    position: absolute;
    background: #fff;
    box-shadow: 0 3px 9px 0 rgba(51,51,51,.2);
    border-radius: 100%
}

.c-soc-exp__swiperSec .swiper-button-next:after,.c-soc-exp__swiperSec .swiper-button-prev:after {
    font-size: 28px;
    color: #000
}

.c-soc-exp__swiperSec .swiper-button-next {
    right: -32px
}

.c-soc-exp__swiperSec .swiper-button-next.swiper-button-disabled {
    display: none
}

.c-soc-exp__swiperSec .swiper-button-prev {
    left: -43px
}

.c-soc-exp__swiperSec .swiper-button-prev.swiper-button-disabled {
    display: none
}

.c-soc-exp__swiperElem {
    width: 248px;
    height: 104px;
    margin: 0;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #d7d7d7;
    display: inline-block
}

.c-soc-exp__swiperElem.selected {
    border: 1px solid #5e81f4
}

.c-soc-exp__swiperElem__contactIcon {
    display: none
}

.c-soc-exp__swiperHeading {
    font-size: 1.333rem;
    font-weight: 600;
    line-height: 1.25;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-soc-exp__swiperSince {
    font-size: 1rem;
    line-height: 16px;
    color: #606060;
    padding-top: 4px
}

.c-soc-exp__swiperCTAs {
    padding-top: 12px;
    font-size: 1.166rem;
    font-weight: 500;
    line-height: 20px
}

.c-soc-exp__swiperCTAs:after {
    content: "";
    display: table;
    clear: both
}

.c-soc-exp__swiperContact {
    color: #5e81f4;
    float: left
}

.c-soc-exp__swiperContact:hover {
    color: #c31f25;
    text-decoration: underline
}

.c-soc-exp__swiperViewAll {
    display: block;
    color: #000;
    float: right
}

@media only screen and (max-width: 640px) {
    .c-soc-exp__swiperViewAll {
        float:left;
        color: #5e81f4
    }
}

.c-soc-exp__swiperViewAll:hover {
    text-decoration: underline
}

.c-soc-exp__remove {
    position: relative;
    font-size: 1.166rem;
    color: #5e81f4;
    font-weight: 500;
    line-height: 20px;
    margin-top: 12px;
    padding-left: 18px;
    cursor: pointer
}

.c-soc-exp__remove:hover {
    text-decoration: underline
}

.c-soc-exp__remove:after,.c-soc-exp__remove:before {
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 8px;
    background: #5e81f4;
    -webkit-transition: all .12s ease-in;
    transition: all .12s ease-in
}

.c-soc-exp__remove:after {
    transform: rotate(45deg)
}

.c-soc-exp__remove:before {
    transform: rotate(-45deg)
}

@media only screen and (max-width: 640px) {
    .c-soc-exp {
        padding:16px 0;
        box-shadow: none;
        margin-bottom: 8px;
        border-radius: 0;
        margin-top: 8px;
        border: 0;
        flex-wrap: wrap;
        height: 168px
    }

    .c-soc-exp__remove {
        margin-top: 6px
    }

    .c-soc-exp__sectionBrf {
        width: 100%;
        float: none;
        padding-left: 13px;
        padding-right: 12px
    }

    .c-soc-exp__sectionBrf__heading {
        font-size: 12px;
        font-weight: 700
    }

    .c-soc-exp__sectionBrf__heading__icon {
        width: 12px;
        height: 13px;
        margin-top: -4px!important;
        vertical-align: middle;
        background: url(../images/srp-sprite-mobile.svg) no-repeat -27px -1884px
    }

    .c-soc-exp__sectionBrf__heading__icon.Commercial {
        background-position: -26px -1916px;
        width: 12px;
        height: 13px
    }

    .c-soc-exp__sectionBrf__heading__notify {
        vertical-align: middle
    }

    .c-soc-exp__sectionBrf__heading__notifyCont {
        float: none;
        display: inline-block;
        position: absolute;
        right: 16px
    }

    .c-soc-exp__sectionBrf__subheading {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 10px;
        padding-top: 3px;
        font-size: 12px
    }

    .c-soc-exp__notifyPopup {
        top: 17px;
        left: -316px
    }

    .c-soc-exp__notifyPopup__ul {
        padding: 16px 0 0
    }

    .c-soc-exp__swiperSec {
        overflow: auto;
        flex-wrap: nowrap;
        display: inline-flex;
        width: 100%;
        margin: 0
    }

    .c-soc-exp__swiperSec .swiper-button-next,.c-soc-exp__swiperSec .swiper-button-prev {
        display: none
    }

    .c-soc-exp__swiperSec::-webkit-scrollbar {
        width: 0;
        background: transparent;
        display: none;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .c-soc-exp__swiperElem {
        min-width: 216px;
        width: 216px;
        margin-left: 10px;
        height: 88px;
        position: relative
    }

    .c-soc-exp__swiperElem:last-child {
        margin-right: 10px
    }

    .c-soc-exp__swiperElem__contactIcon {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #5e81f4;
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .c-soc-exp__swiperElem__contactIcon:before {
        display: block;
        content: "";
        background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -778px;
        width: 18px;
        height: 18px
    }

    .c-soc-exp__swiperViewAll {
        float: left;
        color: #5e81f4
    }

    .c-soc-exp__swiperContact {
        display: none
    }

    .c-soc-exp__swiperHeading {
        font-size: 12px
    }

    .c-soc-exp__swiperSince {
        font-size: 10px
    }

    .c-soc-exp__swiperCTAs {
        font-size: 12px;
        margin-top: -7px;
        font-weight: 700
    }
}

.smart-filter {
    height: 48px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 95
}

.smart-filter.loading {
    display: none
}

.smart-filter__row {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 8px 12px 8px 0;
    position: absolute;
    width: 100%;
    z-index: 999    ;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d8d8d8;
    height: 49px
}

.smart-filter__item {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    text-align: center;
    position: relative;
    height: 32px;
    border-radius: 20px;
    border: 1px solid #d7d7d7;
    background: #fff;
    padding: 0 16px;
    line-height: 2.333rem;
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    transition: all .3s ease
}

.smart-filter__item.has-dropdown {
    padding-right: 26px
}


.smart-filter__item.is-active {
    border-color: #5e81f4;
}

.smart-filter__item.has-selected {
    background-color: #a3b9ff87;
    border-color: #5e81f4;
    padding-right: 26px;
}

.smart-filter__item.has-selected:after,.smart-filter__item.has-selected:before {
    content: "";
    position: absolute;
    right: 8px;
    top: 14px;
    width: 10px;
    height: 2px;
    background-color: #000;
    transform: rotate(45deg)
}

.smart-filter__item.has-selected:after {
    transform: rotate(-45deg)
}

.smart-filter__item.nri-preffered .tag-new {
    position: absolute;
    width: 26px;
    height: 10px;
    line-height: 1rem;
    border-radius: 2px;
    background-color: #fc3;
    font-size: .7rem;
    color: #000;
    font-weight: 600;
    text-align: center;
    z-index: 1;
    text-transform: none;
    right: 0;
    top: -5px
}

.smart-filter__item.is-locked {
    padding-left: 24px
}

.smart-filter__item.is-locked:before {
    content: "";
    width: 10px;
    height: 12px;
    background-image: url(../images/srp-sprite-mobile.svg);
    background-repeat: no-repeat;
    background-position: -7px -4165px;
    position: absolute;
    left: 9px;
    top: 9px
}

.smart-filter__dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 38px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 3px 14px 2px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.14);
    background-color: #fff;
    z-index: 2;
    min-height: 160px;
    border-radius: 0 0 8px 8px;
    padding: 24px;
    display: none;
    margin-top: 10px
}

.smart-filter .filter_title {
    font-size: 1.333rem;
    color: #000;
    font-weight: 600;
    padding-bottom: 20px
}

.smart-filter .covered-tool-tip__info {
    top: 24px
}

.smart-filter__lockpopup {
    position: absolute;
    right: 8px;
    left: 54px;
    height: 118px;
    padding: 20px 0;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.2),0 0 10px 0 rgba(0,0,0,.2);
    border: 1px solid #ffccd7;
    background-color: #fffafb;
    text-align: center;
    z-index: 3;
    top: 45px;
    border-radius: 8px
}

.smart-filter__lockpopup__close {
    position: absolute;
    height: 12px;
    width: 12px;
    top: 8px;
    right: 8px
}

.smart-filter__lockpopup__close:after,.smart-filter__lockpopup__close:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #000;
    transform: rotate(45deg)
}

.smart-filter__lockpopup__close:after {
    transform: rotate(-45deg)
}

.smart-filter__lockpopup__title {
    font-size: 1.166rem;
    font-weight: 600;
    line-height: 1.14;
    text-align: center;
    color: #000;
    padding-bottom: 4px
}

.smart-filter__lockpopup__content {
    font-size: 1rem;
    line-height: 1.33;
    color: #000;
    padding-bottom: 10px
}

.smart-filter__lockpopup__cta {
    width: 132px;
    height: 30px;
    padding: 8px 12px;
    border-radius: 20px;
    background-color: #000;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    margin: auto;
    line-height: 1
}

.smart-filter__lockpopup__downlaodicon {
    width: 11px;
    height: 12px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin-right: 4px;
    vertical-align: -1px
}

.smart-filter__lockpopup__downloadarrow {
    height: 7px;
    width: 1px;
    background: #fff;
    margin: auto;
    position: relative;
    display: block
}

.smart-filter__lockpopup__downloadarrow:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    border-width: 0 0 1px 1px;
    transform: rotate(-45deg);
    bottom: 0;
    left: -2px
}

.smart-filter__lockpopup__block {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50px;
    z-index: 2;
    height: 100vh
}

.smart-filter-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7)
}

.seo-top-search {
    height: 48px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #f5f5f5;
    z-index: 95;
    border-bottom: 1px solid #d8d8d8;
    padding-top: 4px
}

.seo-top-search * {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Roboto,Ubuntu,Cantarell,Open Sans,sans-serif
}

.seo-top-search__bar {
    margin: 0 12px;
    height: 40px;
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.seo-top-search__bar__icon {
    width: 16px;
    height: 17px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -45px -170px
}

.seo-top-search__bar__text {
    font-size: 1.166rem;
    line-height: 38px;
    color: #606060;
    padding-left: 6px
}

.search-smart-filter {
    display: inline-block;
    height: 40px;
    background-color: #f5f5f5;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    margin: -4px 12px 0 0;
    padding-left: 12px;
    z-index: 1
}

.search-smart-filter__wrap {
    width: 40px;
    height: 38px;    font-size: 18px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-smart-filter__icon {
    position: absolute;
    left: 12px;
    top: 10px;
    width: 16px;
    height: 17px;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -45px -170px
}

@keyframes newProjectsStarAnimate {
    0% {
        transform: scale(.3) rotate(30deg)
    }

    30% {
        transform: scale(.6) rotate(20deg)
    }

    70% {
        transform: scale(.8) rotate(10deg)
    }

    90% {
        transform: scale(1) rotate(0deg)
    }

    to {
        transform: scale(1) rotate(0deg)
    }
}

.mb-srp-m.loading {
    display: none
}

.skelton__animation .mb-srp-m__card__photo__fig--graphic {
    opacity: .1
}

.tab-animate {
    perspective: 1000px;
    position: relative;
    overflow: hidden;
    height: 30px;
    width: 86px
}

.tab-animate div {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.tab-animate__text {
    display: inline-block;
    line-height: 30px;
    padding: 0;
    color: #000;
    font-weight: 600;
    cursor: pointer
}

.tab-animate--2 div {
    transform: translateY(40px)
}

.tab-animate--2 div.amnime1 {
    animation: textFlip 4s ease-in-out 2s infinite
}

.tab-animate--2 div.amnime2 {
    animation: textFlip 4s ease-in-out infinite
}

.mhlogo {
    background: url(../images/logo-magic-homes-animation.svg) 0 0 no-repeat;
    width: 82px;
    height: 14px;
    display: inline-block;
    margin: 8px auto 0
}

@keyframes textFlip {
    0% {
        transform: translateY(40px)
    }

    25% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-40px)
    }

    to {
        transform: translateY(-40px)
    }
}

.lazyInView {
    height: 100%
}

.mb-srp__leadgen-card {
    width: 100%;
    height: 128px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    margin-bottom: 16px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box
}

.mb-srp__leadgen-card>a {
    width: 100%;
    height: 100%;
    display: flex
}

.mb-srp__leadgen-card>a:hover .mb-srp__leadgen-card--graphic>img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.mb-srp__leadgen-card>a:hover .mb-srp__action {
    bottom: 48px
}

.mb-srp__leadgen-card>a:hover .mb-srp__action .mb-srp__action--btn {
    background-color: #000
}

.mb-srp__leadgen-card--graphic {
    width: 248px;
    height: 128px;
    overflow: hidden;
    position: relative
}

.mb-srp__leadgen-card--graphic>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
    transition: all .35s ease-in
}

.mb-srp__leadgen-card--tag {
    width: auto;
    height: 16px;
    line-height: 18px;
    padding: 0 6px;
    color: #fff;
    font-size: -1.167rem;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #000;
    position: absolute;
    left: 4px;
    top: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp__leadgen-card--content {
    width: calc(100% - 248px);
    height: 100%;
    padding: 12px 24px 12px 16px;
    position: relative;
    line-height: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.mb-srp__leadgen-card--name {
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 4px
}

.mb-srp__leadgen-card--loc,.mb-srp__leadgen-card--name {
    max-width: 100%;
    width: 100%;
    padding-right: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__leadgen-card--loc {
    color: #606060;
    font-size: 1.166rem;
    font-weight: 400;
    padding-bottom: 8px
}

.mb-srp__leadgen-card--row {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 200px
}

.mb-srp__leadgen-card--price,.mb-srp__leadgen-card--type {
    color: #000;
    font-size: 1.166rem;
    font-weight: 600
}

.mb-srp__leadgen-card--price {
    padding-left: 20px;
    position: relative
}

.mb-srp__leadgen-card--price:before {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 1px;
    background-color: #909090;
    left: 8px;
    top: 10px
}

.mb-srp__leadgen-card--price .onwards {
    color: #606060;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 4px
}

.mb-srp__leadgen-card__offer {
    height: auto;
    background-color: #fff7e1;
    padding: 4px 8px 4px 4px;
    margin-top: 4px
}

.mb-srp__leadgen-card__offer,.mb-srp__leadgen-card__offer--label {
    width: auto;
    display: flex;
    align-items: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp__leadgen-card__offer--label {
    height: 16px;
    padding: 0 4px;
    margin-right: 8px;
    background-color: #ffc72c;
    color: #000;
    font-size: .833rem;
    font-weight: 600;
    text-transform: uppercase
}

.mb-srp__leadgen-card__offer p {
    max-width: 500px;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__leadgen-card .mb-srp__action {
    width: calc(100% - 40px);
    position: absolute;
    bottom: -100px;
    -webkit-transition: bottom .3s ease-out;
    -moz-transition: bottom .3s ease-out;
    -o-transition: bottom .3s ease-out;
    transition: bottom .3s ease-out
}

.mb-srp__leadgen-card .mb-srp__action .mb-srp__action--btn {
    padding: 0 32px
}

.mb-srp__itarget {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px
}

.mb-srp__itarget__card {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box
}

.mb-srp__itarget__card>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: stretch
}

.mb-srp__itarget__card>a:hover .mb-srp__itarget__card--graphic>img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.mb-srp__itarget__card>a:hover .mb-srp__action {
    bottom: 16px
}

.mb-srp__itarget__card>a:hover .mb-srp__action .mb-srp__action--btn {
    background-color: #000
}

.mb-srp__itarget__card--graphic {
    width: 176px;
    height: auto;
    overflow: hidden;
    position: relative
}

.mb-srp__itarget__card--graphic>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
    transition: all .35s ease-in
}

.mb-srp__itarget__card--tag {
    width: auto;
    height: 16px;
    line-height: 18px;
    padding: 0 6px;
    color: #fff;
    font-size: -1.167rem;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #000;
    position: absolute;
    left: 4px;
    top: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp__itarget__card--content {
    width: calc(100% - 176px);
    height: 100%;
    padding: 12px 16px;
    position: relative;
    line-height: 20px
}

.mb-srp__itarget__card__marketed {
    width: 126px;
    text-align: right;
    position: absolute;
    top: 12px;
    right: 16px;
    line-height: 14px
}

.mb-srp__itarget__card__marketed--label,.mb-srp__itarget__card__marketed--value {
    color: #909090;
    font-size: 10px;
    font-weight: 400
}

.mb-srp__itarget__card--name,.mb-srp__itarget__card__marketed--value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__itarget__card--name {
    max-width: calc(100% - 200px);
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 4px
}

.mb-srp__itarget__card--loc {
    max-width: calc(100% - 210px);
    color: #606060;
    padding-bottom: 12px
}

.mb-srp__itarget__card--loc,.mb-srp__itarget__card--type {
    font-size: 1.166rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__itarget__card--type {
    max-width: 215px;
    color: #000
}

.mb-srp__itarget__card--price {
    max-width: 365px;
    color: #000;
    font-size: 1.166rem;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__itarget__card--price .onwards {
    color: #606060;
    font-size: 1rem;
    font-weight: 400
}

.mb-srp__itarget__card__offer {
    height: auto;
    background-color: #fff7e1;
    padding: 4px;
    margin-top: 6px;
    justify-content: flex-start
}

.mb-srp__itarget__card__offer,.mb-srp__itarget__card__offer--label {
    width: auto;
    display: inline-flex;
    align-items: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp__itarget__card__offer--label {
    height: 16px;
    justify-content: center;
    padding: 0 4px;
    margin-right: 8px;
    background-color: #ffc72c;
    color: #000;
    font-size: .833rem;
    font-weight: 600;
    text-transform: uppercase
}

.mb-srp__itarget__card__offer p {
    max-width: 550px;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 18px;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__itarget__card .mb-srp__action {
    width: calc(100% - 32px);
    position: absolute;
    bottom: -100px;
    -webkit-transition: bottom .3s ease-out;
    -moz-transition: bottom .3s ease-out;
    -o-transition: bottom .3s ease-out;
    transition: bottom .3s ease-out
}

.mb-srp__itarget-big {
    width: 100%;
    position: relative;
    margin-bottom: 6px
}

.mb-srp__itarget-big .swiper-wrapper {
    padding: 0 0 10px
}

.mb-srp__itarget-big__card {
    width: 504px;
    height: 203px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box
}

.mb-srp__itarget-big__card>a {
    width: 100%;
    height: 100%;
    display: flex
}

.mb-srp__itarget-big__card>a:hover .mb-srp__itarget-big__card--graphic>img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.mb-srp__itarget-big__card--graphic {
    width: 232px;
    height: 100%;
    overflow: hidden;
    position: relative
}

.mb-srp__itarget-big__card--graphic>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .35s ease-in;
    -moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
    transition: all .35s ease-in
}

.mb-srp__itarget-big__card--tag {
    width: auto;
    height: 16px;
    line-height: 18px;
    padding: 0 6px;
    color: #fff;
    font-size: -1.167rem;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #000;
    position: absolute;
    left: 4px;
    top: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp__itarget-big__card--marketed {
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__itarget-big__card--content {
    width: calc(100% - 232px);
    height: 100%;
    padding: 12px 16px;
    position: relative
}

.mb-srp__itarget-big__card--name {
    width: 100%;
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__itarget-big__card--builder-name,.mb-srp__itarget-big__card--loc {
    width: 100%;
    color: #606060;
    font-size: 1.166rem;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__itarget-big__card--loc {
    padding-bottom: 12px
}

.mb-srp__itarget-big__card--type {
    font-size: 1.166rem;
    font-weight: 400;
    padding-bottom: 2px
}

.mb-srp__itarget-big__card--price,.mb-srp__itarget-big__card--type {
    width: 100%;
    color: #000;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__itarget-big__card--price {
    font-size: 1.333rem;
    font-weight: 600;
    padding-bottom: 8px
}

.mb-srp__itarget-big__card--price .onwards {
    color: #606060;
    font-size: 1rem;
    font-weight: 400
}

.mb-srp__itarget-big__card__offer {
    width: calc(100% - 32px);
    height: auto;
    background-color: #fff7e1;
    padding: 4px;
    display: table;
    left: 16px;
    bottom: 12px;
    line-height: 12px
}

.mb-srp__itarget-big__card__offer,.mb-srp__itarget-big__card__offer--label {
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp__itarget-big__card__offer--label {
    width: auto;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    margin-right: 8px;
    background-color: #ffc72c;
    color: #000;
    font-size: .833rem;
    font-weight: 600;
    text-transform: uppercase;
    left: 4px;
    top: 4px
}

.mb-srp__itarget-big__card__offer p {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 18px;
    text-indent: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.itarget-mobile-text {
    display: none
}

@media only screen and (max-width: 768px) {
    .itarget-mobile-text {
        display:inline-block;
        margin: 0 0 0 4px;
        vertical-align: top
    }

    .mb-srp__itarget {
        display: block;
        margin-bottom: 8px
    }

    .mb-srp__itarget__card {
        width: 100%;
        position: relative;
        padding: 12px 12px 20px;
        height: auto;
        border-radius: 0
    }

    .mb-srp__itarget__card--graphic {
        width: 96px;
        height: 96px;
        border-radius: 4px
    }

    .mb-srp__itarget__card--content {
        width: calc(100% - 96px);
        height: 100%;
        padding: 0 0 0 16px;
        position: relative
    }

    .mb-srp__itarget__card__marketed {
        width: auto;
        text-align: right;
        position: absolute;
        top: auto;
        right: auto;
        line-height: 18px;
        left: -96px;
        bottom: -17px;
        white-space: nowrap
    }

    .mb-srp__itarget__card__marketed--label {
        display: inline;
        font-size: 10px
    }

    .mb-srp__itarget__card__marketed--value {
        display: inline;
        margin-left: 5px;
        font-size: 10px
    }

    .mb-srp__itarget__card--name {
        max-width: 100%;
        width: 100%;
        font-size: 1.166rem;
        padding-bottom: 4px
    }

    .mb-srp__itarget__card--loc {
        max-width: 100%;
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 6px
    }

    .mb-srp__itarget__card--type {
        display: inline-block;
        font-size: 1rem;
        padding-bottom: 0
    }

    .mb-srp__itarget__card--price {
        display: inline-block;
        margin-left: 4px;
        font-size: 1rem
    }

    .mb-srp__itarget__card--priceWrap {
        font-size: 1rem;
        line-height: 16px;
        display: flex;
        align-items: center;
        margin-right: -20px
    }

    .mb-srp__itarget__card__offer {
        width: 100%;
        display: flex
    }

    .mb-srp__itarget__card__offer p {
        max-width: calc(100% - 46px);
        display: inline-block
    }

    .mb-srp__itarget .mb-srp__action--btn {
        padding: 0;
        height: 32px;
        line-height: 32px;
        color: #5e81f4;
        font-weight: 600;
        background: #fff!important
    }

    .mb-srp__itarget__link {
        position: unset!important
    }

    .mb-srp__itarget__link__arrow {
        display: inline-block;
        margin-left: 10px;
        width: 7px;
        height: 7px;
        border-top: 1px solid #ce0037;
        border-left: 1px solid #ce0037;
        transform: rotate(135deg)
    }

    .mb-srp__itarget__link__arrow:after {
        content: "";
        display: block;
        width: 1px;
        height: 12px;
        background-color: #ce0037;
        transform: rotate(-45deg) translate(4px,1px);
        left: 0;
        top: 0
    }
}

.rupees {
    font-family: Arial,sans-serif
}

.mb-offers {
    border-radius: 8px;
    border: 1px solid #d7d7d7;
    background-image: linear-gradient(90deg,#fff,#dff6f9);
    position: relative;
    width: 508px
}

.mb-offers:before {
    content: "";
    background: url(../images/ayushman-holding-card.png) no-repeat;
    width: 115px;
    height: 111px;
    position: absolute;
    right: 8px;
    bottom: -1px;
    background-size: contain
}

.mb-offers a {
    padding: 16px 16px 8px;
    display: block;
    position: relative;
    z-index: 1
}

.mb-offers__content {
    max-width: 275px
}

.mb-offers__content--heading {
    font-size: 14px;
    color: #000;
    margin: 0 0 6px
}

.mb-offers__content--title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 12px;
    color: #000
}

.mb-offers__content--ctaLink {
    font-size: 14px;
    font-weight: 600;
    color: #5e81f4;
    position: relative;
    padding-right: 20px;
    display: inline-block;
    margin: 0 0 7px;
    text-decoration: none
}

.mb-offers__content--ctaLink:before {
    content: "";
    width: 13px;
    height: 2px;
    background-color: #5e81f4;
    position: absolute;
    right: 0;
    top: 7px;
    transition: right .5s ease
}

.mb-offers__content--ctaLink:after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    top: 3px;
    right: 0;
    border-right: 2px solid #5e81f4;
    border-top: 2px solid #5e81f4;
    transform: rotate(45deg);
    transition: right .5s ease
}

.mb-offers__content--ctaLink:hover:after,.mb-offers__content--ctaLink:hover:before {
    right: -5px
}

.mb-offers__content--terms-conditions {
    font-size: 10px;
    color: #000
}

.mb-offers.enlarge-block:before {
    width: 163px;
    height: 157px;
    right: 0
}

.mb-offers.enlarge-block .mb-offers__content {
    max-width: 100%
}

.mb-offers.enlarge-block .mb-offers__content--title {
    font-size: 18px;
    margin: 0 0 20px
}

.mb-offers.enlarge-block .mb-offers__content--heading {
    font-size: 16px
}

.mb-offers.enlarge-block .mb-offers__benefits {
    margin-bottom: 21px
}

.mb-offers.enlarge-block .mb-offers__benefits--listings {
    padding: 0;
    margin: 0;
    list-style: none
}

.mb-offers.enlarge-block .mb-offers__benefits--listingValue {
    font-size: 12px;
    color: #000;
    padding-left: 22px;
    position: relative;
    margin-bottom: 11px
}

.mb-offers.enlarge-block .mb-offers__benefits--listingValue:before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #5e81f4;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.mb-offers.enlarge-block .mb-offers__benefits--listingValue:after {
    content: "";
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 3px;
    height: 7px;
    position: absolute;
    left: 6px;
    top: 3px
}

.mb-loan {
    border-radius: 8px;
    border: 1px solid #d7d7d7;
    background: #fff url(../images/itarget-home-loan-bg.png) no-repeat;
    width: 504px;
    background-size: 111% 129%;
    background-position: 0 -3px
}

.mb-loan a {
    padding: 16px 16px 15px;
    display: block
}

.mb-loan__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #000
}

.mb-loan__amount {
    margin: 0 0 8px;
    font-size: 12px;
    color: #000;
    display: flex;
    align-items: center
}

.mb-loan__amount--value {
    font-size: 18px;
    font-weight: 600;
    margin-right: 6px;
    color: #5e81f4
}

.mb-loan__ctaLink {
    border-radius: 16px;
    border: 1px solid #5e81f4;
    background-color: #fff;
    padding: 6px 16px;
    color: #5e81f4;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    display: inline-block
}

@media (min-width: 768px) {
    .mb-srp__itarget-ps-banner {
        display:flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px
    }

    .mb-srp__itarget-ps-banner .mb-srp__itarget {
        width: 504px;
        margin-bottom: 0
    }

    .mb-srp__itarget-ps-banner .mb-srp__itarget__card--loc {
        max-width: calc(100% - 100px)
    }
}

.bnr-itarget__container {
    width: 504px;
    height: 128px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    position: relative
}

.bnr-itarget__imgblock {
    float: left;
    width: 176px;
    height: 128px;
    position: relative
}

.bnr-itarget__infoblock {
    padding: 10px 10px 0 16px;
    float: left;
    width: 325px
}

.bnr-itarget__propinfo {
    padding-top: 20px
}

.bnr-itarget__projinfo {
    width: 220px
}

.bnr-itarget__propbrf {
    font-size: 1.166rem;
    font-weight: 400
}

.bnr-itarget__propprice {
    font-size: 1.166rem;
    font-weight: 600;
    color: #000
}

.bnr-itarget__propprice span {
    font-size: 1rem;
    line-height: 1.333rem;
    color: #606060;
    font-weight: 400
}

.bnr-itarget__projname,.bnr-itarget__propdata {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    color: #000
}

.bnr-itarget__propdata {
    float: left;
    width: 155px
}

.bnr-itarget__projlocation {
    color: #606060
}

.bnr-itarget__cta {
    margin-top: 6px;
    width: 144px;
    height: 32px;
    padding: 0;
    border-radius: 16px;
    background-color: #000;
    text-align: center;
    float: right;
    line-height: 32px;
    font-size: 1.166rem;
    font-weight: 500;
    color: #fff
}

.bnr-itarget__projlocation {
    padding-top: 4px;
    font-size: 1.166rem
}

.bnr-itarget__sponsored {
    position: absolute;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 4px;
    background-color: #000;
    top: 4px;
    left: 4px;
    font-size: -3rem;
    font-weight: 600;
    color: #fff
}

.bnr-itarget__marketedby {
    position: absolute;
    font-size: 1rem;
    line-height: 1.333rem;
    color: #606060;
    top: 16px;
    right: 10px;
    text-align: right
}

.bnr-itarget__marketedby span {
    display: block
}

@media only screen and (max-width: 600px) {
    .bnr-itarget__marketedby {
        position:relative;
        font-size: .833rem;
        color: #606060
    }
}

.mbPIBanner {
    -webkit-transition: box-shadow .25s ease-out;
    -moz-transition: box-shadow .25s ease-out;
    -o-transition: box-shadow .25s ease-out;
    transition: box-shadow .25s ease-out
}

.mbPIBanner:hover {
    -webkit-box-shadow: 0 3px 9px 0 rgba(48,48,48,.2);
    box-shadow: 0 3px 9px 0 rgba(48,48,48,.2)
}

.mbPIBanner__cntnt {
    height: 128px;
    padding: 12px 24px 12px 16px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box
}

.mbPIBanner__cntnt:hover .mbPIBanner__ctaBloc {
    bottom: 20px
}

.mbPIBanner__title {
    font-size: 2rem;
    line-height: 2rem;
    color: #000
}

.mbPIBanner__title--ptxt {
    padding-left: 38px;
    font-weight: 600;
    position: relative
}

.mbPIBanner__title--ptxt:before {
    position: absolute;
    display: block;
    content: "";
    width: 29px;
    height: 27px;
    background: url(../images/srp-sprite-web.svg) no-repeat -17px -2132px;
    top: -3px;
    left: 3px
}

.mbPIBanner__title--ytxt {
    color: #ff9d00
}

.mbPIBanner__sub-title {
    font-size: 1rem;
    line-height: 1.667rem;
    color: #000
}

.mbPIBanner__flexbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px
}

.mbPIBanner__benefit {
    font-size: 1rem;
    line-height: 1.667rem;
    color: #000;
    padding-left: 16px;
    position: relative
}

.mbPIBanner__benefit:before {
    position: absolute;
    display: block;
    content: "";
    border-right: 1px solid #5e81f4;
    border-bottom: 1px solid #5e81f4;
    transform: translateY(-50%) rotate(45deg);
    top: calc(50% - 2px);
    left: 2;
    width: 4px;
    height: 8px
}

.mbPIBanner__ctaBloc {
    position: absolute;
    right: 24px;
    bottom: -100px;
    -webkit-transition: bottom .3s ease-out;
    -moz-transition: bottom .3s ease-out;
    -o-transition: bottom .3s ease-out;
    transition: bottom .3s ease-out
}

.mbPIBanner__cta {
    width: auto;
    height: 32px;
    line-height: 32px;
    padding: 0 32px;
    color: #fff;
    font-size: 1.166rem;
    font-weight: 500;
    text-align: center;
    background-color: #5e81f4;
    text-decoration: none;
    display: inline-block;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    background-clip: padding-box
}

.mbPIBanner__cta:active,.mbPIBanner__cta:hover {
    background-color: #c31f25
}

.mb-srp__bnr-plot-corridor {
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
    color: #000;
    padding: 12px
}

.mb-srp__bnr-plot-corridor.pb0 {
    padding-bottom: 0
}

.mb-srp__bnr-plot-corridor__inner {
    padding: 12px 16px;
    border: 1px solid #d7d7d7;
    border-radius: 8px
}

.mb-srp__bnr-plot-corridor__head {
    font-size: 1.166rem;
    font-weight: 600;
    color: #000;
    padding-bottom: 12px;
    line-height: 1.833rem
}

.mb-srp__bnr-plot-corridor__link {
    font-size: 1.166rem;
    color: #5e81f4;
    text-decoration: none;
    font-weight: 600;
    margin-top: 14px;
    display: inline-block
}

.mb-srp__bnr-plot-corridor__con {
    font-size: 1rem;
    color: #000;
    font-weight: 600;
    padding-bottom: 3px;
    padding-top: 4px
}

.mb-srp__bnr-plot-corridor__con span {
    font-weight: 600
}

.mb-srp__bnr-plot-corridor__list ul {
    margin: 0;
    padding: 0
}

.mb-srp__bnr-plot-corridor__list li {
    color: #000;
    line-height: 1.333rem;
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 6px;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mb-srp__bnr-plot-corridor__list li:last-child {
    margin-bottom: 0
}

.mb-srp__bnr-plot-corridor__list li span {
    font-weight: 600
}

.mb-srp__bnr-plot-corridor__list li:before {
    position: absolute;
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    left: 0;
    top: 1px;
    background-color: #e0f2f0;
    border: 1px solid #5e81f4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box
}

.mb-srp__bnr-plot-corridor__list li:after {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 3px;
    border-left: 1px solid #5e81f4;
    border-bottom: 1px solid #5e81f4;
    left: 4px;
    top: 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp__bnr-plot-corridor-click {
    text-decoration: none;
    color: #000
}

.mb-srp__bnr-plot-locality {
    padding: 24px 12px;
    margin-bottom: 8px;
    color: #000
}

.mb-srp__bnr-plot-locality__head {
    font-size: 1.5rem;
    line-height: 1.833rem;
    padding-bottom: 4px
}

.mb-srp__bnr-plot-locality__content {
    font-size: 1rem;
    padding-bottom: 20px
}

.mb-srp__bnr-plot-locality .mb-srp__bnr-plot-corridor__link {
    font-size: 1rem
}

.card-see-all {
    width: 280px;
    height: 133px;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    margin-right: 4px;
    position: relative;
    z-index: 1;
    background-color: #fff
}

.card-see-all__inner {
    padding: 16px;
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.card-see-all__arrow {
    position: relative;
    background: #fff3f5;
    border: 1px solid #ffd2d3;
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 50%
}

.card-see-all__arrow:after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: #5e81f4;
    transform: rotate(-90deg) translate(4px,1px);
    right: 16px;
    top: 13px;
    position: absolute
}

.card-see-all__arrow:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #5e81f4;
    border-left: 1px solid #5e81f4;
    transform: rotate(135deg);
    position: absolute;
    right: 10px;
    top: 11px
}

.card-see-all__link {
    font-size: 12px;
    font-weight: 600;
    color: #5e81f4;
    text-decoration: none!important;
    cursor: pointer
}

.ScrollWrap {
    padding: 0;
    height: 150px;
    overflow: hidden
}

.Horizontal-scrollElm {
    height: 180px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-right: 16px;
    padding-left: 16px
}

.Horizontal-scrollElm * {
    box-sizing: content-box
}

.multilineTruncate {
    display: block;
    display: -webkit-box;
    height: 39.2px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.plot-investment {
    height: 217px;
    overflow: hidden;
    background-color: #fff;
    margin: 0 0 8px;
    position: relative
}

.plot-investment .scrollElement {
    white-space: nowrap
}

.plot-investment__heading {
    font-size: 1.166rem;
    color: #000;
    font-weight: 600;
    padding: 14px 13px 0
}

.plot-investment__heading,.plot-investment__subheading {
    line-height: 1.833rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.plot-investment__subheading {
    font-size: 1rem;
    color: #606060;
    padding: 0 13px 10px
}

.plot-investment__subheading a {
    color: #5e81f4!important;
    text-decoration: underline!important
}

.plot-investment__box {
    height: 133px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    z-index: 1;
    position: relative;
    width: 280px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    border: 1px solid #e8e8e8
}

.plot-investment__innerwraper {
    padding: 16px 13px 11px
}

.plot-investment__title {
    font-size: 1.166rem;
    color: #000;
    line-height: 1.833rem;
    font-weight: 600
}

.plot-investment__list {
    margin: 6px 0 16px;
    display: table
}

.plot-investment__value {
    float: left;
    padding-right: 12px;
    line-height: 1.333rem;
    border-right: 1px solid #909090;
    font-size: 1.166rem;
    color: #909090
}

.plot-investment__value__count {
    color: #000;
    display: inline-block;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    max-width: 100px
}

.plot-investment__value:last-child {
    padding-right: 0;
    border: none;
    padding-left: 10px
}

.plot-investment__seeplotsBTn {
    height: 28px;
    width: 120px;
    display: inline-block;
    background-color: #5e81f4;
    color: #fff;
    font-size: 1.166rem;
    margin-right: 25px;
    line-height: 25px;
    font-weight: 600;
    text-align: center;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.plot-investment:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 42px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    border-left: 26px solid #fff6e0;
    z-index: 0
}

.plot-investment:before {
    content: "";
    position: absolute;
    top: -23px;
    right: -17px;
    width: 50px;
    height: 58px;
    z-index: 0;
    transform: rotate(35deg);
    background-color: #fff6e0
}

.mb-srp__alternate-commercial {
    width: 100%;
    height: auto;
    padding: 32px 0;
    background: #fff;
    margin-bottom: 8px
}

.mb-srp__alternate-commercial__title {
    padding: 0 12px 12px;
    line-height: 2.833rem;
    color: #000;
    font-size: 1.5rem;
    font-weight: 600
}

.mb-srp__alternate-commercial__slider {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding: 0 12px
}

.mb-srp__alternate-commercial__slider::-webkit-scrollbar {
    width: 0;
    background: transparent;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.mb-srp__alternate-commercial__card {
    width: 158px;
    height: 73px;
    border: 1px solid #f39898;
    padding: 8px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    min-width: 158px;
    margin-right: 8px
}

.mb-srp__alternate-commercial__card--title {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__alternate-commercial__card--price {
    padding: 4px 0 6px
}

.mb-srp__alternate-commercial__card--loc,.mb-srp__alternate-commercial__card--price {
    font-size: .833rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.333rem
}

.mb-srp__alternate-commercial__card--loc {
    color: #606060;
    font-weight: 400;
    padding-bottom: 8px
}

.mb-srp__alternate-commercial__card--link {
    color: #000;
    font-size: .833rem;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    margin-top: auto
}

.mb-srp__alternate-plot .mb-srp__alternate-commercial__title {
    font-size: 1.333rem;
    line-height: 20px
}

.mb-srp__alternate-plot .mb-srp__alternate-commercial__title .mb-srp__alternate-commercial__title--text1,.mb-srp__alternate-plot .mb-srp__alternate-commercial__title .mb-srp__alternate-commercial__title--text2 {
    display: inline
}

.nsr-ssc__cont {
    padding: 16px 16px 20px 12px;
    background-color: #fff;
    margin-bottom: 8px;
    color: #000;
    line-height: 1.833rem
}

.nsr-ssc__cont .mb-sonic-audio {
    display: none
}

.nsr-ssc__cont__heading {
    font-size: 1.166rem;
    font-weight: 600;
    margin: 0 0 12px;
    line-height: 2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.nsr-ssc__cont__heading--light-font {
    font-weight: 400
}

.nsr-ssc__cont__body {
    font-size: 1.166rem;
    line-height: 1.667rem;
    display: inline-block;
    width: 60%;
    padding: 0
}

.nsr-ssc__cont__editCTA {
    min-width: 100px;
    border-radius: 16px;
    border: 1px solid #5e81f4;
    color: #5e81f4;
    font-size: 1.166rem;
    line-height: 1.5rem;
    font-weight: 600;
    background-color: #fff;
    display: inline-block;
    padding: 5px 16px 6px;
    margin-right: 16px;
    text-align: center;
    cursor: pointer
}

.nsr-ssc__cont__editCTA:active {
    background: #c31f25;
    color: #fff
}

.nsr-ssc__cont__filtersCTA {
    float: right
}

.nsr-ssc__cont__saveCTA {
    min-width: 100px;
    border-radius: 16px;
    border: 1px solid #5e81f4;
    background: #5e81f4;
    font-size: 1.166rem;
    line-height: 1.5rem;
    font-weight: 600;
    background-color: #fff;
    display: inline-block;
    padding: 5px 16px 6px;
    background: #c31f25;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.save-search-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: 0;
    background: #fff url(https://cdn.staticmb.com/searchstatic/images/loading-bars.gif) 50% 45% no-repeat;
    z-index: 106;
    border-radius: 0;
    bottom: 0;
    padding: 0
}

.save-search-popup__close2 {
    width: 40px;
    height: 32px;
    position: absolute;
    left: 10px;
    top: 7px;
    z-index: 111
}

.save-search-popup__close2--pos {
    left: 4px!important
}

.save-search-popup__close2:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 9px;
    width: 12px;
    height: 12px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(-45deg)
}

.save-search-popup__close2:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 14px;
    width: 16px;
    height: 2px;
    background-color: #fff
}

.save-search-popup__close {
    position: absolute;
    right: 0;
    top: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.save-search-popup__close:after,.save-search-popup__close:before {
    position: absolute;
    left: 10px;
    top: 4px;
    content: "";
    width: 2px;
    height: 16px;
    background-color: #fff;
    transform: rotate(45deg)
}

.save-search-popup__close:after {
    transform: rotate(-45deg)
}

.save-search-popup__iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: none
}

.save-search-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .7;
    z-index: 104;
    left: 0;
    top: 0
}

.floating-filter {
    width: 100%;
    background-color: #e8e8e8;
    margin-bottom: 16px;
    border-radius: 8px
}

@media (max-width: 768px) {
    .floating-filter {
        background-color:#fff;
        border-radius: 0;
        margin-bottom: 8px;
        padding: 16px
    }
}

.floating-filter__wrap {
    min-height: 152px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 768px) {
    .floating-filter__wrap {
        min-height:80px
    }
}

@media (max-width: 768px) {
    .floating-filter__wrap.single-line {
        display:block
    }

    .floating-filter__wrap.single-line .floating-filter__column {
        padding: 0
    }

    .floating-filter__wrap.single-line .filter__common__component {
        width: auto;
        display: block;
        padding-bottom: 12px
    }
}

.floating-filter__column {
    padding: 16px
}

.floating-filter__column.min-width-for-col {
    min-width: 30%
}

@media (max-width: 768px) {
    .floating-filter__column.min-width-for-col {
        overflow-y:hidden;
        overflow-x: auto;
        white-space: nowrap
    }
}

.floating-filter__heading {
    font-size: 24px;
    color: #000;
    text-align: right;
    margin-top: -4px
}

@media (max-width: 768px) {
    .floating-filter__heading {
        font-size:16px;
        font-weight: 600;
        text-align: left;
        line-height: 22px;
        padding-bottom: 16px;
        margin-top: 0
    }
}

.floating-filter__item {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    position: relative
}

@media (max-width: 768px) {
    .floating-filter__item {
        float:none;
        display: inline-block
    }
}

.floating-filter__item__input {
    display: none
}

.floating-filter__item__label {
    display: block;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #f39898;
    background: #fff;
    padding: 0 20px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    position: relative
}

@media (max-width: 768px) {
    .floating-filter__item__label {
        height:32px;
        line-height: 30px;
        font-size: 12px;
        font-weight: 500
    }
}

.floating-filter__item__input:checked~.floating-filter__item__label {
    background-color: #e0f2f0;
    border-color: #b2dfd8
}

.floating-filter__switch-on-off {
    width: 56px;
    display: inline-block
}

.floating-filter__switch-on-off__input {
    display: none
}

.floating-filter__switch-on-off__label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 32px;
    position: relative;
    border-radius: 16px
}

.floating-filter__switch-on-off__label__track {
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

.floating-filter__switch-on-off__label__track:after,.floating-filter__switch-on-off__label__track:before {
    content: "";
    float: left;
    width: 50%;
    height: 20px;
    margin-top: 6px;
    border-radius: 10px
}

.floating-filter__switch-on-off__label__track:before {
    background-color: #1bb814;
    border: 1px solid #0e8608
}

.floating-filter__switch-on-off__label__track:after {
    background-color: #f5f5f5;
    border: 1px solid #f39898
}

.floating-filter__switch-on-off__label__thumb {
    width: 28px;
    height: 28px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.15);
    border: 1px solid #f39898;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    right: 28px;
    transition: all .3s ease-in 0s
}

.floating-filter__switch-on-off__input:checked~.floating-filter__switch-on-off__label .floating-filter__switch-on-off__label__track {
    margin-left: 0
}

.floating-filter__switch-on-off__input:checked~.floating-filter__switch-on-off__label .floating-filter__switch-on-off__label__thumb {
    right: 0
}

.floating-filter__apply-btn {
    min-width: 80px;
    text-align: center;
    display: inline-block;
    font-size: 1.166rem;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    padding: 0 20px;
    line-height: 32px;
    background-color: #000;
    color: #fff;
    border-radius: 20px;
    margin-left: 60px
}

@media (max-width: 768px) {
    .floating-filter__apply-btn {
        margin:0 auto;
        display: block;
        width: 170px
    }
}

.floating-filter__apply-btn:hover {
    background-color: #5e81f4
}

.floating-filter .filter__common__component {
    width: 340px;
    display: inline-block;
    vertical-align: middle
}

.floating-filter .filter-budget__slider-wrap {
    background-color: #c5c5c5
}

.floating-filter .filter-budget__fieldset__min-max {
    border-color: #f39898;
    height: 40px;
    width: 150px
}

.floating-filter .filter-budget__fieldset__input {
    line-height: 40px
}

.floating-filter .filter-budget__rupee {
    line-height: 38px
}

.floating-filter .filter-budget__select option:last-child {
    display: none
}

.mb-srp-m__topPrj {
    background: #fff;
    padding: 24px 0 0;
    margin-bottom: 8px
}

.mb-srp-m__topPrj .mb-srp-m__card__headingunderLine {
    position: relative;
    left: auto;
    bottom: auto;
    margin: -6px 0 12px 13px
}

.srpq2__3dSwiper {
    padding-bottom: 14px;
    width: 100%;
    background: #fff
}

.srpq2__3dSwiper .mb-srp__card__photo {
    height: 128px
}

.srpq2__3dSwiper .mb-srp-m__card__photo__fig {
    border-radius: 4px 4px 0 0;
    max-height: 128px;
    height: 128px
}

.srpq2__3dSwiper .mb-srp-m__card__photo__fig--count {
    height: auto;
    top: 8px;
    left: 8px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 14px
}

.srpq2__3dSwiper__container {
    height: 360px;
    width: 360px;
    margin: auto;
    overflow: hidden;
    padding: 4px 16px 18px;
    background: #fff
}

.srpq2__3dSwiper__container .swiper-container-horizontal>.swiper-pagination-bullets,.srpq2__3dSwiper__container .swiper-pagination-custom,.srpq2__3dSwiper__container .swiper-pagination-fraction {
    bottom: 4px
}

.srpq2__3dSwiper__container .swiper-container-3d {
    perspective: 300px;
    height: 348px
}

.srpq2__3dSwiper__container .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d7d7d7;
    margin: 0 3px;
    border: 2px solid #f5f5f5;
    opacity: 1
}

.srpq2__3dSwiper__container .swiper-pagination-bullet-active {
    background: #fff;
    border: 2px solid #5e81f4;
    transform: scale(1.2)
}

.srpq2__3dSwiper__heading {
    font-size: 1.333rem;
    color: #000;
    font-weight: 600;
    padding: 12px 16px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 16px
}

.srpq2__3dSwiper__heading__action {
    color: #5e81f4;
    font-size: 1.166rem;
    text-decoration: none!important
}

.srpq2__3dSwiper--title {
    color: #000;
    font-size: 1.166rem;
    line-height: 16px;
    margin-bottom: 0;
    display: -webkit-box;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 34px;
    padding-left: 16px;
    padding-right: 16px
}

.srpq2__3dSwiper--title span {
    font-weight: 600
}

.srpq2__3dSwiper--dot {
    height: 4px;
    width: 4px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px 2px;
    position: relative
}

.srpq2__3dSwiper--dot span {
    position: absolute
}

.srpq2__3dSwiper--actionText {
    margin-top: 12px;
    color: #5e81f4;
    font-weight: 600;
    font-size: 1.166rem;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: 16px
}

.srpq2__3dSwiper--actionText a {
    text-decoration: none;
    color: #5e81f4
}

.srpq2__3dSwiper--actionText-icon {
    border-radius: 50%;
    background: #5e81f4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: auto
}

.srpq2__3dSwiper--actionText-icon:before {
    display: block;
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -778px;
    width: 18px;
    height: 18px
}

.srpq2__3dSwiper__price,.srpq2__3dSwiper__subheading {
    font-size: 1.166rem;
    color: #000;
    font-weight: 400;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.333rem
}

.srpq2__3dSwiper__price--rupees {
    font-weight: 600
}

.srpq2__3dSwiper .swiper-wrapper {
    padding: 4px 0 8px
}

.srpq2__3dSwiper .swiper-slide {
    height: 308px;
    width: 272px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 15px rgba(0,0,0,.2);
    background-color: #fff
}

.srpq2__3dSwiper .swiper-slide__3dImageblock {
    height: 115px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.srpq2__3dSwiper .swiper-slide__3dImageblock__3Dimg {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.srpq2__3dSwiper .swiper-slide__3dRera {
    height: 20px;
    width: 124px
}

.srpq2__3dSwiper .swiper-slide__3dInfoblock {
    height: 193px;
    width: 100%;
    background-color: #fff;
    padding: 12px 12px 0 16px
}

.srpq2__3dSwiper .swiper-slide__3dInfoblock__container {
    height: 140px
}

.srpq2__3dSwiper .swiper-slide__3dInfoblock__proj {
    font-size: 1.333rem;
    font-weight: 600;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.srpq2__3dSwiper .swiper-slide__3dInfoblock__area,.srpq2__3dSwiper .swiper-slide__3dInfoblock__loc,.srpq2__3dSwiper .swiper-slide__3dInfoblock__ready {
    font-size: 1rem;
    color: #909090;
    padding-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.srpq2__3dSwiper .swiper-slide__3dInfoblock__price {
    font-size: 1.166rem;
    font-weight: 600;
    color: #000
}

.srpq2__3dSwiper .swiper-slide__3dInfoblock__bhk {
    font-size: 1rem;
    color: #909090;
    font-weight: 600
}

.srpq2__3dSwiper .swiper-slide__3dInfoblock__ctablock:after {
    content: "";
    display: table;
    clear: both
}

.srpq2__3dSwiper .swiper-slide__3dInfoblock__seeCta {
    float: left;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 5px
}

.srpq2__3dSwiper .swiper-slide__3dInfoblock__contactCta {
    float: right;
    width: 110px;
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    line-height: 28px
}

.mb-srp__popular-proj-nri__card--graphic--tag-rera {
    width: auto;
    height: auto;
    line-height: 1.166rem;
    padding: 0 6px 0 18px;
    background: #fff url(../images/srp-sprite-mobile.svg) no-repeat -13px -2306px;
    color: #5e81f4;
    font-size: .833rem;
    font-weight: 600;
    border: 1px solid #b2dfd8;
    position: absolute;
    left: 8px;
    top: 102px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.pageLoader {
    margin: 12px auto;
    padding: 0;
    font-size: 1.333rem;
    color: #606060;
    vertical-align: middle;
    position: fixed;
    z-index: 9990;
    top: 50%;
    left: 50%;
    width: 244px;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 9999
}

.pageLoader__animation {
    width: 242px;
    background: #fff;
    border: 1px solid #ebebeb;
    margin: auto;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
    border-radius: 5px;
    padding: 10px 0
}

.pageLoader__animation span {
    vertical-align: middle
}

.pageLoader__animation img {
    margin-right: 10px;
    vertical-align: middle
}

.appdownload {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.appdownload,.appdownload * {
    box-sizing: border-box
}

.appdownload__flex {
    position: fixed;
    background: rgba(0,0,0,.6);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999
}

.appdownload__close {
    right: 16px;
    top: -50px;
    position: absolute;
    width: 34px;
    height: 34px;
    background: #000;
    border-radius: 50%;
    border: 1px solid #909090
}

.appdownload__close:after,.appdownload__close:before {
    content: "";
    display: block;
    width: 2px;
    height: 18px;
    background-color: #fff;
    position: absolute;
    left: 15px;
    top: 7px
}

.appdownload__close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.appdownload__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.appdownload.show {
    display: block
}

.appdownload__content {
    text-align: left;
    position: fixed;
    bottom: 0;
    min-height: 181px;
    border-radius: 16px 16px 0 0;
    width: 100%;
    animation: slide-up--app-download .5s forwards;
    background: #fff url(../images/bg-app-banner-popup@2x.png) 100% 100% no-repeat;
    background-size: auto 157px;
    line-height: 1.667rem;
    font-size: 1.333rem;
    color: #000;
    padding: 24px 140px 0 24px
}

.appdownload__content__old {
    padding-right: 145px
}

.appdownload__content__username {
    padding-bottom: 10px
}

.appdownload__content__dsc {
    font-size: 1.166rem;
    font-weight: 600;
    padding-bottom: 16px
}

.appdownload__content .download__tag {
    width: 10px;
    position: relative;
    display: inline-block;
    height: 10px;
    border-bottom: 1px solid #fff;
    margin-right: 4px
}

.appdownload__content .download__tag__animation {
    height: 8px;
    width: 1px;
    position: relative;
    margin: auto;
    display: block;
    background: #fff;
    animation: downlaodAnim 2s linear infinite
}

.appdownload__content .download__tag__animation:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    border-width: 0 0 1px 1px;
    transform: rotate(-45deg);
    bottom: 0;
    left: -2px
}

.appdownload__container {
    display: grid;
    grid-template-columns: auto 148px;
    gap: 12px
}

.appdownload__discovertext {
    font-size: 1.5rem;
    line-height: 24px;
    padding-bottom: 8px
}

.appdownload__animation {
    width: 148px;
    height: 160px;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -40px 80px 0 rgba(0,0,0,.2);
    background-image: linear-gradient(180deg,#000,rgba(48,48,48,.7));
    overflow: hidden;
    padding-top: 18px
}

.appdownload__animation__cards {
    display: grid;
    grid-template-columns: auto auto auto auto;
    transition: all .3s linear;
    margin-left: -80px
}

.appdownload__animation__card {
    width: 102px;
    height: 124px;
    border-radius: 2px;
    padding: 4px;
    background: #fff;
    transition: all .3s linear;
    color: #000
}

.appdownload__animation__card__imgcont {
    height: 40px;
    margin-bottom: 8px;
    background-color: #000
}

.appdownload__animation__card__bhk {
    font-size: 7.2px;
    line-height: .86;
    padding-bottom: 4px
}

.appdownload__animation__card__price {
    font-size: 10px;
    font-weight: 600;
    line-height: .6;
    padding-bottom: 4px
}

.appdownload__animation__card__location {
    font-size: 6px;
    line-height: 1;
    padding-bottom: 8px;
    color: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,.8)
}

.appdownload__animation__card__ready {
    font-size: 6px;
    line-height: 1
}

.appdownload__animation__card__cta {
    width: 62px;
    height: 16px;
    line-height: 14px;
    border-radius: 8px;
    border: 1px solid #5e81f4;
    color: #5e81f4;
    display: block;
    font-size: 6px;
    font-weight: 600;
    text-align: center
}

.appdownload__animation__card1 {
    transform: scale(.85)
}

.appdownload__animation__card1 .appdownload__animation__card__imgcont {
    background: #fff url(../images/image-1.jpg) no-repeat;
    background-size: cover
}

.appdownload__animation__card2 {
    transform: scale(1)
}

.appdownload__animation__card2 .appdownload__animation__card__imgcont {
    background: #fff url(../images/image-2.jpg) no-repeat;
    background-size: cover
}

.appdownload__animation__card3 {
    transform: scale(.85)
}

.appdownload__animation__card3 .appdownload__animation__card__imgcont {
    background: #fff url(../images/image-3.jpg) no-repeat;
    background-size: cover
}

.appdownload__animation__card4 {
    transform: scale(.85)
}

.appdownload__animation__card4 .appdownload__animation__card__imgcont {
    background: #fff url(../images/image-4.jpg) no-repeat;
    background-size: cover
}

.appdownload__animation__pagings {
    padding-top: 8px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 4px
}

.appdownload__animation__pagings__pages {
    height: 3px;
    width: 3px;
    background: #fff;
    opacity: .4;
    border-radius: 100%;
    display: inline-block
}

.appdownload__animation__pagings__pages__active {
    opacity: 1
}

.appdownload__ani .appdownload__animation__cards {
    margin-left: -180px
}

.appdownload__ani .appdownload__animation__card1,.appdownload__ani .appdownload__animation__card2 {
    transform: scale(.85)
}

.appdownload__ani .appdownload__animation__card3 {
    transform: scale(1)
}

.appdownload__ani .appdownload__animation__card4 {
    transform: scale(.85)
}

.appdownload--view-in-app .appdownload__content__username {
    font-size: 1rem
}

.appdownload--view-in-app .appdownload__content__dsc {
    font-size: 1.333rem;
    line-height: 1.833rem
}

.appdownload--view-in-app .btn-viewInApp {
    min-width: 130px
}

.appdownload--view-in-app-nsr .appdownload__content {
    background: #fff
}

.appdownload--view-in-app-nsr .mb-srp-m__action--btn.btn-gray {
    background: #5e81f4;
    border-color: #5e81f4
}

.appdownload--view-in-app-nsr .appdownload__content .download__tag {
    display: none
}

.appdownload--view-in-app-nsr .appdownload__container {
    grid-template-columns: auto 116px
}

.appdownload__nsr__img {
    background: url(../images/nsr__app__lock__bg.jpg) no-repeat;
    width: 115px;
    height: 190px;
    margin-top: -24px;
    padding-top: 80px
}

.appdownload__nsr .appdownload__content {
    padding: 24px 36px 0 24px
}

.appdownload__nsr__lock {
    width: 20px;
    height: 24px;
    background: url(../images/nsr__app__lock__icon.svg) no-repeat;
    margin: 0 auto 12px
}

.appdownload__nsr__smltxt {
    font-size: .833rem;
    font-weight: 600;
    line-height: 1.36;
    text-align: center;
    color: #000;
    width: 70px;
    margin: auto
}

@keyframes slide-up--app-download {
    0% {
        -webkit-transform: translate(120vw,120vh);
        transform: translate(120vw,120vh)
    }

    10% {
        -webkit-transform: translateY(120vh);
        transform: translateY(120vh)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes downlaodAnim {
    0% {
        top: -4px
    }

    20% {
        top: -1px
    }

    40% {
        top: -4px
    }

    60% {
        top: -1px
    }

    80% {
        top: -1px
    }

    to {
        top: -4px
    }
}

.mb-srp-m__chat {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.mb-srp-m__chat,.mb-srp-m__chat * {
    box-sizing: border-box
}

.mb-srp-m__chat__btn {
    background: #5e81f4;
    position: fixed;
    right: 12px;
    bottom: 80px;
    height: 40px;
    border-radius: 22px;
    color: #fff;
    z-index: 99;
    width: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 500;
    box-shadow: 0 1px 10px 2px rgba(48,48,48,.3)
}

.mb-srp-m__chat__btn:before {
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat -21px -2392px;
    width: 22px;
    height: 22px;
    display: block;
    margin-right: 4px
}

@media (min-width: 768px) {
    .mb-srp-m__chat__btn {
        bottom:20px!important
    }

    .mb-srp-m__chat__btn:before {
        background: url(../images/srp-sprite-mobile.svg) no-repeat -20px -465px
    }
}

.mb-srp-m__chat__popup {
    position: fixed;
    right: 12px;
    bottom: 128px;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    left: 12px;
    min-height: 165px;
    z-index: 999;
    display: none;
    box-shadow: 0 1px 5px 0 rgba(48,48,48,.4);
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000;
    padding: 12px
}

.mb-srp-m__chat__popup__close {
    right: 10px;
    top: 10px;
    position: absolute;
    width: 18px;
    height: 18px;
    z-index: 1
}

.mb-srp-m__chat__popup__close:after,.mb-srp-m__chat__popup__close:before {
    content: "";
    display: block;
    width: 2px;
    height: 16px;
    background-color: #000;
    position: absolute;
    left: 8px;
    top: 0
}

.mb-srp-m__chat__popup__close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mb-srp-m__chat__popup__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp-m__chat__popup__head {
    position: relative;
    padding: 0 0 12px 18px;
    font-weight: 500;
    color: #5e81f4
}

.mb-srp-m__chat__popup__head span {
    display: inline-block;
    border-radius: 2px;
    background: #5e81f4;
    color: #fff;
    font-size: .833rem;
    font-weight: 500;
    padding: 2px 4px;
    line-height: 1rem;
    margin: 0 0 0 16px
}

.mb-srp-m__chat__popup__head:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -25px -2281px;
    width: 14px;
    height: 14px
}

.mb-srp-m__chat__popup__content {
    padding-bottom: 14px
}

.mb-srp-m__chat__popup__input {
    border: 1px solid #d7d7d7;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
    line-height: 40px;
    padding: 0 16px;
    color: #909090;
    font-size: 1.166rem
}

.mb-srp-m__chat.show .mb-srp-m__chat__popup {
    display: block
}

.mb-srp-m__chat.hasGDPR .mb-srp-m__chat__btn {
    bottom: 160px
}

.mb-srp-m__chat.hasGDPR .mb-srp-m__chat__popup {
    bottom: 208px
}

#mb-consent-cookie {
    bottom: 75px!important
}

.mb-srp-m__card * {
    box-sizing: border-box
}

.mb-srp-m__card__tuple {
    clear: both
}

.mb-srp-m__card__tuple__flex {
    min-height: 20px;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 12px;
    margin-top: 8px
}

.mb-srp-m__card__tuple__map {
    width: 90px;
    text-align: right;
    margin-left: auto;
    height: 20px
}

.mb-srp-m__card__tuple__map a,.mb-srp-m__card__tuple__map span {
    color: #5e81f4;
    text-decoration: underline;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 600
}

.mb-srp-m__card__tuple__item {
    background: #f5f5f5;
    height: 20px;
    line-height: 20px;
    padding: 0 8px 0 20px;
    font-size: 1rem;
    color: #000;
    margin: 0 8px 0 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    position: relative
}

.mb-srp-m__card__tuple__icon {
    width: 11px;
    height: 15px;
    background: url(../images/sprite-landmark-Icons-16px.svg) no-repeat;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
    margin: 0
}

.mb-srp-m__card__tuple__icon--19249,.mb-srp-m__card__tuple__icon--metro {
    background-position: -13px -95px;
    width: 12px;
    height: 13px
}

.mb-srp-m__card__tuple__icon--19201 {
    background-position: -13px -60px;
    width: 14px;
    height: 12px
}

.mb-srp-m__card__tuple__icon--19202 {
    background-position: -13px -25px;
    width: 15px;
    height: 12px
}

.mb-srp-m__card__tuple__icon--19203 {
    background-position: -14px -215px;
    width: 13px;
    height: 12px
}

.mb-srp-m__card__tuple__icon--19206 {
    background-position: -13px -133px;
    width: 12px;
    height: 15px
}

.mb-srp-m__card__tuple__icon--19210 {
    background-position: -13px -171px;
    width: 15px;
    height: 12px
}

.tuple-list {
    overflow: hidden;
    height: 20px;
    position: relative;
    width: calc(100% - 90px)
}

.tuple-list--3 .tuple-animation {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: #f5f5f5;
    left: 0;
    transition: all .3s ease-in-out
}

.tuple-list--3 .tuple-animation:first-child {
    animation: fade31 10s infinite
}

.tuple-list--3 .tuple-animation:nth-child(2) {
    animation: fade32 10s infinite
}

.tuple-list--3 .tuple-animation:nth-child(3) {
    animation: fade33 10s infinite
}

.tuple-list--2 .tuple-animation {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    left: 0;
    transition: all .3s ease-in-out
}

.tuple-list--2 .tuple-animation:first-child {
    animation: fade21 10s infinite
}

.tuple-list--2 .tuple-animation:nth-child(2) {
    animation: fade22 10s infinite
}

@keyframes fade21 {
    0% {
        visibility: visible;
        z-index: 1
    }

    50% {
        visibility: hidden
    }

    to {
        visibility: visible;
        z-index: 1
    }
}

@keyframes fade22 {
    0% {
        visibility: hidden
    }

    50% {
        visibility: visible;
        z-index: 1
    }

    to {
        visibility: hidden
    }
}

@keyframes fade31 {
    0% {
        opacity: 1;
        z-index: 1
    }

    33.333% {
        opacity: 0
    }

    66.666% {
        opacity: 0
    }

    to {
        opacity: 1;
        z-index: 1
    }
}

@keyframes fade32 {
    0% {
        opacity: 0
    }

    33.333% {
        opacity: 1;
        z-index: 1
    }

    66.666% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes fade33 {
    0% {
        opacity: 0
    }

    33.333% {
        opacity: 0
    }

    66.666% {
        opacity: 1;
        z-index: 1
    }

    to {
        opacity: 0
    }
}

.mb-srp__mbprime {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    background-color: #29313b;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif
}

.mb-srp__mbprime__body {
    width: 100%;
    height: auto;
    padding: 16px
}

.mb-srp__mbprime--icon-circle {
    width: 17px;
    height: 15px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -2088px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px
}

.mb-srp__mbprime--icon {
    width: 48px;
    height: 44px;
    margin-right: 16px;
    background: url(../images/srp-sprite-web.svg) no-repeat -8px -2069px
}

.mb-srp__mbprime__title {
    padding: 0 0 16px
}

.mb-srp__mbprime__title--h1 {
    font-size: 7.5rem;
    font-weight: 400
}

.mb-srp__mbprime__title--h1,.mb-srp__mbprime__title--text1 {
    color: #fff;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle
}

.mb-srp__mbprime__title--text1 {
    font-size: 3.5rem;
    font-weight: 600
}

.mb-srp__mbprime__title--text2,.mb-srp__mbprime__title--text3 {
    color: #fff;
    font-size: 1.166rem;
    font-weight: 600;
    line-height: 20px
}

.mb-srp__mbprime__title .text-prime {
    color: #ffc72c;
    font-weight: 600;
    position: relative;
    display: inline-block;
    line-height: 20px
}

.mb-srp__mbprime__title .text-prime:before {
    position: absolute;
    display: block;
    content: "";
    width: 17px;
    height: 15px;
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -2088px;
    transform: scale(.9)
}

.mb-srp__mbprime__title .text-mbprime {
    color: #ffc72c;
    font-weight: 600;
    position: relative;
    display: inline-block
}

.mb-srp__mbprime__title--text4 {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 20px;
    padding-top: 2px
}

.mb-srp__mbprime__title--text5 {
    color: #fff;
    font-size: 1rem;
    line-height: 16px;
    padding-top: 4px
}

.mb-srp__mbprime__list {
    height: auto
}

.mb-srp__mbprime__list--item {
    color: #fff;
    font-size: 1rem;
    line-height: 20px;
    padding-left: 18px;
    margin-bottom: 12px;
    position: relative
}

.mb-srp__mbprime__list--item:last-child {
    margin-bottom: 0
}

.mb-srp__mbprime__list--item:before {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 6px;
    left: 0;
    top: 5px;
    border-left: 2px solid #80cbc0;
    border-bottom: 2px solid #80cbc0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp__mbprime__list--item .prime-highlight {
    color: #ffc72c;
    font-size: 1rem;
    font-weight: 500;
    padding-left: 2px
}

.mb-srp__mbprime .mb-srp__action {
    width: auto;
    margin-left: auto;
    margin-top: 10px
}

.mb-srp__mbprime .mb-srp__action .mb-srp__action--btn {
    padding: 0 20px;
    height: auto;
    line-height: 30px
}

.mb-srp__mbprime .mb-srp__action .mb-srp__action--btn.btn-join {
    padding: 0 36px
}

.mb-srp__mbprime__more-text {
    font-size: 10px;
    line-height: 20px;
    color: #fff;
    padding-left: 18px
}

.mb-srp__mbprime__action {
    width: auto;
    margin-left: auto;
    margin-top: -10px;
    text-align: right
}

.mb-srp__mbprime__action--link-benefits {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 20px
}

.mb-srp__mbprime__action--link-benefits .arrow-right {
    display: inline-block;
    margin-left: 10px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(135deg)
}

.mb-srp__mbprime__action--link-benefits .arrow-right:after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: #fff;
    transform: rotate(-45deg) translate(4px,1px);
    left: 0;
    top: 0
}

.mb-srp__seo-link {
    position: relative;
    background: #f5f5f5;
    padding: 16px 0;
    margin: -10px -16px 0
}

.mb-srp__seo-link__list {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 12px;
    padding: 16px
}

.mb-srp__seo-link__list.expand .mb-srp__seo-link__card__list {
    height: auto
}

.mb-srp__seo-link__card {
    width: 284px;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    position: relative;
    flex-shrink: 0
}

.mb-srp__seo-link__card--title {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.833rem;
    padding: 0 0 12px
}

.mb-srp__seo-link__card__list {
    height: 130px;
    overflow: hidden;
    margin-bottom: 42px
}

.mb-srp__seo-link__card__list::-webkit-scrollbar {
    display: none
}

.mb-srp__seo-link__card__list--item {
    padding: 0 0 6px
}

.mb-srp__seo-link__card__list--item>a>span {
    width: auto;
    max-width: 100%;
    display: inline-block;
    color: #606060;
    font-size: 1rem;
    font-weight: 400
}

.mb-srp__seo-link__card__list--item>a>span:hover {
    text-decoration: none
}

.mb-srp__seo-link__more {
    text-align: center;
    position: absolute;
    bottom: 24px;
    left: 12px;
    right: 12px
}

.mb-srp__seo-link__more-text {
    cursor: pointer;
    text-decoration: underline;
    font-size: 1.166rem
}

.mb-srp__seo__last-update {
    padding: 16px;
    background-color: #fff;
    position: relative;
    line-height: 1.166rem
}

.mb-srp__seo__last-update--text {
    display: inline-block;
    font-size: .833rem;
    color: #909090;
    font-weight: 400;
    padding-right: 6px;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.mb-srp__seo__last-update:after {
    content: "";
    position: absolute;
    top: 22px;
    left: 20px;
    right: 16px;
    background-color: #d7d7d7;
    height: 1px;
    z-index: 1
}

.mb-srp__beadcrumb {
    background: #fff;
    padding: 8px 16px 12px
}

.mb-srp__beadcrumb__list {
    display: flex;
    flex-wrap: wrap
}

.mb-srp__beadcrumb__item {
    font-size: 1rem;
    color: #000;
    padding: 0 8px 0 0;
    display: flex;
    align-items: center;
    line-height: 2rem
}

.mb-srp__beadcrumb__item a,.mb-srp__beadcrumb__item a span,.mb-srp__beadcrumb__item div {
    text-decoration: none;
    color: #000!important;
    font-size: 1rem
}

.mb-srp__beadcrumb__item:before {
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(-135deg);
    margin: 0 8px 0 0
}

.mb-srp__beadcrumb__item:first-child:before {
    display: none
}

.mb-srp__beadcrumb__item__action {
    width: 16px;
    height: 16px;
    margin-left: 0;
    text-align: center;
    cursor: pointer
}

.mb-srp__beadcrumb__item__action:after {
    border-color: transparent #606060 #606060 transparent;
    border-style: solid;
    border-width: 1px;
    content: "";
    display: inline-block;
    height: 6px;
    transform: rotate(45deg) rotateX(0deg) rotateY(0deg) translate3d(-50%,-60%,0);
    transition: all .2s ease 0s;
    width: 6px;
    margin-top: 8px
}

.breadcrumb-popup,.breadcrumb-popup * {
    box-sizing: border-box
}

.breadcrumb-popup {
    backface-visibility: hidden;
    display: none
}

.breadcrumb-popup__table {
    position: fixed;
    background: rgba(0,0,0,.6);
    height: 100%;
    width: 100%;
    display: table;
    left: 0;
    top: 0;
    z-index: 10000
}

.breadcrumb-popup__table-cell {
    display: table-cell;
    vertical-align: middle
}

.breadcrumb-popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 20px;
    height: 20px;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    cursor: pointer
}

.breadcrumb-popup__close:after,.breadcrumb-popup__close:before {
    content: "";
    width: 20px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 8px;
    background: #979797;
    -webkit-transition: all .12s ease-in;
    transition: all .12s ease-in
}

.breadcrumb-popup__close:after {
    transform: rotate(45deg)
}

.breadcrumb-popup__close:before {
    transform: rotate(-45deg)
}

.breadcrumb-popup__content {
    width: 100%!important;
    height: auto!important;
    margin: 0!important;
    position: fixed;
    bottom: 0;
    transition: all .3s ease-in-out;
    border-radius: 16px 16px 0 0;
    overflow: visible;
    background: #fff;
    min-height: 50px
}

.breadcrumb-popup__content::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0,0,0,.04)
}

.breadcrumb-popup__content::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color: #d8d8d8
}

.breadcrumb-popup__inner {
    overflow: auto;
    max-height: 50vh;
    padding: 42px 0 16px
}

.breadcrumb-popup.show {
    display: block
}

.breadcrumb-popup.show .breadcrumb-popup__content {
    bottom: 0
}

.breadcrumb-popup__head {
    font-size: 1.166rem;
    font-weight: 600;
    color: #606060;
    padding: 0 16px 8px
}

.breadcrumb-popup__list {
    border-bottom: 1px solid hsla(0,0%,91%,.5)
}

.breadcrumb-popup__list__item {
    padding: 12px 16px;
    border-top: 1px solid hsla(0,0%,91%,.5);
    line-height: 1.5rem
}

.breadcrumb-popup__list__item a {
    color: #000!important;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600
}

.mb-srp__home-loan-seo {
    width: 100%;
    height: auto;
    padding: 24px 16px;
    margin: 0 0 8px;
    background-color: #fff
}

.mb-srp__home-loan-seo__title {
    color: #000;
    font-size: 1.333rem;
    font-weight: 600;
    padding-bottom: 16px;
    line-height: 1.833rem
}

.mb-srp__home-loan-seo__list {
    display: flex;
    overflow-x: auto;
    max-height: 75px;
    margin: 0 -16px;
    padding: 0 0 0 16px;
    flex-flow: column wrap
}

.mb-srp__home-loan-seo__list::-webkit-scrollbar {
    width: 0;
    background: transparent;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.mb-srp__home-loan-seo__list--item {
    width: 167px;
    height: auto;
    margin: 0 40px 0 0;
    font-size: 1rem;
    line-height: 2rem
}

.mb-srp__home-loan-seo__list--item:nth-child(n+3) {
    margin-right: 0
}

.mb-srp__home-loan-seo__list--item>a {
    width: auto;
    max-width: 100%;
    height: auto;
    display: inline-block;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.166rem;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__home-loan-seo__list--item>a:hover {
    text-decoration: none
}

.mb-srp__bnr-prop-service {
    margin-bottom: 8px
}

.pay-rent-banner-option2 {
    background: #eaeaea;
    padding: 0 10px
}

.parentDiv {
    height: 410px;
    display: block
}

.childDiv,.parentDiv {
    width: 100%;
    overflow: hidden
}

.childDiv {
    height: 80px;
    padding: 16px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center
}

.childDiv-1 {
    background: #ffebee
}

.childDiv-2 {
    background: #fff7e1
}

.childDiv-3 {
    background: #e0f2f0
}

.childDiv-1.childDiv-active,.childDiv-active {
    height: 240px
}

.defaultInfo {
    font-size: 1.667rem;
    font-weight: 700;
    color: #000;
    position: absolute;
    line-height: 1.5rem;
    opacity: 1
}

.activeInfo {
    opacity: 0;
    z-index: 1;
    position: absolute;
    transition: all .3s ease
}

.activeHeading {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    line-height: 1rem;
    padding-bottom: 18px
}

.activeLI {
    font-size: 1.166rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: #000;
    padding-bottom: 14px;
    position: relative
}

.activeLI__ticks {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    background: #f39898;
    margin-right: 12px;
    vertical-align: -2px;
    position: relative
}

.activeLI__ticks:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    top: 5px;
    left: 4px
}

.activeCta {
    padding: 6px 16px;
    border-radius: 16px;
    border: 1px solid #5e81f4;
    font-size: 1.166rem;
    line-height: 1.5rem;
    color: #5e81f4;
    display: inline-block;
    font-weight: 600
}

.childDiv-active .activeInfo {
    opacity: 1
}

.childDiv-active .defaultInfo {
    opacity: 0
}

.childDiv {
    transition: all .3s ease
}

.childDiv-1.childDiv-active .activeImg-01 {
    height: 104px;
    width: 116px;
    right: 0
}

.childDiv-2.childDiv-active .activeImg-02 {
    height: 104px;
    width: 62px
}

.childDiv-3.childDiv-active .activeImg-03 {
    height: 114px;
    width: 124px
}

.activeImg {
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all .3s ease
}

.activeImg-01 {
    height: 80px;
    width: 88px;
    right: 0
}

.activeImg-02 {
    height: 80px;
    width: 50px
}

.activeImg-03 {
    height: 66px;
    width: 70px
}

.activeImg img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.childDiv-1 .activeLI__ticks {
    background-color: #f39898
}

.childDiv-2 .activeLI__ticks {
    background-color: #ffc72c
}

.childDiv-3 .activeLI__ticks {
    background-color: #5e81f4
}

.childDiv:nth-child(2) {
    margin: 5px 0
}

.parentDivSale .childDiv .activeImg-02 {
    height: 100px;
    width: 58px;
    top: 0
}

.parentDivSale .childDiv .activeImg-03 {
    width: 51px;
    height: 76px
}

.parentDivSale .childDiv.childDiv-active .activeImg.activeImg-01 {
    width: 108px;
    height: 79px
}

.parentDivSale .childDiv.childDiv-active .activeImg.activeImg-02 {
    width: 112px;
    height: 190px;
    top: 0
}

.parentDivSale .childDiv.childDiv-active .activeImg.activeImg-03 {
    width: 118px;
    height: 174px
}

.parentDivRent .childDiv .activeImg-01 {
    width: 95px;
    height: 78px
}

.parentDivRent .childDiv .activeImg-02 {
    height: 69px;
    width: 98px
}

.parentDivRent .childDiv .activeImg-03 {
    height: 80px;
    width: 52px
}

.parentDivRent .childDiv.childDiv-active .activeImg.activeImg-01 {
    width: 134px;
    height: 110px
}

.parentDivRent .childDiv.childDiv-active .activeImg.activeImg-02 {
    width: 182px;
    height: 128px
}

.parentDivRent .childDiv.childDiv-active .activeImg.activeImg-03 {
    width: 109px;
    height: 166px
}

.activeLI-highlight {
    font-weight: 600!important
}

.mb-srp__bnr-prop-service__rent-agree {
    width: 100%;
    min-height: 158px;
    display: block;
    background-color: #fff;
    padding: 16px 12px;
    position: relative;
    background-image: linear-gradient(180deg,#fff 0,#e1fcff)
}

.mb-srp__bnr-prop-service__rent-agree:after {
    position: absolute;
    display: block;
    content: "";
    width: 90px;
    height: 132px;
    right: 0;
    bottom: 0;
    background: url(../images/rent-agreement-banner-mobile.png) no-repeat 0 0
}

.mb-srp__bnr-prop-service__rent-agree--col1 {
    height: auto
}

.mb-srp__bnr-prop-service__rent-agree__title {
    color: #000;
    font-size: 1.166rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding-bottom: 12px
}

.mb-srp__bnr-prop-service__rent-agree__list {
    width: auto;
    height: auto
}

.mb-srp__bnr-prop-service__rent-agree__list--item {
    color: #000;
    font-size: 1rem;
    line-height: 1.333rem;
    position: relative;
    padding: 0 0 6px 20px
}

.mb-srp__bnr-prop-service__rent-agree__list--item span {
    font-weight: 600
}

.mb-srp__bnr-prop-service__rent-agree__list--item:last-child {
    padding-bottom: 0
}

.mb-srp__bnr-prop-service__rent-agree__list--item:before {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 6px;
    left: 2px;
    top: 3px;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp__bnr-prop-service__rent-agree__action {
    margin-top: 12px;
    color: #5e81f4;
    font-weight: 600;
    font-size: 1.166rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    line-height: 2rem
}

.mb-srp__bnr-prop-service__rent-agree__action:after {
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat -26px -469px;
    width: 12px;
    height: 11px;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle
}

.mb-srp__pnm-banner {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 22px 16px;
    background-color: #e8e8e8
}

.mb-srp__pnm-banner__heading {
    color: #000;
    font-size: 1.166rem;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 12px
}

.mb-srp__pnm-banner__sub-heading {
    font-size: 1rem;
    line-height: 16px;
    padding-bottom: 12px
}

.mb-srp__pnm-banner .mb-srp__action--btn {
    font-weight: 600;
    padding: 0 46px;
    line-height: 38px
}

.loanvaluation .calwidth {
    width: calc(100% - 100px)
}

.freettl {
    width: 42px;
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    text-align: center;
    display: inline-block;
    background-color: #ffc72c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    margin-left: 7px
}

.mb-srp-m__leadgen-card {
    width: 100%;
    min-height: 100px;
    margin-bottom: 8px;
    background-color: #fff;
    cursor: pointer;
    padding: 8px 8px 0
}

.mb-srp-m__leadgen-card__infotr {
    padding-bottom: 6px;
    display: flex
}

.mb-srp-m__leadgen-card--graphic {
    width: 96px;
    height: 96px;
    overflow: hidden;
    position: relative
}

.mb-srp-m__leadgen-card--graphic .mb-srp-m__card__photo__fig {
    max-height: 96px;
    min-height: 96px
}

.mb-srp-m__leadgen-card--content {
    width: calc(100% - 96px);
    padding: 0 0 0 12px;
    position: relative;
    line-height: 20px
}

.mb-srp-m__leadgen-card--name {
    color: #000;
    font-size: 1.166rem;
    font-weight: 600;
    padding-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp-m__leadgen-card--loc {
    color: #606060;
    font-size: 1rem;
    font-weight: 400;
    padding-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 16px
}

.mb-srp-m__leadgen-card--row {
    display: flex;
    white-space: nowrap;
    overflow: auto;
    line-height: 16px
}

.mb-srp-m__leadgen-card--price,.mb-srp-m__leadgen-card--type {
    color: #000;
    font-size: 1rem;
    font-weight: 600
}

.mb-srp-m__leadgen-card--price {
    padding-left: 16px;
    position: relative
}

.mb-srp-m__leadgen-card--price:before {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 1px;
    background-color: #606060;
    left: 4px;
    top: 8px
}

.mb-srp-m__leadgen-card--price .onwards {
    color: #606060;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 4px
}

.mb-srp-m__leadgen-card .mb-srp-m__card--actionText {
    margin-top: 10px;
    font-weight: 600;
    font-size: 1rem;
    position: relative;
    display: inline-flex;
    align-items: center
}

.mb-srp-m__leadgen-card__offer {
    padding-bottom: 8px
}

.mb-srp-m__leadgen-card__offer .mb-srp-m__card__offer {
    margin-bottom: 0
}

.stickyAndroidBannerWrap a {
    display: block;
    height: 100%;
    margin-left: 40px;
    text-decoration: none
}

.stickyAndroidBannerWrap {
    position: relative!important;
    background: #fff;
    height: 72px;
    padding: 0;
    line-height: 1.5
}

.stickyAndroidBannerInner {
    margin: 0 75px 0 52px;
    padding: 9px 0 0
}

.stickyAndroidBannerInner .mbAppLogo {
    position: absolute;
    left: 40px;
    top: 10px;
    width: 42px;
    height: 34px;
    box-sizing: border-box;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -56px -348px
}

.appTitle {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    padding: 0
}

.appRatingText {
    font-size: 12px;
    color: #666
}

.appRatingText span {
    font-weight: 600;
    letter-spacing: 1.4px
}

.btnAppInstall {
    display: inline-block;
    width: 75px;
    height: 25px;
    background: #5e81f4;
    color: #fff;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: 24px;
    right: 15px;
    border-radius: 16px;
    font-weight: 600;
    font-size: 12px
}

.stickyBannerClose {
    width: 40px;
    height: 28px;
    position: absolute;
    top: 24px;
    left: -6px;
    cursor: pointer
}

.stickyBannerClose:after,.stickyBannerClose:before {
    content: "";
    width: 1px;
    height: 12px;
    background-color: #666;
    position: absolute;
    left: 24px;
    top: 6px
}

.stickyBannerClose:after {
    transform: rotate(-45deg)
}

.stickyBannerClose:before {
    transform: rotate(45deg)
}

.stickyBannerRating {
    display: inline-block;
    margin: 0 6px 0 0;
    line-height: 12px
}

.stickyBannerRatingDownload {
    font-size: 10px;
    color: #000;
    font-weight: 600
}

.stickyBannerRating span {
    display: inline-block;
    font-size: 16px;
    color: #f4c505;
    letter-spacing: 0
}

.stickyBannerRating span.stickyBannerRatingHalf {
    color: #e3cf7a;
    overflow: hidden;
    position: relative
}

.stickyBannerRating span.stickyBannerRatingHalf .half-star {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute
}

.stickyAndroidBannerWrap.fixed {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 72px;
    border-bottom: 1px solid #ccc
}

.stickyBannerRating .star {
    font-size: 18px;
    width: 12px;
    display: inline-block;
    color: #fff;
    text-shadow: 0 0 1px #fec107,0 1px 1px #fec107;
    position: relative;
    margin-right: 5px
}

.stickyBannerRating .star:last-child {
    margin-right: 0
}

.stickyBannerRating .star.on {
    color: #fec107
}

.stickyBannerRating .star .half {
    color: #f4c505;
    margin-left: 1px;
    width: 7px;
    position: absolute;
    overflow: hidden;
    top: 0
}

.mb-srp__card__pe-info {
    background: #ffebb3;
    margin-bottom: 6px;
    line-height: 20px;
    padding: 2px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .833rem;
    color: #000;
    border-radius: 8px;
    height: 24px
}

@media screen and (max-width: 767px) {
    .mb-srp__card__pe-info {
        background:#ffebb3;
        border-radius: 0;
        font-size: 1rem;
        font-weight: 500;
        padding: 6px 12px;
        margin: 0 -12px -6px;
        line-height: 16px
    }
}

.co-working-contact__container {
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 48px 24px 24px;
    max-width: 400px
}

@media (max-width: 768px) {
    .co-working-contact__container {
        max-width:100%
    }
}

.co-working-contact__first-row {
    width: 100%;
    height: 100px;
    padding: 20px 0 0 200px;
    color: #5e81f4;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    position: relative
}

.co-working-contact__first-row .co-working-contact__icn {
    width: 180px;
    height: 100px;
    background-color: #faebd7;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/co-working-contact-flow.svg) no-repeat 0 0
}

.co-working-contact__title {
    font-size: 21px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 24px
}

.co-working-contact__detail {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    margin-top: 12px
}

.co-working-contact__question {
    font-size: 14px;
    line-height: 21px;
    margin-top: 48px
}

.co-working-contact__options {
    margin-top: 16px
}

.top-cities {
    background: #fff;
    margin-bottom: 4px;
    padding: 12px 0
}

.top-cities * {
    box-sizing: border-box
}

.top-cities:after {
    content: "";
    display: table;
    clear: both
}

.top-cities__heading {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #000;
    padding-bottom: 16px
}

.top-cities__swiperSec {
    width: 100%;
    position: relative;
    margin-bottom: 4px;
    display: flex;
    overflow-x: auto;
    padding-left: 12px;
    margin-top: 12px
}

.top-cities__swiperSec::-webkit-scrollbar {
    width: 0;
    background: transparent;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.top-cities__card {
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 8px;
    padding: 12px;
    width: 246px;
    flex-shrink: 0;
    margin-right: 12px
}

.top-cities__card__header {
    display: flex;
    justify-content: space-between
}

.top-cities__card__header__item {
    display: flex
}

.top-cities__card__header__content {
    width: calc(100% - 57px)
}

.top-cities__card__header__content--heading {
    padding: 0 0 2px;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-cities__card__header__content--subheading {
    font-size: 1rem;
    line-height: 1.333rem;
    color: #000;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-cities__card__icon {
    width: 47px;
    height: 45px;
    margin: 0 10px 6px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.top-cities__card__icon:before {
    background: url(../images/sprite-city-icons.svg) no-repeat -7px 0;
    content: "";
    display: block;
    transform: scale(.65);
    flex-shrink: 0
}

.top-cities__card__icon.icon-new-delhi:before {
    width: 67px;
    height: 65px;
    background-position: -3px 0
}

.top-cities__card__icon.icon-bangalore:before {
    width: 43px;
    height: 71px;
    background-position: -15px -84px
}

.top-cities__card__icon.icon-mumbai:before {
    width: 72px;
    height: 54px;
    background-position: 0 -179px
}

.top-cities__card__icon.icon-chennai:before {
    width: 72px;
    height: 64px;
    background-position: 0 -258px
}

.top-cities__card__icon.icon-gurgaon:before {
    width: 46px;
    height: 65px;
    background-position: -13px -342px
}

.top-cities__card__icon.icon-hyderabad:before {
    width: 64px;
    height: 66px;
    background-position: -4px -425px
}

.top-cities__card__icon.icon-kolkata:before {
    width: 72px;
    height: 42px;
    background-position: 0 -521px
}

.top-cities__card__icon.icon-thane:before {
    width: 72px;
    height: 30px;
    background-position: 0 -611px
}

.top-cities__card__icon.icon-noida:before {
    width: 72px;
    height: 46px;
    background-position: 0 -687px
}

.top-cities__card__icon.icon-pune:before {
    width: 70px;
    height: 44px;
    background-position: -1px -772px
}

.top-cities__card__loc {
    position: relative
}

.top-cities__card__loc__head {
    font-size: 1.166rem;
    line-height: 1.833rem;
    color: #000;
    margin: 0 0 6px
}

.top-cities__card__loc__item {
    padding: 4px 12px;
    border: 1px solid #e0e0e0;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 4px
}

.top-cities__card__loc__item:last-child {
    margin-bottom: 0
}

.top-cities__card__loc__label {
    font-weight: 600;
    color: #000;
    margin-bottom: 4px
}

.top-cities__card__loc__desc,.top-cities__card__loc__label {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-cities__card__loc__desc {
    line-height: 1.333rem
}

.srp-chatboat {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.srp-chatboat,.srp-chatboat * {
    box-sizing: border-box
}

.srp-chatboat__flex {
    position: fixed;
    background: rgba(0,0,0,.6);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999
}

.srp-chatboat__close {
    right: 16px;
    top: -50px;
    position: absolute;
    width: 34px;
    height: 34px;
    background: #000;
    border-radius: 50%;
    border: 1px solid #909090
}

.srp-chatboat__close:after,.srp-chatboat__close:before {
    content: "";
    display: block;
    width: 2px;
    height: 18px;
    background-color: #fff;
    position: absolute;
    left: 15px;
    top: 7px
}

.srp-chatboat__close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.srp-chatboat__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.srp-chatboat__close-bar {
    cursor: pointer;
    position: absolute;
    height: 16px;
    width: 70px;
    display: flex;
    align-items: center;
    top: 9px;
    left: calc(50% - 35px)
}

.srp-chatboat__close-bar:before {
    content: "";
    height: 2px;
    border-radius: 2px;
    background: #d8d8d8;
    display: block;
    width: 100%
}

.srp-chatboat.show {
    display: block
}

.srp-chatboat__content {
    padding: 38px 16px 16px;
    text-align: left;
    position: fixed;
    bottom: 0;
    min-height: 186px;
    border-radius: 24px 24px 0 0;
    width: 100%;
    animation: slide-up--chat-content .5s forwards;
    background: #fff;
    line-height: 1.667rem;
    font-size: 1.166rem;
    color: #000
}

.srp-chatboat__info {
    position: relative;
    padding: 0 0 0 37px
}

.srp-chatboat__info__logo {
    background: url(../images/mb-logo-app.svg);
    width: 29px;
    height: 29px;
    position: absolute;
    left: 0;
    top: 0
}

.srp-chatboat__info__placeholder {
    border: 1px solid #ebebeb;
    border-radius: 10px 10px 10px 0;
    background: #fafafa;
    font-size: 1.166rem;
    line-height: 1.667rem;
    padding: 8px 12px;
    margin-bottom: 24px
}

.srp-chatboat__action {
    display: block;
    text-align: right
}

.srp-chatboat__action__btn-no {
    color: #fff;
    color: #606060;
    padding: 0 10px
}

.srp-chatboat__action__btn-no,.srp-chatboat__action__btn-sure {
    text-decoration: none;
    text-align: center;
    line-height: 32px;
    font-size: 1.166rem;
    display: inline-block;
    margin-bottom: 8px
}

.srp-chatboat__action__btn-sure {
    background: #5e81f4;
    height: 32px;
    color: #fff;
    width: 119px;
    border-radius: 16px
}

@keyframes slide-up--chat-content {
    0% {
        -webkit-transform: translate(120vw,120vh);
        transform: translate(120vw,120vh)
    }

    10% {
        -webkit-transform: translateY(120vh);
        transform: translateY(120vh)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

#bot-container .preview_icon {
    background: url(../images/icon-chatboat-V8.svg) 0 0 no-repeat;
    width: 60px;
    height: 60px;
    bottom: 74px;
    border-radius: 50%;
    box-shadow: 1px 3px 7px 5px rgba(0,0,0,.1);
    z-index: 99;
    border: 1px solid #00c1d4
}

#bot-container .preview_icon.posBottom {
    bottom: 154px;
    display: none
}

#bot-container .preview_icon:after {
    position: absolute;
    content: "";
    background: #5e81f4;
    left: 43px;
    top: 1px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #e9e9e9
}

#bot-container .preview_icon img {
    display: none
}

.mb-srp__t-payrent-banner {
    background: #dff6f9;
    border: 1px solid #b5ebef;
    height: 31px
}

.mb-srp__t-payrent-banner * {
    box-sizing: border-box
}

.mb-srp__t-payrent-banner__inner {
    display: flex;
    align-items: center;
    padding: 0 6px 0 33px;
    position: relative;
    height: 100%;
    justify-content: space-between
}

.mb-srp__t-payrent-banner__inner:before {
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -2571px;
    position: absolute;
    left: 9px;
    width: 16px;
    height: 22px;
    top: 5px;
    content: ""
}

.mb-srp__t-payrent-banner__inner__text {
    font-size: 1.166rem;
    color: #000;
    font-weight: 500;
    line-height: 1.833rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mb-srp__t-payrent-banner__inner__text b,.mb-srp__t-payrent-banner__inner__text span {
    font-weight: 600
}

.mb-srp__t-payrent-banner__inner__link {
    font-size: 1.166rem;
    line-height: 1.833rem;
    color: #5e81f4;
    font-weight: 600;
    position: relative
}

.mb-srp__owner-collection {
    background: #fff;
    padding: 24px 12px;
    color: #000;
    margin-bottom: 8px
}

.mb-srp__owner-collection__iconPrime {
    display: inline-flex;
    background: #29313b;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 16px;
    margin-right: 4px
}

.mb-srp__owner-collection__iconPrime:before {
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -2088px;
    width: 17px;
    height: 15px;
    display: inline-block;
    content: "";
    transform: scale(.8)
}

.mb-srp__owner-collection__heading {
    margin-bottom: 24px;
    position: relative
}

.mb-srp__owner-collection__heading:before {
    position: absolute;
    left: 0;
    bottom: -8px;
    height: 3px;
    background: #ffc72c;
    border-radius: 2px;
    width: 24px;
    content: ""
}

.mb-srp__owner-collection__heading-text1 {
    font-size: 1.333rem;
    font-weight: 600;
    line-height: 1.833rem;
    color: #000;
    padding-bottom: 6px
}

.mb-srp__owner-collection__heading-text2 {
    font-size: 1.166rem;
    line-height: 1.833rem
}

.mb-srp__owner-collection__heading-text2 span {
    font-size: 1rem;
    font-weight: 600
}

.mb-srp__owner-collection__scroll {
    margin: 0 -12px
}

.mb-srp__owner-collection__content {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 4px 0 12px
}

.mb-srp__owner-collection__content::-webkit-scrollbar {
    width: 0;
    background: transparent;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.mb-srp__owner-collection__card {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    width: 160px;
    flex-shrink: 0;
    margin-right: 8px;
    cursor: pointer
}

.mb-srp__owner-collection__card__graphics {
    height: 96px;
    position: relative;
    overflow: hidden
}

.mb-srp__owner-collection__card__img {
    background: url(../images/sprite-owner-collection-mobile.png) no-repeat 0 0;
    border-radius: 8px 8px 0 0;
    height: 100%;
    position: relative
}

.mb-srp__owner-collection__card:nth-child(2) .mb-srp__owner-collection__card__img {
    background-position: -164px 0
}

.mb-srp__owner-collection__card:nth-child(3) .mb-srp__owner-collection__card__img {
    background-position: -328px 0
}

.mb-srp__owner-collection__card:nth-child(4) .mb-srp__owner-collection__card__img {
    background-position: -492px 0
}

.mb-srp__owner-collection__card__lock {
    position: absolute;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.4);
    z-index: 1;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    border-radius: 50%;
    z-index: 2
}

.mb-srp__owner-collection__card__lock:before {
    width: 16px;
    height: 20px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -816px;
    content: ""
}

.mb-srp__owner-collection__card__info {
    padding: 10px 12px;
    font-size: 1rem;
    line-height: 1.833rem
}

.mb-srp__owner-collection__card__head {
    font-size: 1.166rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp__owner-collection__card__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card {
    border: 0;
    height: 80px;
    position: relative
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card__graphics {
    height: 80px
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card:first-child .mb-srp__owner-collection__card__img {
    background-position: 0 -16px
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card:nth-child(2) .mb-srp__owner-collection__card__img {
    background-position: -164px -16px
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card:nth-child(3) .mb-srp__owner-collection__card__img {
    background-position: -328px -16px
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card:nth-child(4) .mb-srp__owner-collection__card__img {
    background-position: -492px -16px
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card__img {
    border-radius: 8px
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card__img:before {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    background: linear-gradient(180deg,rgba(0,0,0,.53) 0,rgba(0,0,0,.12));
    border-radius: 8px
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card__lock {
    display: none
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card__info {
    padding: 12px 14px;
    font-size: 1rem;
    line-height: 1.833rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0
}

.mb-srp__owner-collection.mbPrimePost .mb-srp__owner-collection__card__text {
    font-weight: 400
}

.valPropComp {
    width: 100%;
    margin: 8px 0;
    padding: 16px 0 8px;
    background-color: #fff
}

.valPropComp__ttl {
    font-size: 1.166rem;
    color: #000;
    font-weight: 600;
    padding: 0 16px
}

.valPropComp__bnrwrap {
    padding: 16px 0 8px;
    width: 100%
}

.valPropComp__bnrwrap__lstwrap {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    height: 238px;
    padding: 0 16px
}

.valPropComp__bnrwrap__lstwrap__lst {
    width: 140px;
    height: 180px;
    padding: 16px;
    margin-right: 10px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.25);
    border: 1px solid #d7d7d7;
    background-image: linear-gradient(180deg,#f4fbfc 36%,#e3f5f8 89%);
    flex: 100%
}

.valPropComp__bnrwrap__lstwrap__lst:last-child {
    margin-right: 0
}

.valPropComp__bnrwrap__lstwrap__lst__icons {
    width: 65px;
    height: 50px;
    display: block;
    margin-bottom: 15px
}

.valPropComp__bnrwrap__lstwrap__lst__icons.icon1 {
    background: url(../images/coWorking-icon1.svg);
    background-repeat: no-repeat
}

.valPropComp__bnrwrap__lstwrap__lst__icons.icon2 {
    background: url(../images/coWorking-icon2.svg);
    background-repeat: no-repeat
}

.valPropComp__bnrwrap__lstwrap__lst__icons.icon3 {
    background: url(../images/coWorking-icon3.svg);
    background-repeat: no-repeat
}

.valPropComp__bnrwrap__lstwrap__lst__icons.icon4 {
    background: url(../images/coWorking-icon4.svg);
    background-repeat: no-repeat
}

.valPropComp__bnrwrap__lstwrap__lst__icons.icon5 {
    background: url(../images/coWorking-icon5.svg);
    background-repeat: no-repeat
}

.valPropComp__bnrwrap__lstwrap__lst__txt {
    width: 110px;
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    line-height: 1.333rem;
    white-space: pre-wrap;
    display: inline-block
}

.valPropComp__bnrwrap__ctawrap {
    width: 100%;
    display: block;
    padding: 0 16px
}

.valPropComp__bnrwrap__ctawrap__desc {
    font-size: 1rem;
    color: #000;
    line-height: 1.833rem;
    margin-bottom: 5px;
    width: calc(100% - 170px);
    display: inline-block;
    line-height: 1.5rem
}

.valPropComp__bnrwrap__ctawrap__cta {
    display: inline-block;
    font-size: 1.166rem;
    font-weight: 600;
    width: 160px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    margin: auto;
    text-align: center;
    background-color: #5e81f4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    vertical-align: top
}

.scrollElm {
    height: 273px
}

.hscroll-1 {
    width: 100vw;
    height: 198px
}

.hscroll-2 {
    height: 207px;
    overflow: hidden
}

@media only screen and (min-width: 320px) and (max-width:380px) {
    html {
        font-size:12px!important
    }
}

@media only screen and (min-width: 381px) and (max-width:400px) {
    html {
        font-size:13px!important
    }
}

@media only screen and (min-width: 401px) and (max-width:420px) {
    html {
        font-size:13px!important
    }
}

@media only screen and (min-width: 421px) {
    html {
        font-size:14px!important
    }
}


body.overflow-hidden {
    overflow: hidden
}

h1,h2,h3,h4,h5,h6,li,p,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a,input {
    color: #000;
    text-decoration: none
}

a:focus-visible,button:focus,input:focus,select:focus,textarea:focus {
    outline: none
}

.box-shadow {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.1),0 2px 8px 0 rgba(0,0,0,.12);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1),0 2px 8px 0 rgba(0,0,0,.12)
}

.card-shadow-hover {
    -webkit-transition: box-shadow .25s ease-out;
    -moz-transition: box-shadow .25s ease-out;
    -o-transition: box-shadow .25s ease-out;
    transition: box-shadow .25s ease-out
}

.card-shadow-hover:hover {
    -webkit-box-shadow: 0 3px 9px 0 rgba(48,48,48,.2);
    box-shadow: 0 3px 9px 0 rgba(48,48,48,.2)
}

.rupees {
    font-family: Arial;
    margin-right: 2px;
    font-weight: 400
}

.f-medium {
    font-weight: 500
}

.f-bold,.f-semibold {
    font-weight: 600
}

.line-through {
    text-decoration: line-through
}

.push-right {
    float: right
}

.svg-ico {
    text-align: center;
    vertical-align: text-bottom
}

.svg-ico,.svg-ico>svg {
    display: inline-block;
    width: 1em
}

.svg-ico>svg {
    height: 1em;
    font-size: inherit;
    vertical-align: middle;
    color: inherit;
    fill: currentColor
}

 -fluid {
    width: 100%;
    height: auto
}

 -fluid   {
    display: block
}

.mb-srp-m {
    min-height: 280px
}

.mb-srp-m__heading {
    background: #fff;
    padding: 12px 0;
    border-bottom: 1px solid #d8d8d8;
    position: relative
}

.mb-srp-m__heading.other-min-height {
    height: 92px
}

.mb-srp-m__heading .heading-fixed-width {
    width: 300px
}

.mb-srp-m__card {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    background-color: #fff;
    cursor: pointer;
    position: relative
}

.mb-srp-m__card.bdr-green {
    border-top: 2px solid #5e81f4
}

.mb-srp-m__card__container {
    padding: 6px 12px
}

.mb-srp-m__card__mbcontainer {
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
    padding: 0 12px 0 13px
}

.mb-srp-m__card__infotr {
    padding-bottom: 8px;
    display: flex
}

.mb-srp-m__card__mbinfotr {
    width: 312px;
    min-width: 312px;
    border: 1px solid #d7d7d7;
    padding: 0;
    border-radius: 8px;
    margin-right: 10px;
    background: #fff
}

.mb-srp-m__card__mbinfotr .mb-srp-m__card__photo__fig {
    border-radius: 8px 0 0 8px
}

.mb-srp-m__card__topHeading {
    width: 100%;
    padding: 0 12px 10px 13px;
    line-height: 20px
}

.mb-srp-m__card__topHeading.hasSeeAll .mb-srp-m__card__topHeading--heading,.mb-srp-m__card__topHeading.hasSeeAll .mb-srp-m__card__topHeading--headingRegular {
    width: 224px
}

.mb-srp-m__card__topHeading--heading {
    font-size: 1.333rem;
    font-weight: 600;
    line-height: 23px
}

.mb-srp-m__card__topHeading--headingRegular {
    line-height: 1.833rem;
    font-size: 1.166rem;
    font-weight: 500;
    display: inline;
    vertical-align: text-bottom
}

.mb-srp-m__card__topHeading--headingRegularFull {
    line-height: 1.833rem;
    font-size: 1.5rem;
    font-weight: 500;
    width: 95%
}

.mb-srp-m__card__topHeading--subheading {
    font-size: 1.166rem;
    font-weight: 400;
    line-height: 1.833rem
}

.mb-srp-m__card__topHeading--seeAll {
    color: #5e81f4;
    font-weight: 600;
    font-size: 1.166rem;
    margin-right: 20px;
    padding-top: 5px;
    position: relative
}

.mb-srp-m__card__topHeading--seeAll a {
    text-decoration: none;
    color: #5e81f4;
    position: relative
}

.mb-srp-m__card__topHeading--seeAll a:after {
    content: "";
    width: 12px;
    height: 11px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -26px -469px;
    position: absolute;
    right: -20px;
    top: 8px
}

.mb-srp-m__card__headingunderLine {
    width: 24px;
    height: 3px;
    border-radius: 2px;
    position: absolute;
    left: 13px;
    bottom: 20px
}

.mb-srp-m__card__headingunderLine--blueBg {
    background-color: #00c1d4
}

.mb-srp-m__card__headingunderLine--yellowBg {
    background-color: #fc3
}

.mb-srp-m__card__mbcontainer::-webkit-scrollbar {
    width: 0;
    background: transparent;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.mb-srp-m__card__photo {
    width: 136px;
    min-height: 118px
}

.mb-srp-m__card__photo__fig {
    width: 100%;
    max-height: 118px;
    min-height: 118px;
    height: 118px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp-m__card__photo__fig.srp-card-img {
    width: 136px
}

.mb-srp-m__card__photo__fig--count {
    width: auto;
    height: 16px;
    padding: 2px 4px 2px 18px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: .833rem;
    font-weight: 400;
    position: absolute;
    top: 4px;
    left: 4px;
    background: #000 url(../images/srp-sprite-mobile.svg) no-repeat -23px -338px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    z-index: 2
}

.mb-srp-m__card__photo__fig--count.sign-plus {
    padding: 2px 14px 2px 18px
}

.mb-srp-m__card__photo__fig--count.sign-plus:after,.mb-srp-m__card__photo__fig--count.sign-plus:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 1px;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 7px;
    right: 4px
}

.mb-srp-m__card__photo__fig--count.sign-plus:before {
    transform: rotate(90deg)
}

.mb-srp-m__card__photo__fig--request-photo {
    width: 100%;
    height: 118px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAQEBAQEBAQEBAQGBgUGBggHBwcHCAwJCQkJCQwTDA4MDA4MExEUEA8QFBEeFxUVFx4iHRsdIiolJSo0MjRERFwBBAQEBAQEBAQEBAYGBQYGCAcHBwcIDAkJCQkJDBMMDgwMDgwTERQQDxAUER4XFRUXHiIdGx0iKiUlKjQyNEREXP/CABEIAIAA2AMBIgACEQEDEQH/xAAaAAACAwEBAAAAAAAAAAAAAAAEBQECAwAG/9oACAEBAAAAAH4Tb1b00i+CzzHkwygVOpWjZ4fvrUFKrBZ+mesCrZLvN+UDLCVbEVa+jcF6ZK0K4Jl6V2wLtiB5/wAsGSvVbEWc+ncE1GToRAWXpnJ5MihJPNCkrlGpRL70jK+AShLmE39S637AQNT5/I1ak0MNfvjOFBVKdA3frnMBAC4rEdGC5HY4x26KqGCvXEr2/rXNQQcM1yLM0BNqYW2bb5iDhBFqTPRubjjZ1XoA9hASzd2bK+I9cBC0/MmOtaRQRMvrlZiVc8/h871FMV5bbXjunMITLiTpqcfw+esDEBxNp7rX6mdZ3vhkxZzlTsBc8rXt3TbS3RN70Ehs32zzyXAAU0teeta1+6b3oPLlyTnkMqWKK6XtaZtMz030jLV25IpmMnWedi+l7dNunutfS8nv3JEVDSJvLdpe1pmZjptprsW3ft9+qH59D//EABgBAAMBAQAAAAAAAAAAAAAAAAECAwAE/9oACAECEAAAAJUKyTM0oTt1aiQkGpWMFt1akOKdHtfl5m6OnGPOGer83PTouAoIJM5NZ0G2TZ2Qu0sMuUvY47n2A2D3fAf/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAgMB/9oACAEDEAAAAA7Xe873OakHLqc82wnLtaXnlN6nIz7V6Z4NNOnOF3jiu6OX11nk7WodVMwNuAvkQP/EAB4QAAMBAQEBAQEBAQAAAAAAAAECAwQAEhETEBQF/9oACAEBAAECAL6hpybcn/Rj/wBJP+iN/wDvfdo2btWq61FNDs029pXNeNUZeAYX65v/ADL2QxKFe+udHbRqC8O0cxTiVOXsyyRU8uNHXN/5l7KYmZUku1js7SFHzRzdP+IuSeWU0AY0bS1zo/mUZVkqcpLO9X1HRyjzpD9Ph0kxpnVOJdqvoep0ADGmWU5hSz1etKaXuU75qD8nL0Rk6JDl6UrS70Ojh2LsgQMa0pRndtBsZEdq6nT5Oj2ZpOHalKUezOdHA46Y6pV6Vd2JbtHW5GWml3MuXpnO03/R6vRnqW7TzNnrl0z1Npa5qaNTQ+hxYabX9S5eQxZHNXqaen49p6nI0bpq/wBR0nR/oN7VuzN+jMixTlMSrM7N7HPxGjnXwvBvfv379OKTeJh/nnnSTIBEKGDKFVWBFiR4ChfPnyECGZkYf5xnWBm6hITSRiYfh+NEK0b6OHfP4AAOA+eQoUKwcImac5fi0TFp2VuZgwYN99ffoIb169eg3pi3T7N0h8IIp2jiWcOHDBvXsN79+/fsOHDliZDMs1+FStV0KQzBgwb16DevXr179Bgwb6FhLLGUfx/EwtHVJ1KhQgXz58+fPz58AChVRZzjnhmjOf5/mZWnrnRP/8QALBAAAgEDAgQEBwEBAAAAAAAAAAEhEBExAgQDIGGRIlSSkzAzQEFCUVIyNP/aAAgBAQADPwDczfc8X1s3F/n8T1M3SatueL62b1JW3nH9zUb/AM7x/d1G/wDO7j3NRv8Azu493Ub7zvH9zUb3znH9zUbu3/VxvXqNy077jietnGbd+Lr7s4l/mau7OJb5mruzXN9eruarvxPuav6Zr/t9zWn/ALfc4n96u5rf56u5rf56u5rf5vuav6fc1ftjs5ZkySSiEY5YMkskghnidIJG2i6XLDJMkkowY5oZLJIIZ4qXSJJRgSXJkl0klDgxy5Ml2ySKTW7MFkuaWZJJRCili3JDLtl2QZJrKFBHLkkySShWRBYtRukMlknhpNZMEcmaTSzLNCspFbmySWZFLtmCESjBHNLMlmWaLWkVs0X7EIRDFdlmRkv9y7rJjkv96yZJHpZb7kZH+zqda3MjuMbG38OTNWhmoYxjGxs6DHSyLVgYxlqSXLiquZCp0OglSRxR8sk/EQhck0hHSiEizZP0HWkkmBVRak/RXZI4IGMdMk/RXZKMEYr0ILXLPmfwHW5dqCVBiCKohmST/8QAHxEAAgMAAwADAQAAAAAAAAAAAAECEBEDEiATITFB/9oACAECAQE/AF+25DkdjsJ1Idcb8Sl9EuQfIKQ5EHU2OVcYrmyTNbI6M465Bi/hBXpMcD4yMDqQWD/DkR1Iogq0b0w6mIyk8qSOokRRlbWmmmmiY1p1FESvfcRGGevvzEjbr//EAB0RAAIDAQEAAwAAAAAAAAAAAAABAhARIBIhMVH/2gAIAQMBAT8A4RponWjkOZ6N5000TpsbGxcyY5CkJiZpJjdLj9JDQkfJGpDYhctaeTBISqY0IQnzhhlyR5PIlWGGMa4ynWVhj7X0ND5//9k=") no-repeat 0 0;
    background-size: cover;
    position: relative
}

.mb-srp-m__card__photo__fig--request-photo--label {
    background-color: hsla(0,0%,100%,.7);
    padding: 4px 12px;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    background-clip: padding-box;
    position: absolute
}

.mb-srp-m__card__photo__fig--graphic {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mb-srp-m__card__photo__fig--graphic.object-fit-none {
    object-fit: none
}

.mb-srp-m__card__photo__fig--post {
    width: 100%;
    height: 18px;
    line-height: 18px;
    padding: 0 8px;
    color: #fff;
    font-size: .833rem;
    background-color: rgba(48,48,48,.7);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.mb-srp-m__card__photo__fig--slider {
    position: relative
}

.mb-srp-m__card__photo__fig--slider .swiper-pagination {
    bottom: 20px
}

.mb-srp-m__card__photo__fig--slider .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 2px!important;
    background-color: #d7d7d7;
    opacity: 1
}

.mb-srp-m__card__photo__fig--slider .swiper-pagination-bullet-active {
    background-color: #5e81f4;
    border: 1px solid #fff
}

.mb-srp-m__card__mbphoto {
    width: 126px;
    float: left;
    height: 100%
}

.mb-srp-m__card__mbphoto__fig {
    width: 100%;
    max-height: 118px;
    min-height: 118px;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 8px 0 0 8px
}

.mb-srp-m__card__mbphoto__fig--count {
    width: auto;
    height: 16px;
    padding: 4px 4px 4px 18px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: .833rem;
    font-weight: 400;
    position: absolute;
    top: 4px;
    left: 4px;
    background: #000 url(../images/srp-sprite-mobile.svg) no-repeat -23px -338px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp-m__card__mbphoto__fig--request-photo {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(96,96,96,.4);
    position: relative
}

.mb-srp-m__card__mbphoto__fig--request-photo--label {
    background-color: hsla(0,0%,100%,.7);
    padding: 4px 12px;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    background-clip: padding-box;
    position: absolute
}

.mb-srp-m__card__mbphoto__fig--graphic {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mb-srp-m__card__mbphoto__fig--post {
    width: 100%;
    height: 18px;
    line-height: 18px;
    padding: 0 8px;
    color: #fff;
    font-size: .833rem;
    background-color: rgba(48,48,48,.7);
    position: absolute;
    left: 0;
    bottom: 0
}

.mb-srp-m__card__info {
    width: calc(100% - 136px);
    padding: 0 0 0 8px;
    position: relative
}

.mb-srp-m__card__info .mb-srp-m__card__sort--icon {
    position: absolute;
    top: -8px;
    right: -10px;
    border: none;
    margin-right: 0;
    transform: scale(.8)
}

.mb-srp-m__card__mbinfo {
    width: calc(100% - 126px);
    padding: 8px;
    position: relative;
    float: right
}

.mb-srp-m__card__tags {
    width: 100%;
    padding-bottom: 0
}

.mb-srp-m__card__tags--society-expert {
    width: 12px;
    height: 13px;
    margin-top: 1px!important;
    vertical-align: middle;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -27px -1884px;
    display: inline-block
}

.mb-srp-m__card__tags span {
    width: auto;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
    font-size: .833rem;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    line-height: 10px
}

.mb-srp-m__card__tags span:last-child {
    margin-right: 0
}

.mb-srp-m__card__tags--tick {
    color: #5e81f4;
    padding: 2px 4px 2px 20px;
    border: 1px solid #b2dfd8;
    margin-bottom: 8px
}

.mb-srp-m__card__tags--tick:before {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 5px;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    left: 6px;
    top: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp-m__card__tags--tick.no-tick {
    padding-left: 4px
}

.mb-srp-m__card__tags--tick.no-tick:before {
    display: none
}

.mb-srp-m__card__tags--gray {
    color: #606060;
    padding: 2px 4px;
    border: 1px solid #e8e8e8;
    background: #e8e8e8
}

.mb-srp-m__card__tags--gray:before {
    display: none
}
.smartdown {
    position: absolute;
    right: 7px;
    top: 8px;
} 
.mb-srp-m__card__tags--tick-gray {
    color: #909090;
    padding: 2px 4px 2px 20px;
    border: 1px solid #909090;
    margin-bottom: 8px
}

.mb-srp-m__card__tags--tick-gray:before {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 5px;
    border-left: 2px solid #909090;
    border-bottom: 2px solid #909090;
    left: 6px;
    top: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp-m__card__tags--mb-prime {
    color: #000;
    border: 1px solid #d7d7d7;
    padding: 2px 4px 2px 22px;
    margin-bottom: 8px
}

.mb-srp-m__card__tags--mb-prime:before {
    position: absolute;
    display: block;
    content: "";
    top: -1px;
    left: -1px;
    width: 18px;
    height: 16px;
    background: #29313b url(../images/srp-sprite-mobile.svg) no-repeat -23px -428px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-clip: padding-box
}

.mb-srp-m__card__tags--mb-demand {
    color: #000;
    border: 1px solid #ffc72c;
    padding: 2px 4px 2px 22px;
    margin-bottom: 8px
}

.mb-srp-m__card__tags--mb-demand:before {
    position: absolute;
    display: block;
    content: "";
    top: -1px;
    left: -1px;
    width: 18px;
    height: 16px;
    background: #ffc72c;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-clip: padding-box;
    content: "\2605";
    color: #fff;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 12px
}

.mb-srp-m__card__tags--posted {
    padding-right: 16px
}

.mb-srp-m__card__tags--posted,.mb-srp-m__card__tags--viewed {
    float: right;
    position: relative;
    font-size: .833rem;
    color: #606060;
    line-height: 1.5rem
}

.mb-srp-m__card__tags--viewed {
    padding-left: 24px
}

.mb-srp-m__card__tags--viewed:before {
    position: absolute;
    width: 18px;
    height: 13px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -503px;
    content: "";
    left: 0;
    top: 1px
}

.mb-srp-m__card__tags--filled {
    padding: 3px 8px 2px;
    border: 0;
    background-color: #e0f2f0;
    display: inline-block;
    width: auto;
    border-radius: 4px
}

.mb-srp-m__card__tags--filled:before {
    content: none
}

.mb-srp-m__card__tags span.mb-srp-m__card__tags__txtblock {
    vertical-align: text-top;
    text-transform: unset;
    font-size: 1rem;
    line-height: 16px
}

.mb-srp-m__card__tags span.mb-srp-m__card__tags__txtblock .rupees {
    vertical-align: unset;
    font-family: Arial;
    font-weight: 300;
    font-size: 12px
}

.mb-srp-m__card__sort {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    right: 24px;
    top: -6px;
    transform: scale(.8)
}

.mb-srp-m__card__sort--doat {
    width: 24px;
    height: 24px;
    position: relative
}

.mb-srp-m__card__sort--doat:before {
    position: absolute;
    display: block;
    content: "\22EE";
    color: #909090;
    font-size: 24px;
    line-height: 0;
    right: 8px;
    top: 12px
}

.mb-srp-m__card__sort--icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #5e81f4;
    border-radius: 16px;
    flex-shrink: 0;
    margin-right: 10px
}

.mb-srp-m__card__sort--icon__black {
    border: 1px solid #000
}

.mb-srp-m__card__sort--icon:before {
    width: 21px;
    height: 19px;
    background-image: url(../images/srp-sprite-mobile.svg);
    background-position: -21px -234px;
    background-repeat: no-repeat;
    content: "";
    display: block
}

.mb-srp-m__card__sort--icon.active {
    border: 1px solid #5e81f4
}

.mb-srp-m__card__sort--icon.active:before {
    background-position: -21px -269px
}

.mb-srp-m__card__share {
    background: url(../images/srp-sprite-mobile.svg) no-repeat;
    width: 24px;
    height: 24px;
    background-position: -20px -3046px
}

.mb-srp-m__card__report {
    position: absolute;
    top: -4px;
    right: -6px;
    width: 24px;
    height: 24px
}

.mb-srp-m__card__report:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat;
    background-position: -17px -3251px
}

.mb-srp-m__card__remove {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1;
    background: #fff
}

.mb-srp-m__card__remove:after,.mb-srp-m__card__remove:before {
    content: "";
    height: 12px;
    width: 1px;
    position: absolute;
    top: 5px;
    left: 10px;
    transform: rotate(45deg);
    background: #909090
}

.mb-srp-m__card__remove:after {
    transform: rotate(-45deg)
}

.mb-srp-m__card__head {
    font-size: 1.3rem;
    font-weight: 600;
    color: #000;
    line-height: 1.6rem;
    padding-bottom: 6px;
    align-items: center;
    display: flex;
    padding-right: 20px;
    white-space: nowrap
}

.mb-srp-m__card__head--bPrice {
    color: #606060;
    text-decoration: line-through;
    font-weight: 400;
    margin-right: 4px
}

.mb-srp-m__card__head--item {
    position: relative
}

.mb-srp-m__card__head--item:nth-child(2) {
    padding-left: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60%;
    font-size: 1rem
}

.mb-srp-m__card__head--item:nth-child(2):before {
    background: #d7d7d7;
    left: 6px;
    height: 14px;
    width: 1px;
    position: absolute;
    top: calc(50% - 7px);
    content: ""
}

.mb-srp-m__card__title-wrap {
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 33px;
    line-height: 1.3rem
}

.mb-srp-m__card__title-wrap .mb-srp-m__card--title {
    display: inline;
    padding-right: 5px;
    height: auto;
    margin-bottom: 0
}

.mb-srp-m__card--title {
    color: #606060;
    font-size: 1rem;
    line-height: 1.3rem;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 33px;
    font-weight: 400
}

.mb-srp-m__card--actionText {
    margin-top: 10px;
    color: #5e81f4;
    font-weight: 600;
    font-size: 14px;
    position: relative
}

.mb-srp-m__card--actionText:after {
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat -26px -469px;
    width: 12px;
    height: 11px;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle
}

.mb-srp-m__card--actionText .right-arrow {
    display: none
}

.mb-srp-m__card--dot {
    height: 4px;
    width: 4px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px 2px;
    position: relative
}

.mb-srp-m__card--dot span {
    position: absolute
}

.mb-srp-m__card__society {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.mb-srp-m__card__society--label {
    color: #606060;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding-right: 4px;
    margin-bottom: 2px
}

.mb-srp-m__card__society--name {
    color: #606060;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp-m__card__society--map {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: underline;
    padding-left: 12px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -27px -1279px
}

.mb-srp-m__card__society--map:hover {
    text-decoration: none
}

.mb-srp-m__card__summary {
    position: relative
}

.mb-srp-m__card__summary__content {
    color: #000;
    font-size: 1rem;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp-m__card__summary__list {
    overflow: auto;
    margin-right: -10px;
    padding: 0 4px 0 0;
    position: relative;
    white-space: nowrap
}

.mb-srp-m__card__summary__list::-webkit-scrollbar {
    width: 0;
    background: transparent;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.mb-srp-m__card__summary__list--item {
    padding-left: 10px;
    display: inline-block;
    vertical-align: top
}

.mb-srp-m__card__summary__list--item:first-child {
    padding-left: 0
}

.mb-srp-m__card__summary__list--item:nth-child(2).hasDivider {
    border-left: 1px solid #e8e8e8;
    margin-left: 12px
}

.mb-srp-m__card__summary--label {
    color: #606060;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp-m__card__summary--value {
    line-height: 1.3rem
}

.mb-srp-m__card__summary--address,.mb-srp-m__card__summary--value {
    color: #000;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp-m__card__summary--address {
    width: 164px;
    line-height: 1.5rem
}

.mb-srp-m__card__summary__propstatus {
    padding-left: 6px;
    margin-left: 6px;
    position: relative;
    font-size: 1rem;
    color: #000
}

.mb-srp-m__card__summary__propstatus:before {
    position: absolute;
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #000;
    border-radius: 100%;
    left: 0;
    top: 7px
}

.mb-srp-m__card__summary__propstatus.no-society {
    padding-left: 0;
    margin-left: 0
}

.mb-srp-m__card__summary__propstatus.no-society:before {
    display: none
}

.mb-srp-m__card--desc-wrap {
    width: 100%;
    height: auto;
    display: flex;
    padding-bottom: 8px;
    align-items: flex-start
}

.mb-srp-m__card--desc-wrap .mb-srp__card--desc {
    width: 70%;
    padding-bottom: 0
}

.mb-srp-m__card--legal-status {
    width: 30%;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: underline;
    text-align: right;
    line-height: 1.5rem;
    position: relative
}

.mb-srp-m__card--legal-status:hover {
    text-decoration: none
}

.mb-srp-m__card--desc {
    min-height: 28px
}

.mb-srp-m__card--desc.forDesStructure {
    height: 28px;
    overflow: hidden
}

.mb-srp-m__card--desc--text {
    padding-bottom: 8px
}

.mb-srp-m__card--desc--text p {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3rem;
    display: inline;
    word-wrap: break-word
}

.mb-srp-m__card--desc--text.readmore-desc br {
    display: none
}

.mb-srp-m__card--desc--text.readmore-desc p {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 18px)
}

.mb-srp-m__card--desc--text.readmore-desc span {
    overflow: hidden;
    vertical-align: top
}

.mb-srp-m__card--desc--text-noWrap p {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.mb-srp-m__card--desc--readmore {
    font-size: 0;
    line-height: 1.166rem;
    display: inline-block;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px
}

.mb-srp-m__card--desc--readmore:before {
    content: "";
    width: 6px;
    height: 6px;
    border: solid #000;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 3px
}

.mb-srp-m__card--desc--readmore.lesstxt {
    bottom: 12px;
    font-size: .833rem;
    text-decoration: none;
    width: auto;
    padding-right: 12px
}

.mb-srp-m__card--desc--readmore.lesstxt:before {
    left: auto;
    right: 0;
    top: 6px
}

.mb-srp-m__card__uspcontainer {
    padding: 0 0 0 13px;
    margin: 0 0 20px;
    width: 200px
}

.mb-srp-m__card__usp__scrollFlex {
    white-space: nowrap;
    display: flex;
    margin-top: 10px
}

.mb-srp-m__card__usp__scroll {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    align-items: center;
    margin: 0 -12px;
    padding: 0 0 0 12px
}

.mb-srp-m__card__usp__scroll::-webkit-scrollbar {
    display: none
}

.mb-srp-m__card__usp--item {
    width: auto;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    position: relative;
    padding: 0 12px 0 18px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.mb-srp-m__card__usp--item:before {
    position: absolute;
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    left: 0;
    top: 4px;
    background-color: #e0f2f0;
    border: 1px solid #5e81f4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box
}

.mb-srp-m__card__usp--item:after {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 3px;
    border-left: 1px solid #5e81f4;
    border-bottom: 1px solid #5e81f4;
    left: 4px;
    top: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp-m__card__usp-near {
    overflow: hidden;
    margin: 0 -12px 8px;
    height: 16px
}

.mb-srp-m__card__usp-near__scroll {
    display: flex;
    white-space: nowrap;
    overflow: auto;
    height: 150%;
    padding: 0 12px
}

.mb-srp-m__card__usp-near--item {
    width: auto;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    position: relative;
    padding: 0 16px
}

.mb-srp-m__card__usp-near--item:last-child {
    padding-right: 0
}

.mb-srp-m__card__usp-near--item:before {
    background: url(../images/srp-sprite-mobile.svg) -26px -1948px no-repeat;
    width: 12px;
    height: 14px;
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 1px
}

.mb-srp-m__card__usp-near--item[data-uspNear=metro]:before {
    background-position: -26px -1948px
}

.mb-srp-m__card__offer {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff7e1;
    padding: 4px;
    border-radius: 4px
}

.mb-srp-m__card__offer--label {
    width: auto;
    height: 16px;
    display: inline-flex;
    padding: 4px;
    margin-right: 8px;
    background-color: #ffc72c;
    color: #000;
    font-size: .833rem;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    white-space: nowrap;
    align-items: center
}

.mb-srp-m__card__offer p {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp-m__card__freecaboff {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.mb-srp-m__card__freecaboff__container {
    background-color: #fff7e1;
    padding: 4px;
    border-radius: 4px;
    width: 100%;
    height: 28px;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center
}

.mb-srp-m__card__freecaboff--label {
    width: auto;
    height: 16px;
    display: inline-flex;
    padding: 4px;
    margin-right: 8px;
    background-color: #ffc72c;
    color: #000;
    font-size: .833rem;
    font-weight: 700;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    white-space: nowrap;
    align-items: center
}

.mb-srp-m__card__freecaboff p {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp-m__card__freecaboff--gold {
    background-color: #ffebb3
}

.mb-srp-m__card__freecaboff--gold .mb-srp-m__card__freecaboff--label {
    padding: 0;
    margin-right: 4px;
    height: auto;
    background: transparent;
    font-size: 1rem;
    border-radius: 0
}

.mb-srp-m__card__freecaboff__anim1 {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    transform: translateY(0)
}

.mb-srp-m__card__freecaboff__loyalty {
    display: flex;
    align-items: center
}

.mb-srp-m__card__freecaboff__elitetag {
    border: 1px solid #8d744c;
    border-radius: 4px;
    padding: 3px 3px 3px 14px;
    margin-right: 8px;
    color: #473402;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px
}

.mb-srp-m__card__freecaboff__elitetag:before {
    position: absolute;
    display: block;
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat -3px -4422px;
    width: 11px;
    height: 11px;
    left: 2px;
    top: 6px
}

.mb-srp-m__card__freecaboff__elitetxt {
    font-size: 11px;
    line-height: 18px;
    color: #000
}

.mb-srp-m__card__freecaboff__elitetxt--bold {
    font-weight: 600
}

.mb-srp-m__card__tooltip {
    position: absolute;
    z-index: 2;
    display: none;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.1),0 2px 8px 0 rgba(0,0,0,.12);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1),0 2px 8px 0 rgba(0,0,0,.12)
}

.mb-srp-m__card__tooltip.has-arrow:before {
    position: absolute;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mb-srp-m__card__tooltip[data-position=bottom-right] {
    right: -24px;
    bottom: 28px
}

.mb-srp-m__card__tooltip[data-position=bottom-right]:before {
    bottom: -8px;
    right: 24px
}

.mb-srp-m__card__tooltip[data-position=top-right] {
    top: 26px;
    right: 0
}

.mb-srp-m__card__tooltip[data-position=top-right]:before {
    bottom: -8px;
    right: 24px
}

.mb-srp-m__card__tooltip[data-position=bottom-center] {
    bottom: 32px
}

.mb-srp-m__card__tooltip--close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 8px
}

.mb-srp-m__card__tooltip--close:after,.mb-srp-m__card__tooltip--close:before {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 18px;
    left: 8px;
    top: 2px;
    background-color: #606060
}

.mb-srp-m__card__tooltip--close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mb-srp-m__card__tooltip--close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp-m__card__tooltip__box {
    width: 100%;
    height: 100%;
    padding: 0
}

.mb-srp-m__card__tooltip__body {
    width: 100%;
    height: auto
}

.mb-srp-m__card__legal-infra {
    width: 100%;
    height: auto;
    padding: 32px 24px 24px;
    text-align: left
}

.mb-srp-m__card__legal-infra__title {
    color: #000;
    font-size: 1.333rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding-bottom: 8px
}

.mb-srp-m__card__legal-infra__text {
    color: #606060;
    font-size: 1.166rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding-bottom: 12px
}

.mb-srp-m__card__legal-infra__table {
    width: 100%;
    display: table;
    padding-bottom: 16px
}

.mb-srp-m__card__legal-infra__table__thead {
    width: 100%;
    margin-bottom: 4px;
    border-bottom: 1px dashed #d7d7d7
}

.mb-srp-m__card__legal-infra__table__thead .mb-srp__card__legal-infra__table--col {
    font-size: 1.166rem!important;
    font-weight: 400!important
}

.mb-srp-m__card__legal-infra__table__tbody {
    width: 100%
}

.mb-srp-m__card__legal-infra__table--row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 0
}

.mb-srp-m__card__legal-infra__table--col {
    display: flex;
    align-items: center;
    padding-right: 12px;
    color: #000;
    font-size: 1rem;
    font-weight: 400
}

.mb-srp-m__card__legal-infra__table--col:last-child {
    padding-right: 0
}

.mb-srp-m__card__legal-infra__table--col.col-legal {
    width: 52%
}

.mb-srp-m__card__legal-infra__table--col.col-detail,.mb-srp-m__card__legal-infra__table--col.col-status {
    width: 24%;
    font-weight: 600
}

.mb-srp-m__card__legal-infra__table--col .ico-sign {
    width: 16px;
    height: 16px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.mb-srp-m__card__legal-infra__table--col .ico-sign.yes {
    background-position: -23px -1311px
}

.mb-srp-m__card__legal-infra__table--col .ico-sign.no {
    background-position: -24px -1347px
}

.mb-srp-m__card__action {
    display: flex;
    justify-content: space-between
}

.mb-srp-m__card__action .mb-srp-m__action--btn {
    width: calc(50% - 6px);
    padding: 0!important;
    text-align: center;
    height: auto!important;
    white-space: nowrap
}

.mb-srp-m__card__action .mb-srp-m__action--btn.wi-whatsapp {
    position: relative
}

.mb-srp-m__card__action .mb-srp-m__action--btn.wi-whatsapp:before {
    content: "";
    height: 24px;
    width: 24px;
    position: relative;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -20px -2122px;
    display: inline-block;
    transform: scale(.85);
    vertical-align: -7px;
    margin-right: 2px
}

.mb-srp-m__card__action .btn-red {
    margin-left: auto
}

.mb-srp-m__card__action.has-shortlist .mb-srp-m__action--btn {
    width: calc(50% - 25px)
}

.mb-srp-m__card__map--link {
    background: #f1f1f1;
    border-radius: 8px;
    text-transform: uppercase;
    display: flex;
    font-size: .833rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
    justify-content: space-between;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    position: relative;
    padding: 0 8px 0 24px
}

.mb-srp-m__card__map--link:before {
    content: "";
    width: 10px;
    height: 14px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -27px -2248px;
    position: absolute;
    left: 8px;
    top: calc(50% - 7px)
}

.mb-srp-m__card.isLuxury .mb-srp-m__card__usp__scroll {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 48px;
    min-width: 100px;
    background: #fff7e1;
    padding: 4px 6px 0;
    margin-bottom: 8px
}

.mb-srp-m__card.isLuxury .mb-srp-m__card__usp--item {
    margin-bottom: 5px;
    margin-top: 1px
}

.mb-srp-m__card.isLuxury .mb-srp-m__card__usp--item:before {
    background-color: #fff7e1;
    border: 1px solid #ffc72c
}

.mb-srp-m__card.isLuxury .mb-srp-m__card__usp--item:after {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000
}

.mb-srp-m__card.isLuxury .mb-srp-m__card__society {
    margin: 2px 0 12px
}

.mb-srp-m__card.isLuxury .mb-srp-m__card__photo__fig {
    min-height: 128px;
    max-height: 128px
}

.mb-srp-m__card__coworking-time {
    display: block;
    overflow: auto;
    margin: 0 -12px;
    padding: 0 12px 6px
}

.mb-srp-m__card__coworking-time::-webkit-scrollbar {
    width: 0;
    background: transparent;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.mb-srp-m__card__coworking-time--item {
    color: #606060;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-right: 12px;
    white-space: nowrap
}

.mb-srp-m__card__coworking-time--item:last-child {
    padding-right: 0
}

.mb-srp-m__card__coworking-time--item--label {
    font-weight: 400;
    font-size: 10px
}

.mb-srp-m__card__coworking-time--item--value {
    color: #000;
    padding-left: 2px;
    font-weight: 600
}

.mb-srp-m__card__price-coworking--label {
    color: #000;
    font-size: .833rem;
    font-weight: 400;
    text-align: left;
    padding: 0 0 12px 12px;
    text-transform: uppercase
}

.mb-srp-m__card__price-coworking__list {
    display: flex;
    line-height: 1.5rem;
    margin-bottom: 10px
}

.mb-srp-m__card__price-coworking__list--item {
    width: 100%;
    position: relative
}

.mb-srp-m__card__price-coworking__list--value {
    color: #000;
    font-size: 1.166rem;
    line-height: 1.5rem;
    font-weight: 600
}

.mb-srp-m__card__price-coworking__list--value.price-cut {
    text-decoration: line-through
}

.mb-srp-m__card__price-coworking__list--tenure {
    color: #606060;
    font-size: 1rem;
    line-height: 1.166rem;
    font-weight: 400;
    padding-left: 4px
}

.mb-srp-m__card__price-coworking__list--perSeatSeprator {
    color: #d7d7d7;
    font-size: 1.5rem;
    padding: 0 3px
}

.mb-srp-m__card__price-coworking__list--valuePerSeat {
    color: #000;
    font-size: 1.166rem;
    line-height: 1.5rem;
    font-weight: 500
}

.mb-srp-m__card__price-coworking__list--valuePerSeat .rupeesPerSeat {
    font-family: Arial;
    font-weight: 400
}

.mb-srp-m__card__coworking-head {
    font-size: 1rem;
    line-height: 1.333rem;
    color: #000;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 48px;
    margin-right: 26px;
    font-weight: 400
}

.mb-srp-m__card__coworking-summary {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px
}

.mb-srp-m__card__coworking-summary__col {
    line-height: 1.5rem
}

.mb-srp-m__card__coworking-summary__label {
    font-size: 1rem;
    color: #606060;
    padding-right: 10px;
    display: inline;
    padding-left: 4px
}

.mb-srp-m__card__coworking-summary__text {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    display: inline
}

.mb-srp-m__card__otrInfo__usp {
    padding-bottom: 4px
}

.mb-srp-m__card__otrInfo__usp--tag {
    display: inline-block;
    background: #f5f5f5;
    font-size: 1rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 12px;
    margin: 0 4px 4px 0;
    vertical-align: top;
    text-transform: capitalize
}

.mb-srp-m__card__ads {
    padding-right: 60px;
    display: flex;
    padding-bottom: 8px
}

.mb-srp-m__card__ads__info {
    width: calc(100% - 120px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0
}

.mb-srp-m__card__ads__info--letter {
    color: #606060;
    font-size: 1rem;
    font-weight: 600;
    background-color: #ebd9a8;
    text-transform: uppercase;
    border: 1px solid #ffebb3;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 8px
}

.mb-srp-m__card__ads__info--right {
    width: calc(100% - 40px)
}

.mb-srp-m__card__ads__info--name {
    color: #000;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

.mb-srp-m__card__ads__info--buyer,.mb-srp-m__card__ads__info--name {
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp-m__card__ads__info--buyer {
    color: #606060;
    font-size: 10px;
    line-height: 14px
}

.mb-srp-m__card__ads__shield {
    width: 120px;
    flex-shrink: 0
}

.mb-srp-m__card__ads__shield--item {
    line-height: 14px;
    color: #606060;
    font-size: 10px;
    font-weight: 500;
    padding-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5rem;
    position: relative
}

.mb-srp-m__card__ads__shield--item:after {
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat;
    width: 12px;
    height: 12px;
    top: 1px;
    left: 0;
    position: absolute
}

.mb-srp-m__card__ads__shield--item[data-shieldicon=agent-certified]:after {
    background-position: -26px -2751px
}

.mb-srp-m__card__ads__shield--item[data-shieldicon=locality-superstar]:after {
    background-position: -26px -2779px
}

.mb-srp-m__card__ads__shield--item[data-shieldicon=commercial-guru]:after {
    background-position: -26px -1916px;
    height: 13px;
    top: 0
}

.mb-srp-m__card__ads__shield--item[data-shieldicon=society-expert]:after {
    background-position: -27px -1884px
}

.mb-srp-m__card__ads__shield--item[data-shieldicon=commercial-consultant]:after {
    background-position: -26px -2751px
}

.mb-srp-m__card__ads .mb-srp-m__card__ads__info+.mb-srp-m__card__ads__shield {
    position: relative;
    padding-left: 10px
}

.mb-srp-m__card__ads .mb-srp-m__card__ads__info+.mb-srp-m__card__ads__shield:before {
    background: #d8d8d8;
    height: 26px;
    left: 0;
    top: calc(50% - 13px);
    position: absolute;
    content: "";
    width: 1px
}

.mb-srp-m__card__contactedinfo {
    padding: 2px 6px 2px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #f5f5f5;
    margin-bottom: 8px
}

.mb-srp-m__card__contactedinfo__phone {
    font-size: .833rem;
    color: #666;
    line-height: 12px;
    display: inline-block;
    margin-right: 16px;
    padding-left: 12px;
    position: relative;
    vertical-align: 2px
}

.mb-srp-m__card__contactedinfo__phone:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 2px;
    top: 4px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -28px -3138px
}

.mb-srp-m__card__contactedinfo__mail {
    font-size: .833rem;
    color: #666;
    line-height: 12px;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    vertical-align: 2px
}

.mb-srp-m__card__contactedinfo__mail:before {
    content: "";
    width: 7px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 4px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -27px -3154px
}

.mb-srp-m__card__pckgtag {
    padding: 2px 4px 2px 16px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    position: relative;
    font-size: 10px;
    font-weight: 600;
    color: #000;
    line-height: 14px;
    margin-right: 8px;
    text-transform: none!important
}

.mb-srp-m__card__pckgtag:before {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 11px;
    left: 3px;
    top: 2px
}

.mb-srp-m__card__pckgtag--gold:before {
    background: url(../images/srp-sprite-mobile.svg) no-repeat -20px -3144px
}

.mb-srp-m__card__pckgtag--premium:before {
    background: url(../images/srp-sprite-mobile.svg) no-repeat -21px -3163px
}

.mb-srp-m__card__pckgtag--titanium:before {
    background: url(../images/srp-sprite-mobile.svg) no-repeat -21px -3182px
}

.mb-srp-m__card.has-package {
    border-top: 1px solid #7bdce6
}

.mb-srp-m__card.has-package .mb-srp-m__action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #dff6f9;
    padding: 8px 12px;
    margin: 0 -12px -6px;
    width: 100vw
}

.mb-srp-m__pinkCard {
    padding: 10px 0;
    background: #dff6f9;
    margin-top: -8px;
    position: relative;
    border-top: 1px solid #00c1d4;
    border-radius: 0
}

.mb-srp-m__pinkCard--topArrow {
    position: absolute
}

.mb-srp-m__pinkCard__hide {
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 12px;
    font-weight: 600;
    color: #5e81f4;
    padding-right: 16px
}

.mb-srp-m__pinkCard__hide:after {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    transform: rotate(-45deg);
    top: 2px;
    right: 0
}

.mb-srp-m__pinkCard__hide.show:after {
    transform: rotate(135deg);
    top: 7px
}

.mb-srp-m .pg-cards-wrap {
    padding: 18px 12px 14px;
    background-color: #e0f2f0
}

.mb-srp-m__mbCard {
    padding: 40px 0 30px;
    overflow: hidden
}

.mb-srp-m__mbCard--pg {
    padding: 0;
    background: none;
    overflow: unset;
    margin-bottom: 0
}

.mb-srp-m__mbCard--pg .mb-srp-m__card__topHeading--headingRegular {
    font-size: 18px
}

.mb-srp-m__mbCard--pg .mb-srp-m__card__topHeading--heading {
    font-size: 1.166rem;
    font-weight: 600;
    color: #000;
    line-height: 30px
}

.mb-srp-m__mbCard--pg .mb-srp-m__card__uspcontainer {
    width: 100%;
    margin: 0;
    padding: 0 0 20px
}

.mb-srp-m__mbCard--pg .mb-srp-m__card__topHeading {
    padding: 0 0 12px
}

.mb-srp-m__mbCard--pg .mb-srp-m__card__usp--item {
    margin: 0
}

.mb-srp-m__mbCard__underLine {
    width: 24px;
    height: 3px;
    border-radius: 2px;
    margin: -4px 0 10px 13px
}

.mb-srp-m__mbCard__underLine--blueBg {
    background-color: #00c1d4
}

.mb-srp-m__mbCard__underLine--yellowBg {
    background-color: #fc3
}

.mb-srp-m__swipe-pg {
    display: -webkit-box;
    overflow: scroll;
    margin: 0 -16px;
    padding: 0 16px 22px;
    scrollbar-width: none
}

.mb-srp-m__swipe-pg::-webkit-scrollbar {
    display: none
}

.mb-srp-m__swipe-pg--item {
    width: 216px;
    height: 206px;
    overflow: hidden;
    margin-right: 16px;
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp-m__swipe-pg--item:last-child {
    margin-right: 0
}

.mb-srp-m__swipe-pg__photo {
    width: 100%;
    height: 90px;
    position: relative
}

.mb-srp-m__swipe-pg__photo .mb-srp-m__card__photo__fig {
    height: 100%;
    min-height: 90px;
    max-height: 90px;
    border-radius: 4px 4px 0 0
}

.mb-srp-m__swipe-pg__photo .mb-srp-m__card__photo__fig img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mb-srp-m__swipe-pg__photo .mb-srp-m__card__photo__fig--count {
    display: none
}

.mb-srp-m__swipe-pg__photo--gender {
    width: 58px;
    height: 20px;
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    padding: 0 0 0 10px;
    line-height: 18px;
    clip-path: polygon(0 0,100% 0,100% 100%,15% 100%)
}

.mb-srp-m__swipe-pg__photo--gender.boys {
    color: #5e81f4;
    background: #afeaef
}

.mb-srp-m__swipe-pg__photo--gender.girls {
    width: 64px;
    color: #ce0037;
    background: #ffccd7
}

.mb-srp-m__swipe-pg__photo--gender.coed {
    color: #8a6712;
    background: #ffebb3
}

.mb-srp-m__swipe-pg__price {
    font-size: 1.333rem;
    font-weight: 600;
    padding-bottom: 8px
}

.mb-srp-m__swipe-pg__content {
    height: 116px;
    padding: 8px 14px 10px;
    position: relative;
    border: 1px solid #d7d7d7;
    border-top: none;
    border-radius: 0 0 4px 4px;
    overflow: hidden
}

.mb-srp-m__swipe-pg__pg-name,.mb-srp-m__swipe-pg__pg-place {
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-srp-m__swipe-pg__pg-place {
    padding-bottom: 6px
}

.mb-srp-m__swipe-pg__footer {
    position: absolute;
    left: 14px;
    bottom: 10px
}

.mb-srp-m__swipe-pg__footer--sharing {
    font-size: 1rem;
    color: #909090;
    line-height: 16px;
    padding-bottom: 1px
}

.mb-srp-m__swipe-pg__footer--list {
    display: flex;
    line-height: 16px
}

.mb-srp-m__swipe-pg__footer--item:not(:first-child) {
    position: relative;
    padding-left: 10px
}

.mb-srp-m__swipe-pg__footer--item:not(:first-child):before {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    background: #000;
    left: 4px;
    top: 2px
}

.mb-srp-m__explore-pg {
    font-size: 1.166rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mb-srp-m__explore-pg--text {
    font-weight: 600;
    padding-right: 10px
}

.mb-srp-m__explore-pg__cta--action {
    width: 116px;
    font-weight: 600;
    color: #5e81f4;
    border: 1px solid #5e81f4;
    background-color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    background-clip: padding-box
}

.mb-srp-m__action {
    width: 100%;
    height: auto
}

.mb-srp-m__action__btn-whatsApp {
    width: 24px;
    height: 24px;
    transform: scale(1.4);
    background: url(../images/srp-sprite-mobile.svg) no-repeat -20px -2122px;
    margin: 2px 10px 0 0
}

.mb-srp-m__action.action--single .mb-srp-m__action--btn {
    width: 100%;
    margin-right: 0
}

.mb-srp-m__action--btn {
    width: auto;
    text-align: center;
    display: inline-block;
    font-size: 1.166rem;
    line-height: 30px;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    user-select: none
}

.mb-srp-m__action--btn.btn-red {
    color: #fff;
    background-color: #5e81f4;
    border: 1px solid #5e81f4
}

.mb-srp-m__action--btn.btn-red.disable {
    opacity: .4;
    cursor: default;
    pointer-events: none
}

.mb-srp-m__action--btn.btn-red.btn-contacted {
    color: #fff;
    background-color: #5e81f4;
    border: 1px solid #5e81f4;
    cursor: default
}

.mb-srp-m__action--btn.btn-red.btn-contacted:before {
    position: absolute;
    display: block;
    content: "";
    position: unset;
    display: inline-block;
    vertical-align: 3px;
    margin-right: 6px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp-m__action--btn.btn-white {
    color: #5e81f4;
    background-color: #fff;
    border: 1px solid #5e81f4
}

.mb-srp-m__action--btn.btn-white.btn-contacted {
    color: #5e81f4;
    background-color: #fff!important;
    border: 1px solid #5e81f4;
    cursor: default
}

.mb-srp-m__action--btn.btn-white.btn-contacted:before {
    position: absolute;
    display: block;
    content: "";
    position: unset;
    display: inline-block;
    vertical-align: 3px;
    margin-right: 6px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp-m__action--btn.btn-white .freecab__tag {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    line-height: normal;
    vertical-align: 2px
}

.mb-srp-m__action--btn.btn-white .freecab__tag:before {
    content: "Free Cab";
    background-color: #ffc72c;
    padding: 1px 4px;
    line-height: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    font-size: .833rem;
    font-weight: 600;
    color: #000
}

.mb-srp-m__action--btn.btn-contacted {
    color: #fff;
    background-color: #5e81f4!important;
    border: 1px solid #5e81f4;
    cursor: default
}

.mb-srp-m__action--btn.btn-contacted:before {
    position: absolute;
    display: block;
    content: "";
    position: unset;
    display: inline-block;
    vertical-align: 3px;
    margin-right: 6px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp-m__action--btn.btn-contacted-o {
    color: #5e81f4;
    background-color: #fff!important;
    border: 1px solid #5e81f4;
    cursor: default
}

.mb-srp-m__action--btn.btn-contacted-o:before {
    position: absolute;
    display: block;
    content: "";
    position: unset;
    display: inline-block;
    vertical-align: 3px;
    margin-right: 6px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-srp-m__action--btn.btn-pink {
    color: #5e81f4;
    background-color: rgba(216,35,42,.1);
    border: 1px solid rgba(216,35,42,.1)
}

.mb-srp-m__action--btn.btn-black {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    font-weight: 700
}

.mb-srp-m__action--btn.btn-gray {
    border: 1px solid #000
}

.mb-srp-m__action--btn.btn-gray,.mb-srp-m__action--btn.btn-gray:hover {
    color: #fff;
    background-color: #000
}

.mb-srp-m__action--btn.btn-video-tour {
    color: #5e81f4;
    border: 1px solid #5e81f4;
    background-color: #fff;
    padding: 0 12px!important;
    position: relative
}

.mb-srp-m__action--btn.btn-video-tour:before {
    position: absolute;
    display: block;
    content: "";
    position: unset;
    width: 18px;
    height: 12px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: -1px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -23px -1651px
}

.mb-srp-m__action--btn.btn-video-tour.tag-new:after {
    position: absolute;
    display: block;
    content: "";
    content: "NEW";
    width: auto;
    height: 16px;
    line-height: 20px;
    padding: 0 4px;
    background-color: #ffc72c;
    text-align: center;
    top: -9px;
    left: 50%;
    margin-left: -18px;
    color: #000;
    font-size: -.167rem;
    font-weight: 600;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box
}

.mb-srp-m__action--btn.btn-exclusive {
    font-size: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.mb-srp-m__action--btn.btn-exclusive:after {
    content: "";
    display: block;
    width: 12px;
    height: 11px;
    margin-left: 6px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -26px -469px
}

.mb-srp-m__action--btn.medium {
    padding: 0 20px;
    height: auto
}

.mb-srp-m__action--btn.large {
    padding: 0 32px;
    height: 40px;
    line-height: 40px
}

.mb-srp-m__action--btn.xlarge {
    font-size: 1.333rem;
    padding: 0 100px;
    height: 44px;
    line-height: 42px
}

.mb-srp-m__action--btn:hover {
    text-decoration: none
}

.mb-srp-m__action__prime {
    background: #ffebb3;
    padding: 8px 12px;
    margin: 0 -12px -8px;
    font-size: 1rem
}

.mb-srp-m__action__prime-head {
    color: #000;
    line-height: 1.5rem;
    padding: 0 0 6px 14px;
    position: relative
}

.mb-srp-m__action__prime-head span {
    font-weight: 500
}

.mb-srp-m__action__prime-head:before {
    background: url(../images/srp-sprite-mobile.svg) no-repeat -27px -2478px;
    width: 10px;
    height: 14px;
    content: "";
    position: absolute;
    left: 0;
    top: 0
}

.mb-srp-m__exclusive {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e0f2f0;
    padding: 4px 12px;
    margin: 0 -12px -6px
}

.mb-srp-m__exclusive__item {
    width: calc(50% - 6px);
    font-size: 1rem;
    line-height: 1.5rem
}

.mb-srp-m__exclusive__title {
    color: #000;
    display: flex;
    font-size: 1rem;
    line-height: 1.5rem
}

.mb-srp-m__exclusive__userType {
    color: #000;
    font-size: 1.166rem;
    font-weight: 600;
    line-height: 1.5rem
}

.mb-srp-m__exclusive .btn-exclusive {
    width: calc(50% - 6px);
    padding: 0!important;
    text-align: center;
    border: 1px solid #5e81f4;
    background: #5e81f4;
    position: relative;
    color: #fff;
    overflow: hidden
}

.mb-srp-m__exclusive .btn-exclusive span {
    position: relative;
    z-index: 2
}

.mb-srp-m__exclusive .btn-exclusive:after {
    background: url(../images/srp-sprite-mobile.svg) no-repeat -23px -2540px;
    width: 18px;
    height: 16px;
    transform: scale(.8);
    position: relative;
    z-index: 2;
    margin-right: -2px
}

.mb-srp-m__exclusive .btn-exclusive.btn-exclusive-gray {
    background-color: #000;
    border-color: #000
}

.mb-srp-m__exclusive .btn-exclusive.btn-anim:before {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 20px;
    position: unset;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/view-app-anim.gif) no-repeat 0 0/auto 20px
}

.mb-srp-m__exclusive .btn-exclusive.btn-anim:after {
    display: none
}

.mb-srp-m__icon {
    background: #000;
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px
}

.mb-srp-m__icon--mbPrime {
    background: url(../images/srp-sprite-mobile.svg) no-repeat -23px -428px;
    content: "";
    width: 18px;
    height: 16px
}

.mb-srp-m__popup-header {
    position: fixed;
    height: 56px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12;
    background: #5e81f4;
    padding: 0 50px;
    line-height: 56px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.333rem;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.mb-srp-m__popup-header__back {
    position: fixed;
    top: 14px;
    right: auto;
    left: 18px;
    width: 20px;
    height: 20px;
    transition: all .1s ease-in;
    cursor: pointer;
    z-index: 13
}

.mb-srp-m__popup-header__back:after,.mb-srp-m__popup-header__back:before {
    content: "";
    width: 18px;
    height: 2px;
    position: absolute;
    left: -4px;
    top: 13px;
    background: #fff;
    transition: all .12s ease-in
}

.mb-srp-m__popup-header__back:after {
    transform: none;
    top: 11px
}

.mb-srp-m__popup-header__back:before {
    transform: rotate(-45deg);
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    background: none
}

.mb-srp-m__shortlist-pop {
    position: fixed;
    background: #fff;
    overflow: auto;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999;
    padding: 60px 0 20px;
    display: none
}

.mb-srp-m__shortlist-pop.show {
    display: block
}

.mb-srp-m__no-image {
    width: 100%;
    height: 100%;
    display: table;
    background-color: #fff5fc
}

.mb-srp-m__no-image__body {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.mb-srp-m__no-image__body.no-img-src {
    display: block;
    position: relative
}

.mb-srp-m__no-image__body.no-img-src .mb-srp-m__no-image--text {
    position: absolute;
    left: 0;
    bottom: 28px;
    right: 0
}

.mb-srp-m__no-image--ico {
    width: 48px;
    height: 42px;
    display: block;
    margin: 0 auto 8px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -8px -2331px
}

.mb-srp-m__no-image--text {
    width: 100%;
    color: #909090;
    font-size: 1rem;
    font-weight: 400
}

.mb-srp-m__no-image__img {
    width: 100%;
    height: 100%;
    object-fit: none;
    margin-top: -14px
}

.mb-srp-m__similar-prop .mb-srp-m__card__topHeading--heading {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.mb-srp-m__similar-prop .mb-srp-m__card__topHeading--heading span {
    display: none
}

.mb-srp-m__similar-prop:before {
    content: "";
    position: absolute;
    background: #dff6f9;
    border-top: 1px solid #00c1d4;
    border-right: 1px solid #00c1d4;
    width: 10px;
    height: 10px;
    left: calc(50% - 5px);
    transform: rotate(-45deg);
    top: -6px
}

.mb-srp-m__similar-prop .mb-srp-m__card__mbinfotr .mb-srp-m__card__photo__fig {
    max-height: 148px;
    height: 100%
}

.mb-srp-m__similar-prop .mb-srp-m__card__head {
    padding-right: 0;
    white-space: nowrap
}

.mb-srp-m__similar-prop .mb-srp-m__card__mbcontainer {
    display: block;
    padding: 0 8px
}

.mb-srp-m__similar-prop .mb-srp-m__card {
    border-radius: 8px;
    border: 1px solid #e8e8e8
}

.mb-srp-m__similar-prop__togglecta {
    width: calc(100% - 26px);
    background-color: #000;
    cursor: pointer;
    line-height: 28px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    margin: 10px auto 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box
}

.mb-srp-m__similar-prop__togglecta__arrow {
    display: inline-block;
    margin-left: 8px;
    width: 8px;
    height: 8px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    vertical-align: 3px
}

.mb-srp-m__similar-prop__togglecta__arrow--hide {
    transform: rotate(-135deg);
    vertical-align: -2px
}

.mb-srp-m .mb-srp__mbprime-top {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    background-color: #29313b;
    border-radius: 0;
    background-clip: padding-box
}

.mb-srp-m .mb-srp__mbprime-top>a {
    width: 100%;
    height: 100%;
    display: block
}

.mb-srp-m .mb-srp__mbprime-top__body {
    width: 100%;
    height: auto;
    padding: 7px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mb-srp-m .mb-srp__mbprime-top__icon {
    margin-right: 4px;
    background: url(../images/srp-sprite-mobile.svg);
    width: 17px;
    height: 15px;
    background-position: -24px -2088px;
    background-repeat: no-repeat;
    transform: scale(.8);
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle
}

.mb-srp-m .mb-srp__mbprime-top__title {
    display: flex;
    align-items: center
}

.mb-srp-m .mb-srp__mbprime-top__content,.mb-srp-m .mb-srp__mbprime-top__title {
    font-size: 14px;
    font-weight: 600;
    color: #fff
}

.mb-srp-m .mb-srp__mbprime-top__cta {
    font-size: 14px;
    font-weight: 700;
    color: #ffc72c
}

.mb-srp-m .mb-srp__mbprime-top__cta:after {
    content: "";
    height: 8px;
    width: 8px;
    border: 2px solid #ffc72c;
    transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
    margin-left: 8px;
    display: inline-block;
    transform: rotate(-45deg)
}

.mb-srp-m__reportowner {
    text-align: center;
    margin-top: 12px
}

.mb-srp-m__reportowner__txt {
    text-decoration: underline;
    position: relative;
    padding-left: 24px;
    font-size: 1.166rem;
    font-weight: 700;
    color: #000;
    display: inline-block
}

.mb-srp-m__reportowner__txt:before {
    position: absolute;
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -9px -3429px;
    left: 7px;
    top: 4px
}

.mb-srp-m__postedby {
    display: flex;
    align-items: center;
    text-align: left;
    margin: 0 0 8px
}

.mb-srp-m__postedby__logo {
    width: 32px;
    height: 32px;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -8px -3612px;
    flex-shrink: 0;
    display: inline-block;
    margin-right: 8px;
    border-radius: 100%
}

.mb-srp-m__postedby__txt1 {
    font-size: 1rem;
    display: block;
    color: #000;
    padding: 0 0 2px
}

.mb-srp-m__postedby__txt2 {
    font-size: 1rem;
    display: block;
    color: #000;
    font-weight: 600
}

.mb-srp-m__searchtabs {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #e8e8e8;
    padding-top: 18px;
    gap: 8px
}

.mb-srp-m__searchtabs__outer {
    background-color: #fff;
    padding: 0 12px;
    position: relative;
    z-index: 99
}

.mb-srp-m__searchtabs__item {
    width: 50%;
    text-align: center;
    padding: 0 8px 6px;
    font-size: 1.166rem;
    color: #000;
    line-height: 20px;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px
}

.mb-srp-m__searchtabs__item.active {
    border-color: #5e81f4;
    font-weight: 600
}

.mb-srp-m__searchtabs__tooltip {
    position: absolute;
    bottom: -75px;
    right: 0;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
    border: 1px solid #00c1d4;
    background-color: #dff6f9;
    padding: 12px 8px;
    width: 324px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box
}

.mb-srp-m__searchtabs__tooltip:before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #00c1d4;
    top: -6px;
    right: 40px
}

.mb-srp-m__searchtabs__tooltip__close {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 16px;
    height: 16px
}

.mb-srp-m__searchtabs__tooltip__close:after,.mb-srp-m__searchtabs__tooltip__close:before {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    background-color: #606060;
    left: 4px;
    top: 3px;
    transform: rotate(45deg)
}

.mb-srp-m__searchtabs__tooltip__close:after {
    transform: rotate(-45deg)
}

.mb-srp-m__searchtabs__tooltip__heading {
    font-size: 1.166rem;
    font-weight: 600;
    color: #000;
    padding: 0 0 4px
}

.mb-srp-m__searchtabs__tooltip__txt {
    font-size: 1rem;
    color: #000
}

.card-head {
    margin: 0 0 8px;
    padding: 12px;
    font-size: 1.166rem;
    font-weight: 600;
    color: #606060
}

.fs14 {
    font-size: 1.166rem!important
}

.iframePdp {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: #fff url(../images/mbLoader.gif) no-repeat 50%
}

.iframePdp__close {
    position: fixed;
    top: 14px;
    right: auto;
    left: 18px;
    width: 20px;
    height: 20px;
    transition: all .1s ease-in;
    cursor: pointer;
    z-index: 13
}

.iframePdp__close:after,.iframePdp__close:before {
    content: "";
    width: 18px;
    height: 2px;
    position: absolute;
    left: -4px;
    top: 13px;
    background: #fff;
    transition: all .12s ease-in
}

.iframePdp__close:after {
    transform: none;
    top: 10px
}

.iframePdp__close:before {
    transform: rotate(-45deg);
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    background: none
}

.iframePdp iframe {
    border: 0;
    width: 100%;
    height: 100%
}

#launcher {
    display: none!important
}

#npsSidePopWrap .ratingFeedbackTextarea textarea {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif
}

#npsSidePopWrap .ratingMsgLabel {
    line-height: 20px
}

.app-donwload-bp {
    position: relative;
    padding: 16px 130px 16px 16px;
    margin-bottom: 4px;
    border-bottom: 2px solid #5e81f4;
    background-color: #fff
}

.app-donwload-bp__title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #000
}

.app-donwload-bp__text {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000
}

.app-donwload-bp__cta {
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    color: #fff;
    border-radius: 18px;
    padding: 0 18px;
    background-color: #5e81f4;
    position: absolute;
    top: 18px;
    right: 16px
}

.mb-srp__shortlisted-toast {
    background: #000;
    border-radius: 8px;
    color: #fff;
    line-height: 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    white-space: nowrap;
    padding: 8px 12px 8px 30px;
    z-index: 999;
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    top: -200px;
    transition: all .3s ease-in-out;
    z-index: 99999;
    box-shadow: 1px 1px 11px 3px rgba(0,0,0,.2)
}

.mb-srp__shortlisted-toast:before {
    content: "";
    background: #e0f2f0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #b2dfd8;
    left: 10px;
    top: 10px;
    position: absolute
}

.mb-srp__shortlisted-toast:after {
    position: absolute;
    display: block;
    content: "";
    width: 6px;
    height: 4px;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    transform: rotate(-45deg);
    z-index: 1;
    left: 13px;
    top: 13px
}

.mb-srp__shortlisted-toast.show {
    top: 20%
}

.postProperty {
    padding: 20px 18px 16px;
    background-color: #fff;
    margin-bottom: 10px
}

.postProperty__link {
    display: block;
    text-decoration: none
}

.postProperty__title {
    font-size: 1.333rem;
    font-weight: 600;
    margin: 0 0 18px;
    color: #000;
    line-height: 2rem
}

.postProperty__listing {
    margin: 0;
    padding: 0
}

.postProperty__listing--value {
    font-size: 1.166rem;
    font-weight: 600;
    margin: 0 0 14px;
    position: relative;
    padding-left: 24px;
    color: #000;
    line-height: 20px
}

.postProperty__listing--value:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #5e81f4;
    background-color: #e0f2f0;
    position: absolute;
    top: 3px;
    left: 0
}

.postProperty__listing--value:after {
    content: "";
    width: 4px;
    height: 7px;
    border: solid #5e81f4;
    border-width: 0 1px 1px 0;
    position: absolute;
    top: 7px;
    left: 6px;
    transform: rotate(45deg)
}

.postProperty__cta {
    padding: 6px 16px;
    border-radius: 16px;
    background-color: #5e81f4;
    color: #fff;
    font-size: 1.166rem;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    margin-top: 4px
}

.ldp-quick-view {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999;
    display: none
}

.ldp-quick-view.open {
    display: block;
    background: #fff url(https://cdn.staticmb.com/images/mbLoader.gif) no-repeat 50%
}

.ldp-quick-view__page {
    display: none;
    background-color: #fff
}

.ldp-quick-view__page.show {
    display: block
}

.ldp-quick-view .ldp-m__sticky-hdr {
    position: -webkit-sticky;
    position: sticky
}

.quick-view-no-overflow {
    overflow: hidden
}

.mb-dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99991;
    display: none;
    cursor: default;
    background-color: rgba(0,0,0,.6)
}

.mb-dialog.open {
    display: flex;
    justify-content: center;
    align-items: center
}

.mb-dialog--go-back {
    color: #606060;
    font-size: 1.166rem;
    font-weight: 600;
    position: absolute;
    left: 32px;
    top: 20px;
    line-height: 14px;
    padding-left: 20px;
    cursor: pointer
}

.mb-dialog--go-back:hover {
    text-decoration: underline
}

.mb-dialog--go-back:after,.mb-dialog--go-back:before {
    position: absolute;
    display: block;
    content: "";
    left: 0
}

.mb-dialog--go-back:before {
    width: 12px;
    height: 1px;
    background-color: #606060;
    top: 6px
}

.mb-dialog--go-back:after {
    width: 7px;
    height: 7px;
    border-left: 1px solid #606060;
    border-bottom: 1px solid #606060;
    top: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mb-dialog--close {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 14px;
    right: 16px;
    display: inline-block;
    cursor: pointer;
    z-index: 1
}

.mb-dialog--close:after,.mb-dialog--close:before {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 18px;
    background-color: #000;
    left: 6px;
    top: 0
}

.mb-dialog--close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mb-dialog--close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-dialog__box {
    background-color: #fff;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box
}

@media screen and (max-width: 767px) {
    .mb-dialog__box {
        width:90vw!important;
        padding: 42px 12px 12px
    }
}

.mb-dialog__body {
    width: 100%;
    height: 100%
}

.sort-popup {
    display: none
}

.sort-popup__flex {
    position: fixed;
    background: rgba(0,0,0,.6);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999
}

.sort-popup__close {
    right: 16px;
    top: -50px;
    position: absolute;
    width: 34px;
    height: 34px;
    background: #000;
    border-radius: 50%;
    border: 1px solid #909090
}

.sort-popup__close:after,.sort-popup__close:before {
    content: "";
    display: block;
    width: 2px;
    height: 18px;
    background-color: #fff;
    position: absolute;
    left: 15px;
    top: 7px
}

.sort-popup__close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sort-popup__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sort-popup.show {
    display: block
}

.sort-popup__content {
    padding: 0;
    text-align: left;
    position: fixed;
    bottom: 0;
    min-height: 100px;
    border-radius: 16px 16px 0 0;
    width: 100%;
    background: #fff;
    line-height: 20px;
    font-size: 1.333rem;
    color: #000
}

.sort-popup__header {
    padding: 14px 24px;
    border-bottom: 1px solid #e8e8e8
}

.sort-popup__header__price {
    font-weight: 600;
    font-size: 1.166rem;
    line-height: 20px;
    padding-bottom: 2px
}

.sort-popup__header__desc {
    line-height: 1.5rem;
    font-size: 1rem
}

.sort-popup__list {
    padding: 24px
}

.sort-popup__list__item {
    margin-bottom: 20px
}

.sort-popup__list__item .mb-srp-m__card__map--link {
    background: inherit;
    border-radius: 0;
    text-transform: inherit;
    display: block;
    font-size: 1.333rem;
    font-weight: 400;
    color: #000;
    margin-bottom: 0;
    justify-content: unset;
    height: unset;
    line-height: 24px;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 36px
}

.sort-popup__list__item .mb-srp-m__card__map--link:before {
    content: "";
    background-position: -20px -3080px;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0
}

.sort-popup__list__item>a {
    position: relative;
    font-size: 1.333rem;
    line-height: 24px;
    padding: 0 0 0 36px;
    display: block
}

.sort-popup__list__item>a:before {
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0
}

.sort-popup__list__item>a.share-property:before {
    background-position: -20px -3046px
}

.sort-popup__list__item>a.view-map:before {
    background-position: -20px -3080px
}

.sort-popup__list__item>a.direction:before {
    background-position: -20px -3112px
}

.sort-popup__list__item>a.hide-property:before {
    background-position: -23px -2849px
}

.sort-popup__list__item:last-child {
    margin-bottom: 0
}

.show-other-info {
    position: relative
}

.show-other-info .mb-srp-m__card--desc--readmore {
    position: absolute;
    bottom: 12px;
    right: 0
}

.show-other-info .mb-srp-m__card--desc--readmore:before {
    transform: rotate(-135deg)
}

.appdownload,.srp-chatboat {
    display: none
}

.story-plot-placeholder {
    background: #fff;
    padding-top: 11px;
    margin-bottom: 7px;
    margin-top: 7px;
    height: 124px;
    overflow: hidden
}

.toast-remove-shortlist {
    background: #000;
    color: #fff;
    font-size: 1.166rem;
    line-height: 48px;
    border-radius: 8px;
    position: fixed;
    bottom: 84px;
    left: 16px;
    right: 16px;
    height: 48px;
    padding: 0 16px;
    z-index: 1;
    display: none
}

.toast-remove-shortlist.show {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.toast-remove-shortlist__icon {
    display: inline-block;
    margin-right: 10px;
    background: url(../images/srp-sprite-mobile.svg) -47px -234px no-repeat;
    width: 17px;
    height: 16px;
    vertical-align: middle;
    margin-top: -3px
}

.toast-remove-shortlist__undo {
    cursor: pointer;
    font-weight: 600;
    color: #ffc72c;
    text-decoration: underline
}

.mb-header__menu__sub__links>li .js-sub-link:before {
    line-height: 38px!important
}

.virtual-num-top-component {
    background-color: #fff;
    margin-bottom: 8px;
    padding: 12px
}

.virtual-num-top-component__msg {
    font-size: 1rem;
    color: #000;
    padding-bottom: 16px
}

.virtual-num-top-component__title {
    font-size: 1.166rem;
    font-weight: 600;
    color: #000;
    padding-bottom: 16px
}

.virtual-num-top-component .contact-form__fieldset {
    position: relative;
    display: block;
    padding-bottom: 8px
}

.virtual-num-top-component .contact-form__fieldset.has-error .contact-form__error {
    color: #5e81f4;
    visibility: visible;
    padding: 3px 0 2px;
    z-index: 1;
    width: 100%;
    margin-top: -1px;
    display: block
}

.virtual-num-top-component .contact-form__fieldset.has-error .contact-form__input {
    border-color: #5e81f4
}

.virtual-num-top-component .contact-form__input {
    display: block;
    width: 100%;
    padding: 7px 20px 8px 0;
    height: 35px;
    font-size: 1.166rem;
    line-height: 1.5rem;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    outline: none;
    -webkit-text-fill-color: #000;
    color: #000;
    transition: all .3s ease-in-out;
    box-shadow: none;
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none
}

.virtual-num-top-component .contact-form__label {
    display: block;
    font-size: 1.166rem;
    color: #606060;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    line-height: 35px;
    transition: all .3s ease-in-out;
    cursor: text
}

.virtual-num-top-component__input:focus+.virtual-num-top-component__label,.virtual-num-top-component__input:not(:focus):valid~.virtual-num-top-component__label {
    top: -22px;
    font-size: 1rem
}

.virtual-num-top-component .contact-form__error {
    display: none;
    clear: both;
    position: relative;
    font-size: 12px;
    color: #909090;
    visibility: hidden
}

.virtual-num-top-component__submit {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 72px;
    height: 32px;
    line-height: 30px;
    font-size: 1.166rem;
    font-weight: 600;
    color: #5e81f4;
    background: #fff url(../images/srp-sprite-mobile.svg) no-repeat 30px -459px
}

.virtual-num-top-component__thanks {
    position: relative;
    text-align: center;
    min-height: 136px;
    padding-top: 28px
}

.virtual-num-top-component__thanks__close {
    position: absolute;
    right: 0;
    top: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.virtual-num-top-component__thanks__close:after,.virtual-num-top-component__thanks__close:before {
    position: absolute;
    left: 12px;
    top: 6px;
    content: "";
    width: 1px;
    height: 12px;
    background-color: #979797;
    transform: rotate(45deg)
}

.virtual-num-top-component__thanks__close:after {
    transform: rotate(-45deg)
}

.virtual-num-top-component__thanks__tick {
    margin: 0 auto 6px;
    width: 20px;
    height: 20px;
    background-color: #5e81f4;
    border-radius: 100%;
    position: relative
}

.virtual-num-top-component__thanks__tick:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 6px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg)
}

.virtual-num-top-component__thanks__heading {
    font-size: 1.333rem;
    color: #000;
    padding-bottom: 16px
}

.contact-vnum-card {
    padding: 8px 12px;
    background-color: #fff;
    margin-bottom: 8px;
    color: #000;
    line-height: 1.833rem
}

.contact-vnum-card__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000
}

.contact-vnum-card__content {
    margin-top: 8px
}

.contact-vnum-card__content__data {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000
}

.contact-vnum-card__content__data .view-details {
    cursor: pointer;
    text-decoration: underline;
    display: inline-block
}

.contact-vnum-card__detailsCard {
    margin-top: 16px;
    display: flex
}

.contact-vnum-card__detailsCard__user-info {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.64;
    letter-spacing: normal;
    color: #000;
    flex: 1
}

.contact-vnum-card__detailsCard__user-info__number {
    font-weight: 600
}

.contact-vnum-card__detailsCard__action__cta {
    border-radius: 16px;
    background-color: #5e81f4;
    font-weight: 600;
    color: #fff;
    width: 100%;
    height: 32px;
    padding: 0 12px 0 36px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.contact-vnum-card__detailsCard__action__cta:before {
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -778px;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 14px;
    transform: scale(.75);
    top: 6px
}

#mbsrpPagination {
    min-height: 60px
}

#mbsrpPagination.nonseo {
    min-height: 0
}

.mb-srp-m__action .vnum-cta-green {
    padding: 5px 12px;
    border-radius: 16px;
    background-color: #5e81f4!important;
    border-color: #5e81f4!important;
    font-weight: 600;
    color: #fff;
    width: 124px;
    height: 32px;
    position: relative;
    display: block
}

.mb-srp-m__action .vnum-cta-green__large {
    width: calc(50% - 25px)
}

.mb-srp-m__action .vnum-cta-green__large:before {
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat -24px -778px;
    display: inline-block;
    height: 20px;
    width: 20px;
    transform: scale(.75);
    vertical-align: middle
}

.true-caller-toast {
    position: fixed;
    background: #323232;
    z-index: 222;
    font-size: 1.166rem;
    color: #fff;
    padding: 12px;
    left: 5vw;
    bottom: 100px;
    box-shadow: 0 0 10px 5px rgba(0,0,0,.3);
    border-radius: 4px;
    width: 86vw;
    text-align: center
}

.mb-srp-m__card__usp__ownavlblm {
    font-size: 1rem;
    color: #000;
    line-height: 20px;
    padding-left: 25px;
    position: relative;
    margin-right: 16px;
    display: inline-block
}

.mb-srp-m__card__usp__ownavlblm:before {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    top: 6px;
    left: 8px;
    border-radius: 100%;
    background: #ffc72c;
    cursor: pointer;
    box-shadow: 0 0 0 #ffebb3;
    animation: pulse-yellow 2s infinite
}

.mb-srp-m__card__usp__ownavlblm--greenanim:before {
    background: #5e81f4;
    box-shadow: 0 0 0 #b2dfd8;
    animation: pulse 2s infinite
}

.mb-srp-m__card__usp__ownavlblm--tenants {
    padding-left: 21px
}

.mb-srp-m__card__usp__ownavlblm--tenants:before {
    width: 20px;
    height: 14px;
    background: none;
    animation: none;
    box-shadow: none;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -17px -3200px;
    top: 4px;
    left: 2px
}

.mb-srp-m__card__usp__ownavlblm--owners {
    padding-left: 20px
}

.mb-srp-m__card__usp__ownavlblm--owners:before {
    width: 20px;
    height: 14px;
    background: none;
    animation: none;
    box-shadow: none;
    background: url(../images/srp-sprite-mobile.svg) no-repeat -17px -3226px;
    top: 4px;
    left: 2px
}

@keyframes pulse-yellow {
    0% {
        box-shadow: 0 0 0 0 #ffebaf
    }

    70% {
        box-shadow: 0 0 0 6px rgba(255,235,175,.4)
    }

    to {
        box-shadow: 0 0 0 0 rgba(255,235,175,.4)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #afeaef
    }

    70% {
        box-shadow: 0 0 0 6px rgba(147,209,214,.4)
    }

    to {
        box-shadow: 0 0 0 0 rgba(175,234,239,.4)
    }
}

.sPrice-offer {
    font-size: 1rem;
    line-height: 16px;
    color: #000;
    position: relative;
    padding-right: 4px
}

.sPrice-offer__inner {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 0 4px;
    margin-right: 2px
}

.sPrice-offer__inner:before {
    content: "";
    background: url(../images/srp-sprite-mobile.svg) no-repeat -17px -3279px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    box-sizing: border-box
}

.sPrice-offer .sPrice-offer__content__text-2 {
    display: inline
}

.sPrice-offer__label {
    font-weight: 700;
    position: relative
}

.sPrice-offer__bPrice {
    text-decoration: line-through;
    color: #606060;
    margin-left: 4px
}

.sPrice-offer__oPrice {
    font-weight: 600;
    margin-left: 4px
}

.sPrice-offer__rupee {
    font-family: arial
}

.srpbhpc {
    display: none;
    padding: 16px 0 0
}

.show-other-info .srpbhpc {
    display: block
}

.srpbhpc__prices {
    display: flex;
    gap: 21px;
    white-space: nowrap;
    overflow-y: scroll;
    margin: 0 -16px;
    padding: 0 16px 18px;
    scrollbar-width: none
}

.srpbhpc__prices::-webkit-scrollbar {
    display: none
}

.srpbhpc__price {
    position: relative
}

.srpbhpc__price:not(:last-child):after {
    content: "";
    height: 100%;
    width: 1px;
    background: #d7d7d7;
    position: absolute;
    top: 0;
    right: -10px
}

.srpbhpc__price--label {
    font-size: 10px;
    display: block;
    line-height: 12px;
    color: #606060;
    padding-bottom: 6px
}

.srpbhpc__price--amount {
    display: block;
    font-size: 1rem;
    line-height: 16px;
    color: #000;
    font-weight: 600
}

.srpbhpc__hlgts {
    position: relative;
    border-radius: 10px;
    background-color: #e0f2f0;
    padding-bottom: 1px
}

.srpbhpc__hlgts__wrp {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow-y: scroll;
    padding: 0 16px;
    margin: 0 -16px;
    scrollbar-width: none
}

.srpbhpc__hlgts__wrp::-webkit-scrollbar {
    display: none
}

.srpbhpc__hlgts__wrp--txt {
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    display: block;
    color: #606060;
    background: #fff;
    padding: 0 6px 0 0
}

.srpbhpc__hlgts--lists {
    display: flex;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 6px
}

.srpbhpc__hlgts--item {
    font-size: 12px;
    line-height: 11px;
    color: #000;
    position: relative;
    padding-left: 20px;
    display: inline-block;
    margin-right: 12px
}

.srpbhpc__hlgts--item:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4;
    transform: rotate(-45deg);
    border-radius: 2px
}

.view-more-pagination {
    background-color: #fff;
    padding-bottom: 16px
}

.view-more-pagination__title {
    padding: 24px 0;
    text-align: center;
    font-size: 14px;
    color: #606060;
    font-weight: 600
}

.pagination-wrap {
    background-color: #fff7e1;
    border: 1px solid #ffebb3;
    border-radius: 8px;
    margin: 0 12px;
    padding: 12px 0
}

.pagination-wrap.sticky-pagination {
    padding: 8px 0;
    border: none;
    border-radius: 0;
    margin: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100px;
    z-index: 90;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.1);
    display: none
}

.pagination-wrap.sticky-pagination.posBottom {
    bottom: 68px;
    display: block
}

.pagination-wrap.sticky-pagination.posBottom .mb-pagination__list {
    gap: 8px
}

.pagination-wrap.sticky-pagination.posBottom .mb-pagination__list--item a {
    height: 24px;
    width: 24px;
    line-height: 24px
}

.pagination-wrap.sticky-pagination .mb-pagination--next a,.pagination-wrap.sticky-pagination .mb-pagination--previous a {
    font-size: 12px
}

.pagination-wrap .mb-pagination {
    padding: 0
}

.pagination-wrap .mb-pagination__list--item {
    padding: 0 2px
}

.pagination-wrap .mb-pagination__list--item a {
    width: 32px;
    height: 36px;
    line-height: 34px
}

.pagination-wrap .mb-pagination__list--item.active a {
    width: 36px
}

.pagination-wrap .mb-pagination--next a,.pagination-wrap .mb-pagination--previous a {
    color: #5e81f4;
    font-size: 0
}

.pagination-wrap .mb-pagination--next a:before,.pagination-wrap .mb-pagination--previous a:before {
    width: 10px;
    height: 10px;
    border-left: 2px solid #5e81f4;
    border-bottom: 2px solid #5e81f4
}

.pagination-wrap .mb-pagination--next.disabled a,.pagination-wrap .mb-pagination--previous.disabled a {
    color: #606060
}

.pagination-wrap .mb-pagination--next.disabled a:before,.pagination-wrap .mb-pagination--previous.disabled a:before {
    border-color: #606060
}

.video-photo {
    position: relative
}

.video-photo .icon-video {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 100%
}

.video-photo .icon-video,.video-photo .icon-video:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.video-photo .icon-video:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #5e81f4
}

.mvInfo {
    margin-bottom: 10px
}

.mvInfo__item {
    padding: 10px 0;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.mvInfo__item:first-child {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.mvInfo__item--video {
    cursor: pointer
}

.mvInfo__item--video-icon {
    width: 16px;
    height: 12px;
    display: block;
    border: 1px solid #000;
    transform: rotate(-5deg);
    position: relative;
    margin-right: 10px
}

.mvInfo__item--video-icon:before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 6px solid #000;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.mvInfo__item--video-icon:after {
    background: #000;
    height: 1px;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    content: ""
}

.mvInfo__item--map:before {
    background: url(../images/srp-sprite-mobile.svg) no-repeat -27px -2248px;
    content: "";
    display: block;
    width: 13px;
    height: 14px;
    transform: scale(1.2);
    margin-right: 10px
}

.mb-srp-m__card__freecaboff__container .rupees {
    vertical-align: unset
}

@keyframes flipText {
    0% {
        transform: translateY(40px)
    }

    25% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-40px)
    }

    to {
        transform: translateY(-40px)
    }
}

#stories-react.stories.carousel {
    max-height: 132px
}

.App {
    text-align: center
}

.App-logo {
    height: 40vmin
}

.story-container {
    padding: 0
}

.App-header {
    background-color: #282c34;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: calc(10px + 2vmin);
    color: #fff
}

.App-link {
    color: #09d3ac
}

.list-inline {
    width: 100%
}

.list-inline ul {
    list-style: none;
    margin: 0;
    width: 100%
}

.list-inline ul li {
    list-style: none;
    float: left;
    padding: 5px;
    margin: 0
}

.list-inline ul li p {
    width: 207px;
    padding: 0;
    margin: 0;
    font-size: 1.333rem
}

.clearfix {
    clear: both
}

.text-center {
    text-align: center
}

.btn-lg {
    padding: 12px 32px
}

.btn-lg,.btn-sm {
    border-radius: 25px;
    font-size: 1.166rem;
    border: 0
}

.btn-sm {
    padding: 6px 18px
}

.btn-red {
    color: #fff;
    border-radius: 22px;
    background: #5e81f4!important
}

.marTop0 {
    margin-top: 0!important
}

.padding-top0 {
    padding-top: 0!important
}

.bgWhite {
    background: #fff!important
}

.solidBorderBtn {
    border-bottom: 1px solid #cecece!important
}

.marTop10 {
    margin-top: 10px
}

.marTop20 {
    margin-top: 20px
}

.marTop30 {
    margin-top: 30px
}

.marTop40 {
    margin-top: 40px
}

.marTop60 {
    margin-top: 60px
}

.float-right {
    float: right
}

.float-left {
    float: left!important
}

.right0px {
    right: 0
}

.left0px {
    left: 0
}

.marLeft20 {
    margin-left: 20px!important
}

.paddingLeft15 {
    padding-left: 15px!important
}

.marTop120 {
    margin-top: 120px
}

.marBottom10 {
    margin-bottom: 10px
}

.marTop74 {
    margin-top: 70px!important
}

.fontweightNormal {
    font-weight: 400!important
}

.wid200 {
    width: 200px
}

.black {
    background: #000!important
}

.corridor_popup {
    width: 100%;
    height: 100%
}

.corridor_popup .main-container {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.corridor_popup .main-container #openPopup {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    background: #000;
    display: none
}

.corridor_popup .main-container #openPopup .popupImage {
    width: 100%;
    text-align: center;
    padding-top: 150px
}

.corridor_popup .main-container #openPopup .popupImage video {
    width: 90%;
    margin: 0 auto
}

.corridor_popup .main-container #openPopup .cross {
    width: 80%;
    margin: 0 auto;
    text-align: right;
    padding: 40px
}

.corridor_popup .main-container #openPopup .cross img {
    margin: 0 auto
}

.corridor_popup .main-container #mainContent .swipeLeft {
    position: absolute;
    width: 20%;
    height: 90%;
    left: 0;
    top: 254px;
    z-index: 99999
}

.corridor_popup .main-container #mainContent .swipeRight {
    position: absolute;
    width: 70%;
    height: 90%;
    right: 0;
    top: 254px;
    z-index: 99999
}

.corridor_popup .main-container .loaderContainer {
    position: absolute;
    width: 100%
}

.corridor_popup .main-container .loaderContainer #statusBar {
    width: 100%;
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-direction: row
}

.corridor_popup .main-container .loaderContainer #statusBar li {
    width: auto;
    margin-right: 5px;
    background: #f5f5f5;
    height: 3px;
    padding: 0!important;
    flex-wrap: wrap
}

.corridor_popup .main-container .loaderContainer #statusBar li .loadingBar {
    margin: auto
}

.corridor_popup .main-container .loaderContainer #statusBar li .loadCss {
    height: 3px!important
}

.corridor_popup .main-container .loaderContainer #statusBar li:last-child {
    margin-right: 0!important
}

.corridor_popup .main-container .Loading {
    width: 11.6%;
    height: 2px;
    background: #cecece;
    border-radius: 4px;
    float: left;
    display: flex;
    margin: 10px 1.5px
}

.corridor_popup .main-container .active {
    animation: load 3s;
    width: 11.6%;
    background: #000
}

@keyframes load {
    0% {
        width: 0
    }

    25% {
        width: 40%
    }

    50% {
        width: 60%
    }

    75% {
        width: 75%
    }

    to {
        width: 100%
    }
}

.corridor_popup .main-container .title {
    margin: 0;
    padding: 0
}

.corridor_popup .main-container .title ul {
    margin: 0;
    font-weight: 500;
    width: 94%;
    padding: 12px
}

.corridor_popup .main-container .title ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    color: #000;
    font-size: 1.333rem;
    font-weight: 700
}

.corridor_popup .main-container .title ul li:nth-child(n+2) {
    padding: 12px 0 0 10px
}

.corridor_popup .main-container .title ul li:nth-child(3) {
    float: right;
    padding-right: 10px
}

.corridor_popup .main-container .bgImage {
    background: url(../images/acrossImg.png) rgba(0,0,0,.2) 0 0 no-repeat!important
}

.corridor_popup .main-container .bgImage .banner .cardContent {
    margin-top: 180px;
    width: 100%!important;
    color: #fff!important
}

.corridor_popup .main-container .bgImage .banner .cardContent .markedtedBy {
    margin-top: 80px;
    font-size: 1.166rem;
    font-weight: 400
}

.corridor_popup .main-container .bgImage .banner .cardContent h1 {
    font-size: 26px!important;
    font-weight: 700;
    color: #fff;
    margin: 20px 0 8px;
    width: 280px
}

.corridor_popup .main-container .bgImage .banner .cardContent .subTitle {
    font-size: 1.166rem!important;
    width: 220px
}

.corridor_popup .main-container .bgImage .banner .cardContent ul {
    margin-top: 35px!important
}

.corridor_popup .main-container .bgImage .banner .cardContent ul li {
    margin-right: 45px!important
}

.corridor_popup .main-container .bgImage .banner .cardContent ul li p {
    font-size: 1.5rem!important
}

.corridor_popup .main-container .bgImage .banner .cardContent ul li span {
    color: #fff!important;
    font-size: 1.166rem!important
}

.corridor_popup .main-container .bgBlue .banner .cardContent {
    margin-top: -50px;
    width: 90%!important;
    color: #000!important;
    background: #cdf7ff;
    right: 0;
    border-top-left-radius: 50px;
    min-height: 473px;
    position: inherit
}

.corridor_popup .main-container .bgBlue .banner .cardContent .logo {
    padding: 28px 7px 0 0!important
}

.corridor_popup .main-container .bgBlue .banner .cardContent .markedtedBy {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 400
}

.corridor_popup .main-container .bgBlue .banner .cardContent h1 {
    font-size: 1.833rem;
    font-weight: 700;
    color: #000;
    margin: 20px 0 8px;
    width: 280px
}

.corridor_popup .main-container .bgBlue .banner .cardContent .subTitle {
    font-size: 1.166rem!important;
    width: 220px
}

.corridor_popup .main-container .bgBlue .banner .cardContent ul {
    margin-top: 35px!important
}

.corridor_popup .main-container .bgBlue .banner .cardContent ul li {
    margin-right: 45px!important;
    color: #000
}

.corridor_popup .main-container .bgBlue .banner .cardContent ul li p {
    font-size: 1.5rem!important
}

.corridor_popup .main-container .bgBlue .banner .cardContent ul li span {
    font-size: 1.166rem!important;
    color: #000!important
}

.corridor_popup .main-container .cardContainer {
    margin: 0 auto;
    overflow: hidden;
    padding: 200px 0 12px;
    height: 100%;
    min-height: 680px;
    opacity: 1;
    transition: opacity 1s;
    background: #fff7e1
}

.corridor_popup .main-container .cardContainer .posRelative {
    position: relative
}

.corridor_popup .main-container .cardContainer .banner .leftImage img {
    width: 344px;
    height: 210px;
    border-top-right-radius: 50px
}

.corridor_popup .main-container .cardContainer .banner .cardContent {
    position: absolute;
    z-index: 999;
    width: 155px
}

.corridor_popup .main-container .cardContainer .banner .cardContent .logo {
    padding: 10px 7px 0 0
}

.corridor_popup .main-container .cardContainer .banner .cardContent h2 {
    width: 140px;
    margin: 0;
    padding: 10px 0 0
}

.corridor_popup .main-container .cardContainer .banner .cardContent .subTitle {
    font-size: 1rem;
    padding: 5px 0 0;
    font-weight: 500
}

.corridor_popup .main-container .cardContainer .banner .cardContent .subTitle span {
    color: #5e81f4
}

.corridor_popup .main-container .cardContainer .banner .cardContent ul {
    padding: 0 0 10px;
    list-style: none
}

.corridor_popup .main-container .cardContainer .banner .cardContent ul li {
    float: left;
    margin-right: 18px;
    list-style: none;
    font-size: 1rem!important
}

.corridor_popup .main-container .cardContainer .banner .cardContent ul li p {
    font-weight: 700;
    font-size: 1rem
}

.corridor_popup .main-container .cardContainer .banner .cardContent ul li :last-child {
    margin-right: 0
}

.corridor_popup .main-container .cardContainer .banner .cardContent ul li span {
    color: #909090;
    font-size: 1rem
}

  {
    margin: 0 auto;
    overflow: hidden;
    padding: 80px 12px 12px;
    height: 100%;
    min-height: 680px;
    opacity: 1;
    transition: opacity 1s;
    background: #fff7e1
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

  .banner {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 14px
}

  .banner img {
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box
}

  .content {
    padding: 8px;
    margin: 30px 0 25px
}

  .content h1 {
    width: 304px;
    text-align: left;
    line-height: 2rem
}

  .content h1,  .content h2 {
    color: #000;
    font-weight: 600;
    font-size: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

  .content h2 {
    padding: 12px 0
}

  .content h3 {
    font-size: 1.166rem;
    color: #000;
    font-weight: 600;
    padding-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

  .content ul {
    margin: 0;
    padding: 0
}

  .content li {
    list-style: none;
    background: url(../images/list.png) 0 3px no-repeat;
    padding: 0 0 0 20px;
    margin-bottom: 10px;
    text-align: left
}

  .content ul.propertyDetails {
    border-bottom: 1.8px dashed #dedede;
    overflow: hidden;
    padding: 4px 0 6px
}

  .content ul.propertyDetails li {
    float: left;
    margin-right: 28px;
    background: none;
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1.5rem;
    font-size: 1rem
}

  .content ul.propertyDetails li p {
    font-size: 1.333rem;
    line-height: 2rem
}

  .content ul.propertyDetails li :last-child {
    margin-right: 0
}

  .content ul.propertyDetails li span {
    color: #909090;
    font-size: 1.166rem
}

.story-viewer.with-back-button .head .left .item-preview.seen {
    border: 2px solid #5e81f4
}

.story-viewer.with-back-button .head .left .item-preview {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

#zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
    margin-left: 0
}

.stories.carousel .story>.item-link>.item-preview {
    width: 52px;
    height: 52px;
    margin: auto
}

.stories.carousel .story>.item-link>.info {
    overflow: initial;
    text-overflow: clip;
    white-space: normal;
    font-size: 10px
}

#zuck-modal-content .story-viewer .head .left .info {
    max-width: 70vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#zuck-modal-content .story-viewer .head .left .info .name {
    font-size: 16px;
    color: #000;
    font-weight: 600
}

#zuck-modal-content .story-viewer .head {
    text-shadow: none
}

#zuck-modal-content .story-viewer .head .item-preview {
    width: 43px;
    height: 43px;
    border: 3px solid #5e81f4;
    margin-left: 0
}

#zuck-modal-content .story-viewer .head .left>.back {
    position: absolute;
    right: 25px;
    top: 40px;
    font-size: 0
}

#zuck-modal-content .story-viewer .slides-pointers>* {
    background: #000;
    opacity: .6
}

#zuck-modal-content .story-viewer .slides-pointers>*>*>b {
    background: #000
}

#zuck-modal-content .story-viewer .slides-pointers {
    top: 5px
}

#zuck-modal-content .story-viewer .slides-pointers>*>.seen {
    background: #000;
    opacity: .6
}

#zuck-modal-content .story-viewer .head .left>.back:after,#zuck-modal-content .story-viewer .head .left>.back:before {
    position: absolute;
    left: 15px;
    content: " ";
    height: 20px;
    width: 2px;
    background-color: #000
}

#zuck-modal-content .story-viewer .head .left>.back:before {
    transform: rotate(45deg)
}

#zuck-modal-content .story-viewer .head .left>.back:after {
    transform: rotate(-45deg)
}

.bgpink {
    background-color: #fff7e1
}

.storyFirst h1 {
    margin: 58px 0 20px
}

.storyFirst .banner img {
    width: auto
}

.storyFirst .lstdescript {
    color: #000;
    line-height: 1.833rem;
    font-size: 1.333rem
}

.storyFirst li {
    line-height: 1.833rem;
    font-size: 1.333rem;
    margin-bottom: 12px
}

.cardContainer {
    margin: 0 auto;
    min-height: 680px
}

.cardContainer .banner {
    height: 232px;
    width: 340px
}

.wraper {
    position: relative
}

.wraper img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    background-clip: padding-box
}

.wraper h2 {
    color: #000;
    font-size: 1.333rem;
    font-weight: 700;
    padding-top: 8px;
    line-height: 1.833rem
}

.wraper .subTitle {
    font-size: 11px;
    padding: 5px 0 12px;
    font-weight: 500
}

.wraper .subTitle span {
    color: #5e81f4
}

.wraper ul {
    padding: 0 10px 0 0;
    list-style: none
}

.wraper ul li {
    float: left;
    margin-right: 18px;
    list-style: none;
    font-size: 1rem!important
}

.wraper ul li:last-child {
    margin-right: 0
}

.wraper ul li p {
    font-weight: 600;
    font-size: 1rem;
    padding-top: 8px
}

.wraper ul li span {
    font-size: 1rem;
    color: #909090;
    display: block;
    padding-top: 5px
}

.wraper .cardContent {
    position: absolute;
    z-index: 999;
    width: 155px;
    top: 10px
}

.wraper .cardContent .brandlogo {
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    float: right;
    margin-right: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    display: block
}

.wraper .cardContent .brandlogo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bnrright img {
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    background-clip: padding-box
}

.bnrright .cardContent {
    width: 180px;
    margin-left: 20px
}

.videowrap .banner {
    height: 157px;
    position: relative;
    display: flex;
    padding-bottom: 0;
    margin-bottom: 14px;
    background: #000;
    border-radius: 8px
}

.videowrap .banner img {
    width: 100%;
    height: 100%
}

.videowrap .banner .video-icon {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -24px;
    display: flex
}

.videowrap .banner .video-icon:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #ce0037;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.youtube-container {
    position: fixed;
    height: 100%;
    background: #000;
    left: 0;
    z-index: 999999;
    top: 0;
    bottom: 0;
    right: 0;
    display: none
}

.youtube-container iframe {
    top: 35vh;
    position: absolute
}

.youtube-container .icon-close {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 100%;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 16px
}

.youtube-container .icon-close:after,.youtube-container .icon-close:before {
    content: "";
    height: 20px;
    width: 2px;
    background: #fff;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 8px
}

.youtube-container .icon-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.displayblock {
    display: block
}

.video-style {
    width: 100%
}

.corridor_popup .main-container   {
    margin: 0 auto;
    overflow: hidden;
    padding: 170px 12px 12px;
    height: 100%;
    min-height: 680px;
    opacity: 1;
    transition: opacity 1s;
    background: #fff7e1
}

.headingContentFirstStatic {
    color: #000;
    text-align: left;
    font-size: 20px;
    width: 238px;
    font-weight: 600
}

.slider_corridor1 .banner img {
    width: 200px;
    height: auto
}

.slider_corridor1 .content ul {
    margin: 20px 0 0
}

.slider_corridor1 .content ul li {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.667rem
}

.corridor_popup .main-container   .content {
    padding: 8px;
    margin: 30px 0 8px
}

.corridor_popup .main-container   .content .headingContentFirst {
    width: 100%;
    color: #000;
    text-align: left;
    font-size: 20px;
    white-space: nowrap;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis
}

.corridor_popup .main-container   .content .headingContentSecond {
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.corridor_popup .main-container   .content .headingContentThird {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.corridor_popup .main-container   .content ul {
    padding: 0;
    margin: 10px 0 0
}

.corridor_popup .main-container   .content li {
    list-style: none;
    padding: 0 0 0 20px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 16px
}

.corridor_popup .main-container   .content ul.propertyDetails {
    border-bottom: 1.8px dashed #dedede;
    overflow: hidden;
    padding: 0 0 7px
}

.corridor_popup .main-container   .content ul.propertyDetails li {
    float: left;
    margin-right: 28px;
    background: none;
    padding-left: 0;
    margin-bottom: 0
}

.corridor_popup .main-container   .content ul.propertyDetails li .paragrph {
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.corridor_popup .main-container   .content ul.propertyDetails li .font14 {
    font-size: 14px;
    font-weight: 600
}

.corridor_popup .main-container   .content ul.propertyDetails li :last-child {
    margin-right: 0
}

.corridor_popup .main-container   .content ul.propertyDetails li span {
    color: #909090;
    font-size: 14px;
    font-weight: 400
}

.corridor_popup .main-container .bgImage {
    width: 100%;
    height: 100%!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-blend-mode: multiply;
    background-color: none
}

.insta-video {
    width: 100%;
    height: auto;
    background-color: #000;
    z-index: 9999
}

.insta-video-popup {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
    background-color: #000
}

.insta-video-popup__close {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: #5e81f4;
    position: absolute;
    top: 12px;
    right: 12px
}

.insta-video-popup__close:after,.insta-video-popup__close:before {
    content: "";
    display: inline-block;
    height: 24px;
    width: 2px;
    background-color: #fff;
    position: absolute;
    top: 6px;
    left: 18px
}

.insta-video-popup__close:before {
    transform: rotate(-45deg)
}

.insta-video-popup__close:after {
    transform: rotate(45deg)
}

.insta-video-popup__container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.insta-video-popup__container iframe {
    width: 100%;
    height: 316px;
    background-color: #000
}

.stories.carousel .story {
    margin: 0 8px
}

.investment-corridors {
    position: fixed;
    top: 30px;
    left: 60px;
    background-color: #fff7e1;
    padding: 5px;
    font-size: 18px;
    font-weight: 600;
    line-height: 2rem;
    width: 260px;
    height: 30px;
    z-index: 9999999999
}

.mb-pagination {
    width: 100%;
    height: auto;
    padding: 8px 0 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .mb-pagination {
        padding:16px 0
    }
}

.mb-pagination,.mb-pagination * {
    font-family: Montserrat
}

.mb-pagination--previous.disabled a:hover:before {
    left: 0
}

.mb-pagination--next.disabled a:hover:before {
    right: 0
}

.mb-pagination--next.disabled a,.mb-pagination--previous.disabled a {
    color: #d7d7d7
}

@media screen and (max-width: 767px) {
    .mb-pagination--next.disabled a:active,.mb-pagination--previous.disabled a:active {
        text-decoration:none
    }
}

@media screen and (min-width: 768px) {
    .mb-pagination--next.disabled a:hover,.mb-pagination--previous.disabled a:hover {
        text-decoration:none
    }
}

.mb-pagination--next.disabled a:before,.mb-pagination--previous.disabled a:before {
    border-color: #d7d7d7
}

.mb-pagination--next a,.mb-pagination--previous a {
    display: flex;
    align-items: center;
    color: #606060;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .mb-pagination--next a,.mb-pagination--previous a {
        font-size:12px;
        line-height: 16px
    }
}

@media screen and (max-width: 767px) {
    .mb-pagination--next a:active,.mb-pagination--previous a:active {
        text-decoration:underline
    }
}

@media screen and (min-width: 768px) {
    .mb-pagination--next a:hover,.mb-pagination--previous a:hover {
        text-decoration:underline
    }
}

.mb-pagination--next a:before,.mb-pagination--previous a:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 1px solid #606060;
    border-bottom: 1px solid #606060;
    transition: all .3s ease
}

@media screen and (max-width: 767px) {
    .mb-pagination--next a:before,.mb-pagination--previous a:before {
        width:6px;
        height: 6px
    }
}

.mb-pagination--previous {
    justify-content: flex-start;
    padding-right: 12px
}

@media screen and (max-width: 767px) {
    .mb-pagination--previous {
        padding-right:4px
    }
}

.mb-pagination--previous a {
    padding-left: 12px
}

.mb-pagination--previous a:hover:before {
    left: -4px
}

.mb-pagination--previous a:before {
    left: 0;
    transform: rotate(45deg)
}

.mb-pagination--next {
    justify-content: flex-end;
    padding-left: 12px
}

@media screen and (max-width: 767px) {
    .mb-pagination--next {
        padding-left:4px
    }
}

.mb-pagination--next a {
    padding-right: 12px
}

.mb-pagination--next a:hover:before {
    right: -4px
}

.mb-pagination--next a:before {
    right: 0;
    transform: rotate(-135deg)
}

.mb-pagination__list {
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    list-style: none
}

@media screen and (max-width: 767px) {
    .mb-pagination__list {
        width:100%
    }
}

.mb-pagination__list--item {
    width: auto;
    height: auto;
    padding: 0 10px
}

@media screen and (max-width: 767px) {
    .mb-pagination__list--item {
        padding:0 4px
    }
}

.mb-pagination__list--item.break {
    cursor: pointer
}

.mb-pagination__list--item a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    background-color: transparent;
    color: #606060;
    font-size: 14px;
    font-weight: 400;
    border-radius: 50%;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .mb-pagination__list--item a {
        width:28px;
        height: 28px;
        line-height: 28px;
        font-size: 12px
    }
}

@media screen and (max-width: 767px) {
    .mb-pagination__list--item a:active {
        background-color:#d7d7d7
    }
}

@media screen and (min-width: 768px) {
    .mb-pagination__list--item a:hover {
        background-color:#d7d7d7
    }
}

.mb-pagination__list--item.active a {
    color: #fff;
    background-color: #5e81f4;
    font-weight: 600
}

.footer-m-container {
    padding: 24px 16px 0;
    background: #fff
}

.footer-m-container .bg-gray {
    background: #e8e8e8;
    width: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px
}

.footer-m-container .bg-darkGray {
    background: #000;
    width: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px
}

.footer-m-intro--heading {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 16px
}

.footer-m-intro--text {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin-bottom: 24px
}

.footer-m-applogo,.footer-m-social {
    margin-bottom: 24px
}

.footer-m-applogo {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-m-applogo>a:not(:last-child) {
    margin-right: 8px
}

.footer-m-applogo .apple-store,.footer-m-applogo .google-play {
    background-image: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 120px;
    height: 32px
}

.footer-m-applogo .google-play {
    background-position: -6px -835px
}

.footer-m-applogo .apple-store {
    background-position: -134px -835px
}

.footer-m-social {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-m-social>a:not(:last-child) {
    margin-right: 8px
}

.footer-m-social .facebook,.footer-m-social .instagram,.footer-m-social .linkedin,.footer-m-social .twitter,.footer-m-social .youtube {
    background-image: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg);
    background-repeat: no-repeat;
    display: inline-block
}

.footer-m-social .facebook {
    width: 32px;
    height: 33px;
    background-position: -6px -887px
}

.footer-m-social .twitter {
    width: 32px;
    height: 33px;
    background-position: -46px -887px
}

.footer-m-social .linkedin {
    width: 32px;
    height: 33px;
    background-position: -86px -887px
}

.footer-m-social .youtube {
    width: 32px;
    height: 33px;
    background-position: -126px -887px
}

.footer-m-social .instagram {
    width: 32px;
    height: 33px;
    background-position: -166px -887px
}

.footer-m-props {
    margin-bottom: 24px
}

.footer-m-props--item {
    font-size: 12px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    text-decoration: none
}

.footer-m-props--lists {
    width: auto;
    display: flex;
    flex-flow: column wrap;
    max-height: 100px;
    overflow-x: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.footer-m-props--lists.footer-m-props--ps {
    max-height: 32px
}

.footer-m-props--lists::-webkit-scrollbar {
    display: none
}

.footer-m-props--item {
    width: auto;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 75vw
}

.footer-m-secheading {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 16px
}

.footer-m-odetails {
    margin-bottom: 24px
}

.footer-m-odetails--lists {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 0 10px
}

.footer-m-odetails--item {
    font-size: 12px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    text-decoration: none
}

.footer-m-discmailer,.footer-m-tmsec {
    font-size: 10px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
    text-decoration: none
}

.footer-m-tmsec {
    color: #fff
}

.mb-map-m {
    margin: 0;
    display: none;
    color: #000;
    line-height: 1.4;
    font-size: 14px
}

.mb-map-m * {
    box-sizing: border-box;
    font-family: Montserrat,Arial,sans-serif
}

.mb-map-m__popup {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99
}

.mb-map-m__popup__header {
    position: absolute;
    height: 51px;
    background: #fff;
    border-bottom: 1px solid #d3d3d3;
    color: #606060;
    font-size: 16px;
    font-weight: 600;
    line-height: 51px;
    left: 0;
    right: 0;
    padding: 0 20px 0 50px;
    z-index: 99
}

.mb-map-m__popup__close {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 16px;
    height: 16px
}

.mb-map-m__popup__close:after,.mb-map-m__popup__close:before {
    content: "";
    display: block;
    width: 2px;
    height: 18px;
    background-color: #909090;
    position: absolute;
    left: 5px;
    top: 0
}

.mb-map-m__popup__close:before {
    transform: rotate(45deg)
}

.mb-map-m__popup__close:after {
    transform: rotate(-45deg)
}

.mb-map-m__categories {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    height: 43px;
    overflow: hidden
}

.mb-map-m__categories__scroll {
    white-space: nowrap;
    overflow: auto;
    height: 60px
}

.mb-map-m__categories__item {
    cursor: pointer;
    padding: 12px;
    font-size: 12px;
    color: #606060;
    font-weight: 600;
    line-height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.mb-map-m__categories__item.active,.mb-map-m__categories__item:hover {
    color: #ce0037
}

.mb-map-m__categories__item.active:before,.mb-map-m__categories__item:hover:before {
    content: "";
    height: 2px;
    background: #5e81f4;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: -1px
}

.mb-map-m__view {
    position: relative
}

.mb-map-m__view__map {
    background: #f4f4f4;
    height: 100vh;
    overflow: hidden
}

.mb-map-m__view__info {
    position: absolute;
    bottom: 0;
    z-index: 9999;
    left: 8px;
    right: 8px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 5px 0 rgba(48,48,48,.3);
    overflow: hidden;
    max-height: 266px;
    -webkit-transition: max-height .8s;
    -moz-transition: max-height .8s;
    transition: max-height .8s
}

.mb-map-m__view__info.expand {
    max-height: 600px
}

.mb-map-m__view__info.expand .mb-map-m__landmarks__list {
    max-height: 400px;
    overflow: auto;
    transition: max-height .8s
}

.mb-map-m__view__info-expand {
    width: 48px;
    height: 5px;
    border-radius: 4px;
    background: #d8d8d8;
    position: absolute;
    top: 12px;
    left: calc(50% - 24px);
    z-index: 1
}

.mb-map-m__landmarks__list {
    max-height: 150px;
    overflow: auto;
    transition: max-height .8s
}

.mb-map-m__landmarks__item {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    padding: 8px;
    font-size: 12px;
    color: #606060;
    align-items: center
}

.mb-map-m__landmarks__item .mb-map-m__landmarks__icon:before {
    background: url(https://cdn.staticmb.com/searchstatic/images/sprite-landmark-Icons-16pxV1.svg) no-repeat
}

.mb-map-m__landmarks__item.landmarks-Education .mb-map-m__landmarks__icon:before,.mb-map-m__landmarks__item.landmarks-Educational-Institute .mb-map-m__landmarks__icon:before,.mb-map-m__landmarks__item.landmarks-Educational .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -13px -25px;
    width: 15px;
    height: 12px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Commercial-Hub .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -13px -60px;
    width: 14px;
    height: 12px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Metro-Station .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -13px -95px;
    width: 12px;
    height: 13px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Shopping-Centre .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -13px -133px;
    width: 12px;
    height: 15px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Transportation-Hub .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -13px -171px;
    width: 15px;
    height: 12px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Hospital .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -14px -215px;
    width: 13px;
    height: 12px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Road .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -14px -259px;
    width: 12px;
    height: 12px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Airport .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -13px -302px;
    width: 14px;
    height: 14px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Residential-Complex .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -14px -346px;
    width: 12px;
    height: 13px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Hotel_Resorts .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -12px -391px;
    width: 16px;
    height: 11px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Sports .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -13px -436px;
    width: 14px;
    height: 9px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Tourist-Spot .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -13px -478px;
    width: 13px;
    height: 14px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__item.landmarks-Bank .mb-map-m__landmarks__icon:before {
    content: "";
    background-position: -13px -521px;
    width: 13px;
    height: 15px;
    display: block;
    transform: scale(1.7)
}

.mb-map-m__landmarks__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.mb-map-m__landmarks__info {
    width: calc(100% - 100px);
    padding: 0 0 0 12px
}

.mb-map-m__landmarks__name {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #606060;
    padding-bottom: 4px
}

.mb-map-m__landmarks__dist {
    width: 60px;
    text-align: right
}

.mb-map-m__pCard {
    padding: 24px 16px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #606060;
    line-height: 18px
}

.mb-map-m__pCard__content {
    width: calc(100% - 136px)
}

.mb-map-m__pCard__action {
    width: 136px
}

.mb-map-m__pCard__action__cta {
    text-decoration: none;
    display: block;
    border-radius: 16px;
    text-align: center;
    background: #5e81f4;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.mb-map-m__pCard__owner {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 4px
}

.mb-map-m__pCard__price {
    color: #606060;
    font-size: 14px
}

.mb-map-m__pCard__price span {
    font-weight: 600
}

.mb-map-m__pCard__plotType {
    font-size: 14px;
    color: #606060
}

.mb-map-m__pCard__plotType span {
    color: #606060
}

.m-srp-card__action__map {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 36px
}

.m-srp-card__action__map .btn-viewOnMap {
    font-size: 14px;
    font-weight: 600;
    color: #ce0037;
    text-decoration: underline;
    position: relative;
    padding-right: 15px
}

.m-srp-card__action__map .btn-viewOnMap:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 8px;
    height: 8px;
    border-left: 1px solid #5e81f4;
    border-bottom: 1px solid #5e81f4;
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .3s ease;
    cursor: auto
}

.m-srp-card__action__map .btn-viewOnMap.viewed {
    padding: 0 0 0 18px
}

.m-srp-card__action__map .btn-viewOnMap.viewed:after {
    display: none
}

.m-srp-card__action__map .btn-viewOnMap.viewed .btn-viewOnMap__icon {
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px
}

.m-srp-card__action__map .btn-viewOnMap.viewed .btn-viewOnMap__icon:after,.m-srp-card__action__map .btn-viewOnMap.viewed .btn-viewOnMap__icon:before {
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background-color: #ce0037;
    position: absolute;
    left: 5px;
    top: 0
}

.m-srp-card__action__map .btn-viewOnMap.viewed .btn-viewOnMap__icon:before {
    transform: rotate(45deg)
}

.m-srp-card__action__map .btn-viewOnMap.viewed .btn-viewOnMap__icon:after {
    transform: rotate(-45deg)
}

body.scrollHidden {
    overflow: hidden!important
}

.mapboxgl-popup-content {
    position: relative;
    background: #fff;
    border-radius: 8px!important;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.4)!important;
    padding: 6px 20px!important;
    pointer-events: auto;
    font-size: 12px;
    color: #000;
    font-weight: 600
}

.mb-getapp {
    width: 100vw;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 14px 0 16px;
    background: linear-gradient(90deg,#ffebf0 0,#fffafb)
}

.mb-getapp--close {
    width: 24px;
    height: 14px;
    position: relative
}

.mb-getapp--close:after,.mb-getapp--close:before {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #909090;
    left: 6px
}

.mb-getapp--close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mb-getapp--close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-getapp--logo {
    width: auto;
    height: 50px;
    position: relative;
    background-color: #fffafb;
    border: 1px solid #000;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    padding: 7px;
    align-self: flex-end;
    box-shadow: 0 -1px 7px 3px rgba(0,0,0,.06)
}

.mb-getapp--logoic {
    width: 20px;
    height: 16px;
    margin: 0 auto 4px;
    display: inline-block;
    animation: scalelogo 3s ease-out infinite forwards;
    transform: scale(0)
}

.mb-getapp__dwnld {
    width: 14px;
    height: 14px;
    position: relative;
    margin: auto
}

.mb-getapp__dwnld__arrow {
    display: inline-block;
    width: 100%;
    height: 100%;
    transform: translateY(-5px);
    animation: downloadArrowAnim 3s infinite forwards
}

.mb-getapp__dwnld__arrow:before {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 7px;
    background-color: #5e81f4;
    left: 6px;
    top: 0
}

.mb-getapp__dwnld__arrow:after {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border: solid #5e81f4;
    border-width: 0 1px 1px 0;
    bottom: 6px;
    left: 4px;
    transform: rotate(45deg)
}

.mb-getapp__dwnld__line {
    width: 12px;
    height: 1px;
    display: inline-block;
    background-color: #5e81f4;
    position: absolute;
    left: 1px;
    bottom: 1px
}

.mb-getapp__brief {
    width: calc(100vw - 160px);
    padding: 0 6px 0 12px
}

.mb-getapp__brief--text {
    max-height: 32px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.mb-getapp__brief--rating {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 4px;
    display: flex
}

.mb-getapp__brief__star {
    width: 82px;
    height: 12px;
    display: flex;
    align-items: center
}

.mb-getapp__brief__star--item {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    position: relative;
    background: url(https://cdn.staticmb.com/magicservicestatic/images/mobile/msite-header-footer.svg) no-repeat -48px -264px
}

.mb-getapp__brief__star--item:last-child {
    margin-right: 0
}

.mb-getapp--action {
    width: 75px;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 0 4px;
    display: inline-block;
    margin-left: auto;
    text-align: center;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    position: relative;
    overflow: hidden
}

@keyframes scalelogo {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes downloadArrowAnim {
    0% {
        transform: translateY(-3px)
    }

    20% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-3px)
    }

    60% {
        transform: translateY(0)
    }

    80% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-3px)
    }
}

@keyframes buttonAnimtn {
    0% {
        left: -50%
    }

    30% {
        left: 150%
    }

    60% {
        left: -50%
    }

    to {
        left: -50%
    }
}

.mb-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99991;
    display: none;
    cursor: default;
    background-color: rgba(0,0,0,.6);
    box-sizing: border-box
}

@media screen and (max-width: 767px) {
    .mb-modal {
        width:100vw;
        height: 100vh
    }
}

.mb-modal * {
    box-sizing: border-box
}

.mb-modal.open {
    display: flex;
    justify-content: center;
    align-items: center
}

.mb-modal--go-back {
    color: #606060;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    left: 32px;
    top: 20px;
    line-height: 14px;
    padding-left: 20px;
    cursor: pointer
}

.mb-modal--go-back:hover {
    text-decoration: underline
}

.mb-modal--go-back:after,.mb-modal--go-back:before {
    position: absolute;
    display: block;
    content: "";
    left: 0
}

.mb-modal--go-back:before {
    width: 12px;
    height: 1px;
    background-color: #606060;
    top: 6px
}

.mb-modal--go-back:after {
    width: 7px;
    height: 7px;
    border-left: 1px solid #606060;
    border-bottom: 1px solid #606060;
    top: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mb-modal--close {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 14px;
    right: 16px;
    display: inline-block;
    cursor: pointer;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .mb-modal--close {
        width:24px;
        height: 24px;
        top: 12px;
        right: 12px
    }
}

.mb-modal--close:after,.mb-modal--close:before {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 18px;
    background-color: #000;
    left: 6px;
    top: 0
}

@media screen and (max-width: 767px) {
    .mb-modal--close:after,.mb-modal--close:before {
        top:3px;
        left: 11px
    }
}

.mb-modal--close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mb-modal--close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-modal__body {
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 40px);
    position: relative
}

@media screen and (max-width: 767px) {
    .mb-modal__body {
        width:100vw!important;
        height: 100vh!important;
        max-height: 100vh!important
    }
}

.mb-modal__box {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    padding: 32px;
    overflow-y: auto
}

@media screen and (max-width: 767px) {
    .mb-modal__box {
        border-radius:0
    }
}

.mbform__select__group {
    width: 100%;
    display: block;
    justify-content: space-between;
    padding: 0
}

.mbform__select__group,.mbform__select__group * {
    font-family: Montserrat,Helvetica,Arial,sans-serif
}

.mbform__select__group * {
    box-sizing: border-box
}

.mbform__select__list {
    width: 100%
}

.mbform__select__element {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    position: relative
}

.mbform__select__label {
    display: block;
    height: 32px;
    border-radius: 20px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 0 12px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    position: relative;
    min-width: 72px;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s
}

.mbform__select__input {
    display: none
}

.mbform__select__input:checked~label {
    background-color: #e0f2f0;
    border-color: #b2dfd8
}

.mbform__select__list.traditional-checkbox-type .mbform__select__element,.mbform__select__list.traditional-radio-type .mbform__select__element {
    width: 100%;
    float: none;
    text-align: left
}

.mbform__select__list.traditional-radio-type .mbform__select__label {
    border-radius: 0;
    border: none;
    padding: 0 12px 0 32px;
    line-height: 32px;
    background: transparent;
    position: relative
}

.mbform__select__list.traditional-radio-type .mbform__select__label:after,.mbform__select__list.traditional-radio-type .mbform__select__label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ddd;
    background: #fff;
    position: absolute;
    left: 0;
    top: 6px
}

.mbform__select__list.traditional-radio-type .mbform__select__input:checked~label:before {
    border-color: #5e81f4
}

.mbform__select__list.traditional-radio-type .mbform__select__input:checked~label:after {
    background-color: #5e81f4;
    border-color: #5e81f4;
    width: 10px;
    height: 10px;
    left: 5px;
    top: 11px
}

.mbform__select__list.traditional-checkbox-type .mbform__select__label {
    border-radius: 0;
    border: none;
    padding: 0 12px 0 32px;
    line-height: 32px;
    background: transparent;
    position: relative
}

.mbform__select__list.traditional-checkbox-type .mbform__select__label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid #ddd;
    background: #fff;
    position: absolute;
    left: 0;
    top: 6px
}

.mbform__select__list.traditional-checkbox-type .mbform__select__input:checked~label:before {
    border-color: #5e81f4
}

.mbform__select__list.traditional-checkbox-type .mbform__select__input:checked~label:after {
    content: "";
    display: inline-block;
    position: absolute;
    border-bottom: 2px solid #5e81f4;
    border-right: 2px solid #5e81f4;
    width: 6px;
    height: 12px;
    left: 7px;
    top: 8px;
    transform: rotate(45deg)
}

.mbform__switch {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.mbform__switch * {
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    box-sizing: border-box
}

.mbform__switch__label {
    height: 20px;
    width: 32px;
    border-radius: 10px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    padding: 0 12px;
    cursor: pointer;
    position: relative;
    transition: all .3s
}

.mbform__switch__label:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background-color: #fff;
    position: absolute;
    left: 1px;
    top: 1px;
    transition: all .3s
}

.mbform__switch.medium .mbform__switch__label {
    height: 24px;
    width: 44px;
    border-radius: 12px
}

.mbform__switch.medium .mbform__switch__label:before {
    width: 20px;
    height: 20px
}

.mbform__switch.large .mbform__switch__label {
    height: 28px;
    width: 56px;
    border-radius: 14px
}

.mbform__switch.large .mbform__switch__label:before {
    width: 24px;
    height: 24px
}

.mbform__switch__input {
    display: none
}

.mbform__switch__input:checked~label {
    background-color: #e0f2f0;
    border-color: #5e81f4
}

.mbform__switch__input:checked~label:before {
    background-color: #5e81f4;
    border-color: #5e81f4;
    left: 13px
}

.mbform__switch.medium .mbform__switch__input:checked~label:before {
    left: 21px
}

.mbform__switch.large .mbform__switch__input:checked~label:before {
    left: 29px
}

.mb-form__loader {
    margin: 12px auto;
    padding: 0;
    font-size: 16px;
    color: #606060;
    vertical-align: middle;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 244px;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.mb-form__loader img {
    margin-right: 10px;
    vertical-align: middle
}

.mb-form__suggest {
    padding: 4px 0 0;
    font-size: 12px;
    color: #606060
}

.mb-form__suggest a {
    text-decoration: none;
    color: #5e81f4
}

.mb-form__container {
    padding: 0
}

.mb-form__container,.mb-form__container * {
    font-family: Montserrat,Helvetica,Arial,sans-serif
}

.mb-form__container * {
    box-sizing: border-box
}

.mb-form__col-group {
    width: 100%;
    display: block;
    justify-content: space-between
}

@media screen and (min-width: 768px) {
    .mb-form__col-group {
        display:flex
    }
}

.mb-form__col {
    width: 100%;
    font-family: Montserrat,Helvetica,Arial,sans-serif
}

@media screen and (min-width: 768px) {
    .mb-form__col {
        width:calc(50% - 11px)
    }
}

.mb-form__col * {
    font-family: Montserrat,Helvetica,Arial,sans-serif
}

.mb-form__col .flatpickr.flatpickr-input {
    background-repeat: no-repeat;
    background-position: right 8px;
    cursor: pointer
}

.mb-form__tnc {
    font-size: 14px;
    color: #000;
    display: flex
}

.mb-form__tnc input[type=checkbox] {
    display: none
}

.mb-form__tnc input[type=checkbox]:checked~.mb-form__tnc--label:after {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    left: 4px;
    top: 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb-form__tnc input[type=checkbox]:checked~.mb-form__tnc--label:before {
    border-color: #5e81f4;
    background-color: #5e81f4
}

.mb-form__tnc--label {
    position: relative;
    padding: 2px 0 0 28px;
    float: left;
    line-height: 18px
}

.mb-form__tnc--label a {
    font-size: 14;
    color: #000;
    font-weight: 600;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .mb-form__tnc--label a:hover {
        text-decoration:underline
    }
}

@media screen and (max-width: 767px) {
    .mb-form__tnc--label a:active {
        text-decoration:underline
    }
}

.mb-form__tnc--label:before {
    position: absolute;
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border: 2px solid #909090;
    left: 0;
    top: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box
}

.mb-form__tnc.has-error .mb-form__tnc--label,.mb-form__tnc.has-error .mb-form__tnc--label a {
    color: #5e81f4
}

.mb-form__tnc.has-error .mb-form__tnc--label:before {
    border-color: #5e81f4
}

.mb-form__row {
    width: 100%;
    min-height: 72px;
    position: relative;
    padding: 16px 0 0;
    box-sizing: border-box
}

.mb-form__row.has-select:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 28px;
    width: 8px;
    height: 8px;
    border-color: transparent #000 #000 transparent;
    border-style: solid;
    border-width: 1px;
    transform: rotate(45deg) translateY(-50%)
}

.mb-form__row:after {
    content: "";
    clear: both;
    width: 100%
}

.mb-form__row * {
    box-sizing: border-box
}

.mb-form__row.focused-fixed .mb-form__label,.mb-form__row.focused .mb-form__label {
    top: 0;
    font-size: 12px
}

.mb-form__label {
    display: block;
    font-size: 14px;
    color: #606060;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    line-height: 35px;
    transition: all .3s ease-in-out;
    cursor: text
}

.mb-form__label__required {
    color: #5e81f4;
    display: inline-block
}

.mb-form__label-no {
    left: 109px
}

.mb-form__prefix-mobile {
    float: left;
    border-right-width: 0;
    position: relative
}

.mb-form__prefix-mobile:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    right: 15px;
    border-color: #606060;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    top: 11px;
    pointer-events: none
}

.mb-form__prefix {
    display: flex
}

.mb-form__prefix__pre {
    flex-grow: 1;
    opacity: 0;
    font-size: 14px;
    color: #000;
    line-height: 30px;
    transition: all .3s
}

.mb-form__prefix .mb-form__input {
    padding-left: 20px
}

.mb-form__prefix.has-mobile {
    width: 64px
}

.mb-form__prefix.has-mobile .mb-form__input {
    padding-left: 30px
}

.mb-form__row.focused-fixed .mb-form__prefix__pre,.mb-form__row.focused .mb-form__prefix__pre {
    opacity: 1;
    font-size: 14px
}

.mb-form__input {
    display: block;
    width: 100%;
    padding: 7px 20px 8px 0;
    height: 35px;
    font-size: 14px;
    line-height: 1.5;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    outline: none;
    -webkit-text-fill-color: #000;
    color: #000;
    transition: all .3s ease-in-out;
    box-shadow: none;
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none
}

.mb-form__input::placeholder {
    color: #909090;
    opacity: 1
}

.mb-form__input:-ms-input-placeholder {
    color: #909090
}

.mb-form__input::-ms-input-placeholder {
    color: #909090
}

.mbform-otf__fieldset.has-error .mb-form__input,.mbform-otf__fieldset .has-error .mb-form__input {
    border-color: #5e81f4
}

.mb-form__mobile-no {
    width: calc(100% - 112px)
}

.mb-form__input:focus+.mb-form__label {
    top: -22px;
    font-size: 12px
}

.mb-form__textarea-label {
    color: #606060
}

.mb-form__textarea,.mb-form__textarea-label {
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    line-height: 24px
}

.mb-form__textarea {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 14px;
    display: block;
    position: relative;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.06);
    outline: none;
    transition: all .3s
}

.mb-form__textarea.active {
    background-color: rgba(216,35,42,.1)
}

.mb-form__textarea__error {
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #5e81f4;
    display: none;
    transition: all .3s
}

.mb-form__textarea__error.show-error {
    display: block
}

.mb-form__select {
    display: block;
    width: 100%;
    padding: 7px 20px 8px 0;
    height: 35px;
    font-size: 14px;
    line-height: 1.5;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    outline: none;
    -webkit-text-fill-color: #000;
    color: #000;
    transition: all .3s ease-in-out;
    box-shadow: none;
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none
}

.mb-form__autosuggest {
    width: 100%;
    height: auto;
    max-height: 200px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50px;
    background-color: #fff;
    z-index: 5;
    box-shadow: 0 2px 3px rgba(0,0,0,.15);
    border-radius: 0 0 4px 4px;
    display: none;
    transition: all .3s
}

.mb-form__autosuggest.active {
    display: block
}

.mb-form__autosuggest>li {
    list-style: none;
    display: block;
    font-size: 14px;
    line-height: 32px;
    padding: 0 12px;
    cursor: pointer;
    border-bottom: 1px solid #d8d8d8;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mb-form__autosuggest>li:last-child {
    border: none
}

.mb-form__autosuggest>li:hover {
    background-color: #f5f5f5;
    color: #5e81f4
}

.mb-form__select-native {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    padding: 6px 0;
    width: 100%;
    margin-bottom: 20px;
    color: #000;
    z-index: 3;
    position: relative
}

@media screen and (max-width: 767px) {
    .mb-form__select-native {
        appearance:none;
        -webkit-appearance: none
    }
}

.isd-select .mb-form__select-native {
    border-bottom: none;
    opacity: 0
}

.mb-form__select-native:after,.mb-form__select-native:before {
    position: absolute;
    display: block;
    content: ""
}

.mb-form__select-native:after {
    right: 8px;
    top: 50%;
    width: 4px;
    height: 4px;
    border-color: transparent #d8d8d8 #d8d8d8 transparent;
    border-style: solid;
    border-width: 1px;
    transform: rotate(45deg) translateY(-50%)
}

.mb-form__error {
    display: none;
    clear: both;
    position: relative;
    font-size: 12px;
    color: #5e81f4;
    visibility: hidden;
    padding-top: 5px
}

.mbform-otf__fieldset.has-error .mb-form__error {
    color: #5e81f4;
    visibility: visible;
    padding: 3px 0 2px;
    z-index: 1;
    width: 100%;
    margin-top: -1px;
    display: block
}

.mb-form__success {
    font-size: 12px;
    line-height: 16px;
    color: #5e81f4;
    position: absolute;
    top: 50px;
    left: 0;
    display: none;
    transition: all .3s
}

.show-success .mb-form__success {
    display: block
}

.mb-form__success--has-icon {
    padding-left: 24px
}

.mb-form__success--has-icon:after,.mb-form__success--has-icon:before {
    position: absolute;
    display: block;
    content: ""
}

.mb-form__success--has-icon:before {
    width: 12px;
    height: 12px;
    border: 1px solid #5e81f4;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.mb-form__success--has-icon:after {
    width: 2px;
    height: 5px;
    border-color: transparent #5e81f4 #5e81f4 transparent;
    border-style: solid;
    border-width: 1px;
    left: 5px;
    top: 3px;
    transform: rotate(45deg)
}

.mb-form__hint {
    font-size: 12px;
    line-height: 16px;
    color: #909090;
    position: absolute;
    top: 50px;
    left: 0;
    transition: all .3s
}

.mb-form__info-icn {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    float: left;
    background-size: 100%
}

.mb-form__row.show-error .mb-form__hint {
    display: none
}

.js-input-container.show-error .mb-form__error,.mb-form__row.show-error .mb-form__error {
    display: block
}

.mb-form__row.show-error .mb-form__input {
    border-bottom-color: #5e81f4
}

.mb-form__cta {
    min-width: 180px;
    width: auto;
    height: 44px;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25),0 0 0 4px #fbe9e9;
    background-color: #5e81f4;
    color: #fff;
    text-align: left;
    padding: 0 16px;
    font-size: 16px;
    line-height: 44px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin-left: 24px;
    transition: all .3s ease-in;
    position: relative;
    box-sizing: border-box;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .mb-form__cta {
        width:100%;
        text-align: center;
        margin-left: 0
    }
}

.mb-form__cta .svg-ico {
    width: 1em;
    text-align: center;
    vertical-align: text-bottom;
    color: #fff;
    fill: #fff;
    line-height: 0;
    font-size: 16px;
    float: right;
    margin-top: 14px;
    margin-right: 8px;
    position: relative;
    -webkit-animation: arrowAnim 1s ease-in-out infinite;
    animation: arrowAnim 1s ease-in-out infinite
}

@media screen and (max-width: 767px) {
    .mb-form__cta .svg-ico {
        float:none;
        margin-left: 16px
    }
}

.mb-form__disclaimer-link {
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    color: #606060
}

.mb-form__country-isd {
    width: 94px;
    margin-right: 15px;
    color: #606060!important;
    background: #fff;
    appearance: none;
    -webkit-appearance: none
}

.mb-form__input-otp {
    text-align: left;
    padding-left: 15px;
    letter-spacing: 42px;
    border: 0;
    background-image: linear-gradient(270deg,#d8d8d8 70%,hsla(0,0%,100%,0) 0);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 200px;
    outline: none;
    position: relative;
    height: 35px
}

@keyframes arrowAnim {
    0%,to {
        transform: translate(0)
    }

    50% {
        transform: translate(10px)
    }
}

.isd-display {
    position: absolute;
    width: 48px;
    height: 28px;
    background: #fff;
    top: 0;
    z-index: 3;
    left: 0;
    pointer-events: none;
    text-align: left;
    color: #606060;
    cursor: pointer;
    color: #000
}

.isd-display:after {
    position: absolute;
    display: block;
    content: "";
    right: -8px;
    top: 8px;
    transform: rotate(45deg);
    width: 6px;
    height: 6px;
    border-color: transparent #d8d8d8 #d8d8d8 transparent;
    border-style: solid;
    border-width: 1px
}

.mb-form__domains {
    display: block
}

.mb-button.disabled,.mb-button.disabled:hover {
    cursor: unset!important;
    color: #000!important;
    background-color: #e8e8e8!important;
    border-color: #e8e8e8!important;
    opacity: .5!important;
    font-weight: 600!important
}

.mbform-otf__fieldset .has-error .mb-form__select {
    border-color: #5e81f4
}

.inputFocused .mb-form__input+.mb-form__label {
    top: -22px;
    font-size: 12px
}

.mb-form__error.show-error {
    display: block;
    visibility: visible
}

.mbform-otf__fieldset .has-error {
    border-color: #5e81f4
}

.mbform-otf__fieldset .has-error:focus {
    outline-color: #5e81f4
}

.mbform-otf__input-wrap {
    position: relative
}

.mbform-otf__input-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 140px;
    background: #fff;
    width: 100px;
    height: 40px
}

.mbform-otf__fieldset.has-success {
    position: relative
}

.mbform-otf__fieldset.has-success:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #5e81f4;
    border-radius: 50%;
    background: #e0f2f0;
    display: inline-block;
    right: 4px;
    top: 8px
}

.mbform-otf__fieldset.has-success:after {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 4px;
    border-left: 1px solid #5e81f4;
    border-bottom: 1px solid #5e81f4;
    transform: rotate(-45deg);
    box-sizing: border-box;
    right: 8px;
    top: 13px
}

.mbform-otf__fieldset .has-success {
    position: relative
}

.mbform-otf__fieldset .has-success:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #5e81f4;
    border-radius: 50%;
    background: #e0f2f0;
    display: inline-block;
    right: 4px;
    top: 8px
}

.mbform-otf__fieldset .has-success:after {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 4px;
    border-left: 1px solid #5e81f4;
    border-bottom: 1px solid #5e81f4;
    transform: rotate(-45deg);
    box-sizing: border-box;
    right: 8px;
    top: 13px
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-webkit-calendar-picker-indicator {
    opacity: 0
}

.mb-button {
    min-width: 100px;
    min-height: 24px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    border: 1px solid transparent;
    display: block;
    transition: all .3s;
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    cursor: pointer
}

.mb-button,.mb-button * {
    box-sizing: border-box
}

.mb-button.small-btn {
    font-size: 12px;
    line-height: 22px;
    border-radius: 12px;
    padding: 0 12px;
    height: 24px
}

.mb-button.medium-btn {
    font-size: 14px;
    line-height: 30px;
    border-radius: 16px;
    padding: 0 16px;
    font-weight: 500;
    height: 32px
}

.mb-button.big-btn {
    font-size: 14px;
    line-height: 34px;
    border-radius: 18px;
    padding: 0 18px;
    height: 36px
}

.mb-button.large-btn {
    font-size: 16px;
    line-height: 42px;
    border-radius: 22px;
    padding: 0 22px;
    height: 44px
}

.mb-button.primary-btn {
    color: #fff;
    background-color: #5e81f4;
    border-color: #5e81f4
}

.mb-button.primary-btn:hover {
    color: #fff;
    background-color: #c31f25;
    border-color: #c31f25
}

.mb-button.secondary-btn {
    color: #5e81f4;
    background-color: #fff;
    border-color: #5e81f4
}

.mb-button.secondary-btn:hover {
    color: #fff;
    background-color: #5e81f4;
    border-color: #5e81f4
}

.mb-button.tertiary-btn {
    color: #fff;
    background-color: #000
}

.mb-button.tertiary-btn:hover {
    color: #fff;
    background-color: #606060;
    border-color: #606060
}

.mb-button.fluid-btn {
    width: 100%
}

.mb-button-text-icn {
    min-width: 40px;
    min-height: 24px;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    transition: all .3s;
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 28px;
    border-radius: 4px;
    padding: 0 24px 0 8px;
    position: relative;
    color: #5e81f4;
    background-color: transparent;
    border: 1px solid transparent;
    cursor: pointer
}

.mb-button-text-icn,.mb-button-text-icn * {
    box-sizing: border-box
}

.mb-button-text-icn:hover {
    color: #5e81f4;
    background-color: #ffebee;
    border-color: #ffebee
}

.mb-button-text-icn.link-type {
    padding: 0 24px 0 0;
    line-height: 28px
}

.mb-button-text-icn.link-type:hover {
    background-color: transparent;
    border-color: transparent
}

.mb-button-text-icn.link-type:hover:after,.mb-button-text-icn.link-type:hover:before {
    right: 4px
}

.mb-button-text-icn:after {
    width: 7px;
    height: 7px;
    border-right: 1px solid #5e81f4;
    transform: rotate(-45deg);
    top: 11px
}

.mb-button-text-icn:after,.mb-button-text-icn:before {
    content: "";
    display: inline-block;
    border-bottom: 1px solid #5e81f4;
    position: absolute;
    right: 7px;
    transition: all .2s
}

.mb-button-text-icn:before {
    width: 12px;
    height: 2px;
    top: 13px
}

.mb-link {
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    box-sizing: border-box;
    transition: all .3s;
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 28px;
    border-radius: 4px;
    padding: 0;
    position: relative;
    background-color: transparent;
    border-color: transparent;
    cursor: pointer
}

.mb-link.primary {
    color: #5e81f4
}

.mb-link.secondary {
    color: #000
}

.mb-link:hover {
    text-decoration: underline
}

.mb-button-circle-arrow {
    text-decoration: none;
    border: 1px solid #d7d7d7;
    display: inline-block;
    box-sizing: border-box;
    transition: all .3s;
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    border-radius: 50%;
    position: relative;
    color: #5e81f4;
    background-color: #fff;
    cursor: pointer
}

.mb-button-circle-arrow * {
    box-sizing: border-box
}

.mb-button-circle-arrow.small-btn {
    width: 32px;
    height: 32px
}

.mb-button-circle-arrow.small-btn:after {
    width: 8px;
    height: 8px;
    top: 11px;
    right: 10px
}

.mb-button-circle-arrow.small-btn:before {
    width: 12px;
    height: 1px;
    top: 14px;
    right: 10px
}

.mb-button-circle-arrow.medium-btn {
    width: 40px;
    height: 40px
}

.mb-button-circle-arrow.medium-btn:after {
    width: 10px;
    height: 10px;
    top: 14px;
    right: 12px
}

.mb-button-circle-arrow.medium-btn:before {
    width: 16px;
    height: 1px;
    top: 18px;
    right: 12px
}

.mb-button-circle-arrow.large-btn {
    width: 48px;
    height: 48px
}

.mb-button-circle-arrow.large-btn:after {
    width: 12px;
    height: 12px;
    top: 17px;
    right: 14px
}

.mb-button-circle-arrow.large-btn:before {
    width: 20px;
    height: 1px;
    top: 22px;
    right: 14px
}

.mb-button-circle-arrow.reverse {
    transform: rotate(180deg)
}

.mb-button-circle-arrow.reverse:hover {
    box-shadow: 0 -2px 8px 0 rgba(0,0,0,.12),0 -8px 20px 0 rgba(0,0,0,.1)
}

.mb-button-circle-arrow.reverse.small-btn:before {
    top: 14px
}

.mb-button-circle-arrow.reverse.medium-btn:before {
    top: 18px
}

.mb-button-circle-arrow.reverse.large-btn:before {
    top: 22px
}

.mb-button-circle-arrow:hover {
    border-color: transparent;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.12),0 8px 20px 0 rgba(0,0,0,.1)
}

.mb-button-circle-arrow:hover:after,.mb-button-circle-arrow:hover:before {
    border-color: #5e81f4
}

.mb-button-circle-arrow:after {
    border-right: 2px solid #000;
    transform: rotate(-45deg)
}

.mb-button-circle-arrow:after,.mb-button-circle-arrow:before {
    content: "";
    display: inline-block;
    border-bottom: 2px solid #000;
    position: absolute
}

.mbform-otf {
    background: #fff
}

.mbform-otf * {
    box-sizing: border-box
}

.mbform-otf__heading {
    font-size: 24px;
    line-height: 32px;
    color: #000;
    padding-bottom: 6px
}

.mbform-otf__heading--prime {
    padding-bottom: 24px
}

.mbform-otf__text {
    font-size: 14px;
    padding-bottom: 52px
}

.mbform-otf__fieldset {
    position: relative;
    display: block;
    padding-bottom: 38px
}

.mbform-otf__fieldset.inputFocused .mbform-otf__input+.mbform-otf__label {
    top: -22px;
    font-size: 12px
}

.mbform-otf__label {
    display: block;
    font-size: 14px;
    color: #606060;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    line-height: 35px;
    transition: all .3s ease-in-out;
    cursor: text
}

.mbform-otf__label--inline {
    display: inline-block;
    padding-right: 20px
}

.mbform-otf__label--disclaimer {
    font-size: 12px!important;
    color: #606060!important
}

.mbform-otf__label--pref-tag {
    display: none;
    background-color: #e8f7e7;
    border-radius: 12px;
    font-size: 10px;
    color: #1bb814;
    font-weight: 700;
    line-height: 15px;
    padding: 0 7px;
    height: 16px;
    vertical-align: 1px;
    margin-left: 4px;
    position: absolute;
    right: 0;
    top: -18px
}

.mbform-otf__label--pref-tag.pref-tag-show {
    display: inline-block
}

.mbform-otf__input,.mbform-otf__select,.mbform-otf__textarea {
    display: block;
    width: 100%;
    padding: 7px 20px 8px 0;
    height: 35px;
    font-size: 14px;
    line-height: 1.5;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    outline: none;
    -webkit-text-fill-color: #000;
    color: #000;
    transition: all .3s ease-in-out;
    box-shadow: none;
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none
}

.mbform-otf__input::input-placeholder,.mbform-otf__select::input-placeholder,.mbform-otf__textarea::input-placeholder {
    color: mb-gray-700;
    opacity: 1;
    transition: all .3s ease-in-out
}

.mbform-otf__input::input-placeholder-focus,.mbform-otf__select::input-placeholder-focus,.mbform-otf__textarea::input-placeholder-focus {
    color: transparent;
    opacity: 0
}

.mbform-otf__input:focus,.mbform-otf__select:focus,.mbform-otf__textarea:focus {
    outline-color: #00c1d4
}

.mbform-otf__fieldset.has-error .mbform-otf__input,.mbform-otf__fieldset.has-error .mbform-otf__select,.mbform-otf__fieldset.has-error .mbform-otf__textarea {
    border-color: #5e81f4
}

.mbform-otf__fieldset.has-error .mbform-otf__input:focus,.mbform-otf__fieldset.has-error .mbform-otf__select:focus,.mbform-otf__fieldset.has-error .mbform-otf__textarea:focus {
    outline-color: #5e81f4
}

.mbform-otf__input--otp,.mbform-otf__select--otp,.mbform-otf__textarea--otp {
    text-align: center
}

.mbform-otf__select {
    color: #606060!important;
    background: #fff;
    appearance: none;
    -webkit-appearance: none
}

.mbform-otf__input:focus+.mbform-otf__label {
    top: -22px;
    font-size: 12px
}

.mbform-otf__error {
    display: none;
    clear: both;
    position: relative;
    font-size: 12px;
    color: #909090;
    visibility: hidden
}

.mbform-otf__fieldset.has-error .mbform-otf__error {
    color: #5e81f4;
    visibility: visible;
    padding: 3px 0 2px;
    z-index: 1;
    width: 100%;
    margin-top: -1px;
    display: block
}

.mbform-otf__checkbox {
    position: relative
}

.mbform-otf__checkbox__input {
    display: none
}

.mbform-otf__checkbox__label {
    display: block;
    padding-left: 26px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    position: relative
}

.mbform-otf__checkbox__label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 2px
}

.mbform-otf__checkbox__label:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    height: 5px;
    width: 9px;
    background: none;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    display: none
}

.mbform-otf__checkbox__input:checked~.mbform-otf__checkbox__label:before {
    background-color: #5e81f4;
    border-color: #5e81f4
}

.mbform-otf__checkbox__input:checked~.mbform-otf__checkbox__label:after {
    display: block
}

.mbform-otf__radio {
    position: relative
}

.mbform-otf__radio__input {
    display: none
}

.mbform-otf__radio__label {
    display: block;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    position: relative
}

.mbform-otf__radio__label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 50%
}

.mbform-otf__radio__label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    height: 10px;
    width: 10px;
    background: #5e81f4;
    display: none;
    border-radius: 50%
}

.mbform-otf__radio__input:checked~.mbform-otf__radio__label:before {
    border-color: #5e81f4
}

.mbform-otf__radio__input:checked~.mbform-otf__radio__label:after {
    display: block
}

.mbform-otf__help-text .arrow {
    height: 10px;
    width: 10px;
    background: #fde8e6;
    border: 1px solid #5e81f4;
    border-width: 1px 0 0 1px;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 20px;
    top: -6px;
    display: none
}

.mbform-otf__country-isd {
    width: 94px;
    margin-right: 15px
}

.mbform-otf__prefix {
    float: left;
    border-right-width: 0;
    position: relative
}

.mbform-otf__prefix:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    right: 15px;
    border-color: #606060;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    top: 11px;
    pointer-events: none
}

.mbform-otf__mobile-no {
    width: calc(100% - 112px)!important
}

.mbform-otf__label-no {
    left: 109px!important
}

.mbform-otf__disclaimer {
    padding: 0 0 38px;
    font-size: 12px;
    color: #606060
}

.mbform-otf__link {
    font-size: 12px;
    color: #606060;
    text-decoration: underline!important
}

.mbform-otf__link:hover {
    color: #000
}

.mbform-otf__btn {
    background: #5e81f4;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    display: block;
    font-size: 14px;
    border: 0;
    width: 100%;
    color: #fff;
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    cursor: pointer;
    transition: all .3s ease-in-out;
    font-weight: 500
}

.mbform-otf__btn--s {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    width: auto;
    padding: 0 16px
}

.mbform-otf__btn:hover {
    background: #c31f25
}

.mbform-otf__btn--white {
    border: 1px solid #5e81f4;
    background: #fff;
    color: #5e81f4
}

.mbform-otf__btn--white:hover {
    background: #c31f25;
    color: #fff
}

.mbform-otf__btn--app {
    background: #5e81f4
}

.mbform-otf__btn--app:hover {
    background: #5e81f4;
    opacity: .2
}

.mbform-otf__btn--get-details {
    margin-top: 22px
}

.mbform-otp {
    background: #fff
}

.mbform-otp * {
    box-sizing: border-box
}

.mbform-otp__heading {
    font-size: 24px;
    line-height: 32px;
    color: #000;
    padding-bottom: 6px
}

.mbform-otp__heading--prime {
    padding-bottom: 24px
}

.mbform-otp__text {
    font-size: 14px;
    padding-bottom: 20px
}

.mbform-otp__edit {
    cursor: pointer;
    color: #5e81f4;
    margin-left: 4px
}

.mbform-otp__fieldset {
    position: relative;
    display: block;
    padding-bottom: 38px
}

.mbform-otp__label {
    display: block;
    font-size: 14px;
    color: #606060;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    line-height: 35px;
    transition: all .3s ease-in-out;
    cursor: text
}

.mbform-otp__label--inline {
    display: inline-block;
    padding-right: 20px
}

.mbform-otp__label--disclaimer {
    font-size: 12px!important;
    color: #606060!important
}

.mbform-otp__label--pref-tag {
    display: none;
    background-color: #e8f7e7;
    border-radius: 12px;
    font-size: 10px;
    color: #1bb814;
    font-weight: 700;
    line-height: 15px;
    padding: 0 7px;
    height: 16px;
    vertical-align: 1px;
    margin-left: 4px;
    position: absolute;
    right: 0;
    top: -18px
}

.mbform-otp__label--pref-tag.pref-tag-show {
    display: inline-block
}

.mbform-otp__input,.mbform-otp__select,.mbform-otp__textarea {
    display: block;
    width: 100%;
    padding: 7px 20px 8px 0;
    height: 35px;
    font-size: 14px;
    line-height: 1.5;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    outline: none;
    -webkit-text-fill-color: #000;
    color: #000;
    transition: all .3s ease-in-out;
    box-shadow: none;
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none
}

.mbform-otp__input::input-placeholder,.mbform-otp__select::input-placeholder,.mbform-otp__textarea::input-placeholder {
    color: mb-gray-700;
    opacity: 1;
    transition: all .3s ease-in-out
}

.mbform-otp__input::input-placeholder-focus,.mbform-otp__select::input-placeholder-focus,.mbform-otp__textarea::input-placeholder-focus {
    color: transparent;
    opacity: 0
}

.mbform-otp__input:focus,.mbform-otp__select:focus,.mbform-otp__textarea:focus {
    outline-color: #00c1d4
}

.mbform-otp__fieldset.has-error .mbform-otp__input,.mbform-otp__fieldset.has-error .mbform-otp__select,.mbform-otp__fieldset.has-error .mbform-otp__textarea {
    border-color: #5e81f4
}

.mbform-otp__fieldset.has-error .mbform-otp__input:focus,.mbform-otp__fieldset.has-error .mbform-otp__select:focus,.mbform-otp__fieldset.has-error .mbform-otp__textarea:focus {
    outline-color: #5e81f4
}

.mbform-otp__input--otp,.mbform-otp__select--otp,.mbform-otp__textarea--otp {
    text-align: center
}

.mbform-otp__input-wrap {
    position: relative
}

.mbform-otp__input-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 140px;
    background: #fff;
    width: 100px;
    height: 40px
}

.mbform-otp__input-wrap .mbform-otp__input {
    text-align: left;
    padding-left: 15px;
    letter-spacing: 42px;
    border: 0;
    background-image: linear-gradient(270deg,#d8d8d8 70%,hsla(0,0%,100%,0) 0);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 200px;
    outline: none;
    position: relative;
    height: 35px
}

.mbform-otp__btn {
    background: #5e81f4;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    display: block;
    font-size: 14px;
    border: 0;
    width: 100%;
    color: #fff;
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    cursor: pointer;
    transition: all .3s ease-in-out;
    font-weight: 500
}

.mbform-otp__btn--s {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    width: auto;
    padding: 0 16px
}

.mbform-otp__btn:hover {
    background: #c31f25
}

.mbform-otp__btn--white {
    border: 1px solid #5e81f4;
    background: #fff;
    color: #5e81f4
}

.mbform-otp__btn--white:hover {
    background: #c31f25;
    color: #fff
}

.mbform-otp__btn--app {
    background: #5e81f4
}

.mbform-otp__btn--app:hover {
    background: #5e81f4;
    opacity: .2
}

.mbform-otp__btn--get-details {
    margin-top: 22px
}

.mbform-otp__error {
    display: none;
    clear: both;
    position: relative;
    font-size: 12px;
    color: #909090;
    visibility: hidden
}

.mbform-otp__fieldset.has-error .mbform-otp__error {
    color: #5e81f4;
    visibility: visible;
    padding: 3px 0 2px;
    z-index: 1;
    width: 100%;
    margin-top: -1px;
    display: block
}

.mbform-resend {
    padding-top: 24px
}

.mbform-resend__head {
    padding-bottom: 12px;
    font-size: 14px;
    text-align: center;
    line-height: 16px
}

.mbform-resend__head span {
    font-weight: 600;
    color: #5e81f4
}

.mbform-resend__code {
    position: relative;
    margin-bottom: 12px;
    color: #000;
    padding-left: 20px
}

.mbform-resend__code__i {
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 3px
}

.mbform-resend__code span {
    cursor: pointer;
    text-decoration: underline!important
}

.mbform-resend__code.disable {
    opacity: .5
}

.mbform-resend__code.disable span {
    text-decoration: none!important
}

.mbform-resend__whatsapp {
    display: flex;
    cursor: pointer;
    border: 1px solid #909090;
    border-radius: 22px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    align-items: center;
    justify-content: center
}

.mbform-resend__whatsapp-icon {
    margin: 0 8px 0 0;
    width: 24px;
    height: 30px
}

.mbform-resend__whatsapp.disable {
    background: #e8e8e8;
    pointer-events: none;
    border-color: #e8e8e8
}

.mbform-resend__whatsapp.disable span {
    opacity: .5
}

.mbform-resend__sms {
    text-align: center
}

.mbform-resend__sms a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline!important
}

.mbform-resend__sms.disable {
    opacity: .5;
    pointer-events: none
}

.loader-container.body {
    background-color: transparent;
    z-index: 99
}
/* Container for scrollable row */
.filter__common__component__row {
  display: flex !important;
  gap: 10px !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  padding-right: 4px !important;
}

/* Individual filter item */
.filter-mobile-property-item {
  flex: 0 0 auto !important;
}

/* Hide default checkbox */
.filter-mobile-property-item input[type="checkbox"] {
  display: none !important;
}

/* Hover effect */
.mobile-filter-proplabel:hover {
  border-color: #0d6efd !important;
  box-shadow: 0 2px 8px rgba(13, 110, 253, 0.2) !important;
}

/* Checked state */
.filter-mobile-property-item input[type="checkbox"]:checked + .mobile-filter-proplabel {
  border-color: #0d6efd !important;
  background-color: #e7f1ff !important;
  box-shadow: 0 2px 8px rgba(13, 110, 253, 0.3) !important;
}

/* Change icon color on checked */
.filter-mobile-property-item input[type="checkbox"]:checked + .mobile-filter-proplabel i {
  color: #0d6efd !important;
}

/* Optional: smooth scroll for vertical */
.filter__common__component__row::-webkit-scrollbar {
  width: 6px !important;
  height: 3px !important;
}
.filter__common__component__row::-webkit-scrollbar-thumb {
  background-color: #ccc !important;
  border-radius: 3px !important;
}

.la, .las {
    font-family: 'Line Awesome Free' !important;
}

.mobile-filter-proplabel .las {
    font-size: 26px;
        height: 28px;

}
.searcher__head__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    width: 100%;
}