html{
scroll-behavior: smooth;
}
:root {
--primary: #37ca37;
--secondary: #188bf6;
--white: #ffffff;
--gray: #cbd5e0;
--black: #000000;
--red: #e93d3d;
--orange: #f6ad55;
--yellow: #faf089;
--green: #9ae6b4;
--teal: #63b3ed;
--indigo: #757BBD;
--purple: #d6bcfa;
--pink: #fbb6ce;
--transparent: transparent;
--overlay: rgba(0, 0, 0, 0.5);
--color-posac8s7wu: rgb(255, 255, 255);
--color-35pqidfyhs: rgb(242, 247, 255);
--color-1c07tdzhgu: rgb(27, 30, 36);
--color-xhagfhmltd: rgb(255, 0, 0);
--color-0m2on50zwy: rgb(47, 183, 230);
--color-8mn3jsyssi: rgb(241, 244, 248);
--color-023dgff9sl: rgb(240, 185, 17);
--color-bvy77iv6y4: rgb(242, 242, 242);
--color-62mjnxhg98: rgba(255, 255, 255, 0.92);
--color-arahap77fq: rgb(0, 0, 0);
--color-kpd5eggp: #934BFF;
--color-kpd5k2v4: #031654;
--color-krm3v7wb: #0B1323;
--color-lw9k1z0e: #FFD700;
--color-lwaphfrw: #f4d56a;
--color-lwaskmi4: #2f7ae6;
--color-lgf1duy4: #0E182C;
--color-lx2prsc2: #000321;
--color-lx2py304: #0038FF;
--color-lx2q00eu: #8893A8;
--color-lx2qgvbk: #565A7C;
--color-lx3csigp: #C9D8E0;
--color-lx3d0bih: #222639;
--color-m0i101m1: #481188;
--color-m0i19dxn: #635df4;
--color-m0i1de95: #C829EE;
--color-m11y0ek9: #1a1a1a;
--color-m9inn7mr: #7c3aed;
--arial: 'Arial';
--lato: 'Lato';
--open-sans: 'Open Sans';
--montserrat: 'Montserrat';
--roboto: 'Roboto';
--source-sans-pro: 'Source Sans Pro';
--ubuntu: 'Ubuntu';
--poppins: 'Poppins';
--inter: 'Inter';
--headlinefont: 'Montserrat';
--contentfont: 'Ubuntu';
--link-color: var(--secondary);
--text-color: var(--black);
}

.bg-fixed {
bottom: 0;
top: 0;
left: 0;
right: 0;
position: fixed;
overflow: auto;
background-color: var(--transparent)
}

.drop-zone-draggable .hl_main_popup {
font-family: var(--contentfont);
border-width: 10px;
background-color: var(--color-posac8s7wu);
margin-top: 0;
padding: 40px 0;
border-color: var(--gray);
border-style: solid
}

@media screen and (min-width:0px) and (max-width:480px) {
.drop-zone-draggable .hl_main_popup {
padding-top: 40px
}
}



.drop-zone-draggable .row-icJ-x93VrI {
margin: -50px auto 0
}

.drop-zone-draggable .row-icJ-x93VrI {
padding: 15px 0 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid;
width: 100%
}


.drop-zone-draggable .col-3MIK8OFK_t {
padding: 10px 5px;
background-color: var(--transparent);
width: 100%;
border-color: var(--black);
border-width: 2px;
border-style: solid;
margin: 0
}

@media screen and (min-width:0px) and (max-width:480px) {
.drop-zone-draggable .col-3MIK8OFK_t {
padding-bottom: 0
}
}


.drop-zone-draggable .ctwo-setp-order-DgldOny3oI {
font-family: var(--roboto);
text-align: left;
button-color: var(--color-lw9k1z0e);
button-text-color: var(--black);
button-size: 2rem;
button-style: form-button-gradient;
form-bg-color: var(--transparent);
form-radius: 5px
}



.drop-zone-draggable #heading-nl7_IL12MK {
margin: 0
}

.drop-zone-draggable .cheading-nl7_IL12MK {
font-family: var(--roboto);
background-color: var(--transparent);
color: var(--text-color);
icon-color: var(--text-color);
font-weight: 400;
padding: 0;
opacity: 1;
text-shadow: 0 0 0 transparent;
border-color: var(--black);
border-width: 2px;
border-style: solid;
line-height: 1.3em;
letter-spacing: 0;
text-align: center
}



.drop-zone-draggable #sub-heading-1XMRCk_UxZ {
margin: 0
}

.drop-zone-draggable .csub-heading-1XMRCk_UxZ {
font-family: var(--roboto);
background-color: var(--transparent);
color: var(--text-color);
icon-color: var(--text-color);
font-weight: 400;
padding: 0;
opacity: 1;
text-shadow: 0 0 0 transparent;
border-color: var(--black);
border-width: 2px;
border-style: solid;
line-height: 1.3em;
text-transform: none;
letter-spacing: 0;
text-align: center
}



.drop-zone-draggable .image--OIbyUUKRb {
margin: 0
}

.drop-zone-draggable .image--OIbyUUKRb .image-container img {
box-shadow: undefined;
width: 180px
}

.drop-zone-draggable .cimage--OIbyUUKRb {
padding: 10px;
background-color: var(--transparent);
opacity: 1;
text-align: center
}



.drop-zone-draggable .row-5-wt_D-95A {
margin: 0 auto
}

.drop-zone-draggable .row-5-wt_D-95A {
padding: 0 30px;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid;
width: 100%
}


.drop-zone-draggable .col-kWplxKh1uX {
padding: 10px 5px;
background-color: var(--transparent);
width: 100%;
border-color: var(--black);
border-width: 2px;
border-style: solid;
margin: 0
}

@media screen and (min-width:0px) and (max-width:480px) {
.drop-zone-draggable .col-kWplxKh1uX {
padding-top: 0
}
}

.drop-zone-draggable .row-kTAnWYMm2i {
margin: 0 auto
}

.drop-zone-draggable .row-kTAnWYMm2i {
padding: 0 0 15px;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid;
width: 100%
}


.drop-zone-draggable .col-wYtc9XI2UG {
padding: 0 5px 10px;
background-color: var(--transparent);
width: 100%;
border-color: var(--black);
border-width: 2px;
border-style: solid;
margin: 0
}

.drop-zone-draggable #sub-heading-BVuvwfGi7k {
margin: 0
}

.drop-zone-draggable .csub-heading-BVuvwfGi7k {
font-family: var(--headlinefont);
background-color: var(--transparent);
color: var(--text-color);
icon-color: var(--text-color);
font-weight: 400;
padding: 0;
opacity: 1;
text-shadow: 0 0 0 transparent;
border-color: var(--black);
border-width: 2px;
border-style: solid;
line-height: 1.3em;
letter-spacing: 0;
text-align: center
}



.drop-zone-draggable #sub-heading-coBNFG-BJg {
margin: 0
}

.drop-zone-draggable .csub-heading-coBNFG-BJg {
font-family: var(--roboto);
background-color: var(--transparent);
color: var(--text-color);
icon-color: var(--text-color);
font-weight: 400;
padding: 0;
opacity: 1;
text-shadow: 0 0 0 transparent;
border-color: var(--black);
border-width: 2px;
border-style: solid;
line-height: 1.3em;
letter-spacing: 0;
text-align: center
}



.drop-zone-draggable #heading-tc-FK7eZCz {
margin: 10px 0 0
}

@media screen and (min-width:0px) and (max-width:480px) {
.drop-zone-draggable #heading-tc-FK7eZCz {
margin-top: 10px
}
}

.drop-zone-draggable .cheading-tc-FK7eZCz {
font-family: var(--roboto);
background-color: var(--transparent);
color: var(--text-color);
icon-color: var(--text-color);
font-weight: 400;
padding: 0;
opacity: 1;
border-color: var(--black);
border-width: 2px;
border-style: solid;
line-height: 1.3em;
text-transform: none;
letter-spacing: 0;
text-align: center
}



.drop-zone-draggable #bulletList-LnunJls_s4 {
margin: 0
}

.drop-zone-draggable .cbulletList-LnunJls_s4 {
font-family: var(--roboto);
background-color: var(--transparent);
color: var(--text-color);
icon-color: var(--text-color);
padding: 0 20px;
opacity: 1;
text-shadow: none;
border-color: var(--black);
border-width: 2px;
border-style: solid;
line-height: 1.5em;
text-transform: none;
letter-spacing: 0;
text-align: left
}

@media screen and (min-width:0px) and (max-width:480px) {
.drop-zone-draggable .cbulletList-LnunJls_s4 {
line-height: 1.8em
}
}



.drop-zone-draggable .image-feature--OgtvXw2lF {
margin: 0
}

.drop-zone-draggable .cimage-feature--OgtvXw2lF {
font-family: var(--roboto);
font-weight: 400;
feature-headline-color: var(--black);
feature-text-color: var(--black);
line-height: 1.5em;
letter-spacing: 0;
padding: 10px;
background-color: var(--transparent);
text-align: left;
link-text-color: var(--blue)
}

@media screen and (min-width:0px) and (max-width:480px) {
.drop-zone-draggable .cimage-feature--OgtvXw2lF {
line-height: 1.6em
}
}



.drop-zone-draggable .image-feature-i5GE_z80Nm {
margin: 0
}

.drop-zone-draggable .cimage-feature-i5GE_z80Nm {
font-family: var(--roboto);
font-weight: 400;
feature-headline-color: var(--black);
feature-text-color: var(--black);
text-shadow: none;
line-height: 1.5em;
letter-spacing: 0;
padding: 10px;
background-color: var(--transparent);
text-align: left;
link-text-color: var(--blue)
}

@media screen and (min-width:0px) and (max-width:480px) {
.drop-zone-draggable .cimage-feature-i5GE_z80Nm {
line-height: 1.6em
}
}


#hl_main_popup {
border-width: 10px;
background-color: var(--color-posac8s7wu);
margin-top: 0;
padding: 40px 0;
border-color: var(--gray);
border-style: solid;
width: 720px
}

.--mobile #hl_main_popup {
padding-top: 40px
}

@media screen and (min-width:0px) and (max-width:480px) {
#hl_main_popup {
padding-top: 40px;
width: 380px !important
}
}

#col-3MIK8OFK_t>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

.two-setp-order-DgldOny3oI .form-btn {
background-color: var(--color-lw9k1z0e);
color: var(--black)
}

.two-setp-order-DgldOny3oI .form-btn .main-text {
font-size: 2rem
}

.two-setp-order-DgldOny3oI .form-input {
border-radius: 5px;
text-align: left;
background-color: var(--transparent)
}

.two-setp-order-DgldOny3oI .form-button-gradient {
background-color: #fff;
background-image: linear-gradient(to bottom, rgba(255, 215, 0, .5), gold) !important
}

.heading-nl7_IL12MK {
font-weight: 900
}

.heading-nl7_IL12MK em,
.heading-nl7_IL12MK strong,
.heading-nl7_IL12MK u {
color: var(--text-color) !important
}

.heading-nl7_IL12MK a,
.heading-nl7_IL12MK a * {
color: var(--link-color) !important;
text-decoration: none
}

.heading-nl7_IL12MK a:hover {
text-decoration: underline
}

@media screen and (min-width:0px) and (max-width:480px) {

.heading-nl7_IL12MK h1,
.heading-nl7_IL12MK h2,
.heading-nl7_IL12MK h3,
.heading-nl7_IL12MK h4,
.heading-nl7_IL12MK h5,
.heading-nl7_IL12MK h6,
.heading-nl7_IL12MK ul li,
.heading-nl7_IL12MK.text-output {
font-size: 32px !important;
font-weight: 900
}
}

@media screen and (min-width:481px) and (max-width:10000px) {

.heading-nl7_IL12MK h1,
.heading-nl7_IL12MK h2,
.heading-nl7_IL12MK h3,
.heading-nl7_IL12MK h4,
.heading-nl7_IL12MK h5,
.heading-nl7_IL12MK h6,
.heading-nl7_IL12MK ul li,
.heading-nl7_IL12MK.text-output {
font-size: 32px !important;
font-weight: 900
}
}

.heading-nl7_IL12MK.text-output h1:first-child:before,
.heading-nl7_IL12MK.text-output h2:first-child:before,
.heading-nl7_IL12MK.text-output h3:first-child:before,
.heading-nl7_IL12MK.text-output h4:first-child:before,
.heading-nl7_IL12MK.text-output h5:first-child:before,
.heading-nl7_IL12MK.text-output h6:first-child:before,
.heading-nl7_IL12MK.text-output p:first-child:before {
color: var(--text-color);
margin-right: 5px;
font-weight: 700
}

.sub-heading-1XMRCk_UxZ {
font-weight: 400
}

.sub-heading-1XMRCk_UxZ em,
.sub-heading-1XMRCk_UxZ strong,
.sub-heading-1XMRCk_UxZ u {
color: var(--text-color) !important
}

.sub-heading-1XMRCk_UxZ a,
.sub-heading-1XMRCk_UxZ a * {
color: var(--link-color) !important;
text-decoration: none
}

.sub-heading-1XMRCk_UxZ a:hover {
text-decoration: underline
}

@media screen and (min-width:0px) and (max-width:480px) {

.sub-heading-1XMRCk_UxZ h1,
.sub-heading-1XMRCk_UxZ h2,
.sub-heading-1XMRCk_UxZ h3,
.sub-heading-1XMRCk_UxZ h4,
.sub-heading-1XMRCk_UxZ h5,
.sub-heading-1XMRCk_UxZ h6,
.sub-heading-1XMRCk_UxZ ul li,
.sub-heading-1XMRCk_UxZ.text-output {
font-size: 25px !important;
font-weight: 300
}
}

@media screen and (min-width:481px) and (max-width:10000px) {

.sub-heading-1XMRCk_UxZ h1,
.sub-heading-1XMRCk_UxZ h2,
.sub-heading-1XMRCk_UxZ h3,
.sub-heading-1XMRCk_UxZ h4,
.sub-heading-1XMRCk_UxZ h5,
.sub-heading-1XMRCk_UxZ h6,
.sub-heading-1XMRCk_UxZ ul li,
.sub-heading-1XMRCk_UxZ.text-output {
font-size: 16px !important;
font-weight: 400
}
}

.sub-heading-1XMRCk_UxZ.text-output h1:first-child:before,
.sub-heading-1XMRCk_UxZ.text-output h2:first-child:before,
.sub-heading-1XMRCk_UxZ.text-output h3:first-child:before,
.sub-heading-1XMRCk_UxZ.text-output h4:first-child:before,
.sub-heading-1XMRCk_UxZ.text-output h5:first-child:before,
.sub-heading-1XMRCk_UxZ.text-output h6:first-child:before,
.sub-heading-1XMRCk_UxZ.text-output p:first-child:before {
color: var(--text-color);
margin-right: 5px;
font-weight: 700
}

#col-kWplxKh1uX>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

#col-wYtc9XI2UG>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

.sub-heading-BVuvwfGi7k {
font-weight: 400
}

.sub-heading-BVuvwfGi7k em,
.sub-heading-BVuvwfGi7k strong,
.sub-heading-BVuvwfGi7k u {
color: var(--text-color) !important
}

.sub-heading-BVuvwfGi7k a,
.sub-heading-BVuvwfGi7k a * {
color: var(--link-color) !important;
text-decoration: none
}

.sub-heading-BVuvwfGi7k a:hover {
text-decoration: underline
}

@media screen and (min-width:0px) and (max-width:480px) {

.sub-heading-BVuvwfGi7k h1,
.sub-heading-BVuvwfGi7k h2,
.sub-heading-BVuvwfGi7k h3,
.sub-heading-BVuvwfGi7k h4,
.sub-heading-BVuvwfGi7k h5,
.sub-heading-BVuvwfGi7k h6,
.sub-heading-BVuvwfGi7k ul li,
.sub-heading-BVuvwfGi7k.text-output {
font-size: 1px !important;
font-weight: 400
}
}

@media screen and (min-width:481px) and (max-width:10000px) {

.sub-heading-BVuvwfGi7k h1,
.sub-heading-BVuvwfGi7k h2,
.sub-heading-BVuvwfGi7k h3,
.sub-heading-BVuvwfGi7k h4,
.sub-heading-BVuvwfGi7k h5,
.sub-heading-BVuvwfGi7k h6,
.sub-heading-BVuvwfGi7k ul li,
.sub-heading-BVuvwfGi7k.text-output {
font-size: 1px !important;
font-weight: 400
}
}

.sub-heading-BVuvwfGi7k.text-output h1:first-child:before,
.sub-heading-BVuvwfGi7k.text-output h2:first-child:before,
.sub-heading-BVuvwfGi7k.text-output h3:first-child:before,
.sub-heading-BVuvwfGi7k.text-output h4:first-child:before,
.sub-heading-BVuvwfGi7k.text-output h5:first-child:before,
.sub-heading-BVuvwfGi7k.text-output h6:first-child:before,
.sub-heading-BVuvwfGi7k.text-output p:first-child:before {
color: var(--text-color);
content: '\';
font-family: '';
margin-right: 5px;
font-weight: 700
}

.sub-heading-coBNFG-BJg {
font-weight: 400
}

.sub-heading-coBNFG-BJg em,
.sub-heading-coBNFG-BJg strong,
.sub-heading-coBNFG-BJg u {
color: var(--text-color) !important
}

.sub-heading-coBNFG-BJg a,
.sub-heading-coBNFG-BJg a * {
color: var(--link-color) !important;
text-decoration: none
}

.sub-heading-coBNFG-BJg a:hover {
text-decoration: underline
}

@media screen and (min-width:0px) and (max-width:480px) {

.sub-heading-coBNFG-BJg h1,
.sub-heading-coBNFG-BJg h2,
.sub-heading-coBNFG-BJg h3,
.sub-heading-coBNFG-BJg h4,
.sub-heading-coBNFG-BJg h5,
.sub-heading-coBNFG-BJg h6,
.sub-heading-coBNFG-BJg ul li,
.sub-heading-coBNFG-BJg.text-output {
font-size: 16px !important;
font-weight: 400
}
}

@media screen and (min-width:481px) and (max-width:10000px) {

.sub-heading-coBNFG-BJg h1,
.sub-heading-coBNFG-BJg h2,
.sub-heading-coBNFG-BJg h3,
.sub-heading-coBNFG-BJg h4,
.sub-heading-coBNFG-BJg h5,
.sub-heading-coBNFG-BJg h6,
.sub-heading-coBNFG-BJg ul li,
.sub-heading-coBNFG-BJg.text-output {
font-size: 16px !important;
font-weight: 400
}
}

.sub-heading-coBNFG-BJg.text-output h1:first-child:before,
.sub-heading-coBNFG-BJg.text-output h2:first-child:before,
.sub-heading-coBNFG-BJg.text-output h3:first-child:before,
.sub-heading-coBNFG-BJg.text-output h4:first-child:before,
.sub-heading-coBNFG-BJg.text-output h5:first-child:before,
.sub-heading-coBNFG-BJg.text-output h6:first-child:before,
.sub-heading-coBNFG-BJg.text-output p:first-child:before {
color: var(--text-color);
content: '\';
font-family: '';
margin-right: 5px;
font-weight: 700
}

.heading-tc-FK7eZCz {
font-weight: 900
}

.heading-tc-FK7eZCz em,
.heading-tc-FK7eZCz strong,
.heading-tc-FK7eZCz u {
color: var(--text-color) !important
}

.heading-tc-FK7eZCz a,
.heading-tc-FK7eZCz a * {
color: var(--link-color) !important;
text-decoration: none
}

.heading-tc-FK7eZCz a:hover {
text-decoration: underline
}

@media screen and (min-width:0px) and (max-width:480px) {

.heading-tc-FK7eZCz h1,
.heading-tc-FK7eZCz h2,
.heading-tc-FK7eZCz h3,
.heading-tc-FK7eZCz h4,
.heading-tc-FK7eZCz h5,
.heading-tc-FK7eZCz h6,
.heading-tc-FK7eZCz ul li,
.heading-tc-FK7eZCz.text-output {
font-size: 25px !important;
font-weight: 900
}
}

@media screen and (min-width:481px) and (max-width:10000px) {

.heading-tc-FK7eZCz h1,
.heading-tc-FK7eZCz h2,
.heading-tc-FK7eZCz h3,
.heading-tc-FK7eZCz h4,
.heading-tc-FK7eZCz h5,
.heading-tc-FK7eZCz h6,
.heading-tc-FK7eZCz ul li,
.heading-tc-FK7eZCz.text-output {
font-size: 32px !important;
font-weight: 900
}
}

