@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Myriad Pro Regular'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}
@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Myriad Pro Semibold'), url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}
@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Myriad Pro Bold'), url('../fonts/MYRIADPRO-BOLD.woff') format('woff');
    }
:root {
    --logo-height: 150px;
    --halomega-box-width: 480px;
}

body {background: url(../images/bg.png) center center no-repeat #949494; background-attachment: fixed; background-size: 100% auto; font-size: 28px; font-family: 'Myriad Pro'; color: #fff;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol { padding: 0; margin: 0;}
*,*::before,*::after{ box-sizing: border-box;}
a { text-decoration: none; color: inherit;}
.hidden { display: none;}
.wrapper { display: flex; align-items: center; justify-content: center; min-height: 100vh; text-align: center; padding-block: 110px}
.wrapper .halomega-box { width: var(--halomega-box-width); max-width: 90%; padding-inline: 20px; display: flex; align-items: center; flex-direction: column; background: url(../images/bg1.svg) center center no-repeat; background-size: 100% 140%; position: relative; isolation: isolate;}
.wrapper .halomega-box::before,.wrapper .halomega-box::after { content: ""; margin-left: 0px; width: calc(100% + 40px); height: 75px; background: url(../images/bg1.svg) top center no-repeat; background-size: 100% auto; z-index: -1; position: relative;}
.wrapper .halomega-box::before { bottom: auto; transform: translateY(-100%); margin-bottom: -75px;}
.wrapper .halomega-box::after { top: auto; transform: translateY(100%); background-position: bottom center; height: 60px; margin-top: -75px}
.wrapper .halomega-box .halomega-box-inner { display: flex; flex-direction: column; margin-block: -50px -43px;}
.wrapper .halomega-box .logo { aspect-ratio: 407/211; height: var(--logo-height); position: relative; overflow: clip;}
.wrapper .halomega-box .logo img { vertical-align: top; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; position: absolute;}
.wrapper .halomega-box .disclosure-text { color: #fff; text-transform: uppercase; margin-block: 10px 15px;}
.wrapper .halomega-box .main-text {width: 100%; padding-inline: 18px; background: url(../images/bg2.svg) center center no-repeat; background-size: 100% 140%; position: relative; isolation: isolate; margin-block: 45px;}
.wrapper .halomega-box .main-text::before,.wrapper .halomega-box .main-text::after { content: ""; display: block; position: absolute; inset: 0; z-index: -1; height: 45px; background: url(../images/bg2.svg) top center no-repeat; background-size: 100% auto;}
.wrapper .halomega-box .main-text::before { bottom: auto; transform: translateY(-100%);}
.wrapper .halomega-box .main-text::after { top: auto; transform: translateY(100%); background-position: bottom center;}
.wrapper .halomega-box .main-text p { margin-block: -30px;}
.wrapper .halomega-box .form-control,.wrapper .halomega-box .email-btn { padding: 12px; border: 4px solid #00ffff; border-radius: 100vw; background: #808080; outline: 0px none; font-family: 'Myriad Pro'; margin-top: 10px; font-size: 24px; color: #000;  width: 100%;}
.wrapper .halomega-box .form-control::placeholder {color: #000;}
.wrapper .halomega-box .links {display: flex; text-transform: uppercase; padding-block: 15px; justify-content: space-between;}
.wrapper .halomega-box .links a {color: #000; width: 33%;}
.wrapper .halomega-box .links a:hover {color: #fff;}
.wrapper .halomega-box .video-section {display: flex; width: 100%;  align-items: center; justify-content: space-between;}
.wrapper .halomega-box .video-section img { width: 100px; border: 6px solid #00ffff; border-radius: 100vw;}
.wrapper .halomega-box .video-section * {width: 33%;}
.wrapper .halomega-box .video-section .video-section-text {background: url(../images/bg3.svg) center center no-repeat; height: 180px; font-size: 90%; display: flex; align-items: center; background-size: 100% 100%;}
button.email-btn{position:absolute;right:5px;top:14px;max-width:84px;border:0!important;height:72%;z-index:999;cursor:pointer;margin-top:0!important}
#subscription-form{position:relative;display:flex}