section[data-cattype="246"] { overflow: visible !important; } section[data-cattype="246"] .bigdiv{ background-color: white; } section[data-cattype="246"]:not([class*="p-"]) { padding: 0px !important; } section[data-cattype="246"] .video-background { position: sticky; top: 0; left: 0; z-index: 1; overflow: hidden; width: 100vw; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; } section[data-cattype="246"] .video-background .video-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; transition: opacity 1s ease-in-out; } section[data-cattype="246"] .video-gradient-top, section[data-cattype="246"] .video-orange-overlay, section[data-cattype="246"] .video-gradient-bottom { z-index: 3 !important; } section[data-cattype="246"] .video-background iframe { position: absolute; top: 55%; left: 50%; width: 101vw; height: 100vh; object-fit: cover; transform: translate(-50%, -60%); z-index: 1; } section[data-cattype="246"] .content .heading #typed{ font-size: 3rem; font-weight: 600; color: #fec22c; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } @media (min-aspect-ratio: 16/9) { section[data-cattype="246"] .video-background iframe { height: 56.25vw; } } @media (max-aspect-ratio: 16/9) { section[data-cattype="246"] .video-background iframe { width: 300vh; max-width: 230%!important; } } section[data-cattype="246"] .content { text-align: left; display: flex; flex-direction: column; align-items: flex-start; width: 58%; padding: 0; position: relative; z-index: 10; gap: 20px; } section[data-cattype="246"] .mouse-scroll { display: none; } section[data-cattype="246"] .video-gradient-top { position: absolute; top: 0; left: 0; width: 100%; height: 35%; background-color: rgba(251, 146, 2, 1); pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, black 30px, transparent 100%); mask-image: linear-gradient(to bottom, black 30px, transparent 100%); } section[data-cattype="246"] .video-orange-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(251, 146, 2, 0.25); pointer-events: none; } section[data-cattype="246"] .bigdiv .container { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 4; display: flex; align-items: center; justify-content: flex-end; pointer-events: none; } section[data-cattype="246"] > .container { max-width: 1500px; width: 100%; min-height: 600px; height: auto; text-align: right; z-index: 3; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } section[data-cattype="246"] .content .heading { font-family: 'Public Sans', sans-serif; font-weight: 600; color: #fff; font-size: 3.7rem; line-height: 1; margin: 0; } section[data-cattype="246"] .content .heading #typed { font-size: 3rem; font-weight: 600; color: #fec22c; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } section[data-cattype="246"] .content .typed-cursor { opacity: 1; font-weight: 50; animation: blink 0.7s infinite; } section[data-cattype="246"] .content .sub-heading { font-family: 'Public Sans', sans-serif; font-weight: 300; color: white; font-size: 25px; line-height: 1.5; margin-top: 15px; padding-right: 2%; } @media (max-width: 1400px) { section[data-cattype="246"] > .container { min-height: 480px; height: auto; } section[data-cattype="246"] .content { padding: 0 0 5% 0; width: 48%; margin-top: -9vh; } section[data-cattype="246"] .content .heading { font-size: 3.0rem; } section[data-cattype="246"] .content .heading #typed { font-size: 2.5rem; } section[data-cattype="246"] .content .sub-heading { font-size: 20px; } section[data-cattype="246"] .content{ padding: 0% 0 0 0; } section[data-cattype="246"] .bigdiv .container{ bottom: 30px; } section[data-cattype="246"] .video-gradient-top{ -webkit-mask-image: linear-gradient(to bottom, black 5px, transparent 100%); } } @media (min-width: 768px) and (max-width: 980px) { section[data-cattype="246"] > .container { height: auto; } section[data-cattype="246"] .content { display: block; width: 100%; padding: 0 30px; } section[data-cattype="246"] .content .heading { font-size: 8vw; } section[data-cattype="246"] .content .sub-heading { font-size: 3vw; } } @media (max-width: 767px) { section[data-cattype="246"] > .container { height: auto; } section[data-cattype="246"] .content { display: block; width: 100%; padding: 0 18px; } section[data-cattype="246"] .content .heading { font-size: 9vw; text-align: center; } section[data-cattype="246"] .content .sub-heading { font-size: 4.8vw; text-align: center; } section[data-cattype="246"] .mouse-scroll { position: relative; width: 21px; height: 35px; margin: 10px auto 0 auto; border: 2px solid #fff; border-radius: 10px; display: flex !important; justify-content: center; align-items: center; } section[data-cattype="246"] .video-background iframe{ top:35%; } section[data-cattype="246"] .mouse-scroll::before { content: ""; position: absolute; top: 10px; left: 7px; width: 3px; height: 6px; border-radius: 50%; background-color: #fff; animation: fadeInDown 1.25s infinite; animation-delay: 3s; } section[data-cattype="246"] .video-background{ background: linear-gradient(to bottom, #fb9202 0%, #fec12c 100%); } section[data-cattype="246"] .bigdiv .container { position: absolute; top: 135px; left: 0; width: 100%; z-index: 3; } } @media (max-width: 815px){ section[data-cattype="246"] .video-background{ height: 75vh; } } @media (max-width: 480px) { section[data-cattype="246"] .video-background{ width: 100vw; height: 75vh; background-position: center !important; } section[data-cattype="246"] .video-background::before{ transform: translate(0%, -25%) !important; } section[data-cattype="246"] > .container { height: auto; } section[data-cattype="246"] .content .heading { font-size: 8.4vw; } section[data-cattype="246"] .content .heading #typed { font-size: 1.5rem; } section[data-cattype="246"] .content .sub-heading { font-size: 4.5vw; } section[data-cattype="246"] .mouse-scroll { width: 21px; height: 35px; border: 2px solid #fff; border-radius: 10px; position: relative; pointer-events: auto; display: flex; justify-content: center; align-items: center; margin: 20px auto 0 auto; } section[data-cattype="246"] .video-background iframe{ top:40%; } section[data-cattype="246"] .bigdiv .container{ top: 140px; } section[data-cattype="246"] #Herotextbanner { overflow-y: hidden !important; } [data-cattype="238"].loaded > .vertical-divider{ display: none; } section[data-cattype="246"] .video-gradient-bottom { display: none; position: absolute; top: 35%; left: 0; width: 100%; height: 655px; background: linear-gradient( to bottom, transparent 0%, #fb9202 15%, #fb9202 30%, #fca520 50%, #fec12c 70%, rgba(254, 193, 44, 0.3) 85%, transparent 100% ); z-index: 2; pointer-events: none; } section[data-cattype="246"] .video-gradient-top { display: none !important; } section[data-cattype="246"] .video-gradient-bottom { display: block !important; } section[data-cattype="246"] .video-outer-wrapper { height: 120vh; } } @keyframes pulseBG { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.01, 1.01, 1.01); } to { transform: scale3d(1, 1, 1); } }