.heading-tc-FK7eZCz.text-output h1:first-child:before,
.heading-tc-FK7eZCz.text-output h2:first-child:before,
.heading-tc-FK7eZCz.text-output h3:first-child:before,
.heading-tc-FK7eZCz.text-output h4:first-child:before,
.heading-tc-FK7eZCz.text-output h5:first-child:before,
.heading-tc-FK7eZCz.text-output h6:first-child:before,
.heading-tc-FK7eZCz.text-output p:first-child:before {
color: var(--text-color);
content: '\';
font-family: '';
margin-right: 5px;
font-weight: 700;
}

.bulletList-LnunJls_s4 {
font-weight: 400
}

.bulletList-LnunJls_s4 em,
.bulletList-LnunJls_s4 strong,
.bulletList-LnunJls_s4 u {
color: var(--text-color) !important
}

.bulletList-LnunJls_s4 a,
.bulletList-LnunJls_s4 a * {
color: var(--link-color) !important;
text-decoration: none
}

.bulletList-LnunJls_s4 a:hover {
text-decoration: underline
}

@media screen and (min-width:0px) and (max-width:480px) {

.bulletList-LnunJls_s4 h1,
.bulletList-LnunJls_s4 h2,
.bulletList-LnunJls_s4 h3,
.bulletList-LnunJls_s4 h4,
.bulletList-LnunJls_s4 h5,
.bulletList-LnunJls_s4 h6,
.bulletList-LnunJls_s4 ul li,
.bulletList-LnunJls_s4.text-output {
font-size: 20px !important;
font-weight: 500
}
}

@media screen and (min-width:481px) and (max-width:10000px) {

.bulletList-LnunJls_s4 h1,
.bulletList-LnunJls_s4 h2,
.bulletList-LnunJls_s4 h3,
.bulletList-LnunJls_s4 h4,
.bulletList-LnunJls_s4 h5,
.bulletList-LnunJls_s4 h6,
.bulletList-LnunJls_s4 ul li,
.bulletList-LnunJls_s4.text-output {
font-size: 20px !important;
font-weight: 400
}
}

.bulletList-LnunJls_s4.text-output ul {
list-style-type: none;
margin: 0;
padding: 0 0 0 1.5em
}

.bulletList-LnunJls_s4.text-output ol {
padding-left: 1.5em
}

.bulletList-LnunJls_s4.text-output ol li,
.bulletList-LnunJls_s4.text-output ul li {
padding-inline-start: .5em
}

.bulletList-LnunJls_s4.text-output li {
list-style-type: "\"

}

.bulletList-LnunJls_s4.text-output li::marker {
font-family: inherit;
font-weight: unset;
color: var(--text-color);
margin-right: .3em;
margin-left: -1.5em;
text-align: right
}

.image-feature--OgtvXw2lF {
width: auto;
height: auto;
text-align: left;
font-family: inherit;
overflow-y: visible
}

.image-feature--OgtvXw2lF .img-feature-container {
height: auto;
width: 100%;
display: inline-block
}

.image-feature--OgtvXw2lF .img-container img {
padding: 0;
max-width: 100%;
min-width: 0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-height: 100%
}

.image-feature--OgtvXw2lF .img-container {
height: auto;
padding: 5px
}

.image-feature--OgtvXw2lF .txt-container {
height: auto;
font-size: 24px;
padding: 5px;
float: right;
word-break: break-word
}

.image-feature--OgtvXw2lF .featureHeadline,
.image-feature--OgtvXw2lF .featureHeadline h1,
.image-feature--OgtvXw2lF .featureHeadline h2,
.image-feature--OgtvXw2lF .featureHeadline h3,
.image-feature--OgtvXw2lF .featureHeadline h4,
.image-feature--OgtvXw2lF .featureHeadline h5,
.image-feature--OgtvXw2lF .featureHeadline h6 {
font-size: 20px;
color: var(--black);
line-height: 1.5em;
font-weight: 400
}

.image-feature--OgtvXw2lF .featureText,
.image-feature--OgtvXw2lF .featureText h1,
.image-feature--OgtvXw2lF .featureText h2,
.image-feature--OgtvXw2lF .featureText h3,
.image-feature--OgtvXw2lF .featureText h4,
.image-feature--OgtvXw2lF .featureText h5,
.image-feature--OgtvXw2lF .featureText h6 {
font-size: 20px;
color: var(--black);
line-height: 1.5em
}

.image-feature--OgtvXw2lF a,
.image-feature--OgtvXw2lF a * {
color: var(--blue) !important;
text-decoration: none;
white-space: inherit !important
}

.image-feature--OgtvXw2lF a:hover {
text-decoration: underline
}

.image-feature--OgtvXw2lF .feature-img-left .img-container {
float: left
}

.image-feature--OgtvXw2lF .feature-img-right .img-container {
float: right
}

.image-feature--OgtvXw2lF .feature-cols-80-20 .img-container {
width: 20%
}

.image-feature--OgtvXw2lF .feature-cols-80-20 .txt-container {
width: 80%
}

.image-feature--OgtvXw2lF .feature-cols-70-30 .img-container {
width: 30%
}

.image-feature--OgtvXw2lF .feature-cols-70-30 .txt-container {
width: 70%
}

.image-feature--OgtvXw2lF .feature-cols-60-40 .img-container {
width: 40%
}

.image-feature--OgtvXw2lF .feature-cols-60-40 .txt-container {
width: 60%
}

.image-feature--OgtvXw2lF .feature-cols-50-50 .img-container,
.image-feature--OgtvXw2lF .feature-cols-50-50 .txt-container {
width: 50%
}

.image-feature--OgtvXw2lF p:first-child {
padding-left: 0 !important
}

.image-feature--OgtvXw2lF p:not(:has(strong)) {
font-weight: 400
}

@media screen and (min-width:0px) and (max-width:480px) {
.image-feature--OgtvXw2lF .featureHeadline {
line-height: 1.6em;
font-size: 18px;
font-weight: 600
}

.image-feature--OgtvXw2lF .featureHeadline h1,
.image-feature--OgtvXw2lF .featureHeadline h2,
.image-feature--OgtvXw2lF .featureHeadline h3,
.image-feature--OgtvXw2lF .featureHeadline h4,
.image-feature--OgtvXw2lF .featureHeadline h5,
.image-feature--OgtvXw2lF .featureHeadline h6 {
font-size: 18px
}

.image-feature--OgtvXw2lF .featureText {
line-height: 1.6em;
font-size: 14px
}

.image-feature--OgtvXw2lF .feature-cols-50-50 .img-container,
.image-feature--OgtvXw2lF .feature-cols-50-50 .txt-container,
.image-feature--OgtvXw2lF .feature-cols-60-40 .img-container,
.image-feature--OgtvXw2lF .feature-cols-60-40 .txt-container,
.image-feature--OgtvXw2lF .feature-cols-70-30 .img-container,
.image-feature--OgtvXw2lF .feature-cols-70-30 .txt-container,
.image-feature--OgtvXw2lF .feature-cols-80-20 .img-container,
.image-feature--OgtvXw2lF .feature-cols-80-20 .txt-container {
width: 100%
}

.image-feature--OgtvXw2lF .feature-img-left .img-container,
.image-feature--OgtvXw2lF .feature-img-right .img-container {
float: none;
width: 100%
}

.image-feature--OgtvXw2lF .img-container {
text-align: center
}

.image-feature--OgtvXw2lF p:not(:has(strong)) {
font-weight: undefined
}
}

.cimage-feature--OgtvXw2lF .featureText h1:first-child:before,
.cimage-feature--OgtvXw2lF .featureText h2:first-child:before,
.cimage-feature--OgtvXw2lF .featureText h3:first-child:before,
.cimage-feature--OgtvXw2lF .featureText h4:first-child:before,
.cimage-feature--OgtvXw2lF .featureText h5:first-child:before,
.cimage-feature--OgtvXw2lF .featureText h6:first-child:before,
.cimage-feature--OgtvXw2lF .featureText li::before,
.cimage-feature--OgtvXw2lF .featureText p:first-child:before {
content: "" !important;
font-family: "Font Awesome 5 Free";
font-weight: 700;
color: var(--black)
}

.image-feature-i5GE_z80Nm {
width: auto;
height: auto;
text-align: left;
font-family: inherit;
overflow-y: visible
}

.image-feature-i5GE_z80Nm .img-feature-container {
height: auto;
width: 100%;
display: inline-block
}

.image-feature-i5GE_z80Nm .img-container img {
padding: 0;
max-width: 100%;
min-width: 0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-height: 100%
}

.image-feature-i5GE_z80Nm .img-container {
height: auto;
padding: 5px
}

.image-feature-i5GE_z80Nm .txt-container {
height: auto;
font-size: 24px;
padding: 5px;
float: right;
word-break: break-word
}

.image-feature-i5GE_z80Nm .featureHeadline,
.image-feature-i5GE_z80Nm .featureHeadline h1,
.image-feature-i5GE_z80Nm .featureHeadline h2,
.image-feature-i5GE_z80Nm .featureHeadline h3,
.image-feature-i5GE_z80Nm .featureHeadline h4,
.image-feature-i5GE_z80Nm .featureHeadline h5,
.image-feature-i5GE_z80Nm .featureHeadline h6 {
font-size: 20px;
color: var(--black);
line-height: 1.5em;
font-weight: 400
}

.image-feature-i5GE_z80Nm .featureText,
.image-feature-i5GE_z80Nm .featureText h1,
.image-feature-i5GE_z80Nm .featureText h2,
.image-feature-i5GE_z80Nm .featureText h3,
.image-feature-i5GE_z80Nm .featureText h4,
.image-feature-i5GE_z80Nm .featureText h5,
.image-feature-i5GE_z80Nm .featureText h6 {
font-size: 20px;
color: var(--black);
line-height: 1.5em
}

.image-feature-i5GE_z80Nm a,
.image-feature-i5GE_z80Nm a * {
color: var(--blue) !important;
text-decoration: none;
white-space: inherit !important
}

.image-feature-i5GE_z80Nm a:hover {
text-decoration: underline
}

.image-feature-i5GE_z80Nm .feature-img-left .img-container {
float: left
}

.image-feature-i5GE_z80Nm .feature-img-right .img-container {
float: right
}

.image-feature-i5GE_z80Nm .feature-cols-80-20 .img-container {
width: 20%
}

.image-feature-i5GE_z80Nm .feature-cols-80-20 .txt-container {
width: 80%
}

.image-feature-i5GE_z80Nm .feature-cols-70-30 .img-container {
width: 30%
}

.image-feature-i5GE_z80Nm .feature-cols-70-30 .txt-container {
width: 70%
}

.image-feature-i5GE_z80Nm .feature-cols-60-40 .img-container {
width: 40%
}

.image-feature-i5GE_z80Nm .feature-cols-60-40 .txt-container {
width: 60%
}

.image-feature-i5GE_z80Nm .feature-cols-50-50 .img-container,
.image-feature-i5GE_z80Nm .feature-cols-50-50 .txt-container {
width: 50%
}

.image-feature-i5GE_z80Nm p:first-child {
padding-left: 0 !important
}

.image-feature-i5GE_z80Nm p:not(:has(strong)) {
font-weight: 400
}

@media screen and (min-width:0px) and (max-width:480px) {
.image-feature-i5GE_z80Nm .featureHeadline {
line-height: 1.6em font-weight:undefined;
font-size: 18px;
font-weight: undefined
}

.image-feature-i5GE_z80Nm .featureHeadline h1,
.image-feature-i5GE_z80Nm .featureHeadline h2,
.image-feature-i5GE_z80Nm .featureHeadline h3,
.image-feature-i5GE_z80Nm .featureHeadline h4,
.image-feature-i5GE_z80Nm .featureHeadline h5,
.image-feature-i5GE_z80Nm .featureHeadline h6 {
font-size: 18px
}

.image-feature-i5GE_z80Nm .featureText {
line-height: 1.6em;
font-size: 14px
}

.image-feature-i5GE_z80Nm .feature-cols-50-50 .img-container,
.image-feature-i5GE_z80Nm .feature-cols-50-50 .txt-container,
.image-feature-i5GE_z80Nm .feature-cols-60-40 .img-container,
.image-feature-i5GE_z80Nm .feature-cols-60-40 .txt-container,
.image-feature-i5GE_z80Nm .feature-cols-70-30 .img-container,
.image-feature-i5GE_z80Nm .feature-cols-70-30 .txt-container,
.image-feature-i5GE_z80Nm .feature-cols-80-20 .img-container,
.image-feature-i5GE_z80Nm .feature-cols-80-20 .txt-container {
width: 100%
}

.image-feature-i5GE_z80Nm .feature-img-left .img-container,
.image-feature-i5GE_z80Nm .feature-img-right .img-container {
float: none;
width: 100%
}

.image-feature-i5GE_z80Nm .img-container {
text-align: center
}

.image-feature-i5GE_z80Nm p:not(:has(strong)) {
font-weight: undefined
}
}

.cimage-feature-i5GE_z80Nm .featureText h1:first-child:before,
.cimage-feature-i5GE_z80Nm .featureText h2:first-child:before,
.cimage-feature-i5GE_z80Nm .featureText h3:first-child:before,
.cimage-feature-i5GE_z80Nm .featureText h4:first-child:before,
.cimage-feature-i5GE_z80Nm .featureText h5:first-child:before,
.cimage-feature-i5GE_z80Nm .featureText h6:first-child:before,
.cimage-feature-i5GE_z80Nm .featureText li::before,
.cimage-feature-i5GE_z80Nm .featureText p:first-child:before {
content: "" !important;
font-family: "Font Awesome 5 Free";
font-weight: 700;
color: var(--black)
}

/* PREMIUM FORM - MATCHING LANDING PAGE AESTHETICS */
/* Global fix to prevent horizontal scrolling */
html,
body {
max-width: 100%;
overflow-x: hidden;
position: relative;
}

/* Ensure all sections respect viewport width */
* {
max-width: 100vw;
}

/* Fix for all main sections */
.hero-container,
.cs-section,
.testimonials-section,
.revenue-section,
.hiw-section,
.ai-section,
.pricing-section {
max-width: 100%;
overflow-x: hidden;
}

/* Fix floating/absolute positioned elements */
.orb,
.hiw-orb,
.particle,
.money-particle,
.explosion-particle,
.neural-line,
.ai-dot {
pointer-events: none;
overflow: hidden;
}

/* Ensure containers don't overflow */
.hero-content,
.cs-container,
.testimonials-container,
.revenue-container,
.hiw-container,
.ai-container,
.pricing-container {
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}

/* Fix grid layouts on mobile */
@media (max-width: 768px) {

.value-prop,
.testimonials-grid,
.feature-cards,
.ai-split,
.offer-stack-container {
grid-template-columns: 1fr !important;
max-width: 100%;
}
}

/* Additional safety for images and videos */
img,
video {
max-width: 100%;
height: auto;
}

/* Fix any fixed positioned elements */
.urgency-timer {
max-width: calc(100vw - 20px);
}

/* Prevent badge elements from overflowing */
.badge,
.testimonials-badge,
.hiw-badge,
.cs-badge,
.revenue-badge,
.ai-badge,
.pricing-badge {
max-width: calc(100vw - 32px);
word-wrap: break-word;
}

/* Fix for absolute positioned backgrounds */
.hero-bg::before,
.cs-bg-pattern,
.testimonials-bg,
.revenue-bg,
.hiw-bg-elements,
.ai-bg,
.pricing-bg {
max-width: 100vw;
left: 0 !important;
right: 0 !important;
}

/* Main Container - Premium Glassmorphism */
.container-order-form-two-step {
background: rgba(15, 15, 25, 0.85) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 32px !important;
padding: 60px !important;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 0 100px rgba(147, 51, 234, 0.1) !important;
max-width: 800px !important;
margin: 80px auto !important;
position: relative !important;
overflow: visible !important;
}

/* Animated Gradient Border */
.container-order-form-two-step::before {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(135deg, #64ffda 0%, #667eea 20%, #764ba2 40%, #f093fb 60%, #ffd700 80%, #64ffda 100%);
border-radius: 32px;
opacity: 0.7;
z-index: -1;
animation: borderGlow 6s linear infinite;
background-size: 200% 200%;
}

@keyframes borderGlow {
0% {
background-position: 0% 50%;
filter: hue-rotate(0deg);
}

50% {
background-position: 100% 50%;
filter: hue-rotate(180deg);
}

100% {
background-position: 0% 50%;
filter: hue-rotate(0deg);
}
}

/* Floating Orbs Background */
.container-order-form-two-step::after {
content: '';
position: absolute;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(147, 51, 234, 0.3) 0%, transparent 70%);
top: -150px;
right: -150px;
border-radius: 50%;
filter: blur(60px);
animation: floatOrb 10s ease-in-out infinite;
pointer-events: none;
}

@keyframes floatOrb {

0%,
100% {
transform: translate(0, 0) scale(1);
}

33% {
transform: translate(-30px, 30px) scale(1.1);
}

66% {
transform: translate(30px, -30px) scale(0.9);
}
}

/* Form Title Section - Premium Typography */
.container-order-form-two-step .form-title {
background: transparent !important;
display: flex !important;
justify-content: space-around !important;
padding: 0 0 50px 0 !important;
margin-bottom: 40px !important;
position: relative !important;
}

/* Progress Line Container */
.form-title::after {
content: '';
position: absolute;
bottom: 20px;
left: 20%;
right: 20%;
height: 3px;
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
}

/* Active Progress Indicator */
.form-title::before {
content: '';
position: absolute;
bottom: 20px;
left: 20%;
width: 30%;
height: 3px;
background: linear-gradient(90deg, #64ffda 0%, #667eea 100%);
border-radius: 3px;
box-shadow: 0 0 20px rgba(100, 255, 218, 0.5);
transition: all 0.5s ease;
z-index: 1;
}

/* Step Headers - Gradient Text */
.form-heading {
color: rgba(255, 255, 255, 0.5) !important;
font-size: 16px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
transition: all 0.3s ease !important;
position: relative !important;
z-index: 2 !important;
}

/* Active Step - Animated Gradient */
.form-step.active .form-heading,
.form-heading.active {
background: linear-gradient(135deg, #64ffda 0%, #667eea 50%, #ffd700 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
background-size: 200% auto !important;
animation: shimmerText 3s linear infinite !important;
}

@keyframes shimmerText {
to {
background-position: 200% center;
}
}

/* Hide default elements */
.divider-form,
.form-title div:first-child {
display: none !important;
}

/* Form Body */
.form-body {
background: transparent !important;
padding: 0 !important;
}

/* Input Fields - Glassmorphism */
.form-input,
.form-input.input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select {
background: rgba(255, 255, 255, 0.05) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 16px !important;
padding: 20px 24px !important;
font-size: 16px !important;
color: #fff !important;
width: 100% !important;
transition: all 0.3s ease !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1),
0 0 0 0 rgba(100, 255, 218, 0) !important;
margin-bottom: 24px !important;
position: relative !important;
}

/* Input Focus - Glow Effect */
.form-input:focus {
background: rgba(255, 255, 255, 0.08) !important;
border-color: transparent !important;
outline: none !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1),
0 0 0 3px rgba(100, 255, 218, 0.2),
0 0 30px rgba(100, 255, 218, 0.3) !important;
}

/* Placeholder */
.form-input::placeholder {
color: rgba(255, 255, 255, 0.3) !important;
}

/* Labels - Premium Typography */
label {
color: rgba(255, 255, 255, 0.8) !important;
font-size: 13px !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
display: block !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}

/* CTA Button - Stunning Gradient */
.form-btn,
.form-action .form-btn,
.form-action button,
button.form-btn {
background: linear-gradient(135deg, #64ffda 0%, #667eea 25%, #764ba2 50%, #f093fb 75%, #ffd700 100%) !important;
background-size: 200% 200% !important;
animation: gradientShift 4s ease infinite !important;
color: #000 !important;
border: none !important;
border-radius: 60px !important;
font-weight: 900 !important;
padding: 24px 60px !important;
width: 100% !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 15px 40px rgba(100, 255, 218, 0.4),
inset 0 2px 4px rgba(255, 255, 255, 0.2) !important;
position: relative !important;
overflow: hidden !important;
margin-top: 40px !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 20px !important;
}

@keyframes gradientShift {
0% {
background-position: 0% 50%;
}

50% {
background-position: 100% 50%;
}

100% {
background-position: 0% 50%;
}
}

/* Force button text styling */
.form-btn *,
.form-btn .main-text,
.form-btn span {
color: #000 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
font-size: 20px !important;
}

.form-btn .sub-text {
font-size: 14px !important;
opacity: 0.8 !important;
font-weight: 600 !important;
}

/* Button Shine Effect */
.form-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transition: left 0.5s;
}

.form-btn:hover::before {
left: 100%;
}

/* Button Hover */
.form-btn:hover {
transform: translateY(-3px) scale(1.02) !important;
box-shadow: 0 20px 50px rgba(100, 255, 218, 0.6),
inset 0 2px 4px rgba(255, 255, 255, 0.3) !important;
}

