.hero{overflow:hidden}.hero,.hero .container{position:relative}.hero[data-style=boxed]{margin:0 auto clamp(20px,4vw,40px)}.hero .content{max-width:600px;position:relative;width:100%;z-index:2}.hero[data-style=boxed] .container{border-radius:10px;display:flex;overflow:hidden;padding-left:clamp(30px,3vw,90px);padding-right:clamp(30px,3vw,90px)}.hero .box .text>:last-child{margin-bottom:0}.hero[data-style=boxed] .box{background:#fff;border-radius:10px;max-width:100%;padding:clamp(20px,3.5vw,70px) clamp(25px,3vw,50px)}.hero[data-style=text-boxed] .box{background-color:#fff;border-radius:10px;max-width:692px;padding:69px}.hero .content p{max-width:600px;overflow:hidden}.content p span{display:inline-block}.hero .bg{height:100%!important;inset:0;object-fit:cover;position:absolute;width:100%;z-index:-1}.hero .btn-container{display:flex;flex-wrap:wrap;gap:40px;margin-top:30px;overflow:hidden}@media (max-width:1280px){.hero[data-style=boxed]{padding-left:20px;padding-right:20px}}@media (max-width:991px){.hero[data-style=text-boxed] .box{padding:30px}}@media (max-width:500px){.hero[data-style=boxed]{padding:0}.hero[data-style=boxed] .container{border-radius:0}.btn-container{width:100%}}