.highlight-box{border-top:8px solid var(--primary-color);background:#f9fbfc;border-radius:16px;padding:1rem 1rem 2rem;& .header{align-items:center;margin-bottom:3rem;& svg{width:80px;height:80px}& h2{font-size:26px;font-weight:700;line-height:1.8rem}}& .main{flex-direction:column;justify-content:center;align-items:center;gap:3rem;& h3{margin-top:1rem;font-size:24px;font-weight:700;line-height:1.8rem;&+p{margin-top:1.6rem;font-size:16px}}& .buttons{flex-direction:column;margin-top:2rem;& a{max-width:100%}}}& .card{background:var(--primary-color);border-radius:16px;width:300px;height:360px;margin-left:.6rem;position:relative;box-shadow:0 4px 10px #0000001a;&>img{border-radius:12px;width:100%;margin-top:-.6rem;margin-left:-.6rem}& .text{padding-inline:.5rem;padding-left:.3rem;color:#101041;background:#e5e4ff;border-radius:50px;align-items:center;gap:.4rem;padding-block:.1rem;font-size:10px;font-weight:500;position:absolute;top:-1rem;left:-1.5rem;&>img{width:18px;height:18px}}& .payment{background:#fff;border:1px solid #eaecf0;border-radius:12px;justify-content:center;align-items:center;gap:2rem;max-width:max-content;padding:1rem;font-size:12px;position:absolute;bottom:1rem;right:-1rem;& div>p:first-of-type{font-weight:600}}}}@media (width>=768px){.highlight-box{padding:2rem 4rem;& .header{& h2{font-size:32px}}& .card{& .text{left:-4rem}}}}@media (width>=1200px){.highlight-box{& .header{& h2{font-size:38px;font-weight:700}}& .main{flex-direction:row;& h3{font-size:28px;&+p{font-size:22px}}& .buttons{flex-direction:row;& button{max-width:max-content}}}}}#listing-slide{margin-top:1rem}.simple-property-card{color:#000;background:#fff;border:2px solid #e0e5eb;border-radius:8px;height:100%;text-decoration:none;display:block;overflow:hidden;& img{object-fit:cover;width:100%;height:100%;max-height:100px}& .type-label{background:#eef1f6;border-radius:8px;max-width:max-content;padding:.2rem .4rem;font-size:10px}& .price{margin-top:.3rem;font-weight:600}& .details{padding:.5rem;font-size:14px}& .addr{color:#4e5562;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}& .bk-details{color:#4e5562;margin-top:.5rem;font-size:14px;& svg{width:14px;height:14px}&>div{align-items:center;gap:.4rem;display:flex}}}@media (width>=768px){#listing-slide{margin-top:2rem}.simple-property-card{& img{max-height:160px}& .type-label{padding:.4rem .6rem;font-size:16px}& .details{padding:1rem}& .addr{font-size:16px}& .price{font-size:20px}& .bk-details{font-size:16px;& svg{width:20px;height:20px}}}}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;height:100%;display:-ms-flexbox;display:flex;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{pointer-events:none;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;display:-ms-flexbox;display:flex}.splide__pagination li{pointer-events:auto;margin:0;line-height:1;list-style-type:none;display:inline-block}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{visibility:hidden;position:relative}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;margin:0;position:relative;list-style-type:none!important}.splide__slide img{vertical-align:bottom}.splide__spinner{contain:strict;border:2px solid #999;border-left-color:#0000;border-radius:50%;width:20px;height:20px;margin:auto;animation:1s linear infinite splide-loading;display:inline-block;position:absolute;inset:0}.splide__sr{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{z-index:0;position:relative;overflow:hidden}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{opacity:0;z-index:0;margin:0!important}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{cursor:pointer;opacity:.7;z-index:1;background:#ccc;border:0;border-radius:50%;justify-content:center;align-items:center;width:2em;height:2em;padding:0;display:-ms-flexbox;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.splide__arrow svg{fill:#000;width:1.2em;height:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline-offset:3px;outline:3px solid #0bf}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline-offset:3px;outline:3px solid #0bf}.splide__pagination{z-index:1;padding:0 1em;position:absolute;bottom:.5em;left:0;right:0}.splide__pagination__page{opacity:.7;background:#ccc;border:0;border-radius:50%;width:8px;height:8px;margin:3px;padding:0;transition:transform .2s linear;display:inline-block;position:relative}.splide__pagination__page.is-active{z-index:1;background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible,.splide.is-focus-in .splide__pagination__page:focus{outline-offset:3px;outline:3px solid #0bf}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:#0000}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline-offset:-3px;outline:3px solid #0bf}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline-offset:-3px;outline:3px solid #0bf}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible,.splide.is-focus-in .splide__toggle:focus{outline-offset:3px;outline:3px solid #0bf}.splide__track--nav>.splide__list>.splide__slide{cursor:pointer;border:3px solid #0000}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{top:auto;bottom:1em}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{-ms-flex-direction:column;flex-direction:column;padding:1em 0;display:-ms-flexbox;display:flex;inset:0 .5em 0 auto}main{overflow:hidden}#hero{padding:.5rem;&>div:first-child{& img{width:245px}}& .hero-img-container{position:relative;&>img{margin:auto auto 1.5rem;display:block}& .service-card{border-radius:var(--radius);background:#fff;align-items:center;gap:.4rem;width:100%;max-width:max-content;height:120px;margin-bottom:1rem;padding:1rem;display:flex;position:absolute;top:15%;right:-5.2rem;transform:scale(.45)translateY(-15%);box-shadow:0 0 10px #0000001a;&>div:first-child{border-radius:var(--radius);padding:0 1rem;background:#dbe5fa;max-width:max-content;padding-top:.5rem;&>img{min-width:60px;max-width:60px;margin-inline:auto;display:block}}&>div{text-align:left;width:100%;&>p:first-of-type{font-weight:600;&+p{font-size:14px}}}& .others{align-items:center;gap:.7rem;margin-top:.5rem;display:flex;&>div{align-items:center;gap:.3rem;& svg{flex-shrink:0}}&>button{background:var(--primary-color);color:#fff;border:none;border-radius:8px;outline:none;margin:0;padding:.1rem .5rem;font-size:12px;font-weight:500}}}& .monthly-visitor{background-color:var(--primary-color);color:#fff;border-radius:var(--radius);min-width:14rem;padding:1rem;position:absolute;bottom:-1rem;right:-4rem;transform:scale(.45);&>p:first-child{margin-bottom:.5rem;font-size:14px;font-weight:500}&>div{gap:.5rem;display:flex;& .numbers{max-width:max-content;font-size:12px;font-family:var(--secondary-ff);flex-direction:column;justify-content:space-between;display:flex}& .graph{flex:1;justify-content:space-around;align-items:flex-end;width:100%;min-height:100%;display:flex;&>div{border-top-left-radius:30px;border-top-right-radius:30px;width:20px;&:nth-child(odd){background:#ffffff80}&:nth-child(2n){background:#fff}&:first-child{height:50px}&:nth-child(3){height:60px}&:nth-child(2){height:90px}&:nth-child(4){height:100px}}}}}& .hired-card{border-radius:var(--radius);text-align:center;background:#fff;min-width:12rem;max-width:12rem;padding:1rem;position:absolute;bottom:-2rem;left:50%;transform:scale(.5)translate(-100%);box-shadow:1px 2px 16px #0146b114;&>p:first-child{color:#131517;font-size:20px;font-weight:700;&+p{color:#5a7184}}}& .professional-card{background:#fff;border-radius:20px;min-width:14rem;max-width:14rem;padding:1rem;position:absolute;top:-2rem;left:-3.9rem;transform:scale(.4);box-shadow:0 7.38px 12.3px #0000000f;&>p:last-child{color:#5a7184;margin-top:.4rem;font-size:15px}}& .listing-card{text-align:center;background:#fff;border-radius:20px;min-width:9rem;max-width:9rem;padding:.5rem;position:absolute;top:50%;left:-2rem;transform:scale(.55)translateY(-100%);box-shadow:0 7.38px 12.3px #0000000f;&>img{margin-bottom:.5rem}&>p{font-size:16px;font-weight:700}&>div{justify-content:center;font-size:12px}}}}h1.title{text-align:center;padding:0;margin:6px 0 0;padding-inline:0;font-size:42px;font-weight:600}@media (width<=405px){h1.title{font-size:38px}}.sub-title{color:#5a7184;text-align:center;margin-block:24px;font-size:16px}.hero-cta{flex-direction:column;justify-content:center;gap:20px;margin-top:2rem;display:flex;& a,& button{text-align:left;width:100%;max-width:21rem;margin-inline:auto}}#categories-slide{& a{color:#000;font-size:14px}& .splide__slide{text-align:center}}#categories{margin-top:4rem;& h3{font-size:22px;font-weight:600}&>div:first-child{align-items:center;margin-bottom:1.4rem;& a{align-items:center;gap:4px;display:flex}}& .slide{text-align:center;&>img{border-radius:50%;width:70px;height:auto;min-height:70px;margin-inline:auto}}}#how-it-work{&>div{flex-direction:column;& .info{flex-wrap:wrap;width:100%}& .info>div{border:2px solid var(--outline-color);border-radius:20px;width:100%;padding:1.5rem 1rem;&>svg{margin-left:auto;display:block}&>div{margin-top:-10px;&>p:first-of-type{color:var(--black-color);margin-bottom:4px;font-size:24px;font-weight:600}&>h4{font-family:var(--primary-ff);margin-bottom:8px;font-size:16px;font-weight:600}&>p:last-of-type{color:#717171}}}}& .box{text-align:center;background:#faf0f3;border-radius:22px;align-self:stretch;padding:1.6rem;& img{display:none}& h3{font-size:var(--t-sm-fs);font-family:var(--third-ff);margin-bottom:6px;font-weight:700;line-height:1.9rem}& p{margin-top:1rem}& a{margin-inline:auto;margin-top:2rem}}}#discover{& h3{font-size:var(--t-sm-fs);color:var(--black-color);margin-bottom:1rem;font-weight:600}&>div>p:first-of-type{color:var(--black-color);margin-bottom:2rem}&>div>div:nth-child(2){margin-bottom:.8rem;display:flex}&>div>div:first-child>div:last-child{display:none}& #discover-slide .slide{text-align:center;& h4{font-family:var(--primary-ff);margin-block:1rem;font-size:16px;font-weight:700}& img{border-radius:50%;outline:2px solid #217bf41a;width:50%;height:auto;margin-bottom:10px;overflow:hidden}& button{margin-top:1rem;&>a{color:#2563eb;& span{margin-right:6px}}}}}#build-to-connect{& h2{font-family:var(--third-ff);font-size:var(--t-sm-fs);margin-bottom:1.3rem;font-weight:700}&>div{border-radius:var(--radius);border:2px solid var(--outline-color);flex-direction:column;gap:12px;padding:1.4rem;&>div{font-family:var(--secondary-ff);color:#64607d;align-items:center;gap:12px;font-size:20px;display:flex}& .icon{text-align:center;background:#e9ecf2;border-radius:5px;flex-shrink:0;flex-basis:50px;padding:12px}}}#sr-in-min{flex-direction:column;align-items:center;&>div{text-align:left;width:100%;& button{margin-top:2rem;margin-inline:auto;& span{margin-right:6px}}}& h2{font-size:30px;font-weight:700}& a{margin-block:2rem}}#estate-professional{&>div{flex-direction:column;gap:1.5rem;&>div{background:var(--support-color-a);text-align:center;border-radius:20px;padding:1.4rem;& h2{font-family:var(--third-ff);margin-bottom:1.4rem;font-size:28px;font-weight:900}& h2+p{color:#64607d;margin-bottom:1rem}& a{margin-inline:auto}}}}#auto-scroll{border-top:8px solid var(--primary-color);border-radius:var(--radius);background:#f9fbfc;gap:.8rem;height:700px;padding:2rem 1rem;display:flex;position:relative;overflow:hidden;& #list-1,& #list-2{will-change:transform}&>div{width:100%}& .card{border-radius:var(--radius);background:#fff;align-items:center;gap:.4rem;width:100%;height:120px;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 0 10px #0000001a;&>div:first-child{border-radius:var(--radius);background:#dbe5fa;padding-top:.5rem;&>img{width:60px;margin-inline:auto;display:block}}&>div{text-align:left;width:100%;&>p:first-of-type{font-weight:600;&+p{font-size:14px}}}& .others{align-items:center;gap:.7rem;margin-top:.5rem;display:flex;&>div{align-items:center;gap:.3rem;& svg{flex-shrink:0}}&>button{background:var(--primary-color);color:#fff;border:none;border-radius:8px;outline:none;margin:0;padding:.1rem .5rem;font-size:12px;font-weight:500;display:none}}}}@media (width>=768px){#hero{flex-direction:row-reverse;align-items:center;padding:2rem 0;display:flex;&>div:first-child{& img{width:280px}}& .hero-img-container{min-width:26rem;&>img{margin-bottom:2.5rem;margin-left:3.2rem}& .service-card{top:19%;right:-3rem;transform:scale(.5)translateY(-19%)}& .monthly-visitor{bottom:1rem;right:0;transform:scale(.5)}& .hired-card{bottom:-1.5rem;transform:scale(.7)translate(-80%)}& .professional-card{top:-1.5rem;left:-4.5rem;transform:scale(.6)}& .listing-card{top:30%;left:-2rem;transform:scale(.7)translateY(-30%)}}& .title,& .sub-title{text-align:left}& .hero-cta{justify-content:initial;& a,& button{margin-inline:initial;font-size:14px}}&>div:first-child{flex:1 0 auto;min-width:26rem;& img{min-width:10rem}}&>div:nth-child(2){margin:auto}}#categories-slide{& a{color:#000;font-size:16px}}#discover{&>div>div:nth-child(2){display:none}&>div>div:first-child>div:last-child{display:block}}#how-it-work{& .info>div{flex-basis:49%}}#estate-professional{&>div{flex-direction:row;&>div{padding:3rem 2.4rem}}}#sr-in-min{flex-direction:row;& h2{text-align:left;font-size:38px}&>div:first-child{& button{margin-left:0}}}}@media (width>=1120px){h1.title{font-size:62px;line-height:4rem}.sub-title{font-size:22px}#hero{&>div:first-child{&>img{width:320px}}&>div:first-child{min-width:30rem}& .hero-img-container{min-width:26rem;&>img{margin-bottom:2.5rem;margin-left:3.2rem}& .service-card{top:19%;right:-2rem;transform:scale(.7)translateY(-19%)}& .monthly-visitor{bottom:1rem;right:2rem;transform:scale(.5)}& .hired-card{bottom:-1.5rem;transform:scale(.7)translate(-90%)}& .professional-card{top:-1.5rem;left:-4.5rem;transform:scale(.6)}& .listing-card{top:30%;left:-3rem;transform:scale(.7)translateY(-30%)}}}.hero-cta{flex-direction:initial;& a,& button{width:initial;max-width:initial}}#build-to-connect{& h2{margin-block:auto;font-size:34px}&>div{flex-direction:row;padding:2rem;&>div{gap:16px}}}#how-it-work{&>div{flex-direction:row;align-items:flex-start}& .box{text-align:left;flex-basis:80%;&>p{margin-block:1rem}& a{margin-inline:initial}& .txt-container{position:relative;top:5rem;left:2rem}}& .box>img{border:10px solid #f2f4ff;border-radius:50%;width:210px;height:auto;margin-top:-15px;margin-left:auto;display:block;overflow:hidden}& .info>div{flex-basis:47.9%;& svg{width:32px;height:32px}}}#sr-in-min{& h2{font-size:40px}}#auto-scroll{& .card{& .others{& button{display:block}}}}}