/* Floating Particles */
@keyframes floatParticle {
0% {
transform: translateY(100vh) rotate(0deg);
opacity: 0;
}

10% {
opacity: 1;
}

90% {
opacity: 1;
}

100% {
transform: translateY(-100vh) rotate(360deg);
opacity: 0;
}
}

.form-body::before {
content: '💰';
position: absolute;
left: 10%;
font-size: 20px;
opacity: 0.1;
animation: floatParticle 15s linear infinite;
}

.form-body::after {
content: '✨';
position: absolute;
right: 10%;
font-size: 20px;
opacity: 0.1;
animation: floatParticle 20s linear infinite 5s;
}

/* Section Dividers - Glowing Lines */
.info,
.shipping {
position: relative !important;
padding-top: 40px !important;
margin-top: 40px !important;
}

.info::before,
.shipping::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(100, 255, 218, 0.5), transparent);
animation: lineGlow 3s ease-in-out infinite;
}

@keyframes lineGlow {

0%,
100% {
opacity: 0.3;
}

50% {
opacity: 1;
}
}

/* Order Total - Premium Display */
.order-total {
background: rgba(255, 215, 0, 0.05) !important;
border: 1px solid rgba(255, 215, 0, 0.2) !important;
border-radius: 16px !important;
padding: 24px !important;
margin: 40px 0 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
position: relative !important;
overflow: hidden !important;
}

.order-total::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);
animation: pulseGlow 3s ease-in-out infinite;
}

@keyframes pulseGlow {

0%,
100% {
transform: scale(1);
opacity: 0.5;
}

50% {
transform: scale(1.2);
opacity: 1;
}
}

.order-total span:first-child {
color: rgba(255, 255, 255, 0.8) !important;
font-size: 16px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}

.order-total span:last-child {
font-size: 32px !important;
font-weight: 900 !important;
background: linear-gradient(135deg, #ffd700 0%, #ff6b6b 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}

/* Trust Badge */
.order-form-footer {
text-align: center !important;
margin-top: 40px !important;
padding-top: 40px !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
color: rgba(255, 255, 255, 0.5) !important;
font-size: 13px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 20px !important;
}

.order-form-footer::before {
content: '🔒 256-bit SSL Encryption';
color: #64ffda;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Mobile Responsive */
@media (max-width: 600px) {
.container-order-form-two-step {
padding: 40px 24px !important;
margin: 20px !important;
}

.form-btn {
padding: 20px 40px !important;
font-size: 18px !important;
}

.order-total span:last-child {
font-size: 24px !important;
}
}

/* Override any conflicting styles */
.form-button-subtle,
.form-button-subtle-border {
all: unset !important;
}

/* Force override inline styles */
[style*="background-color: rgb(255, 255, 255)"] {
background: transparent !important;
}

/* Fix GET INSTANT ACCESS button text */
.form-btn:contains("GET INSTANT ACCESS"),
.form-action button:contains("GET INSTANT ACCESS"),
button:contains("GET INSTANT ACCESS"),
.form-btn[value*="GET INSTANT ACCESS"],
button[type="submit"]:contains("GET INSTANT ACCESS"),
.step2 .form-btn,
.step2 button,
#_builder-form button {
color: #000 !important;
text-align: center !important;
}

/* Force all text inside buttons to be black and centered */
.form-btn *,
.form-btn span,
.form-btn div,
.form-btn i,
button[type="submit"] *,
button[type="submit"] span,
button[type="submit"] div {
color: #000 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
display: inline-block !important;
text-align: center !important;
line-height: 1.2 !important;
}

/* Specific fix for button icon if present */
.form-btn i,
button i {
color: #000 !important;
margin-right: 10px !important;
font-size: 20px !important;
vertical-align: middle !important;
}

/* Product table styling for step 2 */
.product-title,
.product-description {
background: transparent !important;
}

.product-title .item {
color: rgba(255, 255, 255, 0.8) !important;
font-weight: 600 !important;
}

/* "No products available" text */
.product-description .item:first-child,
td:contains("No products available") {
color: rgba(255, 255, 255, 0.5) !important;
}

/* Edit Shipping Details link */
a:contains("Edit Shipping Details"),
.forward-shopping-details {
color: #64ffda !important;
text-decoration: none !important;
font-size: 14px !important;
opacity: 0.8 !important;
transition: opacity 0.3s ease !important;
}

a:contains("Edit Shipping Details"):hover {
opacity: 1 !important;
text-decoration: underline !important;
}

/* Table headers - Item, Quantity, Price */
.product-title .item:nth-child(1),
.product-title .item:nth-child(2),
.product-title .item:nth-child(3) {
color: #64ffda !important;
text-transform: uppercase !important;
font-size: 12px !important;
letter-spacing: 1px !important;
}

/* Secure checkout link styling */
a:contains("Secure"),
.form-payment a {
color: #64ffda !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
}

/* Lock icon for secure checkout */
a:contains("Secure")::before {
content: '🔒';
font-size: 16px;
}

/* Country dropdown styling */
select,
.form-input[name="country"] {
color: #fff !important;
cursor: pointer !important;
}

select option {
background: #1a1a2e !important;
color: #fff !important;
}

/* Credit card field labels */
label:contains("Card number"),
label:contains("Expiration date"),
label:contains("Security code"),
label:contains("Country") {
color: rgba(255, 255, 255, 0.6) !important;
font-size: 12px !important;
margin-bottom: 8px !important;
}

/* Ensure button content is properly centered */
.form-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}

/* Fix for any lingering black text issues */
.step2 .form-btn::after {
content: none !important;
}

/* Override any default button text color */
button[style*="color"],
.form-btn[style*="color"] {
color: #000 !important;
}

/* Order Summary Text - Make Everything White */
#6849b8f3c2040025ce43e591 span.item,
#6849b8f3c2040025ce43e591 .product-name,
#6849b8f3c2040025ce43e591 strong,
.order-summary span.item,
.order-summary .product-name,
.order-summary strong {
color: #fff !important;
}

/* Product Details in Order Summary */
span.item.product-name strong,
.product-name strong,
.flex span.item strong {
color: #fff !important;
}

/* Price Text */
span.item:contains("$"),
.item.price,
.price-text,
.product-price {
color: #fff !important;
font-weight: 600 !important;
}

/* Section Headers - "ITEM" text */
.section-header:contains("ITEM"),
div:contains("ITEM"):not(.form-body),
.item-header {
color: #64ffda !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
}

/* Order Summary Title */
div:contains("Order Summary"),
.order-summary-title {
color: #fff !important;
font-size: 24px !important;
font-weight: 800 !important;
margin-bottom: 20px !important;
}

/* Shipping Details Link */
a:contains("Edit Shipping Details"),
.edit-shipping-link,
.flex a {
color: #64ffda !important;
text-decoration: none !important;
font-size: 14px !important;
opacity: 0.8 !important;
transition: opacity 0.3s ease !important;
}

a:contains("Edit Shipping Details"):hover,
.edit-shipping-link:hover {
opacity: 1 !important;
text-decoration: underline !important;
}

/* Generic fix for any text in the order form that might be dark */
.container-order-form-two-step *,
.order-summary *,
#6849b8f3c2040025ce43e591 * {
color: #fff !important;
}

/* Specific overrides for any stubborn elements */
.flex .item,
.flex span,
.flex strong,
.flex div {
color: #fff !important;
}

/* Purple box styling if that's what you're seeing */
div[style*="background-color"],
.order-summary-box {
background: rgba(104, 73, 184, 0.1) !important;
border: 1px solid rgba(104, 73, 184, 0.3) !important;
border-radius: 16px !important;
padding: 20px !important;
}

/* Specific selectors for order summary text elements */
#6849b8f3c2040025ce43e591>span.item,
#6849b8f3c2040025ce43e591>div.text-center.item:nth-of-type(2),
#6849b8f3c2040025ce43e591>div.text-center.item {
color: #fff !important;
}

/* Also target any item class within this ID */
#6849b8f3c2040025ce43e591 .item,
#6849b8f3c2040025ce43e591 .text-center {
color: #fff !important;
}

/* Ensure all direct children are white */
#6849b8f3c2040025ce43e591>* {
color: #fff !important;
}

/* Target nested items specifically */
#6849b8f3c2040025ce43e591 span.item,
#6849b8f3c2040025ce43e591 div.item,
#6849b8f3c2040025ce43e591 .text-center.item {
color: #fff !important;
font-weight: 500 !important;
}

/* If these are table cells or specific data */
#6849b8f3c2040025ce43e591 td,
#6849b8f3c2040025ce43e591 th,
#6849b8f3c2040025ce43e591 .table-cell {
color: #fff !important;
}

/* Centered text items */
.text-center.item {
color: #fff !important;
text-align: center !important;
}


/* Target the quantity number (1) */
.text-center.item,
div.text-center.item,
.product-description .text-center.item {
color: #fff !important;
}

/* Target the product name and price */
span.item,
.product-description span.item,
.flex span.item {
color: #fff !important;
}

/* Target elements within product-description */
.product-description,
.product-description *,
#6849b8f3c2040025ce43e591.product-description * {
color: #fff !important;
}

/* Specifically target the flex container and its contents */
.product-description .flex,
.product-description .flex *,
.flex .text-center.item,
.flex span.item {
color: #fff !important;
}

/* Force all text in elements with "item" class */
.item,
[class*="item"],
[class*="text-center"] {
color: #fff !important;
}

/* Target the specific ID and all its descendants */
#6849b8f3c2040025ce43e591,
#6849b8f3c2040025ce43e591 *,
#6849b8f3c2040025ce43e591 .flex *,
#6849b8f3c2040025ce43e591 .text-center,
#6849b8f3c2040025ce43e591 .item {
color: #fff !important;
}

/* Nuclear option for this specific product description div */
div[id="6849b8f3c2040025ce43e591"],
div[id="6849b8f3c2040025ce43e591"] * {
color: #fff !important;
}

/* Target by partial text content if needed */
span:contains("$29/mo"),
span:contains("White Label Partner"),
div:contains("1").text-center {
color: #fff !important;
}

* Main Container - Premium Glassmorphism */ .container-order-form-two-step {
background: rgba(15, 15, 25, 0.85) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 32px !important;
padding: 60px !important;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 0 100px rgba(147, 51, 234, 0.1) !important;
max-width: 800px !important;
margin: 80px auto !important;
position: relative !important;
overflow: visible !important;
}

/* Animated Gradient Border */
.container-order-form-two-step::before {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(135deg, #64ffda 0%, #667eea 20%, #764ba2 40%, #f093fb 60%, #ffd700 80%, #64ffda 100%);
border-radius: 32px;
opacity: 0.7;
z-index: -1;
animation: borderGlow 6s linear infinite;
background-size: 200% 200%;
}

@keyframes borderGlow {
0% {
background-position: 0% 50%;
filter: hue-rotate(0deg);
}

50% {
background-position: 100% 50%;
filter: hue-rotate(180deg);
}

100% {
background-position: 0% 50%;
filter: hue-rotate(0deg);
}
}

/* Floating Orbs Background */
.container-order-form-two-step::after {
content: '';
position: absolute;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(147, 51, 234, 0.3) 0%, transparent 70%);
top: -150px;
right: -150px;
border-radius: 50%;
filter: blur(60px);
animation: floatOrb 10s ease-in-out infinite;
pointer-events: none;
}

@keyframes floatOrb {

0%,
100% {
transform: translate(0, 0) scale(1);
}

33% {
transform: translate(-30px, 30px) scale(1.1);
}

66% {
transform: translate(30px, -30px) scale(0.9);
}
}

/* Form Title Section - Premium Typography */
.container-order-form-two-step .form-title {
background: transparent !important;
display: flex !important;
justify-content: space-around !important;
padding: 0 0 50px 0 !important;
margin-bottom: 40px !important;
position: relative !important;
}

/* Progress Line Container */
.form-title::after {
content: '';
position: absolute;
bottom: 20px;
left: 20%;
right: 20%;
height: 3px;
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
}

/* Active Progress Indicator */
.form-title::before {
content: '';
position: absolute;
bottom: 20px;
left: 20%;
width: 30%;
height: 3px;
background: linear-gradient(90deg, #64ffda 0%, #667eea 100%);
border-radius: 3px;
box-shadow: 0 0 20px rgba(100, 255, 218, 0.5);
transition: all 0.5s ease;
z-index: 1;
}

/* Step Headers - Gradient Text */
.form-heading {
color: rgba(255, 255, 255, 0.5) !important;
font-size: 16px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
transition: all 0.3s ease !important;
position: relative !important;
z-index: 2 !important;
}

/* Active Step - Animated Gradient */
.form-step.active .form-heading,
.form-heading.active {
background: linear-gradient(135deg, #64ffda 0%, #667eea 50%, #ffd700 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
background-size: 200% auto !important;
animation: shimmerText 3s linear infinite !important;
}

@keyframes shimmerText {
to {
background-position: 200% center;
}
}

/* Hide default elements */
.divider-form,
.form-title div:first-child {
display: none !important;
}

/* Form Body */
.form-body {
background: transparent !important;
padding: 0 !important;
}

/* Input Fields - Glassmorphism */
.form-input,
.form-input.input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select {
background: rgba(255, 255, 255, 0.05) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 16px !important;
padding: 20px 24px !important;
font-size: 16px !important;
color: #fff !important;
width: 100% !important;
transition: all 0.3s ease !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1),
0 0 0 0 rgba(100, 255, 218, 0) !important;
margin-bottom: 24px !important;
position: relative !important;
}

/* Input Focus - Glow Effect */
.form-input:focus {
background: rgba(255, 255, 255, 0.08) !important;
border-color: transparent !important;
outline: none !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1),
0 0 0 3px rgba(100, 255, 218, 0.2),
0 0 30px rgba(100, 255, 218, 0.3) !important;
}

/* Placeholder */
.form-input::placeholder {
color: rgba(255, 255, 255, 0.3) !important;
}

/* Labels - Premium Typography */
label {
color: rgba(255, 255, 255, 0.8) !important;
font-size: 13px !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
display: block !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}

/* CTA Button - Stunning Gradient */
.form-btn,
.form-action .form-btn,
.form-action button,
button.form-btn {
background: linear-gradient(135deg, #64ffda 0%, #667eea 25%, #764ba2 50%, #f093fb 75%, #ffd700 100%) !important;
background-size: 200% 200% !important;
animation: gradientShift 4s ease infinite !important;
color: #000 !important;
border: none !important;
border-radius: 60px !important;
font-weight: 900 !important;
padding: 24px 60px !important;
width: 100% !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 15px 40px rgba(100, 255, 218, 0.4),
inset 0 2px 4px rgba(255, 255, 255, 0.2) !important;
position: relative !important;
overflow: hidden !important;
margin-top: 40px !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 20px !important;
}

@keyframes gradientShift {
0% {
background-position: 0% 50%;
}

50% {
background-position: 100% 50%;
}

100% {
background-position: 0% 50%;
}
}

/* Force button text styling */
.form-btn *,
.form-btn .main-text,
.form-btn span {
color: #000 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
font-size: 20px !important;
}

.form-btn .sub-text {
font-size: 14px !important;
opacity: 0.8 !important;
font-weight: 600 !important;
}

/* Button Shine Effect */
.form-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transition: left 0.5s;
}

.form-btn:hover::before {
left: 100%;
}

/* Button Hover */
.form-btn:hover {
transform: translateY(-3px) scale(1.02) !important;
box-shadow: 0 20px 50px rgba(100, 255, 218, 0.6),
inset 0 2px 4px rgba(255, 255, 255, 0.3) !important;
}

/* Floating Particles */
@keyframes floatParticle {
0% {
transform: translateY(100vh) rotate(0deg);
opacity: 0;
}

10% {
opacity: 1;
}

90% {
opacity: 1;
}

100% {
transform: translateY(-100vh) rotate(360deg);
opacity: 0;
}
}

.form-body::before {
content: '💰';
position: absolute;
left: 10%;
font-size: 20px;
opacity: 0.1;
animation: floatParticle 15s linear infinite;
}

.form-body::after {
content: '✨';
position: absolute;
right: 10%;
font-size: 20px;
opacity: 0.1;
animation: floatParticle 20s linear infinite 5s;
}

/* Section Dividers - Glowing Lines */
.info,
.shipping {
position: relative !important;
padding-top: 40px !important;
margin-top: 40px !important;
}

.info::before,
.shipping::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(100, 255, 218, 0.5), transparent);
animation: lineGlow 3s ease-in-out infinite;
}

@keyframes lineGlow {

0%,
100% {
opacity: 0.3;
}

50% {
opacity: 1;
}
}

/* Order Total - Premium Display */
.order-total {
background: rgba(255, 215, 0, 0.05) !important;
border: 1px solid rgba(255, 215, 0, 0.2) !important;
border-radius: 16px !important;
padding: 24px !important;
margin: 40px 0 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
position: relative !important;
overflow: hidden !important;
}

.order-total::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);
animation: pulseGlow 3s ease-in-out infinite;
}

@keyframes pulseGlow {

0%,
100% {
transform: scale(1);
opacity: 0.5;
}

50% {
transform: scale(1.2);
opacity: 1;
}
}

.order-total span:first-child {
color: rgba(255, 255, 255, 0.8) !important;
font-size: 16px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}

.order-total span:last-child {
font-size: 32px !important;
font-weight: 900 !important;
background: linear-gradient(135deg, #ffd700 0%, #ff6b6b 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}

/* Trust Badge */
.order-form-footer {
text-align: center !important;
margin-top: 40px !important;
padding-top: 40px !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
color: rgba(255, 255, 255, 0.5) !important;
font-size: 13px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 20px !important;
}

.order-form-footer::before {
content: '🔒 256-bit SSL Encryption';
color: #64ffda;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Mobile Responsive */
@media (max-width: 600px) {
.container-order-form-two-step {
padding: 40px 24px !important;
margin: 20px !important;
}

.form-btn {
padding: 20px 40px !important;
font-size: 18px !important;
}

.order-total span:last-child {
font-size: 24px !important;
}
}

/* Override any conflicting styles */
.form-button-subtle,
.form-button-subtle-border {
all: unset !important;
}

/* Force override inline styles */
[style*="background-color: rgb(255, 255, 255)"] {
background: transparent !important;
}

/* Fix GET INSTANT ACCESS button text */
.form-btn:contains("GET INSTANT ACCESS"),
.form-action button:contains("GET INSTANT ACCESS"),
button:contains("GET INSTANT ACCESS"),
.form-btn[value*="GET INSTANT ACCESS"],
button[type="submit"]:contains("GET INSTANT ACCESS"),
.step2 .form-btn,
.step2 button,
#_builder-form button {
color: #000 !important;
text-align: center !important;
}

/* Force all text inside buttons to be black and centered */
.form-btn *,
.form-btn span,
.form-btn div,
.form-btn i,
button[type="submit"] *,
button[type="submit"] span,
button[type="submit"] div {
color: #000 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
display: inline-block !important;
text-align: center !important;
line-height: 1.2 !important;
}

/* Specific fix for button icon if present */
.form-btn i,
button i {
color: #000 !important;
margin-right: 10px !important;
font-size: 20px !important;
vertical-align: middle !important;
}

/* Product table styling for step 2 */
.product-title,
.product-description {
background: transparent !important;
}

.product-title .item {
color: rgba(255, 255, 255, 0.8) !important;
font-weight: 600 !important;
}

/* "No products available" text */
.product-description .item:first-child,
td:contains("No products available") {
color: rgba(255, 255, 255, 0.5) !important;
}

/* Edit Shipping Details link */
a:contains("Edit Shipping Details"),
.forward-shopping-details {
color: #64ffda !important;
text-decoration: none !important;
font-size: 14px !important;
opacity: 0.8 !important;
transition: opacity 0.3s ease !important;
}

a:contains("Edit Shipping Details"):hover {
opacity: 1 !important;
text-decoration: underline !important;
}

/* Table headers - Item, Quantity, Price */
.product-title .item:nth-child(1),
.product-title .item:nth-child(2),
.product-title .item:nth-child(3) {
color: #64ffda !important;
text-transform: uppercase !important;
font-size: 12px !important;
letter-spacing: 1px !important;
}

/* Secure checkout link styling */
a:contains("Secure"),
.form-payment a {
color: #64ffda !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
}

/* Lock icon for secure checkout */
a:contains("Secure")::before {
content: '🔒';
font-size: 16px;
}

/* Country dropdown styling */
select,
.form-input[name="country"] {
color: #fff !important;
cursor: pointer !important;
}

select option {
background: #1a1a2e !important;
color: #fff !important;
}

/* Credit card field labels */
label:contains("Card number"),
label:contains("Expiration date"),
label:contains("Security code"),
label:contains("Country") {
color: rgba(255, 255, 255, 0.6) !important;
font-size: 12px !important;
margin-bottom: 8px !important;
}

/* Ensure button content is properly centered */
.form-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}

/* Fix for any lingering black text issues */
.step2 .form-btn::after {
content: none !important;
}

/* Override any default button text color */
button[style*="color"],
.form-btn[style*="color"] {
color: #000 !important;
}

/* Order Summary Text - Make Everything White */
#6849b8f3c2040025ce43e591 span.item,
#6849b8f3c2040025ce43e591 .product-name,
#6849b8f3c2040025ce43e591 strong,
.order-summary span.item,
.order-summary .product-name,
.order-summary strong {
color: #fff !important;
}

/* Product Details in Order Summary */
span.item.product-name strong,
.product-name strong,
.flex span.item strong {
color: #fff !important;
}

/* Price Text */
span.item:contains("$"),
.item.price,
.price-text,
.product-price {
color: #fff !important;
font-weight: 600 !important;
}

/* Section Headers - "ITEM" text */
.section-header:contains("ITEM"),
div:contains("ITEM"):not(.form-body),
.item-header {
color: #64ffda !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
}

/* Order Summary Title */
div:contains("Order Summary"),
.order-summary-title {
color: #fff !important;
font-size: 24px !important;
font-weight: 800 !important;
margin-bottom: 20px !important;
}

/* Shipping Details Link */
a:contains("Edit Shipping Details"),
.edit-shipping-link,
.flex a {
color: #64ffda !important;
text-decoration: none !important;
font-size: 14px !important;
opacity: 0.8 !important;
transition: opacity 0.3s ease !important;
}

a:contains("Edit Shipping Details"):hover,
.edit-shipping-link:hover {
opacity: 1 !important;
text-decoration: underline !important;
}

/* Generic fix for any text in the order form that might be dark */
.container-order-form-two-step *,
.order-summary *,
#6849b8f3c2040025ce43e591 * {
color: #fff !important;
}

