.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}}}.flexbox{flex-direction:column;justify-content:center;align-items:center;gap:3rem;display:flex;&.bg-light{background:#f4f9ff;border-radius:12px;margin-top:2rem;padding:2rem 1.5rem}& .img-container{flex-shrink:0}& .text-container{& ul{margin-bottom:2rem;& li{justify-content:center}}& h2{margin-bottom:2rem;font-size:32px;font-weight:700;&+p{margin-bottom:2rem;font-size:20px;font-weight:500}}& .label{font-family:var(--secondary-ff);text-transform:uppercase;color:var(--primary-color);margin-bottom:.4rem;font-size:14px;font-weight:700}}}@media (width>=768px){.flexbox{& .text-container{& h2{font-size:38px}}}}@media (width>=1200px){.flexbox{text-align:left;flex-direction:row;& .text-container{& ul li{justify-content:left}& a{margin-left:0}& h2{font-size:44px;&+p{font-size:22px}}}}.reverse{flex-direction:row-reverse}}.info{flex-wrap:wrap;gap:3rem 2rem;&>div{align-items:start;gap:1rem;& svg{flex-shrink:0}& h5{font-family:var(--third-ff);font-size:18px;font-weight:800}& p{margin-top:1rem;font-size:18px;font-weight:500}}}@media (width>=1200px){.info{gap:5rem 2rem;&>div{flex-basis:31.5555%}}}main{overflow:hidden}#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}& a{margin-inline:auto}& h1+p{color:#181a20;text-align:center;margin-bottom:3rem;font-size:18px;font-weight:600}&>div:first-child{&>div{flex-direction:column;& button{max-width:100%}}}&>div:last-child{flex-shrink:0;height:auto;position:relative}& .card{background:var(--primary-color);border-radius:16px;width:350px;height:366px;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:#fee8b3;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}}& #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:4.5rem;right:-3rem;& svg{flex-shrink:0}& p:first-of-type{font-weight:700;font-family:var(--secondary-ff);font-size:initial;margin-bottom:2px}}}}@media (width>=768px){#hero{flex-direction:row;min-height:30rem;margin:auto;& h1{text-align:left;letter-spacing:-1px;font-size:38px;line-height:1}& a{margin-left:0}& h1+p{text-align:left;font-size:20px}}}@media (width>=1200px){#hero{padding-block:2rem;padding-inline:3rem;& h1{font-size:60px}& h1+p{font-size:22px}&>div:first-child{&>div{flex-direction:row}}}}