.Main-container{width:100%;display:flex;align-items:stretch;gap:8px}.video video{width:100%;height:100%;object-fit:cover}.video{width:33.3%;position:relative;height:475px}.text-content{width:33.3%;background:linear-gradient(93deg,#dfdfe2 .32%,#e1e0e3 97.81%);display:flex;align-items:center;height:475px}.text-content-box{width:65%;margin:0 auto}.text-content-box p{margin:0 0 8px;color:#000;font-family:Outfit;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.text-content-box h1{margin:0 0 6px;color:#000;font-family:Outfit;font-size:32px;font-style:normal;font-weight:700;line-height:36px;text-transform:uppercase}.text-content-box h2{margin:0 0 30px;color:#000;font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.custom-button{display:inline-flex;padding:8px 16px;align-items:center;gap:10px;border-radius:28px;background:#000;color:#fff;text-align:center;font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}.text-with-button h3{margin:0 0 14px;color:#000;font-family:Outfit;font-size:30px;font-style:normal;font-weight:700;line-height:109.3%;text-transform:uppercase}.text-with-button{position:absolute;bottom:40px;left:58px}.font-30{font-size:30px}.custom-color{color:#004ec3}.mobile{display:none}.top-logo{width:80px;padding-bottom:10px}.top-logo img{width:100%;height:auto}@media screen and (min-width: 1550px){.video,.text-content{height:580px}}@media screen and (min-width: 1950px){.video,.text-content{height:680px}}@media screen and (min-width: 2250px){.video,.text-content{height:780px}}@media screen and (min-width: 2550px){.video,.text-content{height:880px}}@media screen and (min-width: 2950px){.video,.text-content{height:980px}}@media screen and (max-width: 1300px){.text-content-box h1{font-size:24px;line-height:27px}}@media screen and (max-width: 1023px){.text-content-box h1{font-size:20px;line-height:24px}.text-content-box{width:80%}.top-logo{width:60px}}@media screen and (max-width: 768px){.mobile{display:block}.desktop{display:none}.video{width:100%;height:720px}.text-content{width:90%;margin:25px auto 0;text-align:center;display:flex;background:unset;height:unset}.text-content-box h1{font-size:32px;line-height:36px}.text-content-box h2{margin:0 0 22px}.text-content-box{width:100%;margin:0 auto}}@media screen and (max-width: 570px){.video{height:520px}}@media screen and (max-width: 440px){.video{height:400px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hero-video-banner.css.map */