/* Specific overrides for any stubborn elements */
.flex .item,
.flex span,
.flex strong,
.flex div {
color: #fff !important;
}

/* Purple box styling if that's what you're seeing */
div[style*="background-color"],
.order-summary-box {
background: rgba(104, 73, 184, 0.1) !important;
border: 1px solid rgba(104, 73, 184, 0.3) !important;
border-radius: 16px !important;
padding: 20px !important;
}

/* Specific selectors for order summary text elements */
#6849b8f3c2040025ce43e591>span.item,
#6849b8f3c2040025ce43e591>div.text-center.item:nth-of-type(2),
#6849b8f3c2040025ce43e591>div.text-center.item {
color: #fff !important;
}

/* Also target any item class within this ID */
#6849b8f3c2040025ce43e591 .item,
#6849b8f3c2040025ce43e591 .text-center {
color: #fff !important;
}

/* Ensure all direct children are white */
#6849b8f3c2040025ce43e591>* {
color: #fff !important;
}

/* Target nested items specifically */
#6849b8f3c2040025ce43e591 span.item,
#6849b8f3c2040025ce43e591 div.item,
#6849b8f3c2040025ce43e591 .text-center.item {
color: #fff !important;
font-weight: 500 !important;
}

/* If these are table cells or specific data */
#6849b8f3c2040025ce43e591 td,
#6849b8f3c2040025ce43e591 th,
#6849b8f3c2040025ce43e591 .table-cell {
color: #fff !important;
}

/* Centered text items */
.text-center.item {
color: #fff !important;
text-align: center !important;
}


/* Target the quantity number (1) */
.text-center.item,
div.text-center.item,
.product-description .text-center.item {
color: #fff !important;
}

/* Target the product name and price */
span.item,
.product-description span.item,
.flex span.item {
color: #fff !important;
}

/* Target elements within product-description */
.product-description,
.product-description *,
#6849b8f3c2040025ce43e591.product-description * {
color: #fff !important;
}

/* Specifically target the flex container and its contents */
.product-description .flex,
.product-description .flex *,
.flex .text-center.item,
.flex span.item {
color: #fff !important;
}

/* Force all text in elements with "item" class */
.item,
[class*="item"],
[class*="text-center"] {
color: #fff !important;
}

/* Target the specific ID and all its descendants */
#6849b8f3c2040025ce43e591,
#6849b8f3c2040025ce43e591 *,
#6849b8f3c2040025ce43e591 .flex *,
#6849b8f3c2040025ce43e591 .text-center,
#6849b8f3c2040025ce43e591 .item {
color: #fff !important;
}

/* Nuclear option for this specific product description div */
div[id="6849b8f3c2040025ce43e591"],
div[id="6849b8f3c2040025ce43e591"] * {
color: #fff !important;
}

/* Target by partial text content if needed */
span:contains("$29/mo"),
span:contains("White Label Partner"),
div:contains("1").text-center {
color: #fff !important;
}

/* Remove red error border on invalid phone input */
input:invalid {
box-shadow: none !important;
border-color: rgba(255, 0, 0, 0.3) !important;
}

/* Optional: Show a subtle error hint if no country code */
input[type="tel"]:invalid::after {
content: "Add country code e.g. +1" !important;
color: #ff6b6b !important;
font-size: 12px !important;
display: block !important;
margin-top: 4px !important;
font-weight: 500 !important;
}

.iti * {
box-sizing: border-box;
font-size: 3;
color: black;
!important
}



/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-yYMwvozzTr,
.hl_page-preview--content .row-_a-fMqauC5,
.hl_page-preview--content .section-Ti3jaGRMvJ {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-yYMwvozzTr,
.hl_page-preview--content .row-_a-fMqauC5 {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-yYMwvozzTr {
padding: 0 0px;
margin: 0
}

.hl_page-preview--content .custom-code-g9eU-Lp_vk {
margin: 0
}

#section-Ti3jaGRMvJ>.inner {
max-width: 100%
}

#col-yYMwvozzTr>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-NtCNQTm4Pi,
.hl_page-preview--content .row-5t8EGHt1Jn,
.hl_page-preview--content .section-iacwQ1kRNc {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-NtCNQTm4Pi,
.hl_page-preview--content .row-5t8EGHt1Jn {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-NtCNQTm4Pi {
padding: 0 5px;
margin: 0
}

.hl_page-preview--content .custom-code-Ra8bBT8aeP {
margin: 0
}

#section-iacwQ1kRNc>.inner {
max-width: 100%
}

#col-NtCNQTm4Pi>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-cLZ7Ciqd2k,
.hl_page-preview--content .row-7Kgi9l3hod,
.hl_page-preview--content .section-SeKlHiPWY0 {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-cLZ7Ciqd2k,
.hl_page-preview--content .row-7Kgi9l3hod {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-cLZ7Ciqd2k {
padding: 0 5px;
margin: 0
}

.hl_page-preview--content .custom-code-i6_iiug0WZ {
margin: 0
}

#section-SeKlHiPWY0>.inner {
max-width: 100%
}

#col-cLZ7Ciqd2k>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-csgvf5xA65,
.hl_page-preview--content .row-95lxmOSrGd,
.hl_page-preview--content .section-MHyEST99G9 {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-csgvf5xA65,
.hl_page-preview--content .row-95lxmOSrGd {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-csgvf5xA65 {
padding: 0 5px;
margin: 0
}

.hl_page-preview--content .custom-code-Fdc8cULXro {
margin: 0
}

#section-MHyEST99G9>.inner {
max-width: 100%
}

#col-csgvf5xA65>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-bfp1mu20H_,
.hl_page-preview--content .row-Rrev_F70ZE,
.hl_page-preview--content .section-pwdPSj9Z4H {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-bfp1mu20H_,
.hl_page-preview--content .row-Rrev_F70ZE {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-bfp1mu20H_ {
padding: 0 5px;
margin: 0
}

.hl_page-preview--content .custom-code-0O8xhMBs_x,
.hl_page-preview--content .custom-code-Ar18LXC336,
.hl_page-preview--content .custom-code-jJHhpohL9N {
margin: 0
}

#section-pwdPSj9Z4H>.inner {
max-width: 100%
}

#col-bfp1mu20H_>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-xnEu2_00r3,
.hl_page-preview--content .row-qnGGBMkESU,
.hl_page-preview--content .section-JfKX58l0le {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-xnEu2_00r3,
.hl_page-preview--content .row-qnGGBMkESU {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-xnEu2_00r3 {
padding: 0 5px;
margin: 0
}

.hl_page-preview--content .custom-code-Eye8gYRMk-,
.hl_page-preview--content .custom-code-aSuzn2LHB2 {
margin: 0
}

#section-JfKX58l0le>.inner {
max-width: 100%
}

#col-xnEu2_00r3>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--white: #ffffff;
--black: #000000;
--transparent: transparent;
--color-posac8s7wu: rgb(255, 255, 255)
}

.hl_page-preview--content .col-Rh0TyD10Be,
.hl_page-preview--content .row-E8exscOYg2,
.hl_page-preview--content .section-xs8sILcSa3 {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--black);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-Rh0TyD10Be,
.hl_page-preview--content .row-E8exscOYg2 {
margin: 0 auto;
background-color: var(--transparent);
width: 100%
}

.hl_page-preview--content .col-Rh0TyD10Be {
padding: 0 5px;
margin: -50px 0 0
}

.hl_page-preview--content .ctwo-setp-order-zBpuyvAX3M {
font-family: var(--inter);
text-align: left;
button-color: var(--indigo);
button-text-color: var(--white);
button-size: 1.6rem;
button-style: none;
form-bg-color: var(--color-posac8s7wu);
form-radius: 5px
}

#section-xs8sILcSa3>.inner {
max-width: 100%
}

#col-Rh0TyD10Be>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

.two-setp-order-zBpuyvAX3M .form-btn {
background-color: var(--indigo);
color: var(--white)
}

.two-setp-order-zBpuyvAX3M .form-btn .main-text {
font-size: 1.6rem
}

.two-setp-order-zBpuyvAX3M .form-input {
border-radius: 5px;
text-align: left;
background-color: var(--color-posac8s7wu)
}

.two-setp-order-zBpuyvAX3M .form-button-gradient {
background-color: #fff;
background-image: linear-gradient(to bottom, rgba(117, 123, 189, .5), #757bbd) !important
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-_2RqPow-yv,
.hl_page-preview--content .row-IskwrhtaWK,
.hl_page-preview--content .section-O-lmFJ_ZiE {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-_2RqPow-yv,
.hl_page-preview--content .row-IskwrhtaWK {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-_2RqPow-yv {
padding: 0 5px;
margin: 0
}

.hl_page-preview--content .custom-code-hIH81ArMmJ {
margin: 0
}

#section-O-lmFJ_ZiE>.inner {
max-width: 100%
}

#col-_2RqPow-yv>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-L3NREEiDeI,
.hl_page-preview--content .row-rMgISP4zXk,
.hl_page-preview--content .section-fvGz4isKuo {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-L3NREEiDeI,
.hl_page-preview--content .row-rMgISP4zXk {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-L3NREEiDeI {
padding: 0 5px;
margin: 0
}

.hl_page-preview--content .custom-code--jFUbZh78P {
margin: 0
}

#section-fvGz4isKuo>.inner {
max-width: 100%
}

#col-L3NREEiDeI>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-f_2OtoAR8G,
.hl_page-preview--content .row-BlyY-xNa4X,
.hl_page-preview--content .section-9P4vujcvA0 {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-f_2OtoAR8G,
.hl_page-preview--content .row-BlyY-xNa4X {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-f_2OtoAR8G {
padding: 0 5px;
margin: 0
}

.hl_page-preview--content .custom-code-G9E4aulMMR {
margin: 0
}

#section-9P4vujcvA0>.inner {
max-width: 100%
}

#col-f_2OtoAR8G>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-uKJJc1qZ0g,
.hl_page-preview--content .row-kmapPz6ZL2,
.hl_page-preview--content .section-Caj0Ju4w81 {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-uKJJc1qZ0g,
.hl_page-preview--content .row-kmapPz6ZL2 {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-uKJJc1qZ0g {
padding: 0 5px;
margin: 0
}

.hl_page-preview--content .custom-code-J12MuUJFXY {
margin: 0
}

#section-Caj0Ju4w81>.inner {
max-width: 100%
}

#col-uKJJc1qZ0g>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--transparent: transparent
}

.hl_page-preview--content .col-idy8-dhmAw,
.hl_page-preview--content .row-UpEjUaijlo,
.hl_page-preview--content .section--KvJYtzpF6 {
box-shadow: none;
padding: 0;
margin: 0;
background-color: var(--transparent);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .col-idy8-dhmAw,
.hl_page-preview--content .row-UpEjUaijlo {
margin: 0 auto;
width: 100%
}

.hl_page-preview--content .col-idy8-dhmAw {
padding: 0 5px;
margin: 0
}

.hl_page-preview--content .custom-code-T7z5h5cp3x,
.hl_page-preview--content .custom-code-U_SucYbOxH {
margin: 0
}

#section--KvJYtzpF6>.inner {
max-width: 100%
}

#col-idy8-dhmAw>.inner {
flex-direction: column;
justify-content: center;
align-items: inherit;
flex-wrap: nowrap
}

/* ---- Section styles ----- */
:root {
--black: #000000;
--color-lwaskmi4: #2f7ae6
}

.hl_page-preview--content .section-vQMStvbP5E {
padding: 0;
margin-top: 0;
margin-bottom: 0;
background-color: var(--color-lwaskmi4);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

#section-vQMStvbP5E>.inner {
max-width: 1170px
}

/* ---- Section styles ----- */
:root {
--secondary: #188bf6;
--white: #ffffff;
--black: #000000;
--transparent: transparent;
--color-1c07tdzhgu: rgb(27, 30, 36)
}

.hl_page-preview--content .section-TSdwmpFhsC {
padding: 0;
margin-top: 0;
margin-bottom: 0;
background-color: var(--color-1c07tdzhgu);
border-color: var(--black);
border-width: 2px;
border-style: solid
}

.hl_page-preview--content .row-GotJDg3xXc {
border-style: solid;
border-width: 3px;
padding: 20px 10px;
background-color: var(--transparent);
width: 100%
}

.hl_page-preview--content .col-5uungwYLtF {
width: 33.33%
}

.hl_page-preview--content .col-5uungwYLtF .inner,
.hl_page-preview--content .col-VFxUAHq5doi .inner {
border-width: 3px;
border-style: solid;
padding: 0 10px;
width: 33.33%
}

.hl_page-preview--content .minute-timer-7CncEko6Fpc {
margin-top: 5px;
margin-bottom: 0
}

.hl_page-preview--content .cminute-timer-7CncEko6Fpc {
font-family: var(--headlinefont);
color: var(--white);
justify-content: center;
secondary-color: var(--white)
}

.hl_page-preview--content #sub-heading-cbcrIvCBQkb {
text-align: center;
margin-top: 0
}

.hl_page-preview--content .csub-heading-cbcrIvCBQkb {
font-family: var(--source-sans-pro);
line-height: normal;
text-align: center;
color: var(--white);
icon-color: var(--black);
text-shadow: 0 0 0 transparent
}

.hl_page-preview--content .col-VFxUAHq5doi {
width: 66.66%
}

.hl_page-preview--content .col-VFxUAHq5doi .inner {
width: 66.66%
}

.hl_page-preview--content #sub-heading-d_nxGZT4as_ {
text-align: center;
margin-top: 30px
}

.hl_page-preview--content .csub-heading-d_nxGZT4as_ {
font-family: var(--source-sans-pro);
icon-color: var(--black);
text-align: center;
line-height: normal;
color: var(--black);
text-shadow: 0 0 0 transparent
}

#section-TSdwmpFhsC>.inner {
max-width: 1170px
}

@media only screen and (min-width:768px) {
#col-5uungwYLtF>.inner {
flex-direction: column;
justify-content: inherit;
align-items: inherit;
flex-wrap: nowrap
}
}

.minute-timer-7CncEko6Fpc .count {
font-size: 32px;
font-weight: unset
}

.minute-timer-7CncEko6Fpc .label {
font-size: 15px;
color: var(--white) !important;
font-weight: unset
}

@media screen and (min-width:0px) and (max-width:480px) {
.minute-timer-7CncEko6Fpc .label {
font-size: 15px;
font-weight: unset
}

.minute-timer-7CncEko6Fpc .count {
font-size: 32px;
font-weight: unset
}
}

.sub-heading-cbcrIvCBQkb,
.sub-heading-d_nxGZT4as_ {
font-weight: undefined
}

.sub-heading-cbcrIvCBQkb em,
.sub-heading-cbcrIvCBQkb strong,
.sub-heading-cbcrIvCBQkb u,
.sub-heading-d_nxGZT4as_ em,
.sub-heading-d_nxGZT4as_ u {
color: var(--black) !important
}

.sub-heading-cbcrIvCBQkb a,
.sub-heading-cbcrIvCBQkb a *,
.sub-heading-d_nxGZT4as_ a,
.sub-heading-d_nxGZT4as_ a * {
color: var(--secondary) !important;
text-decoration: none
}

.sub-heading-cbcrIvCBQkb a:hover,
.sub-heading-d_nxGZT4as_ a:hover {
text-decoration: underline
}

@media screen and (min-width:0px) and (max-width:480px) {

.sub-heading-cbcrIvCBQkb h1,
.sub-heading-cbcrIvCBQkb h2,
.sub-heading-cbcrIvCBQkb h3,
.sub-heading-cbcrIvCBQkb h4,
.sub-heading-cbcrIvCBQkb h5,
.sub-heading-cbcrIvCBQkb h6,
.sub-heading-cbcrIvCBQkb ul li,
.sub-heading-cbcrIvCBQkb.text-output {
font-size: 24px !important;
font-weight: undefined
}
}

@media screen and (min-width:481px) and (max-width:10000px) {

.sub-heading-cbcrIvCBQkb h1,
.sub-heading-cbcrIvCBQkb h2,
.sub-heading-cbcrIvCBQkb h3,
.sub-heading-cbcrIvCBQkb h4,
.sub-heading-cbcrIvCBQkb h5,
.sub-heading-cbcrIvCBQkb h6,
.sub-heading-cbcrIvCBQkb ul li,
.sub-heading-cbcrIvCBQkb.text-output {
font-size: 24px !important;
font-weight: undefined
}
}

.sub-heading-cbcrIvCBQkb.text-output h1:first-child:before,
.sub-heading-cbcrIvCBQkb.text-output h2:first-child:before,
.sub-heading-cbcrIvCBQkb.text-output h3:first-child:before,
.sub-heading-cbcrIvCBQkb.text-output h4:first-child:before,
.sub-heading-cbcrIvCBQkb.text-output h5:first-child:before,
.sub-heading-cbcrIvCBQkb.text-output h6:first-child:before,
.sub-heading-cbcrIvCBQkb.text-output p:first-child:before,
.sub-heading-d_nxGZT4as_.text-output h1:first-child:before,
.sub-heading-d_nxGZT4as_.text-output h2:first-child:before,
.sub-heading-d_nxGZT4as_.text-output h3:first-child:before,
.sub-heading-d_nxGZT4as_.text-output h4:first-child:before,
.sub-heading-d_nxGZT4as_.text-output h5:first-child:before,
.sub-heading-d_nxGZT4as_.text-output h6:first-child:before,
.sub-heading-d_nxGZT4as_.text-output p:first-child:before {
color: var(--black);
margin-right: 5px;
font-weight: 700
}

@media only screen and (min-width:768px) {
#col-VFxUAHq5doi>.inner {
flex-direction: column;
justify-content: inherit;
align-items: inherit;
flex-wrap: nowrap
}
}

.sub-heading-d_nxGZT4as_ strong {
color: var(--white) !important
}

@media screen and (min-width:0px) and (max-width:480px) {

.sub-heading-d_nxGZT4as_ h1,
.sub-heading-d_nxGZT4as_ h2,
.sub-heading-d_nxGZT4as_ h3,
.sub-heading-d_nxGZT4as_ h4,
.sub-heading-d_nxGZT4as_ h5,
.sub-heading-d_nxGZT4as_ h6,
.sub-heading-d_nxGZT4as_ ul li,
.sub-heading-d_nxGZT4as_.text-output {
font-size: 36px !important;
font-weight: undefined
}
}

@media screen and (min-width:481px) and (max-width:10000px) {

.sub-heading-d_nxGZT4as_ h1,
.sub-heading-d_nxGZT4as_ h2,
.sub-heading-d_nxGZT4as_ h3,
.sub-heading-d_nxGZT4as_ h4,
.sub-heading-d_nxGZT4as_ h5,
.sub-heading-d_nxGZT4as_ h6,
.sub-heading-d_nxGZT4as_ ul li,
.sub-heading-d_nxGZT4as_.text-output {
font-size: 36px !important;
font-weight: undefined
}
}

/* PREMIUM FORM - MATCHING LANDING PAGE AESTHETICS */
/* Global fix to prevent horizontal scrolling */
html,
body {
max-width: 100%;
overflow-x: hidden;
position: relative;
}

/* Ensure all sections respect viewport width */
* {
max-width: 100vw;
}

/* Fix for all main sections */
.hero-container,
.cs-section,
.testimonials-section,
.revenue-section,
.hiw-section,
.ai-section,
.pricing-section {
max-width: 100%;
overflow-x: hidden;
}

/* Fix floating/absolute positioned elements */
.orb,
.hiw-orb,
.particle,
.money-particle,
.explosion-particle,
.neural-line,
.ai-dot {
pointer-events: none;
overflow: hidden;
}

/* Ensure containers don't overflow */
.hero-content,
.cs-container,
.testimonials-container,
.revenue-container,
.hiw-container,
.ai-container,
.pricing-container {
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}

/* Fix grid layouts on mobile */
@media (max-width: 768px) {

.value-prop,
.testimonials-grid,
.feature-cards,
.ai-split,
.offer-stack-container {
grid-template-columns: 1fr !important;
max-width: 100%;
}
}

/* Additional safety for images and videos */
img,
video {
max-width: 100%;
height: auto;
}

/* Fix any fixed positioned elements */
.urgency-timer {
max-width: calc(100vw - 20px);
}

/* Prevent badge elements from overflowing */
.badge,
.testimonials-badge,
.hiw-badge,
.cs-badge,
.revenue-badge,
.ai-badge,
.pricing-badge {
max-width: calc(100vw - 32px);
word-wrap: break-word;
}

/* Fix for absolute positioned backgrounds */
.hero-bg::before,
.cs-bg-pattern,
.testimonials-bg,
.revenue-bg,
.hiw-bg-elements,
.ai-bg,
.pricing-bg {
max-width: 100vw;
left: 0 !important;
right: 0 !important;
}

/* Main Container - Premium Glassmorphism */
.container-order-form-two-step {
background: rgba(15, 15, 25, 0.85) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 32px !important;
padding: 60px !important;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 0 100px rgba(147, 51, 234, 0.1) !important;
max-width: 800px !important;
margin: 80px auto !important;
position: relative !important;
overflow: visible !important;
}

/* Animated Gradient Border */
.container-order-form-two-step::before {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(135deg, #64ffda 0%, #667eea 20%, #764ba2 40%, #f093fb 60%, #ffd700 80%, #64ffda 100%);
border-radius: 32px;
opacity: 0.7;
z-index: -1;
animation: borderGlow 6s linear infinite;
background-size: 200% 200%;
}

@keyframes borderGlow {
0% {
background-position: 0% 50%;
filter: hue-rotate(0deg);
}

50% {
background-position: 100% 50%;
filter: hue-rotate(180deg);
}

100% {
background-position: 0% 50%;
filter: hue-rotate(0deg);
}
}

/* Floating Orbs Background */
.container-order-form-two-step::after {
content: '';
position: absolute;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(147, 51, 234, 0.3) 0%, transparent 70%);
top: -150px;
right: -150px;
border-radius: 50%;
filter: blur(60px);
animation: floatOrb 10s ease-in-out infinite;
pointer-events: none;
}

@keyframes floatOrb {

0%,
100% {
transform: translate(0, 0) scale(1);
}

33% {
transform: translate(-30px, 30px) scale(1.1);
}

66% {
transform: translate(30px, -30px) scale(0.9);
}
}

/* Form Title Section - Premium Typography */
.container-order-form-two-step .form-title {
background: transparent !important;
display: flex !important;
justify-content: space-around !important;
padding: 0 0 50px 0 !important;
margin-bottom: 40px !important;
position: relative !important;
}

/* Progress Line Container */
.form-title::after {
content: '';
position: absolute;
bottom: 20px;
left: 20%;
right: 20%;
height: 3px;
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
}

/* Active Progress Indicator */
.form-title::before {
content: '';
position: absolute;
bottom: 20px;
left: 20%;
width: 30%;
height: 3px;
background: linear-gradient(90deg, #64ffda 0%, #667eea 100%);
border-radius: 3px;
box-shadow: 0 0 20px rgba(100, 255, 218, 0.5);
transition: all 0.5s ease;
z-index: 1;
}

/* Step Headers - Gradient Text */
.form-heading {
color: rgba(255, 255, 255, 0.5) !important;
font-size: 16px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
transition: all 0.3s ease !important;
position: relative !important;
z-index: 2 !important;
}

/* Active Step - Animated Gradient */
.form-step.active .form-heading,
.form-heading.active {
background: linear-gradient(135deg, #64ffda 0%, #667eea 50%, #ffd700 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
background-size: 200% auto !important;
animation: shimmerText 3s linear infinite !important;
}

@keyframes shimmerText {
to {
background-position: 200% center;
}
}

/* Hide default elements */
.divider-form,
.form-title div:first-child {
display: none !important;
}

/* Form Body */
.form-body {
background: transparent !important;
padding: 0 !important;
}

/* Input Fields - Glassmorphism */
.form-input,
.form-input.input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select {
background: rgba(255, 255, 255, 0.05) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 16px !important;
padding: 20px 24px !important;
font-size: 16px !important;
color: #fff !important;
width: 100% !important;
transition: all 0.3s ease !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1),
0 0 0 0 rgba(100, 255, 218, 0) !important;
margin-bottom: 24px !important;
position: relative !important;
}

/* Input Focus - Glow Effect */
.form-input:focus {
background: rgba(255, 255, 255, 0.08) !important;
border-color: transparent !important;
outline: none !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1),
0 0 0 3px rgba(100, 255, 218, 0.2),
0 0 30px rgba(100, 255, 218, 0.3) !important;
}

/* Placeholder */
.form-input::placeholder {
color: rgba(255, 255, 255, 0.3) !important;
}

/* Labels - Premium Typography */
label {
color: rgba(255, 255, 255, 0.8) !important;
font-size: 13px !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
display: block !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}

/* CTA Button - Stunning Gradient */
.form-btn,
.form-action .form-btn,
.form-action button,
button.form-btn {
background: linear-gradient(135deg, #64ffda 0%, #667eea 25%, #764ba2 50%, #f093fb 75%, #ffd700 100%) !important;
background-size: 200% 200% !important;
animation: gradientShift 4s ease infinite !important;
color: #000 !important;
border: none !important;
border-radius: 60px !important;
font-weight: 900 !important;
padding: 24px 60px !important;
width: 100% !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 15px 40px rgba(100, 255, 218, 0.4),
inset 0 2px 4px rgba(255, 255, 255, 0.2) !important;
position: relative !important;
overflow: hidden !important;
margin-top: 40px !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 20px !important;
}

@keyframes gradientShift {
0% {
background-position: 0% 50%;
}

50% {
background-position: 100% 50%;
}

100% {
background-position: 0% 50%;
}
}

/* Force button text styling */
.form-btn *,
.form-btn .main-text,
.form-btn span {
color: #000 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
font-size: 20px !important;
}

.form-btn .sub-text {
font-size: 14px !important;
opacity: 0.8 !important;
font-weight: 600 !important;
}

/* Button Shine Effect */
.form-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transition: left 0.5s;
}

.form-btn:hover::before {
left: 100%;
}

/* Button Hover */
.form-btn:hover {
transform: translateY(-3px) scale(1.02) !important;
box-shadow: 0 20px 50px rgba(100, 255, 218, 0.6),
inset 0 2px 4px rgba(255, 255, 255, 0.3) !important;
}

/* Floating Particles */
@keyframes floatParticle {
0% {
transform: translateY(100vh) rotate(0deg);
opacity: 0;
}

10% {
opacity: 1;
}

90% {
opacity: 1;
}

100% {
transform: translateY(-100vh) rotate(360deg);
opacity: 0;
}
}

.form-body::before {
content: '💰';
position: absolute;
left: 10%;
font-size: 20px;
opacity: 0.1;
animation: floatParticle 15s linear infinite;
}

.form-body::after {
content: '✨';
position: absolute;
right: 10%;
font-size: 20px;
opacity: 0.1;
animation: floatParticle 20s linear infinite 5s;
}

/* Section Dividers - Glowing Lines */
.info,
.shipping {
position: relative !important;
padding-top: 40px !important;
margin-top: 40px !important;
}

.info::before,
.shipping::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(100, 255, 218, 0.5), transparent);
animation: lineGlow 3s ease-in-out infinite;
}

@keyframes lineGlow {

0%,
100% {
opacity: 0.3;
}

50% {
opacity: 1;
}
}

/* Order Total - Premium Display */
.order-total {
background: rgba(255, 215, 0, 0.05) !important;
border: 1px solid rgba(255, 215, 0, 0.2) !important;
border-radius: 16px !important;
padding: 24px !important;
margin: 40px 0 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
position: relative !important;
overflow: hidden !important;
}

.order-total::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);
animation: pulseGlow 3s ease-in-out infinite;
}

