.Hero{color:#fff;width:97%;margin:auto;padding-top:160px}.content{justify-content:space-between;display:flex}.contentLeft{width:50%}.contentLeft .subHeading{color:#555;margin-bottom:25px;padding-left:60px;font-family:inter;font-size:clamp(16.5px,1.05vw,2rem);font-weight:400;position:relative}.contentLeft .subHeading:before{content:"";background:#555;width:50px;height:2px;display:inline-block;position:absolute;top:50%;left:0}.contentLeft h1{color:#1e1e1e;padding-bottom:30px;font-family:inter;font-size:clamp(45px,3.7vw,73px);font-weight:400;position:relative}.contentLeft h1:after{content:"";background:#0000004d;width:100%;height:1px;display:block;position:absolute;bottom:0}.contentLeft .heroDis{color:#555;width:80%;padding-top:25px;padding-bottom:25px;font-family:inter;font-size:clamp(16px,.92vw,3rem);font-weight:300}.contentLeft a{width:fit-content;display:flex}.contentLeft button{color:#fff;cursor:pointer;background:#1e1e1e;border:none;border-radius:50px;align-items:center;gap:5px;padding:15px 24px;font-family:inter;font-size:16px;transition:all .3s ease-in-out;display:flex}.contentLeft button:hover{background:#000}.contentLeft button i{opacity:1;font-size:18px;font-weight:600;display:flex;transform:translate(0)}@keyframes flyOutIn{0%{opacity:1;transform:translate(0)}25%{opacity:0;transform:translate(50px,-50px)}30%{opacity:0;transform:translate(50px,-50px)}45%{opacity:0;transform:translate(-50px,50px)}75%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}.videoContainer{width:clamp(300px,44.36vw,800px);height:clamp(200px,34vw,600px)}video{object-fit:cover;border-radius:20px;width:100%;height:100%}@media (max-width:1023px){body{height:200vh}.Hero{padding-top:160px}.content{flex-direction:column;gap:25px;width:100%}.contentLeft{width:90%}.contentLeft h1{font-size:clamp(1.75rem,5.5vw,3.5rem)}.contentLeft .heroDis{width:95%;font-size:14px;line-height:1.4}.contentLeft button{padding:14px 22px;font-size:clamp(.7rem,2vw,1.5rem)}.videoContainer{width:100%;height:clamp(200px,40vw,600px)}}@media (max-width:599px){.Hero{padding-top:120px}.contentLeft .subHeading{padding-left:55px;font-size:12px}.contentLeft .subHeading:before{width:40px}.contentLeft h1{padding-bottom:20px;font-size:clamp(1.6rem,7.6vw,5rem)}.contentLeft .heroDis{padding-top:20px;font-size:12px}.contentLeft button{font-size:clamp(.8rem,2.5vw,3.5rem)}.videoContainer{width:100%;height:clamp(220px,40vw,600px)}}
