.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}}}}}.secure-way{text-align:left;flex-direction:column-reverse;gap:3rem;& .badge{text-align:center;background:#e5e4ff;border-radius:8rem;max-width:max-content;padding:.1rem 1rem;font-size:14px}& h2{margin-top:1.5rem;margin-bottom:1rem;font-size:28px;font-weight:900;&+p{color:#949293;font-size:18px}}& .buttons{flex-direction:column;justify-content:center;margin-top:2rem;& a{max-width:14rem}}}@media (width>=768px){.secure-way{text-align:left;align-items:center;& h2{font-size:56px;&+p{font-size:22px}}& .badge{margin-left:0}& .buttons{flex-direction:row;justify-content:left;& a{max-width:100%}}&>div:last-child{flex-shrink:0}}}@media (width>=1200px){.secure-way{flex-direction:row}}.brand-box-component{flex-direction:column;gap:2rem;&.black{background:var(--black-color);color:#fff;border-radius:calc(var(--radius) + 22px);padding:2rem 1.5rem}& .brand-box{padding:0 4rem;padding-top:2rem;position:relative;& img{margin-inline:auto;display:block}&>div{text-align:left;background:#def88f;border-radius:10px;gap:4px;padding:.3rem 1rem;position:absolute;top:5rem;right:1rem}}&>div:last-child{width:100%}& h2{font-size:28px;font-weight:700;&+p{margin-top:.7rem;font-size:20px;font-weight:500}}& a{margin-top:2rem}& ul{&+p{margin-top:.7rem;font-size:20px;font-weight:500}& li{gap:.5rem}}}@media (width>=1200px){.brand-box-component{flex-direction:row;justify-content:center;align-items:center;gap:3rem;&.black{padding:3rem}& h2{font-size:32px;&+p{font-size:22px}}& .brand-box{width:100%}& ul li,& button{margin-left:0}}}#hero{border-radius:var(--radius);padding-inline:1rem;background:#f4f9ff;flex-direction:column-reverse;align-items:center;gap:2.5rem;margin:1rem;padding:2rem 1rem;display:flex;margin-top:1rem!important;& h1{color:var(--black-color);text-align:center;letter-spacing:-1px;margin-bottom:1rem;font-size:24px;font-weight:600;line-height:1.2}& h1+p{color:#181a20;text-align:center;margin-bottom:3rem;font-size:18px;font-weight:600}&>div:first-child{&>div{flex-direction:column;& a{max-width:100%}}}&>div:last-child{flex-shrink:0;height:auto;position:relative}& #new-notify-box,& #afford-box{border-radius:var(--radius);z-index:2;background:#fff;justify-content:center;align-items:center;gap:.7rem;max-width:15rem;padding:.6rem;font-size:13px;display:flex;position:absolute;box-shadow:0 2px 18px #0000001a}& #new-notify-box{z-index:1;font-size:10px;top:5.5rem;left:-2rem;& p:first-of-type{font-weight:700;font-family:var(--secondary-ff);margin-bottom:2px;font-size:12px}}& #afford-box{z-index:1;bottom:3rem;right:-2rem;& img{width:44px;height:44px}& p{font-family:var(--secondary-ff);font-size:initial;font-weight:700}}}#services{& h2{font-size:30px;font-weight:700;font-family:var(--secondary-ff);text-align:center;margin-bottom:2.4rem}&>div{flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;min-height:8rem;position:relative;& svg{width:100%;height:100%;display:none;position:absolute}& .img-container{width:max-content;margin-inline:auto;position:relative;& img{border-radius:50%;width:auto;height:auto;display:block}}& .slide{position:relative}&>div{z-index:1;position:relative;& p{background:var(--primary-color);color:#fff;text-align:center;z-index:2;width:38px;height:38px;font-size:20px;font-weight:700;font-family:var(--secondary-ff);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}& h3{text-align:center;margin-top:1.3rem;font-size:20px;font-weight:700}}}}#post-request{text-align:left;flex-direction:column;justify-content:center;align-items:center;gap:3rem;& h2{margin-bottom:1rem;font-size:24px;font-weight:700}& h3{margin-bottom:2rem;font-size:20px;font-weight:600}& a{margin-inline:auto}}#build-for-you{&>div{text-align:left;&>p{color:#5d5fef;font-family:var(--third-ff);margin-bottom:.7rem}}& h2{font-size:32px;font-weight:800;font-family:var(--third-ff)}& a{margin-top:2rem}&>div:last-child{margin-top:5rem;& svg{display:none}& .line-path-items{flex-direction:column;gap:5rem;margin-top:2rem}& .line-path-item{text-align:left;position:relative;& p:first-of-type{margin-bottom:.3rem;font-size:18px;font-weight:700;&+p{color:#64607d}}& span.item-no{color:#0000000d;font-size:10rem;font-weight:900;font-family:var(--secondary-ff);position:absolute;top:-4rem;right:0}}}}#final-connect{text-align:left;flex-direction:column-reverse;justify-content:center;align-items:center;gap:3rem;display:flex;& h2{font-size:32px;font-weight:700;&+h3{color:#181a20;margin-top:2rem;font-size:22px}}& a{margin-top:2rem}}#products{&>div{flex-direction:column;gap:2rem;&>a{background:var(--support-color-a);text-align:left;border-radius:var(--radius);padding:2rem;& h3{color:var(--black-color);margin-block:1rem;font-size:22px;&+p{color:#64607d;margin-bottom:.5rem;&+p{color:#01966b;& svg{margin-left:4px}}}}}}&>a{margin-inline:auto;margin-top:2rem}}#why-choose-us{text-align:left;color:#050b20;&>h3{margin-bottom:2.4rem;font-size:32px;font-weight:600}&>div{flex-direction:column;gap:2rem;& svg{max-width:44px;max-height:44px;margin-bottom:.7rem}& h3{margin-bottom:.8rem;font-size:20px;font-weight:500}}}#ensure-safe{text-align:left;flex-direction:column;gap:3rem;&>div:first-child{& h2{margin-bottom:2rem;font-size:32px;font-weight:700}& a{margin-top:1.8rem}&+div{flex-direction:column;&>div{width:100%;& svg{margin-bottom:1rem}& h4{font-size:18px;font-weight:800;font-family:var(--third-ff);margin-bottom:1rem}}}}}#ratings{color:#181a20;text-align:left;flex-direction:column;justify-content:center;align-items:center;&>div:first-child{& img{width:560px}}& h2{margin-bottom:1rem;font-size:24px;font-weight:700;&+p{margin-bottom:2rem;font-size:18px;font-weight:500}}}@media (width>=768px){#hero{flex-direction:row;min-height:30rem;margin:auto;&>div:first-child{&>div{flex-direction:row}}& h1{text-align:left;letter-spacing:-1px;font-size:38px;line-height:1}& h1+p{text-align:left;font-size:20px}& #afford-box{left:-2rem;right:initial;& img{width:64px;height:64px}}& #new-notify-box{right:-6rem;left:initial;& svg{flex-shrink:0}& p:first-of-type{font-size:initial}}}#services{& h2{font-size:34px}&>div{flex-direction:row;& svg{display:block}}}#post-request{text-align:left;flex-direction:row;gap:5rem;& img{width:340px;height:340px}& a{margin-left:0}}#final-connect{text-align:left;flex-direction:row;margin-top:2rem;& button{margin-top:4rem;margin-left:0}}#products{&>div{flex-direction:row;&>a{text-align:left;width:100%}}}#why-choose-us{text-align:left;&>div{flex-direction:row;&>div{width:100%}}}#ensure-safe{text-align:left;flex-direction:column;&>div:first-child{& a{margin-left:0}&+div{flex-direction:row}}}}@media (width>=820px){#build-for-you{&>div:last-child{& .line-path-items{flex-direction:row;margin-top:5rem}}}}@media (width>=1200px){#hero{padding-block:2rem;padding-inline:3rem;& h1{font-size:60px}& h1+p{font-size:22px}& #new-notify-box{right:-7rem}}#services{&>div{gap:6rem}}#post-request{gap:8rem;& img{width:480px;height:480px}& h2{margin-bottom:2rem;font-size:38px}& h3{font-size:30px}}#build-for-you{&>div{text-align:left;& button{margin-left:0}}}#ensure-safe{flex-direction:row;&>div:first-child{width:100%}}#ratings{text-align:left;flex-direction:row;&>div:first-child{flex-shrink:0;& img{width:680px}}& h2{font-size:28px;&+p{font-size:22px}}& button{margin-left:0}}}@media (width>=1460px){#build-for-you{&>div:last-child{margin-top:-8rem;& .line-path-items{flex-direction:row;margin-top:-6rem;margin-left:6rem}& .line-path-item{flex-shrink:0;max-width:22rem;& span{font-size:18px;font-weight:700}&.item-1{align-self:end;margin-top:-2rem}&.item-2{align-self:center;margin-top:-20rem}&.item-3{align-self:start;margin-top:-24rem}}& svg{display:block}}}}