@keyframes pulseGlow {

0%,
100% {
transform: scale(1);
opacity: 0.5;
}

50% {
transform: scale(1.2);
opacity: 1;
}
}

.order-total span:first-child {
color: rgba(255, 255, 255, 0.8) !important;
font-size: 16px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}

.order-total span:last-child {
font-size: 32px !important;
font-weight: 900 !important;
background: linear-gradient(135deg, #ffd700 0%, #ff6b6b 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}

/* Trust Badge */
.order-form-footer {
text-align: center !important;
margin-top: 40px !important;
padding-top: 40px !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
color: rgba(255, 255, 255, 0.5) !important;
font-size: 13px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 20px !important;
}

.order-form-footer::before {
content: '🔒 256-bit SSL Encryption';
color: #64ffda;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Mobile Responsive */
@media (max-width: 600px) {
.container-order-form-two-step {
padding: 40px 24px !important;
margin: 20px !important;
}

.form-btn {
padding: 20px 40px !important;
font-size: 18px !important;
}

.order-total span:last-child {
font-size: 24px !important;
}
}

/* Override any conflicting styles */
.form-button-subtle,
.form-button-subtle-border {
all: unset !important;
}

/* Force override inline styles */
[style*="background-color: rgb(255, 255, 255)"] {
background: transparent !important;
}

/* Fix GET INSTANT ACCESS button text */
.form-btn:contains("GET INSTANT ACCESS"),
.form-action button:contains("GET INSTANT ACCESS"),
button:contains("GET INSTANT ACCESS"),
.form-btn[value*="GET INSTANT ACCESS"],
button[type="submit"]:contains("GET INSTANT ACCESS"),
.step2 .form-btn,
.step2 button,
#_builder-form button {
color: #000 !important;
text-align: center !important;
}

/* Force all text inside buttons to be black and centered */
.form-btn *,
.form-btn span,
.form-btn div,
.form-btn i,
button[type="submit"] *,
button[type="submit"] span,
button[type="submit"] div {
color: #000 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
display: inline-block !important;
text-align: center !important;
line-height: 1.2 !important;
}

/* Specific fix for button icon if present */
.form-btn i,
button i {
color: #000 !important;
margin-right: 10px !important;
font-size: 20px !important;
vertical-align: middle !important;
}

/* Product table styling for step 2 */
.product-title,
.product-description {
background: transparent !important;
}

.product-title .item {
color: rgba(255, 255, 255, 0.8) !important;
font-weight: 600 !important;
}

/* "No products available" text */
.product-description .item:first-child,
td:contains("No products available") {
color: rgba(255, 255, 255, 0.5) !important;
}

/* Edit Shipping Details link */
a:contains("Edit Shipping Details"),
.forward-shopping-details {
color: #64ffda !important;
text-decoration: none !important;
font-size: 14px !important;
opacity: 0.8 !important;
transition: opacity 0.3s ease !important;
}

a:contains("Edit Shipping Details"):hover {
opacity: 1 !important;
text-decoration: underline !important;
}

/* Table headers - Item, Quantity, Price */
.product-title .item:nth-child(1),
.product-title .item:nth-child(2),
.product-title .item:nth-child(3) {
color: #64ffda !important;
text-transform: uppercase !important;
font-size: 12px !important;
letter-spacing: 1px !important;
}

/* Secure checkout link styling */
a:contains("Secure"),
.form-payment a {
color: #64ffda !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
}

/* Lock icon for secure checkout */
a:contains("Secure")::before {
content: '🔒';
font-size: 16px;
}

/* Country dropdown styling */
select,
.form-input[name="country"] {
color: #fff !important;
cursor: pointer !important;
}

select option {
background: #1a1a2e !important;
color: #fff !important;
}

/* Credit card field labels */
label:contains("Card number"),
label:contains("Expiration date"),
label:contains("Security code"),
label:contains("Country") {
color: rgba(255, 255, 255, 0.6) !important;
font-size: 12px !important;
margin-bottom: 8px !important;
}

/* Ensure button content is properly centered */
.form-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}

/* Fix for any lingering black text issues */
.step2 .form-btn::after {
content: none !important;
}

/* Override any default button text color */
button[style*="color"],
.form-btn[style*="color"] {
color: #000 !important;
}

/* Order Summary Text - Make Everything White */
#6849b8f3c2040025ce43e591 span.item,
#6849b8f3c2040025ce43e591 .product-name,
#6849b8f3c2040025ce43e591 strong,
.order-summary span.item,
.order-summary .product-name,
.order-summary strong {
color: #fff !important;
}

/* Product Details in Order Summary */
span.item.product-name strong,
.product-name strong,
.flex span.item strong {
color: #fff !important;
}

/* Price Text */
span.item:contains("$"),
.item.price,
.price-text,
.product-price {
color: #fff !important;
font-weight: 600 !important;
}

/* Section Headers - "ITEM" text */
.section-header:contains("ITEM"),
div:contains("ITEM"):not(.form-body),
.item-header {
color: #64ffda !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
}

/* Order Summary Title */
div:contains("Order Summary"),
.order-summary-title {
color: #fff !important;
font-size: 24px !important;
font-weight: 800 !important;
margin-bottom: 20px !important;
}

/* Shipping Details Link */
a:contains("Edit Shipping Details"),
.edit-shipping-link,
.flex a {
color: #64ffda !important;
text-decoration: none !important;
font-size: 14px !important;
opacity: 0.8 !important;
transition: opacity 0.3s ease !important;
}

a:contains("Edit Shipping Details"):hover,
.edit-shipping-link:hover {
opacity: 1 !important;
text-decoration: underline !important;
}

/* Generic fix for any text in the order form that might be dark */
.container-order-form-two-step *,
.order-summary *,
#6849b8f3c2040025ce43e591 * {
color: #fff !important;
}

/* Specific overrides for any stubborn elements */
.flex .item,
.flex span,
.flex strong,
.flex div {
color: #fff !important;
}

/* Purple box styling if that's what you're seeing */
div[style*="background-color"],
.order-summary-box {
background: rgba(104, 73, 184, 0.1) !important;
border: 1px solid rgba(104, 73, 184, 0.3) !important;
border-radius: 16px !important;
padding: 20px !important;
}

/* Specific selectors for order summary text elements */
#6849b8f3c2040025ce43e591>span.item,
#6849b8f3c2040025ce43e591>div.text-center.item:nth-of-type(2),
#6849b8f3c2040025ce43e591>div.text-center.item {
color: #fff !important;
}

/* Also target any item class within this ID */
#6849b8f3c2040025ce43e591 .item,
#6849b8f3c2040025ce43e591 .text-center {
color: #fff !important;
}

/* Ensure all direct children are white */
#6849b8f3c2040025ce43e591>* {
color: #fff !important;
}

/* Target nested items specifically */
#6849b8f3c2040025ce43e591 span.item,
#6849b8f3c2040025ce43e591 div.item,
#6849b8f3c2040025ce43e591 .text-center.item {
color: #fff !important;
font-weight: 500 !important;
}

/* If these are table cells or specific data */
#6849b8f3c2040025ce43e591 td,
#6849b8f3c2040025ce43e591 th,
#6849b8f3c2040025ce43e591 .table-cell {
color: #fff !important;
}

/* Centered text items */
.text-center.item {
color: #fff !important;
text-align: center !important;
}


/* Target the quantity number (1) */
.text-center.item,
div.text-center.item,
.product-description .text-center.item {
color: #fff !important;
}

/* Target the product name and price */
span.item,
.product-description span.item,
.flex span.item {
color: #fff !important;
}

/* Target elements within product-description */
.product-description,
.product-description *,
#6849b8f3c2040025ce43e591.product-description * {
color: #fff !important;
}

/* Specifically target the flex container and its contents */
.product-description .flex,
.product-description .flex *,
.flex .text-center.item,
.flex span.item {
color: #fff !important;
}

/* Force all text in elements with "item" class */
.item,
[class*="item"],
[class*="text-center"] {
color: #fff !important;
}

/* Target the specific ID and all its descendants */
#6849b8f3c2040025ce43e591,
#6849b8f3c2040025ce43e591 *,
#6849b8f3c2040025ce43e591 .flex *,
#6849b8f3c2040025ce43e591 .text-center,
#6849b8f3c2040025ce43e591 .item {
color: #fff !important;
}

/* Nuclear option for this specific product description div */
div[id="6849b8f3c2040025ce43e591"],
div[id="6849b8f3c2040025ce43e591"] * {
color: #fff !important;
}

/* Target by partial text content if needed */
span:contains("$29/mo"),
span:contains("White Label Partner"),
div:contains("1").text-center {
color: #fff !important;
}

* Main Container - Premium Glassmorphism */ .container-order-form-two-step {
background: rgba(15, 15, 25, 0.85) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 32px !important;
padding: 60px !important;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 0 100px rgba(147, 51, 234, 0.1) !important;
max-width: 800px !important;
margin: 80px auto !important;
position: relative !important;
overflow: visible !important;
}

/* Animated Gradient Border */
.container-order-form-two-step::before {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(135deg, #64ffda 0%, #667eea 20%, #764ba2 40%, #f093fb 60%, #ffd700 80%, #64ffda 100%);
border-radius: 32px;
opacity: 0.7;
z-index: -1;
animation: borderGlow 6s linear infinite;
background-size: 200% 200%;
}

@keyframes borderGlow {
0% {
background-position: 0% 50%;
filter: hue-rotate(0deg);
}

50% {
background-position: 100% 50%;
filter: hue-rotate(180deg);
}

100% {
background-position: 0% 50%;
filter: hue-rotate(0deg);
}
}

/* Floating Orbs Background */
.container-order-form-two-step::after {
content: '';
position: absolute;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(147, 51, 234, 0.3) 0%, transparent 70%);
top: -150px;
right: -150px;
border-radius: 50%;
filter: blur(60px);
animation: floatOrb 10s ease-in-out infinite;
pointer-events: none;
}

@keyframes floatOrb {

0%,
100% {
transform: translate(0, 0) scale(1);
}

33% {
transform: translate(-30px, 30px) scale(1.1);
}

66% {
transform: translate(30px, -30px) scale(0.9);
}
}

/* Form Title Section - Premium Typography */
.container-order-form-two-step .form-title {
background: transparent !important;
display: flex !important;
justify-content: space-around !important;
padding: 0 0 50px 0 !important;
margin-bottom: 40px !important;
position: relative !important;
}

/* Progress Line Container */
.form-title::after {
content: '';
position: absolute;
bottom: 20px;
left: 20%;
right: 20%;
height: 3px;
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
}

/* Active Progress Indicator */
.form-title::before {
content: '';
position: absolute;
bottom: 20px;
left: 20%;
width: 30%;
height: 3px;
background: linear-gradient(90deg, #64ffda 0%, #667eea 100%);
border-radius: 3px;
box-shadow: 0 0 20px rgba(100, 255, 218, 0.5);
transition: all 0.5s ease;
z-index: 1;
}

/* Step Headers - Gradient Text */
.form-heading {
color: rgba(255, 255, 255, 0.5) !important;
font-size: 16px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
transition: all 0.3s ease !important;
position: relative !important;
z-index: 2 !important;
}

/* Active Step - Animated Gradient */
.form-step.active .form-heading,
.form-heading.active {
background: linear-gradient(135deg, #64ffda 0%, #667eea 50%, #ffd700 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
background-size: 200% auto !important;
animation: shimmerText 3s linear infinite !important;
}

@keyframes shimmerText {
to {
background-position: 200% center;
}
}

/* Hide default elements */
.divider-form,
.form-title div:first-child {
display: none !important;
}

/* Form Body */
.form-body {
background: transparent !important;
padding: 0 !important;
}

/* Input Fields - Glassmorphism */
.form-input,
.form-input.input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select {
background: rgba(255, 255, 255, 0.05) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 16px !important;
padding: 20px 24px !important;
font-size: 16px !important;
color: #fff !important;
width: 100% !important;
transition: all 0.3s ease !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1),
0 0 0 0 rgba(100, 255, 218, 0) !important;
margin-bottom: 24px !important;
position: relative !important;
}

/* Input Focus - Glow Effect */
.form-input:focus {
background: rgba(255, 255, 255, 0.08) !important;
border-color: transparent !important;
outline: none !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1),
0 0 0 3px rgba(100, 255, 218, 0.2),
0 0 30px rgba(100, 255, 218, 0.3) !important;
}

