.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}}.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:2rem 4rem 0;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}}}.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%}}}.agency-hero-btns{@media (width<=500px){&>a.btn{width:100%;max-width:100%}}}