@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap');
/* @font-face {
font-family: "Grifter-Bold";
src: url("/assets/fonts/grifterbold.ttf") format(truetype);
} */

@font-face {
    font-family: 'super_dreamregular';
    src: url('../fonts/superdream-ax3ve-webfont.eot');
    src: url('../fonts/superdream-ax3ve-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/superdream-ax3ve-webfont.woff2') format('woff2'),
         url('../fonts/superdream-ax3ve-webfont.woff') format('woff'),
         url('../fonts/superdream-ax3ve-webfont.ttf') format('truetype'),
         url('../fonts/superdream-ax3ve-webfont.svg#super_dreamregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* @font-face {
    font-family: 'aloevera-regularregular';
    src: url('../fonts/aloevera-regular-webfont.eot');
    src: url('../fonts/aloevera-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aloevera-regular-webfont.woff2') format('woff2'),
         url('../fonts/aloevera-regular-webfont.woff') format('woff'),
         url('../fonts/aloevera-regular-webfont.svg#aloevera-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

} */

input::placeholder {
    color: #898989;
    opacity: 1; /* Firefox */
  }
  
input::-ms-input-placeholder { /* Edge 12-18 */
    color: #898989;
  }


h1,h2,h3,h4,h5{
font-family: 'super_dreamregular';
font-weight: 400;
font-style: normal;
}
*,
::after,
::before {
box-sizing: border-box;
border: none;
border-color: transparent;
outline: none;
}
body {
width: 100%;
background: #000 !important;
color: #fff;
font-family: "Bai Jamjuree", serif;
overflow-x: hidden;
height: 100%;
font-weight: 200;
}
p{
    font-family: "Bai Jamjuree", serif;
    letter-spacing: 0.3px;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
}
a {
text-decoration: none !important;
font-family: "Bai Jamjuree", serif;

}
.input-group > .form-control, .input-group > .form-select{font-family:"Bai Jamjuree", serif !important}
.grifterBold {
font-family: "Bai Jamjuree", serif;
}
.welcomePat {
position: relative;
width: 100%;
height: 100%;
}
.welcomePat::before {
position: absolute;
content: "";
}
.missionState {
position: relative;
width: 100%;
height: 100%;
}
.redeyeHero {
background-color: #000;
overflow: hidden;
}

.verify-modal-text {
display: flex;
align-items: center;
}
:host .ionicon {
stroke: currentColor;
position: relative;
top: 2px;
}

.productSect {
position: relative;
height: 100%;
width: 100%;
}
.power {
position: relative;
height: 100%;
width: 100%;
}
.power::before {
position: absolute;
content: "";
width: 100%;
height: 190px;
background-image: url("/assets/images/topCurved.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
top: -70px;
z-index: 2;
}
.power::after {
position: absolute;
content: "";
width: 100%;
height: 190px;
background-image: url("/assets/images/botCurved.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: -70px;
z-index: 2;
}
.contactForm {
position: relative;
}
.contactForm::before {
position: absolute;
content: "";
width: 100%;
height: 225px;
background-image: url("/assets/images/contPatTop.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: -55px;
z-index: 2;
}
.freqlee {
position: relative;
}
.freqlee::before {
position: absolute;
content: "";
width: 100%;
height: 225px;
background-image: url("/assets/images/topCurved.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
top: -60px;
}
.contactHeroForm {
position: relative;
width: 100%;
height: 100%;
}
.verificationContent img, .verificationContent2 img {
margin: auto;
}
.form-control:focus{box-shadow: none;}
.VerificationModal  .modal-content {
    background-color: #212121;
    border-radius: 15px;
    border: 1px solid #454444;
    text-align: center;
    color: #fff;
    max-width: 460px;
    margin: auto;
}
.verificationContent button {
    width: 60px;
    padding: 6px 14px !important;
}
.verificationContent h2 {
    padding: 25px 0px;
}
img.verificationIcon {
    width: 100px;
}
.modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-group .btn{z-index: 99 !important; font-family: 'super_dreamregular';}
.VerificationModal{background: rgba(0, 0, 0, 0.8); max-width: 100% !important;}

.verificationContent {
padding-bottom: 0;
}
.verificationContent h2 {
font-size: 18px;
font-weight: bold;
}
.verificationContent h6 {
font-weight: 300;
}
.verificationContent2 h4 {
padding-top: 10px;
font-weight: bold;
font-size: 18px;
}
.verificationContent h6 {
    font-weight: 300;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 30px;
    font-family: "Bai Jamjuree", serif;
}
.modal-open {
padding: 0!important;
overflow-y: scroll!important;
}
#SuccessModal {
    padding: 0!important;
}
.popupClose-btn{
background:green;
padding: 6px 14px;
border-radius: 4px;
font-size: 14px;
width: 60px;
}
.VerificationModal  .modal-body{padding: 2rem;}

.newsLetterCurved {
position: relative;
}
.newsLetterCurved::before {
position: absolute;
content: "";
width: 100%;
height: 100px;
background-image: url("/assets/images/Subtracta.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
top: -95px;
}
.googleIframe {
width: 100%;
height: 120svh;
z-index: -1;
position: relative;
top: 125px;
}
.formFields input,
.formFields textarea {
background: #fff !important;
font-family: 'Bai Jamjuree';
}
label, button{
    font-family: 'Bai Jamjuree'; 
}
.newsLetInp input {
border: none !important;
background: #fff !important;
color: #fff !important;
}
/* Verified Popup Start */
.verifiedPop {
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0px;
left: 0px;
background: rgb(0 0 0 / 90%);
z-index: 99;
}
.popup-inner {
width: 90%;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
}
.popup-close {
width: 30px;
height: 30px;
padding-top: 4px;
display: inline-block;
position: absolute;
top:20px;
right: 23px;
transition: ease 0.25s all;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
border-radius: 1000px;
background: rgba(0, 0, 0, 0.8);
font-family: Arial, sans-serif;
font-size: 20px;
text-align: center;
line-height: 100%;
color: #fff;
}
.popup-close:hover {
background: rgba(0, 0, 0, 0.2);
text-decoration: none;
color: #fff;
}
/* Verified Popup End */
/* Age popup start */
#popup {
z-index: 1000;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
display: none;
background-color: rgb(0 0 0);
}
.verify-window {
position: absolute;
top: 50%;
left: 50%;
margin-left: -170px;
margin-top: -170px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
/* Age popup end */
/* Faq Sect start */
.accordion .accordion-item {
background: transparent !important;
border-bottom: 1px solid #fff !important;
}
.accordion-item {
border: none !important;
}
.accordion .accordion-item button[aria-expanded="true"] {
}
.accordion button {
position: relative;
display: block;
text-align: left;
width: 100%;
padding: 1em 0;
color: #000;
font-size: 1.15rem;
font-weight: 400;
background: none;
outline: none;
}
.accordion button:hover,
.accordion button:focus {
cursor: pointer;
color: #000;
}
.accordion button:hover::after,
.accordion button:focus::after {
cursor: pointer;
color: #000;
}
.accordion button .accordion-title {
padding: 1em 1.5em 1em 0;
color: #fff;
letter-spacing: 3px;
}
.accordion button .icon {
display: inline-block;
position: absolute;
top: 18px;
right: 0;
width: 22px;
height: 22px;
/* border: 1px solid; */
/* border-radius: 22px; */
}
.accordion button .icon::before {
display: block;
position: absolute;
content: "";
top: 9px;
left: 5px;
width: 10px;
height: 2px;
background: #fff;
}
.accordion button .icon::after {
display: block;
position: absolute;
content: "";
top: 5px;
left: 9px;
width: 2px;
height: 10px;
background: #fff;
}
.accordion button[aria-expanded="true"] {
color: #000;
}
.accordion button[aria-expanded="true"] .icon::after {
width: 0;
}
.accordion button[aria-expanded="true"] + .accordion-content {
opacity: 1;
max-height: 10em;
transition: all 200ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 200ms linear, max-height 200ms linear;
will-change: opacity, max-height;
display: flex;
align-items: center;
justify-content: space-between;
}
.accordion .accordion-content p {
font-size: 1rem;
font-weight: 300;
margin: 1em 0;
}
.accordion .accordion-content img {
width: 120px;
margin: 1em 0;
}
/* Faq Sect end */
.prodCard {
position: relative;
bottom: 41rem;
left: 60%;
}
.prodSlide {
position: relative;
top: 4rem;
right: 7.5rem;
}
.mapLocate {
position: relative;
margin-top: -8rem;
}
.video-wrapper {
height: fit-content;
padding-bottom: 18%;
overflow: hidden;
margin-bottom: 30px;
}
.video-wrapper video {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
object-fit: cover;
position:absolute;
top:0;
} /*
}
/* .video-screen{
padding-bottom: 21%;
height: fit-content;
}
@media screen and (max-width: 1880px) {
.video-screen{
padding-bottom: 29%;
margin-bottom: -39px;
}
}
@media screen and (max-width: 1672px) {
.video-screen {
padding-bottom: 29%;
margin-bottom: -105px;
}
}
@media screen and (max-width: 1600px) {
.video-screen {
padding-bottom: 27%;
margin-bottom: -106px;
}
}
@media screen and (max-width: 1600px) {
.video-screen {
padding-bottom: 27%;
margin-bottom: -224px;
}
}
@media screen and (max-width: 1367px) {
.video-screen {
padding-bottom: 27%;
margin-bottom: -167px;
}
}
@media screen and (max-width: 1270px) {
.video-screen {
padding-bottom: 21%;
margin-bottom: -106px;
}
} */

@media screen and (max-width: 495px) {
.prod {
position: relative;
}
.freqlee::before {
top: -15px;
}
.prodSlide {
top: 0;
right: 0;
}
.prodCard {
position: relative;
bottom: 1.25rem;
left: 0;
}
.top6 {
position: relative;
top: 6rem;
}
.bot5 {
position: relative;
bottom: 5rem;
}
.padT1 {
padding-top: 1rem;
}
.padB1 {
padding-bottom: 1rem;
}
.padB5 {
padding-bottom: 0.5rem;
}
.padY5 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.verify-window {
position: absolute;
top: 50%;
right: -69rem;
left: 0 !important;
}
.lefty {
position: relative;
left: 12.5rem;
}
.set-size .form-control {
font-size: 17px;
}
#verify-btn {
line-height: 15px;
font-size: 17px;
}
.mobile {
display: block;
}
.desktop {
display: none;
}
.redeyeHero {height: 100vh !important;}
.video-wrapper{padding-bottom: 32%;}
/* .redeyeHero{overflow: visible;} */
.video-wrapper video{min-height: 100%; height: 100vh;}
ion-icon.top-1 {
top: 1px !important;
}
}
/* footerContent section end */
.come-area {
position: relative;
font-size: 9vw;
/* color: #252839; */
/* -webkit-text-stroke: 0.3vw #272a3b; */
/* text-transform: uppercase; */
/* overflow: hidden; */
}
.come-area {
position: relative;
font-size: 9vw;
color: #ffffff;
-webkit-text-stroke: 0.3vw #ffffff;
text-transform: uppercase;
overflow: hidden;
}
.come-area::before {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #FF0000;
-webkit-text-stroke: 0vw #383d52;
border-right: 2px solid #FF0000;
overflow: hidden;
animation: animate 6s linear infinite;
white-space: nowrap;
}



@keyframes animate {
0% {
width: 0;
}
50% {
width: 100%;
}
100% {
width: 0;
}
}
.productImg {
height: 400px;
}
.zoom-img {
transition: transform 0.3s ease;
}
.productImg:hover .zoom-img {
transform: scale(1.1); /* Adjust the scale value to control the zoom level */
}

.VerificationModal .modal-body {
    padding: 0;
    background: url(../../images/poup_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.VerificationModal .modal-body h2{
    font-size: 24px;
    font-family: "Bai Jamjuree", serif;
    color: #fff;
}
@media screen and (max-width: 430px) {
    .verify-modal-text {
        height: auto;
    }}