/* Placeholder */
.form-input::placeholder {
color: rgba(255, 255, 255, 0.3) !important;
}

/* Labels - Premium Typography */
label {
color: rgba(255, 255, 255, 0.8) !important;
font-size: 13px !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
display: block !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}

/* CTA Button - Stunning Gradient */
.form-btn,
.form-action .form-btn,
.form-action button,
button.form-btn {
background: linear-gradient(135deg, #64ffda 0%, #667eea 25%, #764ba2 50%, #f093fb 75%, #ffd700 100%) !important;
background-size: 200% 200% !important;
animation: gradientShift 4s ease infinite !important;
color: #000 !important;
border: none !important;
border-radius: 60px !important;
font-weight: 900 !important;
padding: 24px 60px !important;
width: 100% !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 15px 40px rgba(100, 255, 218, 0.4),
inset 0 2px 4px rgba(255, 255, 255, 0.2) !important;
position: relative !important;
overflow: hidden !important;
margin-top: 40px !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 20px !important;
}

@keyframes gradientShift {
0% {
background-position: 0% 50%;
}

50% {
background-position: 100% 50%;
}

100% {
background-position: 0% 50%;
}
}

/* Force button text styling */
.form-btn *,
.form-btn .main-text,
.form-btn span {
color: #000 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
font-size: 20px !important;
}

.form-btn .sub-text {
font-size: 14px !important;
opacity: 0.8 !important;
font-weight: 600 !important;
}

/* Button Shine Effect */
.form-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transition: left 0.5s;
}

.form-btn:hover::before {
left: 100%;
}

/* Button Hover */
.form-btn:hover {
transform: translateY(-3px) scale(1.02) !important;
box-shadow: 0 20px 50px rgba(100, 255, 218, 0.6),
inset 0 2px 4px rgba(255, 255, 255, 0.3) !important;
}

/* Floating Particles */
@keyframes floatParticle {
0% {
transform: translateY(100vh) rotate(0deg);
opacity: 0;
}

10% {
opacity: 1;
}

90% {
opacity: 1;
}

100% {
transform: translateY(-100vh) rotate(360deg);
opacity: 0;
}
}

.form-body::before {
content: '💰';
position: absolute;
left: 10%;
font-size: 20px;
opacity: 0.1;
animation: floatParticle 15s linear infinite;
}

.form-body::after {
content: '✨';
position: absolute;
right: 10%;
font-size: 20px;
opacity: 0.1;
animation: floatParticle 20s linear infinite 5s;
}

/* Section Dividers - Glowing Lines */
.info,
.shipping {
position: relative !important;
padding-top: 40px !important;
margin-top: 40px !important;
}

.info::before,
.shipping::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(100, 255, 218, 0.5), transparent);
animation: lineGlow 3s ease-in-out infinite;
}

@keyframes lineGlow {

0%,
100% {
opacity: 0.3;
}

50% {
opacity: 1;
}
}

/* Order Total - Premium Display */
.order-total {
background: rgba(255, 215, 0, 0.05) !important;
border: 1px solid rgba(255, 215, 0, 0.2) !important;
border-radius: 16px !important;
padding: 24px !important;
margin: 40px 0 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
position: relative !important;
overflow: hidden !important;
}

.order-total::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);
animation: pulseGlow 3s ease-in-out infinite;
}

@keyframes pulseGlow {

0%,
100% {
transform: scale(1);
opacity: 0.5;
}

50% {
transform: scale(1.2);
opacity: 1;
}
}

.order-total span:first-child {
color: rgba(255, 255, 255, 0.8) !important;
font-size: 16px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}

.order-total span:last-child {
font-size: 32px !important;
font-weight: 900 !important;
background: linear-gradient(135deg, #ffd700 0%, #ff6b6b 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
}

/* Trust Badge */
.order-form-footer {
text-align: center !important;
margin-top: 40px !important;
padding-top: 40px !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
color: rgba(255, 255, 255, 0.5) !important;
font-size: 13px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 20px !important;
}

.order-form-footer::before {
content: '🔒 256-bit SSL Encryption';
color: #64ffda;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Mobile Responsive */
@media (max-width: 600px) {
.container-order-form-two-step {
padding: 40px 24px !important;
margin: 20px !important;
}

.form-btn {
padding: 20px 40px !important;
font-size: 18px !important;
}

.order-total span:last-child {
font-size: 24px !important;
}
}

/* Override any conflicting styles */
.form-button-subtle,
.form-button-subtle-border {
all: unset !important;
}

/* Force override inline styles */
[style*="background-color: rgb(255, 255, 255)"] {
background: transparent !important;
}

/* Fix GET INSTANT ACCESS button text */
.form-btn:contains("GET INSTANT ACCESS"),
.form-action button:contains("GET INSTANT ACCESS"),
button:contains("GET INSTANT ACCESS"),
.form-btn[value*="GET INSTANT ACCESS"],
button[type="submit"]:contains("GET INSTANT ACCESS"),
.step2 .form-btn,
.step2 button,
#_builder-form button {
color: #000 !important;
text-align: center !important;
}

/* Force all text inside buttons to be black and centered */
.form-btn *,
.form-btn span,
.form-btn div,
.form-btn i,
button[type="submit"] *,
button[type="submit"] span,
button[type="submit"] div {
color: #000 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
display: inline-block !important;
text-align: center !important;
line-height: 1.2 !important;
}

/* Specific fix for button icon if present */
.form-btn i,
button i {
color: #000 !important;
margin-right: 10px !important;
font-size: 20px !important;
vertical-align: middle !important;
}

/* Product table styling for step 2 */
.product-title,
.product-description {
background: transparent !important;
}

.product-title .item {
color: rgba(255, 255, 255, 0.8) !important;
font-weight: 600 !important;
}

/* "No products available" text */
.product-description .item:first-child,
td:contains("No products available") {
color: rgba(255, 255, 255, 0.5) !important;
}

/* Edit Shipping Details link */
a:contains("Edit Shipping Details"),
.forward-shopping-details {
color: #64ffda !important;
text-decoration: none !important;
font-size: 14px !important;
opacity: 0.8 !important;
transition: opacity 0.3s ease !important;
}

a:contains("Edit Shipping Details"):hover {
opacity: 1 !important;
text-decoration: underline !important;
}

/* Table headers - Item, Quantity, Price */
.product-title .item:nth-child(1),
.product-title .item:nth-child(2),
.product-title .item:nth-child(3) {
color: #64ffda !important;
text-transform: uppercase !important;
font-size: 12px !important;
letter-spacing: 1px !important;
}

/* Secure checkout link styling */
a:contains("Secure"),
.form-payment a {
color: #64ffda !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
}

/* Lock icon for secure checkout */
a:contains("Secure")::before {
content: '🔒';
font-size: 16px;
}

/* Country dropdown styling */
select,
.form-input[name="country"] {
color: #fff !important;
cursor: pointer !important;
}

select option {
background: #1a1a2e !important;
color: #fff !important;
}

/* Credit card field labels */
label:contains("Card number"),
label:contains("Expiration date"),
label:contains("Security code"),
label:contains("Country") {
color: rgba(255, 255, 255, 0.6) !important;
font-size: 12px !important;
margin-bottom: 8px !important;
}

/* Ensure button content is properly centered */
.form-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}

/* Fix for any lingering black text issues */
.step2 .form-btn::after {
content: none !important;
}

/* Override any default button text color */
button[style*="color"],
.form-btn[style*="color"] {
color: #000 !important;
}

/* Order Summary Text - Make Everything White */
#6849b8f3c2040025ce43e591 span.item,
#6849b8f3c2040025ce43e591 .product-name,
#6849b8f3c2040025ce43e591 strong,
.order-summary span.item,
.order-summary .product-name,
.order-summary strong {
color: #fff !important;
}

/* Product Details in Order Summary */
span.item.product-name strong,
.product-name strong,
.flex span.item strong {
color: #fff !important;
}

/* Price Text */
span.item:contains("$"),
.item.price,
.price-text,
.product-price {
color: #fff !important;
font-weight: 600 !important;
}

/* Section Headers - "ITEM" text */
.section-header:contains("ITEM"),
div:contains("ITEM"):not(.form-body),
.item-header {
color: #64ffda !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
}

/* Order Summary Title */
div:contains("Order Summary"),
.order-summary-title {
color: #fff !important;
font-size: 24px !important;
font-weight: 800 !important;
margin-bottom: 20px !important;
}

/* Shipping Details Link */
a:contains("Edit Shipping Details"),
.edit-shipping-link,
.flex a {
color: #64ffda !important;
text-decoration: none !important;
font-size: 14px !important;
opacity: 0.8 !important;
transition: opacity 0.3s ease !important;
}

a:contains("Edit Shipping Details"):hover,
.edit-shipping-link:hover {
opacity: 1 !important;
text-decoration: underline !important;
}

/* Generic fix for any text in the order form that might be dark */
.container-order-form-two-step *,
.order-summary *,
#6849b8f3c2040025ce43e591 * {
color: #fff !important;
}

/* Specific overrides for any stubborn elements */
.flex .item,
.flex span,
.flex strong,
.flex div {
color: #fff !important;
}

/* Purple box styling if that's what you're seeing */
div[style*="background-color"],
.order-summary-box {
background: rgba(104, 73, 184, 0.1) !important;
border: 1px solid rgba(104, 73, 184, 0.3) !important;
border-radius: 16px !important;
padding: 20px !important;
}

/* Specific selectors for order summary text elements */
#6849b8f3c2040025ce43e591>span.item,
#6849b8f3c2040025ce43e591>div.text-center.item:nth-of-type(2),
#6849b8f3c2040025ce43e591>div.text-center.item {
color: #fff !important;
}

/* Also target any item class within this ID */
#6849b8f3c2040025ce43e591 .item,
#6849b8f3c2040025ce43e591 .text-center {
color: #fff !important;
}

/* Ensure all direct children are white */
#6849b8f3c2040025ce43e591>* {
color: #fff !important;
}

/* Target nested items specifically */
#6849b8f3c2040025ce43e591 span.item,
#6849b8f3c2040025ce43e591 div.item,
#6849b8f3c2040025ce43e591 .text-center.item {
color: #fff !important;
font-weight: 500 !important;
}

/* If these are table cells or specific data */
#6849b8f3c2040025ce43e591 td,
#6849b8f3c2040025ce43e591 th,
#6849b8f3c2040025ce43e591 .table-cell {
color: #fff !important;
}

/* Centered text items */
.text-center.item {
color: #fff !important;
text-align: center !important;
}


/* Target the quantity number (1) */
.text-center.item,
div.text-center.item,
.product-description .text-center.item {
color: #fff !important;
}

/* Target the product name and price */
span.item,
.product-description span.item,
.flex span.item {
color: #fff !important;
}

/* Target elements within product-description */
.product-description,
.product-description *,
#6849b8f3c2040025ce43e591.product-description * {
color: #fff !important;
}

/* Specifically target the flex container and its contents */
.product-description .flex,
.product-description .flex *,
.flex .text-center.item,
.flex span.item {
color: #fff !important;
}

/* Force all text in elements with "item" class */
.item,
[class*="item"],
[class*="text-center"] {
color: #fff !important;
}

/* Target the specific ID and all its descendants */
#6849b8f3c2040025ce43e591,
#6849b8f3c2040025ce43e591 *,
#6849b8f3c2040025ce43e591 .flex *,
#6849b8f3c2040025ce43e591 .text-center,
#6849b8f3c2040025ce43e591 .item {
color: #fff !important;
}

/* Nuclear option for this specific product description div */
div[id="6849b8f3c2040025ce43e591"],
div[id="6849b8f3c2040025ce43e591"] * {
color: #fff !important;
}

/* Target by partial text content if needed */
span:contains("$29/mo"),
span:contains("White Label Partner"),
div:contains("1").text-center {
color: #fff !important;
}

/* Remove red error border on invalid phone input */
input:invalid {
box-shadow: none !important;
border-color: rgba(255, 0, 0, 0.3) !important;
}

/* Optional: Show a subtle error hint if no country code */
input[type="tel"]:invalid::after {
content: "Add country code e.g. +1" !important;
color: #ff6b6b !important;
font-size: 12px !important;
display: block !important;
margin-top: 4px !important;
font-weight: 500 !important;
}

.iti * {
box-sizing: border-box;
font-size: 3;
color: black;
}



@media (max-width: 480px) {
.bg-section-TSdwmpFhsC {
background: url(https://images.leadconnectorhq.com/image/f_webp/q_80/r_480/u_https://assets.cdn.filesafe.space/T6DWRHwC6CzzHoC0w3FY/media/62bed1ba2748d9c049d7403d.png);
opacity: 1;
}
}

@media (min-width: 481px) and (max-width: 1024px) {
.bg-section-TSdwmpFhsC {
background: url(https://images.leadconnectorhq.com/image/f_webp/q_80/r_768/u_https://assets.cdn.filesafe.space/T6DWRHwC6CzzHoC0w3FY/media/62bed1ba2748d9c049d7403d.png);
opacity: 1;
}
}

@media (min-width: 1025px) {
.bg-section-TSdwmpFhsC {
background: url(https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/T6DWRHwC6CzzHoC0w3FY/media/62bed1ba2748d9c049d7403d.png);
opacity: 1;
}
}

.flex {
display: flex;
}

.flex-col {
flex-direction: column;
}

.flex-wrap {
flex-wrap: wrap;
}

.flex-grow {
flex-grow: 9999;
}

.align-center {
align-items: center;
}

.h-full {
height: 100%;
}

.max-w-400 {
max-width: 400px;
}

.text-right {
text-align: right;
}

.d-grid {
display: grid;
}

.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}

.gap-1 {
gap: 0.3rem;
}

.items-end {
align-items: flex-end;
}

.relative {
position: relative;
}

.gap-2 {
gap: 0.625rem;
}

.mt-20 {
margin-top: 20px;
}

.mt-8 {
margin-top: 32px;
}

.ml-3 {
margin-left: 0.75rem;
}

.mr-10 {
margin-right: 10px;
}

.mt-4 {
margin-top: 1rem;
}

.mb-4 {
margin-bottom: 1rem;
}

.w-100 {
width: 100%;
}

.h-100 {
height: 100%;
}

.w-50 {
width: 50%;
}

.w-25 {
width: 25%;
}

.mw-100 {
max-width: 100%;
}

.noBorder {
border: none !important;
}

/* .iti__flag {
background-image: url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags.png);
} */

.pointer {
cursor: pointer;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* .iti__flag {
background-image: url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags@2x.png);
} */
}

.iti__country {
/* display: flex;
justify-content: space-between; */
}

@media (min-width: 768px) {
.hl_wrapper.nav-shrink .hl_wrapper--inner.page-creator,
body {
padding-top: 0;
}

.hl_page-creator--menu {
left: 0;
top: 0;
z-index: 10;
}

.hl_wrapper {
padding-left: 0;
}
}

@media (min-width: 1200px) {
.hl_wrapper.nav-shrink {
padding-left: 0 !important;
}
}

html body .hl_wrapper {
height: 100vh;
overflow: hidden;
}

body {
margin: 0;
-webkit-font-smoothing: antialiased;
}

img {
border-style: none;
vertical-align: middle;
}

.bg-fixed {
z-index: -1;
}

.progress-outer {
background-color: #f5f5f5;
border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
font-size: 14px;
height: 35px;
line-height: 36px;
overflow: hidden;
padding-bottom: 0;
padding-top: 0;
width: 100%;
}

.progress-inner {
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
color: #fff;
float: left;
font-size: 14px;
height: 100%;
padding-left: 10px;
padding-right: 10px;
transition: width 0.6s ease;
width: 0;
}

.progress0 {
width: 0;
}

.progress10 {
width: 10%;
}

.progress20 {
width: 20%;
}

.progress30 {
width: 30%;
}

.progress40 {
width: 40%;
}

.progress50 {
width: 50%;
}

.progress60 {
width: 60%;
}

.progress70 {
width: 70%;
}

.progress80 {
width: 80%;
}

.progress90 {
width: 90%;
}

.progress100 {
width: 100%;
}

.progressbarOffsetWhite {
background: #f5f5f5;
}

.progressbarOffsetTransparentWhite {
background-color: hsla(0, 0%, 100%, 0.5);
}

.progressbarOffsetBlack {
background: #333;
}

.progressbarOffsetTransparentBlack {
background-color: hsla(0, 0%, 49%, 0.5);
}

.text-white {
color: #fff;
}

.text-bold {
font-weight: 700;
}

.text-italic {
font-style: italic;
}

.text-bold-italic {
font-style: italic;
font-weight: 700;
}

.progressbarSmall {
font-size: 14px;
height: 35px;
line-height: 36px;
}

.progressbarMedium {
font-size: 19px;
height: 45px;
line-height: 45px;
}

.progressbarLarge {
font-size: 21px;
height: 65px;
line-height: 65px;
}

.recaptcha-container {
margin-bottom: 1em;
}

.recaptcha-container p {
color: red;
margin-top: 1em;
}

.button-recaptcha-container div:first-child {
height: auto !important;
width: 100% !important;
}

.card-el-error-msg {
align-items: center;
color: #e25950;
display: flex;
font-size: 13px;
justify-content: flex-start;
padding: 10px 0;
text-align: center;
}

.card-el-error-msg svg {
color: #f87171;
margin-right: 2px;
}

.hl-faq-child-heading {
border: none;
cursor: pointer;
justify-content: space-between;
outline: none;
padding: 15px;
width: 100%;
}

.hl-faq-child-head,
.hl-faq-child-heading {
align-items: center;
display: flex;
}

.v-enter-active,
.v-leave-active {
transition: opacity 0.2s ease-out;
}

.v-enter-from,
.v-leave-to {
opacity: 0;
}

.faq-separated-child {
margin-bottom: 10px;
}

.hl-faq-child-panel img {
border-radius: 15px;
cursor: pointer;
}

.hl-faq-child-heading-icon.left {
margin-right: 1em;
}

.expand-collapse-all-button {
background-color: transparent;
border: 1px solid #d1d5db;
border-radius: 15px;
color: #3b82f6;
cursor: pointer;
font-size: 12px;
font-weight: 400;
line-height: 16px;
margin: 1em 0;
padding: 5px 15px;
}

.hl-faq-child-panel {
transition: padding 0.2s ease;
}

.v-spinner .v-moon1 {
position: relative;
}

.v-spinner .v-moon1,
.v-spinner .v-moon2 {
animation: v-moonStretchDelay 0.6s linear 0s infinite;
animation-fill-mode: forwards;
}

.v-spinner .v-moon2 {
opacity: 0.8;
position: absolute;
}

.v-spinner .v-moon3 {
opacity: 0.1;
}

@keyframes v-moonStretchDelay {
to {
transform: rotate(1turn);
}
}

.generic-error-message {
color: red;
font-weight: 500;
margin-top: 0.5rem;
text-align: center;
}

#faq-overlay {
background: var(--overlay);
height: 100vh;
opacity: 0.8;
width: 100vw;
}

#faq-overlay,
#faq-popup {
position: fixed;
z-index: 1000;
}

#faq-popup {
background: #fff;
height: auto;
left: 50%;
margin-left: -250px;
margin-top: -250px;
top: 50%;
width: 500px;
}

#popupclose {
cursor: pointer;
float: right;
padding: 10px;
}

.popupcontent {
height: auto !important;
width: 100% !important;
}

#button {
cursor: pointer;
}

.dark {
background-color: #000;
}

.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.spotlight {
background: linear-gradient(45deg, #00dc82, #36e4da 50%, #0047e1);
bottom: -30vh;
filter: blur(20vh);
height: 40vh;
}

.z-10 {
z-index: 10;
}

.right-0 {
right: 0;
}

.left-0 {
left: 0;
}

.fixed {
position: fixed;
}

.text-black {
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.overflow-hidden {
overflow: hidden;
}

.min-h-screen {
min-height: 100vh;
}

.font-sans {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.place-content-center {
place-content: center;
}

.grid {
display: grid;
}

.z-20 {
z-index: 20;
}

.max-w-520px {
max-width: 520px;
}

.mb-8 {
margin-bottom: 2rem;
}

.text-8xl {
font-size: 6rem;
line-height: 1;
}

.font-medium {
font-weight: 500;
}

.mb-16 {
margin-bottom: 4rem;
}

.leading-tight {
line-height: 1.25;
}

.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}

.font-light {
font-weight: 300;
}

@media (min-width: 640px) {
.sm-text-10xl {
font-size: 10rem;
line-height: 1;
}

.sm-text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}

.sm-px-0 {
padding-left: 0;
padding-right: 0;
}
}

.full-center {
background-position: 50% !important;
background-repeat: repeat !important;
background-size: cover !important;
}

.fill-width {
background-size: 100% auto !important;
}

.fill-width,
.fill-width-height {
background-repeat: no-repeat !important;
}

.fill-width-height {
background-size: 100% 100% !important;
}

.no-repeat {
background-repeat: no-repeat !important;
}

.repeat-x {
background-repeat: repeat-x !important;
}

.repeat-y {
background-repeat: repeat-y !important;
}

.repeat-x-fix-top {
background-position: top !important;
background-repeat: repeat-x !important;
}

.repeat-x-fix-bottom {
background-position: bottom !important;
background-repeat: repeat-x !important;
}

#overlay {
bottom: 0;
height: 100%;
left: 0;
opacity: 0;
overflow-y: scroll;
position: fixed;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 999;
-webkit-overflow-scrolling: touch;
}

#overlay.show {
opacity: 1;
}

.popup-body {
background-color: #fff;
height: auto;
left: 50%;
min-height: 180px;
position: absolute;
top: 10%;
transform: translate(-50%, -100vh);
transition: transform 0.25s ease-in-out;
z-index: 20;
}

.popup-body.show {
transform: translate(-50%);
}

.closeLPModal {
cursor: pointer;
position: absolute;
right: -10px;
top: -10px;
z-index: 21;
}

.settingsPModal {
font-size: 18px;
left: 40%;
padding: 10px;
position: absolute;
top: -40px;
width: 32px;
}

.c-section > .inner {
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
z-index: 2;
}

.c-row > .inner {
display: flex;
width: 100%;
}

.c-column > .inner {
display: flex;
flex-direction: column;
height: 100%;
justify-content: inherit;
width: 100% !important;
}

.c-wrapper {
position: relative;
}

.previewer {
--vw: 100vh/100;
height: calc(100vh - 170px);
margin: auto;
overflow: scroll;
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
}

.c-element {
position: relative;
}

.c-column {
flex: 1;
}

.c-column,
.c-row {
position: relative;
}

p + p {
margin-top: auto;
}

.hl_page-creator--row.active {
border-color: #188bf6;
}

.flip-list-move {
transition: transform 0.5s;
}

.page-wrapper .sortable-ghost:before {
background: #188bf6 !important;
border-radius: 4px;
content: "";
height: 4px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}

.page-wrapper .sortable-ghost {
border: none !important;
position: relative;
}

.active-drop-area:before {
color: grey;
content: "";
font-size: 12px;
left: 50%;
pointer-events: none;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}

.active-drop-area {
border: 1px dashed grey;
}

.active-drop-area.is-empty {
min-height: 60px;
}

.empty-component {
align-items: center;
border: 1px dashed #d7dde9;
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}

.empty-component,
.empty-component-min-height {
min-height: 100px;
pointer-events: none;
}

.dividerContainer {
width: 100%;
}

.items-center {
align-items: center;
}

.font-semibold {
font-weight: 600;
}

.text-2xl {
font-size: 1.5rem;
}

.text-sm {
font-size: 0.875rem;
}

.w-full {
width: 100%;
}

.mr-2 {
margin-right: 0.5rem;
}

.mt-2 {
margin-top: 0.5rem;
}

.justify-between {
justify-content: space-between;
}

.text-lg {
font-size: 1.125rem;
}

.font-base {
font-weight: 400;
}

.justify-end {
justify-content: flex-end;
}

.justify-center {
justify-content: center !important;
}

.text-center {
text-align: center;
}

.centered {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}

.mx-auto {
margin: 0 auto;
}




@media only screen and (max-width: 767px) {
.c-row > .inner {
flex-direction: column;
}

.desktop-only {
display: none;
}

.c-column,
.c-row {
width: 100% !important;
}

.c-column,
.c-column > .inner,
.c-row > .inner,
.c-section,
.c-section > .inner {
padding-left: 0 !important;
padding-right: 0 !important;
}

.c-column,
.c-column > .inner,
.c-row {
margin-left: 0 !important;
margin-right: 0 !important;
}

.c-row {
padding-left: 0px !important;
padding-right: 0px !important;
}
}

@media only screen and (min-width: 768px) {
.mobile-only {
display: none;
}
}

.c-button button {
outline: none;
position: relative;
}

.fa,
.fab,
.fal,
.far,
.fas {
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
}

.c-column {
flex: 1 1 auto !important;
}

.c-column > .inner.horizontal > div {
flex: 1;
}

.c-row > .inner {
display: flex;
width: 100%;
}

.bgCover.bg-fixed:before {
background-attachment: fixed !important;
background-position: 50% !important;
background-repeat: repeat !important;
background-size: cover !important;
-webkit-background-size: cover !important;
}

@supports (-webkit-touch-callout: inherit) {
.bgCover.bg-fixed:before {
background-attachment: scroll !important;
}
}

.bgCover100.bg-fixed:before {
background-size: 100% auto !important;
-webkit-background-size: 100% auto !important;
}

.bgCover100.bg-fixed:before,
.bgNoRepeat.bg-fixed:before {
background-repeat: no-repeat !important;
}

.bgRepeatX.bg-fixed:before {
background-repeat: repeat-x !important;
}

.bgRepeatY.bg-fixed:before {
background-repeat: repeat-y !important;
}

.bgRepeatXTop.bg-fixed:before {
background-position: top !important;
background-repeat: repeat-x !important;
}

.bgRepeatXBottom.bg-fixed:before {
background-position: bottom !important;
background-repeat: repeat-x !important;
}

.bgCover {
background-attachment: fixed !important;
background-position: 50% !important;
background-repeat: repeat !important;
background-size: cover !important;
-webkit-background-size: cover !important;
}

@supports (-webkit-touch-callout: inherit) {
.bgCover {
background-attachment: scroll !important;
}
}

.bgCover100 {
background-size: 100% auto !important;
-webkit-background-size: 100% auto !important;
}

.bgCover100,
.bgNoRepeat {
background-repeat: no-repeat !important;
}

.bgRepeatX {
background-repeat: repeat-x !important;
}

.bgRepeatY {
background-repeat: repeat-y !important;
}

.bgRepeatXTop {
background-position: top !important;
}

.bgRepeatXBottom,
.bgRepeatXTop {
background-repeat: repeat-x !important;
}

.bgRepeatXBottom {
background-position: bottom !important;
}

.cornersTop {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}

.cornersBottom {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}

.radius0 {
border-radius: 0;
}

.radius1 {
border-radius: 1px;
}

.radius2 {
border-radius: 2px;
}

.radius3 {
border-radius: 3px;
}

.radius4 {
border-radius: 4px;
}

.radius5 {
border-radius: 5px;
}

.radius10 {
border-radius: 10px;
}

.radius15 {
border-radius: 15px;
}

.radius20 {
border-radius: 20px;
}

.radius25 {
border-radius: 25px;
}

.radius50 {
border-radius: 50px;
}

.radius75 {
border-radius: 75px;
}

.radius100 {
border-radius: 100px;
}

.radius125 {
border-radius: 125px;
}

.radius150 {
border-radius: 150px;
}

.borderTopBottom {
border-bottom-color: rgba(0, 0, 0, 0.7);
border-left: none !important;
border-right: none !important;
border-top-color: rgba(0, 0, 0, 0.7);
}

.borderTop {
border-bottom: none !important;
border-top-color: rgba(0, 0, 0, 0.7);
}

.borderBottom,
.borderTop {
border-left: none !important;
border-right: none !important;
}

.borderBottom {
border-bottom-color: rgba(0, 0, 0, 0.7);
border-top: none !important;
}

.borderFull {
border-color: rgba(0, 0, 0, 0.7);
}

@keyframes rocking {
0% {
transform: rotate(0deg);
}

25% {
transform: rotate(0deg);
}

50% {
transform: rotate(2deg);
}

75% {
transform: rotate(-2deg);
}

to {
transform: rotate(0deg);
}
}

.buttonRocking {
animation: rocking 2s infinite;
animation-timing-function: ease-out;
transition: 0.2s;
}

.buttonPulseGlow {
animation: pulseGlow 2s infinite;
animation-timing-function: ease-in-out;
}

@keyframes pulseGlow {
0% {
box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
}

25% {
box-shadow: 0 0 2.5px 1px hsla(0, 0%, 100%, 0.25);
}

50% {
box-shadow: 0 0 5px 2px hsla(0, 0%, 100%, 0.5);
}

85% {
box-shadow: 0 0 5px 5px hsla(0, 0%, 100%, 0);
}

to {
box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
}
}

.buttonBounce {
animation: bounce 1.5s infinite;
animation-timing-function: ease-in;
transition: 0.2s;
}

@keyframes bounce {
15% {
box-shadow: 0 0 0 0 transparent;
transform: translateY(0);
}

35% {
box-shadow: 0 8px 5px -5px rgba(0, 0, 0, 0.25);
transform: translateY(-35%);
}

45% {
box-shadow: 0 0 0 0 transparent;
transform: translateY(0);
}

55% {
box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.25);
transform: translateY(-20%);
}

70% {
box-shadow: 0 0 0 0 transparent;
transform: translateY(0);
}

80% {
box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.25);
transform: translateY(-10%);
}

90% {
box-shadow: 0 0 0 0 transparent;
transform: translateY(0);
}

95% {
box-shadow: 0 2px 3px -3px rgba(0, 0, 0, 0.25);
transform: translateY(-2%);
}

99% {
box-shadow: 0 0 0 0 transparent;
transform: translateY(0);
}

to {
box-shadow: 0 0 0 0 transparent;
transform: translateY(0);
}
}

@keyframes elevate {
0% {
box-shadow: 0 0 0 0 transparent;
transform: translateY(0);
}

to {
box-shadow: 0 8px 5px -5px rgba(0, 0, 0, 0.25);
transform: translateY(-10px);
}
}

.buttonElevate:hover {
animation: elevate 0.2s forwards;
}

.buttonElevate {
box-shadow: 0 0 0 0 transparent;
transition: 0.2s;
}

.buttonWobble {
transition: 0.3s;
}

.buttonWobble:hover {
animation: wobble 0.5s 1;
animation-timing-function: ease-in-out;
}

@keyframes wobble {
0% {
transform: skewX(0deg);
}

25% {
transform: skewX(10deg);
}

50% {
transform: skewX(0deg);
}

75% {
transform: skewX(-10deg);
}

to {
transform: skewX(0deg);
}
}

.image-container img {
max-width: 100%;
vertical-align: middle;
}

.sub-text ::-moz-placeholder {
color: #000;
opacity: 1;
}

.sub-text ::placeholder {
color: #000;
opacity: 1;
}

.image-container {
height: 100%;
width: 100%;
}

.shadow5inner {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}

.shadow10inner {
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}

.shadow20inner {
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
}

.shadow30inner {
box-shadow: inset 0 2px 5px 2px rgba(0, 0, 0, 0.3);
}

.shadow40inner {
box-shadow: inset 0 2px 5px 2px rgba(0, 0, 0, 0.4);
}

.shadow5 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.shadow10 {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.shadow20 {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.shadow30 {
box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
}

.shadow40 {
box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.4);
}

.sub-heading-button {
color: #fff;
font-weight: 400;
line-height: normal;
opacity: 0.8;
text-align: center;
}

.wideSection {
max-width: 1120px;
}

.midWideSection,
.wideSection {
margin-left: auto !important;
margin-right: auto !important;
}

.midWideSection {
max-width: 960px;
}

.midSection {
margin-left: auto !important;
margin-right: auto !important;
max-width: 720px;
}

.c-section > .inner {
margin-left: auto;
margin-right: auto;
max-width: 1170px;
width: 100%;
}

.c-column {
padding-left: 15px;
padding-right: 15px;
}

.feature-img-circle img,
.img-circle,
.img-circle img {
border-radius: 50% !important;
}

.feature-img-round-corners img,
.img-round-corners,
.img-round-corners img {
border-radius: 5px;
}

.feature-image-dark-border img,
.image-dark-border {
border: 3px solid rgba(0, 0, 0, 0.7);
}

.feature-image-white-border img,
.image-white-border {
border: 3px solid #fff;
}

.img-grey,
.img-grey img {
filter: grayscale(100%);
filter: gray;
-webkit-transition: all 0.6s ease;
}

.button-shadow1 {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.button-shadow2 {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

.button-shadow3 {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
}

.button-shadow4 {
box-shadow: 0 8px 1px rgba(0, 0, 0, 0.1);
}

.button-shadow5 {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.2),
0 0 3px rgba(0, 0, 0, 0.4);
}

.button-shadow6 {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.4), 0 0 15px hsla(0, 0%, 100%, 0.2),
0 0 3px hsla(0, 0%, 100%, 0.4);
}

.button-shadow-sharp1 {
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2);
}

.button-shadow-sharp2 {
box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.2);
}

.button-shadow-sharp3 {
box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, 0.2);
}

.button-shadow-highlight {
box-shadow: none;
}

.button-shadow-highlight:hover {
box-shadow: inset 0 0 0 0 hsla(0, 0%, 100%, 0.22),
inset 0 233px 233px 0 hsla(0, 0%, 100%, 0.12);
}

.button-flat-line {
background-color: transparent !important;
border-width: 2px;
}

.button-vp-5 {
padding-bottom: 5px !important;
padding-top: 5px !important;
}

.button-vp-10 {
padding-bottom: 10px !important;
padding-top: 10px !important;
}

.button-vp-15 {
padding-bottom: 15px !important;
padding-top: 15px !important;
}

.button-vp-20 {
padding-bottom: 20px !important;
padding-top: 20px !important;
}

.button-vp-25 {
padding-bottom: 25px !important;
padding-top: 25px !important;
}

.button-vp-30 {
padding-bottom: 30px !important;
padding-top: 30px !important;
}

.button-vp-40 {
padding-bottom: 40px !important;
padding-top: 40px !important;
}

.button-vp-0 {
padding-bottom: 0 !important;
padding-top: 0 !important;
}

.button-hp-5 {
padding-left: 5px !important;
padding-right: 5px !important;
}

.button-hp-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}

.button-hp-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}

.button-hp-20 {
padding-left: 20px !important;
padding-right: 20px !important;
}

.button-hp-25 {
padding-left: 25px !important;
padding-right: 25px !important;
}

.button-hp-30 {
padding-left: 30px !important;
padding-right: 30px !important;
}

.button-hp-40 {
padding-left: 40px !important;
padding-right: 40px !important;
}

.button-hp-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}

.vs__dropdown-toggle {
background: #f3f8fb !important;
border: none !important;
height: 43px !important;
}

.row-align-center {
margin: 0 auto;
}

.row-align-left {
margin: 0 auto;
margin-left: 0 !important;
}

.row-align-right {
margin: 0 auto;
margin-right: 0 !important;
}

button,
input,
optgroup,
select,
textarea {
border-radius: unset;
font-family: unset;
font-size: unset;
line-height: unset;
margin: unset;
text-transform: unset;
}

body {
font-weight: unset !important;
line-height: unset !important;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
}

*,
:after,
:before {
box-sizing: border-box;
}

.main-heading-group > div {
display: inline-block;
}

.c-button span.main-heading-group,
.c-button span.sub-heading-group {
display: block;
}

.time-grid-3 {
grid-template-columns: repeat(3, 100px);
}

.time-grid-3,
.time-grid-4 {
display: grid;
text-align: center;
}

.time-grid-4 {
grid-template-columns: repeat(4, 100px);
}

@media screen and (max-width: 767px) {
.time-grid-3 {
grid-template-columns: repeat(3, 80px);
}

.time-grid-4 {
grid-template-columns: repeat(4, 70px);
}
}

.time-grid .timer-box {
display: grid;
font-size: 15px;
grid-template-columns: 1fr;
text-align: center;
}

.timer-box .label {
font-weight: 300;
}

.c-button button {
cursor: pointer;
}

.c-button > a {
text-decoration: none;
}

.c-button > a,
.c-button > a span {
display: inline-block;
}

.nav-menu-wrapper {
display: flex;
justify-content: space-between;
}

.nav-menu-wrapper.default {
flex-direction: row;
}

.nav-menu-wrapper.reverse {
flex-direction: row-reverse;
}

.nav-menu-wrapper .branding {
align-items: center;
display: flex;
}

.nav-menu-wrapper.default .branding {
flex-direction: row;
}

.nav-menu-wrapper.reverse .branding {
flex-direction: row-reverse;
}

.nav-menu-wrapper.default .branding .logo,
.nav-menu-wrapper.reverse .branding .title {
margin-right: 18px;
}

.nav-menu-wrapper .branding .title {
align-items: center;
display: flex;
min-height: 50px;
min-width: 50px;
}

.nav-menu {
align-items: center;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}

.nav-menu a {
text-decoration: none;
}

.dropdown {
display: inline-block;
position: relative;
}

.dropdown .dropdown-menu {
border: none;
box-shadow: 0 8px 16px 5px rgba(0, 0, 0, 0.1);
}

.dropdown-menu {
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.3125rem;
color: #607179;
display: none;
float: left;
font-size: 1rem;
left: 0;
list-style: none;
margin: 0.125rem 0 0;
min-width: 10rem;
padding: 0.5rem 0;
position: absolute;
text-align: left;
top: 100%;
z-index: 1000;
}

.nav-menu .nav-menu-item.dropdown:hover > .dropdown-menu {
display: block;
}

.nav-menu .dropdown-menu {
display: none;
list-style: none;
margin: 0;
padding: 0;
}

.nav-menu-mobile {
display: none;
}

.nav-menu-mobile i {
cursor: pointer;
font-size: 24px;
}

#nav-menu-popup {
background: var(--overlay);
bottom: 0;
display: none;
height: 100%;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 100;
}

#nav-menu-popup.show {
opacity: 1;
}

#nav-menu-popup .nav-menu-body {
background-color: #fff;
height: 100%;
left: 0;
overflow: auto;
padding: 45px;
position: absolute;
top: 0;
width: 100%;
}

#nav-menu-popup .nav-menu-body .close-menu {
cursor: pointer;
left: 20px;
position: absolute;
top: 20px;
z-index: 100;
}

#nav-menu-popup .nav-menu-body .close-menu:before {
content: "\f00d";
}

#nav-menu-popup .nav-menu {
align-items: center;
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding: 0;
}

#nav-menu-popup .nav-menu .nav-menu-item {
list-style: none;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100%;
}

#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content {
display: flex;
position: relative;
}

#nav-menu-popup .nav-menu-item .nav-menu-item-title {
flex-grow: 1;
margin: 0 1rem;
max-width: calc(100% - 2rem);
}

#nav-menu-popup
.nav-menu
.nav-menu-item
.nav-menu-item-content
.nav-menu-item-toggle {
cursor: pointer;
font-size: 24px;
position: absolute;
right: 0;
top: calc(50% - 12px);
}

#nav-menu-popup
.nav-menu
.nav-menu-item
.nav-menu-item-content
.nav-menu-item-toggle
i {
font-size: 24px;
transition: transform 0.2s ease;
}

#nav-menu-popup
.nav-menu
.nav-menu-item
.nav-menu-item-content
.nav-menu-item-toggle
i:before {
content: "\f107";
}

#nav-menu-popup
.nav-menu
.nav-menu-item.active
.nav-menu-item-content
.nav-menu-item-toggle
i {
transform: rotate(-180deg);
}

#nav-menu-popup .nav-menu .nav-menu-item .nav-dropdown-menu {
display: none;
max-height: 0;
opacity: 0;
overflow: auto;
padding: 0;
transition: all 0.3s ease-in-out;
visibility: hidden;
}

#nav-menu-popup .nav-menu .nav-menu-item.active .nav-dropdown-menu {
display: block;
max-height: 600px;
opacity: 1;
visibility: visible;
}

.form-error {
border: 2px solid var(--red);
border-radius: 8px;
cursor: pointer;
font-size: 20px;
margin-bottom: 10px;
padding: 6px 12px;
text-align: center;
}

.form-error,
.form-error i {
color: var(--red);
}

.c-bullet-list ul li {
line-height: inherit;
}

.c-bullet-list ul li.ql-indent-1 {
padding-left: 4.5em;
}

.c-bullet-list ul li.ql-indent-2 {
padding-left: 7.5em;
}

.c-bullet-list ul li.ql-indent-3 {
padding-left: 10.5em;
}

.c-bullet-list ul li.ql-indent-4 {
padding-left: 13.5em;
}

.c-bullet-list ul li.ql-indent-5 {
padding-left: 16.5em;
}

.c-bullet-list ul li.ql-indent-6 {
padding-left: 19.5em;
}

.c-bullet-list ul li.ql-indent-7 {
padding-left: 22.5em;
}

.c-bullet-list ul li.ql-indent-8 {
padding-left: 25.5em;
}

.text-output ol,
.text-output ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.text-output ol li {
list-style-type: decimal;
}

.text-output ul li {
padding-left: 1.5em;
}

.text-output ul li:before {
display: inline-block;
font-weight: 700;
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
white-space: nowrap;
width: 1.2em;
}

.svg-component svg {
max-height: 100%;
max-width: 100%;
}

.border1 {
border-bottom: 3px solid rgba(0, 0, 0, 0.2) !important;
}

.border2 {
border: 2px solid rgba(0, 0, 0, 0.55);
}

.border3 {
border: solid rgba(0, 0, 0, 0.15);
border-width: 1px 1px 2px;
padding: 5px;
}

.border4 {
border: solid rgba(0, 0, 0, 0.35);
border-width: 1px 1px 2px;
padding: 1px !important;
}

.shadow1 {
box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.15);
}

.shadow2 {
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.15);
}

.shadow3 {
box-shadow: 0 10px 6px -6px #999;
}

.shadow4 {
box-shadow: 3px 3px 15px #212121a8;
}

.shadow6 {
box-shadow: 0 10px 1px #ddd, 0 10px 20px #ccc;
}

.background {
background-color: unset !important;
}

@keyframes progress-bar-animation {
to {
background-position: 0 -3000px;
}
}

@keyframes gradient {
0% {
background-position: 0 50%;
}

50% {
background-position: 100% 50%;
}

to {
background-position: 0 50%;
}
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
margin: unset;
}

p {
margin: unset;
}

.c-bullet-list,
.c-heading,
.c-image-feature,
.c-paragraph,
.c-sub-heading {
word-break: break-word;
}

p:empty:after {
content: "\00A0";
}

.w-3-4 {
width: 75%;
}

.w-1-2 {
width: 50%;
}

.tabs-container {
display: flex;
}

@media screen and (max-width: 767px) {
.nav-menu {
display: none;
}

.nav-menu-mobile {
align-items: center;
display: flex;
}

.popup-body,
.popup-body-lead-video {
top: 10px !important;
width: calc(100% - 10px) !important;
}

#faq-popup {
left: 5px !important;
margin-left: 0 !important;
width: 98% !important;
}

.video-container {
width: 100% !important;
}

.autoplay .vjs-big-play-button {
display: none !important;
}

.autoplay:hover .vjs-control-bar {
display: flex !important;
}
}

@font-face {
font-display: block;
font-family: Font Awesome\5 Free;
font-style: normal;
font-weight: 400;
src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot);
src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot?#iefix)
format("embedded-opentype"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff2)
format("woff2"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff)
format("woff"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.ttf)
format("truetype"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.svg#fontawesome)
format("svg");
}

.far {
font-weight: 400;
}

@font-face {
font-display: block;
font-family: Font Awesome\5 Free;
font-style: normal;
font-weight: 900;
src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot);
src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot?#iefix)
format("embedded-opentype"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff2)
format("woff2"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff)
format("woff"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.ttf)
format("truetype"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.svg#fontawesome)
format("svg");
}

.fa,
.far,
.fas {
font-family: Font Awesome\5 Free;
}

.fa,
.fas {
font-weight: 900;
}

@font-face {
font-display: block;
font-family: Font Awesome\5 Brands;
font-style: normal;
font-weight: 400;
src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot);
src: url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot?#iefix)
format("embedded-opentype"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff2)
format("woff2"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff)
format("woff"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.ttf)
format("truetype"),
url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.svg#fontawesome)
format("svg");
}

.fab {
font-family: Font Awesome\5 Brands;
font-weight: 400;
}

:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}

.animate__animated {
animation-duration: 1s;
animation-duration: var(--animate-duration);
animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce), print {
.animate__animated {
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
transition-duration: 1ms !important;
}

.animate__animated[class*="Out"] {
opacity: 0;
}
}

@keyframes fadeIn {
0% {
opacity: 0;
}

to {
opacity: 1;
}
}

.animate__fadeIn {
animation-name: fadeIn;
}

@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}

to {
opacity: 1;
transform: translateZ(0);
}
}

.animate__fadeInUp {
animation-name: fadeInUp;
}

@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}

to {
opacity: 1;
transform: translateZ(0);
}
}

.animate__fadeInDown {
animation-name: fadeInDown;
}

@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}

to {
opacity: 1;
transform: translateZ(0);
}
}

.animate__fadeInLeft {
animation-name: fadeInLeft;
}

@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}

to {
opacity: 1;
transform: translateZ(0);
}
}

.animate__fadeInRight {
animation-name: fadeInRight;
}

@keyframes slideInUp {
0% {
transform: translate3d(0, 100%, 0);
visibility: visible;
}

to {
transform: translateZ(0);
}
}

.animate__slideInUp {
animation-name: slideInUp;
}

@keyframes slideInDown {
0% {
transform: translate3d(0, -100%, 0);
visibility: visible;
}

to {
transform: translateZ(0);
}
}

.animate__slideInDown {
animation-name: slideInDown;
}

@keyframes slideInLeft {
0% {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}

to {
transform: translateZ(0);
}
}

.animate__slideInLeft {
animation-name: slideInLeft;
}

@keyframes slideInRight {
0% {
transform: translate3d(100%, 0, 0);
visibility: visible;
}

to {
transform: translateZ(0);
}
}

.animate__slideInRight {
animation-name: slideInRight;
}

@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}

20% {
transform: scale3d(1.1, 1.1, 1.1);
}

40% {
transform: scale3d(0.9, 0.9, 0.9);
}

60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}

80% {
transform: scale3d(0.97, 0.97, 0.97);
}

to {
opacity: 1;
transform: scaleX(1);
}
}

.animate__bounceIn {
animation-duration: 0.75s;
animation-duration: calc(var(--animate-duration) * 0.75);
animation-name: bounceIn;
}

@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
opacity: 0;
transform: translate3d(0, 3000px, 0) scaleY(5);
}

60% {
opacity: 1;
transform: translate3d(0, -20px, 0) scaleY(0.9);
}

75% {
transform: translate3d(0, 10px, 0) scaleY(0.95);
}

90% {
transform: translate3d(0, -5px, 0) scaleY(0.985);
}

to {
transform: translateZ(0);
}
}

.animate__bounceInUp {
animation-name: bounceInUp;
}

@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
opacity: 0;
transform: translate3d(0, -3000px, 0) scaleY(3);
}

60% {
opacity: 1;
transform: translate3d(0, 25px, 0) scaleY(0.9);
}

75% {
transform: translate3d(0, -10px, 0) scaleY(0.95);
}

90% {
transform: translate3d(0, 5px, 0) scaleY(0.985);
}

to {
transform: translateZ(0);
}
}

.animate__bounceInDown {
animation-name: bounceInDown;
}

@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0) scaleX(3);
}

60% {
opacity: 1;
transform: translate3d(25px, 0, 0) scaleX(1);
}

75% {
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}

90% {
transform: translate3d(5px, 0, 0) scaleX(0.995);
}

to {
transform: translateZ(0);
}
}

.animate__bounceInLeft {
animation-name: bounceInLeft;
}

@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

0% {
opacity: 0;
transform: translate3d(3000px, 0, 0) scaleX(3);
}

60% {
opacity: 1;
transform: translate3d(-25px, 0, 0) scaleX(1);
}

75% {
transform: translate3d(10px, 0, 0) scaleX(0.98);
}

90% {
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}

to {
transform: translateZ(0);
}
}

.animate__bounceInRight {
animation-name: bounceInRight;
}

@keyframes flip {
0% {
animation-timing-function: ease-out;
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
}

40% {
animation-timing-function: ease-out;
transform: perspective(400px) scaleX(1) translateZ(150px)
rotateY(-190deg);
}

50% {
animation-timing-function: ease-in;
transform: perspective(400px) scaleX(1) translateZ(150px)
rotateY(-170deg);
}

80% {
animation-timing-function: ease-in;
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
rotateY(0deg);
}

to {
animation-timing-function: ease-in;
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
}
}

.animate__animated.animate__flip {
animation-name: flip;
backface-visibility: visible;
}

@keyframes flipInX {
0% {
animation-timing-function: ease-in;
opacity: 0;
transform: perspective(400px) rotateX(90deg);
}

40% {
animation-timing-function: ease-in;
transform: perspective(400px) rotateX(-20deg);
}

60% {
opacity: 1;
transform: perspective(400px) rotateX(10deg);
}

80% {
transform: perspective(400px) rotateX(-5deg);
}

to {
transform: perspective(400px);
}
}

.animate__flipInX {
animation-name: flipInX;
backface-visibility: visible !important;
}

@keyframes flipInY {
0% {
animation-timing-function: ease-in;
opacity: 0;
transform: perspective(400px) rotateY(90deg);
}

40% {
animation-timing-function: ease-in;
transform: perspective(400px) rotateY(-20deg);
}

60% {
opacity: 1;
transform: perspective(400px) rotateY(10deg);
}

80% {
transform: perspective(400px) rotateY(-5deg);
}

to {
transform: perspective(400px);
}
}

.animate__flipInY {
animation-name: flipInY;
backface-visibility: visible !important;
}

@keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}

to {
opacity: 1;
transform: translateZ(0);
}
}

.animate__rollIn {
animation-name: rollIn;
}

@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}

50% {
opacity: 1;
}
}

.animate__zoomIn {
animation-name: zoomIn;
}

@keyframes lightSpeedInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) skewX(30deg);
}

60% {
opacity: 1;
transform: skewX(-20deg);
}

80% {
transform: skewX(5deg);
}

to {
transform: translateZ(0);
}
}

.animate__lightSpeedInLeft {
animation-name: lightSpeedInLeft;
animation-timing-function: ease-out;
}

@keyframes lightSpeedInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0) skewX(-30deg);
}

60% {
opacity: 1;
transform: skewX(20deg);
}

80% {
transform: skewX(-5deg);
}

to {
transform: translateZ(0);
}
}

.animate__lightSpeedInRight {
animation-name: lightSpeedInRight;
animation-timing-function: ease-out;
}


.item-description {
color: grey;
font-size: 12px;
font-weight: 600;
margin-left: 5px;
}

.error-message {
color: #f87171;
}

.container-order-form-two-step .is-danger {
border: 1px solid #f87171;
}

.product-bump-divider {
margin-bottom: 10px;
}

.caret-up:before {
content: "\f0d8";
}

.order-form-footer {
color: #9c9c9c;
font-size: 12px;
margin-top: 10px;
text-align: center;
word-break: break-word;
}

.form-btn:hover {
box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1),
0 3px 6px 0 rgba(0, 0, 0, 0.08);
transform: translateY(-1px);
}

.form-btn {
cursor: pointer;
display: block;
font-weight: 700;
outline: none;
transition: all 0.15s ease;
}

.form-btn .sub-text {
font-size: 13px;
font-weight: 400;
}

.form-btn {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2);
color: #fff;
padding: 8px;
position: relative;
width: 100%;
}

.form-btn .main-text {
font-size: 1.2rem;
font-weight: 700;
}

.form-btn i {
font-size: 1.26rem;
font-weight: 900;
margin-right: 5px;
}

.container-order-form-two-step .cc-holder {
background: #f1f1f1;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important;
color: #dcdcdc;
font-size: 14px;
height: 50px;
line-height: 50px;
margin-top: 10px;
outline: none;
padding: 0 18px;
}

.container-order-form-two-step .cc-holder span {
color: #dcdcdc;
float: right;
}

.card-el-error-msg {
align-items: center;
}

.card-el-error-msg svg {
margin-right: 2px;
}

.card-el-error-msg,
.card-el-error-msg svg,
.order-validation-error {
color: #f87171;
font-size: 12px;
}

.order-validation-error {
padding: 0;
}

.card-details .StripeElement,
.card-details-v2 .StripeElement {
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 3px 0 #e6ebf1;
box-sizing: border-box;
height: 40px;
padding: 10px 12px;
transition: box-shadow 0.15s ease;
}

.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
border-color: #fa755a;
}

.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}

.StripePaymentElement {
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 3px 0 #e6ebf1;
box-sizing: border-box;
display: block;
margin-bottom: 20px;
padding: 10px 12px;
transition: box-shadow 0.15s ease;
}

.bp-container {
padding: 5px 0;
}

.separator {
align-items: center;
display: flex;
font-size: 13px;
font-weight: 500px;
margin: 10px 0;
padding: 1px 0;
text-align: center;
}

.separator:after,
.separator:before {
border-bottom: 1px solid #cfd7df;
content: "";
flex: 1;
}

.separator:before {
margin-right: 0.25em;
}

.separator:after {
margin-left: 0.25em;
}

.card-errors {
font-size: 14px;
}

.card-el-error-msg {
color: #e25950;
display: flex;
font-size: 13px;
justify-content: flex-start;
padding: 10px 0;
text-align: center;
}

.card-el-error-msg svg .base {
fill: #e25950;
}

.card-el-error-msg svg {
margin: 0 5px;
}

#card-element {
margin: 15px 0 10px;
}

.card-element-label {
color: #32325d;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.3px;
text-transform: uppercase;
}

.card-info-msg {
color: #32325d;
font-size: 11px;
font-weight: 500;
margin-left: 5px;
}

.item-price {
color: #1571a8;
font-weight: 700;
}

.item-unavailable {
color: #d0d5dd;
}

.sold-out {
font-size: 15px;
font-weight: 700;
text-align: right;
}

.payment-form-row {
background: rgba(18, 91, 152, 0.05);
border-radius: 8px;
padding: 15px 20px;
}

.cart-icon:before {
content: "\f07a";
font-family: Font Awesome\5 Free;
font-weight: 700;
margin-right: 5px;
}

.disable-btn {
cursor: not-allowed;
pointer-events: none;
}

.card-details {
padding: 20px 0;
}

.product-description {
display: grid;
grid-template-columns: 8fr 1fr 2fr;
margin-bottom: 10px;
}

.product-description .item {
font-size: 13px;
}

.product-description .item:last-child {
text-align: right;
}

.container-order-form-two-step {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
0 1px 2px 0 rgba(0, 0, 0, 0.06);
max-width: 100%;
padding: 2px;
}

.container-order-form-two-step .form-title {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 7px;
}

.container-order-form-two-step .form-title div {
text-align: center;
}

.divider-form {
background: #1571a8;
height: 5px;
position: relative;
width: 100%;
z-index: 1;
}

.divider-form i {
left: 25%;
}

.divider-form i,
.step2 i {
color: #1571a8;
font-size: 30px;
position: absolute;
top: -18px;
}

.step2 i {
left: unset;
right: 25% !important;
}

.form-heading {
font-size: 14px;
font-weight: 700;
word-break: break-word;
}

.form-sub-heading {
color: #607179;
font-size: 12px;
word-break: break-word;
}

.form-step {
display: grid;
grid-template-columns: 1fr;
}

.form-title div:first-child {
box-shadow: 10px 0 4px -8px rgba(0, 0, 0, 0.28);
}

.form-step .active {
color: #1571a8;
}

.form-body {
background-color: #fff;
padding: 15px;
}

.shipping-input-split {
display: flex;
gap: 16px;
}

.payment-title-wrapp,
.shipping-title-wrapp {
padding: 8px 0;
position: relative;
width: 100%;
}

.payment-bar,
.shipping-bar {
background-color: #e5e7eb;
height: 2px;
position: absolute;
top: 7px;
width: 100%;
}

.forward-shopping-details {
color: #888 !important;
display: block;
font-size: 12px;
}

.forward-shopping-details span:hover {
color: #007bff;
cursor: pointer;
text-decoration: underline;
}

.form-payment {
padding: 10px;
}

.container-card span {
color: #888;
padding-bottom: 10px;
}

.form-action {
margin-top: 5px;
width: 100%;
}

.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: 97%;
border: 1px solid #d1d5db;
border-radius: 5px;
box-shadow: 0 0 0 0 transparent, transparent !important;
-moz-box-shadow: 0 0 0 0 transparent, transparent !important;
-webkit-box-shadow: 0 0 0 0 transparent, transparent !important;
font-size: 14px;
line-height: 24px;
outline: none !important;
padding: 8px 12px;
width: 100%;
}

.form-button-subtle {
border-radius: 4px;
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2);
}

.form-button-subtle-border {
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
border-left: none !important;
border-right: none !important;
}

.order-bump-container {
background-color: #fbf8e3;
border: 2px dashed #c7c7c7;
border-radius: 5px;
padding: 8px;
}

.order-bump-container .main-section {
background-color: #fefcbf;
border-radius: 5px;
display: flex;
justify-content: space-between;
padding: 2px;
text-align: left;
}

.order-bump-container .headline {
color: #090;
font-size: 16px;
font-weight: 700;
line-height: 30px;
margin-left: 2px;
word-wrap: break-word;
}

.oto-headline {
color: #c30;
font-weight: 700;
text-decoration: underline;
}

.order-bump-container p {
margin-top: 10px;
}

.bump-image {
height: auto;
max-width: 100%;
width: 100%;
}

.main-section {
align-items: center;
display: flex;
}

.bump--flashing-arrow {
padding: 0 9px;
width: 40px;
}

.bump--checkbox {
margin: 0 4px;
}

.qtyDropDown {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
display: inline-block;
font-size: 12px;
height: 22px;
padding: 2px 4px;
width: 45px !important;
}

.max-qty-text {
font-size: 10px;
}

.--mobile-product-title {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
}

.--mobile-product-title .item {
font-size: 13px;
font-weight: 700;
}

.--mobile-product-title .item:last-child {
text-align: right;
}

.--mobile-product-description {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
margin-bottom: 10px;
}

.--mobile-product-description .item {
font-size: 13px;
}

.--mobile-product-description .item:last-child {
text-align: right;
}

.--mobile-coupon-applied-text {
color: #039855;
display: inline-block;
font-size: 14px;
max-width: 225px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.text-box {
height: 35px;
width: 200px !important;
}

.btnClass {
border: 1px solid #dcdcdc;
border-radius: 5px;
cursor: pointer;
font-size: 12px;
font-weight: 600;
height: 35px;
margin-left: 10px;
outline: none;
width: 80px;
}

.btnClass:disabled {
cursor: not-allowed;
}

.text-box-error {
border: 1px solid red !important;
}

.green {
color: #039855;
}

.--mobile-os-itemStyles {
display: block;
}

.old-price {
font-size: 11px !important;
text-decoration: line-through;
}

.total-discount {
font-weight: 600;
margin: 8px 0;
}

.--mobile-coupon-tag {
background: #f2f4f7;
border-radius: 5px;
color: #1571a8;
display: block;
font-size: 12px;
font-weight: 600;
height: -moz-fit-content;
height: fit-content;
padding: 2px 5px;
width: -moz-fit-content;
width: fit-content;
}

[data-lastpass-icon-root],
[data-lastpass-root] {
display: none !important;
}

.card-input-label {
color: #32325d;
font-size: 13px;
}

.container-order-form-two-step .iti.iti--allow-dropdown {
width: 100%;
}

.terms-conditions-wrapper {
align-items: flex-start;
display: flex;
margin-bottom: 10px;
}

.terms-conditions-wrapper #terms-conditions-input {
margin-top: 3px;
min-width: 15px;
}

.terms-conditions-text {
font-size: 14px;
margin-left: 10px;
}

.product-detail {
margin-top: 20px;
}

.product-name {
margin-left: 5px;
}

.flex-text {
align-items: center;
display: flex;
justify-content: center;
justify-items: center;
}

.product-title {
display: grid;
grid-template-columns: 8fr 1fr 2fr;
}

.product-title .item {
font-size: 13px;
font-weight: 700;
}

.product-title .item:last-child {
text-align: right;
}

.divider-product {
background-color: #888;
height: 2px;
margin: 6px 0;
opacity: 0.3;
width: 100%;
}

.address-title,
.payment-title {
background-color: #fff;
color: #626262;
font-size: 12px;
font-weight: 700;
margin-top: -9px;
padding-right: 10px;
position: absolute;
text-transform: uppercase;
z-index: 1;
}

.info,
.shipping {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 15px;
margin-bottom: 15px;
}

.order-total {
color: #333;
display: flex;
font-size: 13px;
font-weight: 700;
justify-content: space-between;
margin-bottom: 10px;
}

.coupon-container {
align-items: flex-end;
flex-direction: column;
justify-content: flex-end;
width: 100%;
}

.coupon-text-container {
align-items: center;
}

.coupon-applied-text {
color: #039855;
display: inline-block;
font-size: 14px;
max-width: 270px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.coupon-item {
font-size: 13px;
margin-right: 24px;
}

.coupon-tag {
background: #f2f4f7;
border-radius: 5px;
color: #1571a8;
display: inline-flex;
font-size: 12px;
font-weight: 600;
height: -moz-fit-content;
height: fit-content;
padding: 2px 5px;
width: -moz-fit-content;
width: fit-content;
}

.coupon-code {
display: inline;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}

@media (max-width: 600px) {
.--mobile-product-description,
.--mobile-title,
.product-description,
.product-title {
grid-template-columns: 3fr 1fr 1fr;
}

.coupon-tag {
display: block;
}
}


.disabled[data-v-bb614710] {
background-color: rgba(0, 0, 0, 0.5) !important;
pointer-events: none;
}

.form-action button[data-v-bb614710] {
cursor: pointer;
}

.invisible[data-v-bb614710] {
opacity: 0;
}