@font-face {
    font-family : 'Avenir LT Std';
    src         : url(../fonts/AvenirLTStd-Heavy.b8b7bc7f.woff2) format('woff2'), url(../fonts/AvenirLTStd-Heavy.a1d7ca56.woff) format('woff'), url(../fonts/AvenirLTStd-Heavy.2e8680e6.ttf) format('truetype');
    font-weight : 800;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family : 'Avenir LT Std';
    src         : url(../fonts/AvenirLTStd-Book.3e1300b3.woff2) format('woff2'), url(../fonts/AvenirLTStd-Book.0e3e1f42.woff) format('woff'), url(../fonts/AvenirLTStd-Book.61259922.ttf) format('truetype');
    font-weight : 400;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family : 'Avenir LT Std';
    src         : url(../fonts/AvenirLTStd-Black.5bbeb14a.woff2) format('woff2'), url(../fonts/AvenirLTStd-Black.77230563.woff) format('woff'), url(../fonts/AvenirLTStd-Black.55baa8ba.ttf) format('truetype');
    font-weight : 900;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family : 'Avenir LT Std';
    src         : url(../fonts/AvenirLTStd-Roman.128998a6.woff2) format('woff2'), url(../fonts/AvenirLTStd-Roman.c915dcd3.woff) format('woff'), url(../fonts/AvenirLTStd-Roman.94577451.ttf) format('truetype');
    font-weight : 500;
    font-style  : normal;
    font-display: swap;
}

body {
    padding    : 0;
    margin     : 0;
    font-family: 'Avenir LT Std', sans-serif;
}

button,
a,
input {
    box-shadow: none !important;
    outline   : 0;
}

a:hover,
a:focus,
a:active {
    color: #666666;
}

.btn {
    transition   : none;
    border-radius: 2px !important;
}

.btn-lyform {
    background: #FFFFFF;
    border    : 0px solid #2F2F2F;
    color     : #000000 !important;
    padding   : .7rem 1.25rem;
}

.btn-lyform-black {
    background: #000000;
    border    : 0px solid #2F2F2F;
    color     : #ffffff !important;
    padding   : .7rem 1.25rem;
}

.btn-lyform-collaborate {
    background : #00A5E6;
    border     : 0px solid #00A5E6;
    color      : #ffffff !important;
    padding    : 25px;
    font-size  : 19px;
    font-weight: 700;
}

.lpp-btn,
.lpp-btn:hover {
    background: #EAAB00;
    border    : 0;
    color     : #fff;
}

.border-l-3 {
    border-left-width: 3px;
}

.bg-collaborate {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 165, 230, var(--tw-bg-opacity));
}

.text-collaborate {
    color: #00A5E6;
}

.text-accelerate {
    color: rgba(164, 216, 102, 1)
}

.text-yellow-custom-1 {
    color: #FFE81D;
}

.border-yellow-custom-1 {
    border-color: #FFE81D;
}

.bg-yellow-custom-2 {
    --tw-bg-opacity:1;
    background-color: rgba(255, 227, 0, var(--tw-bg-opacity));
}

.bg-yellow-custom-3 {
    --tw-bg-opacity:1;
    background-color: rgba(255, 247, 211, var(--tw-bg-opacity));
}

.bc-yellow-custom-3 {
    --tw-bg-opacity:1;
    border-color: rgba(255, 234, 144, var(--tw-border-opacity));
}

.bg-red-custom-2 {
    --tw-bg-opacity:1;
    background-color: rgba(228, 59, 44, var(--tw-bg-opacity));
}

.bc-red-custom-2 {
    --tw-border-opacity:1;
    border-color: rgba(204, 0, 0, var(--tw-border-opacity))
}

.border-ccc {
    border-color: #cccccc;
}

.bg-ccc {
    background-color: #cccccc;
}

.bg-f4 {
    background-color: #F4F4F4;
}

.border-f3 {
    border-color: #F3F3F3;
}

.bc-red-custom-3 {
    border-color: rgba(241, 29, 29, var(--tw-border-opacity));
}

.bg-red-custom-3 {
    background-color: rgba(249, 222, 218, var(--tw-bg-opacity));
}

.bc-red-custom-4 {
    border-color: rgba(213, 0, 55, var(--tw-border-opacity));
}

.bg-red-custom-4 {
    background-color: rgba(213, 0, 55, var(--tw-bg-opacity));
}

.bc-blue-custom-1 {
    border-color: rgba(0, 165, 230, var(--tw-border-opacity));
}

.bg-blue-custom-2 {
    background-color: rgba(0, 165, 230, var(--tw-bg-opacity));
}

.bg-blue-custom-1 {
    background-color: rgba(197, 225, 253, var(--tw-bg-opacity));
}

.bg-blue-custom-3 {
    background-color: rgba(227, 241, 255, var(--tw-bg-opacity));
}

.bg-green-custom-1 {
    background-color: rgba(152, 235, 81, var(--tw-bg-opacity));
}

.bg-incubate {
    background-color: rgba(213, 0, 55, var(--tw-bg-opacity))
}

.text-incubate {
    color: rgba(213, 0, 55, var(--tw-text-opacity))
}

.bg-grey-e5 {
    background-color: #E5E5E5;
}

.bg-grey-eb {
    background-color: rgba(235, 235, 235, var(--tw-bg-opacity));
}

.bg-grey-f8 {
    background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

.bg-grey-c4 {
    background-color: rgba(196, 196, 196, var(--tw-bg-opacity));
}

.bc-grey-e5 {
    border-color: rgba(229, 229, 229, var(--tw-border-opacity));
}

.custom-underline {
    --g: linear-gradient(330deg, #EAAB00, #EAAB00, #EAAB00);
    background:
        var(--g),
        var(--g) bottom 2px left 0/100% 2px no-repeat;
    /* adjust the bottom value to control the offset */
    background-clip        : text, padding-box;
    -webkit-background-clip: text, padding-box;
}

.yellow-highlight {
    color: rgba(237, 181, 14, var(--tw-bg-opacity));
}

.bottom-arrow {
    position: relative;
}

.bottom-arrow:after {
    content     : '';
    display     : block;
    position    : absolute;
    bottom      : -45px;
    left        : 50%;
    transform   : translate(-50%, 0);
    width       : 0;
    height      : 0;
    border-left : 75px solid transparent;
    border-right: 75px solid transparent;
    border-top  : 45px solid #000000;
}
.top-arrow {
    position: relative;
}

.top-arrow:after {
    content     : '';
    display     : block;
    position    : absolute;
    top         : -1px;
    left        : 50%;
    transform   : translate(-50%, 0);
    width       : 0;
    height      : 0;
    border-left : 75px solid transparent;
    border-right: 75px solid transparent;
    border-top  : 45px solid #000000;
}

.money-back {
    border          : dashed 2px #00A5E6;
    background-color: #F9FBFF;
    border-radius   : 4px;
    box-shadow      : 0 11px 24px rgba(215, 220, 227, 0.77);
    padding         : 66px 47px;
}

.iti {
    width: 100%;
}

.is-invalid {
    border-color: red;
}

/* Review sSlider */
#reviews-slider-mw {
    max-width: 90%;
    margin   : 0 auto;
    position : relative;
    z-index  : 2;
}

#reviews-slider-ow {
    position: relative;
}

#reviews-slider-ow .tns-controls {
    position       : relative;
    top            : 0;
    left           : 0;
    width          : 100%;
    height         : 100%;
    z-index        : 1;
    display        : flex;
    justify-content: space-around;
    padding        : 20px 40px 0;
}

.tns-nav {
    display: none;
}

/*Typography*/
.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-21 {
    font-size: 21px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.font-29 {
    font-size: 29px;
}

.font-30 {
    font-size: 30px;
}

.font-31 {
    font-size: 31px;
}

.font-36 {
    font-size: 36px;
}

.font-38 {
    font-size: 38px;
}

.font-40 {
    font-size: 40px;
}

.font-43 {
    font-size: 43px;
}

.font-50 {
    font-size: 50px;
}

.font-60 {
    font-size: 60px;
}

.font-80 {
    font-size: 80px;
}

.mt-80 {
    margin-top: 80px !important;
}

.leading-24 {
    line-height: 24px;
}

.leading-32 {
    line-height: 32px;
}

.leading-40 {
    line-height: 40px;
}

.leading-45 {
    line-height: 45px;
}

.leading-48 {
    line-height: 48px;
}

.leading-64 {
    line-height: 64px;
}

.leading-68 {
    line-height: 68px;
}

.mb-32 {
    margin-bottom: 32px;
}

.pt-24 {
    padding-top: 6rem;
}

.pt-63 {
    padding-top: 63px;
}

.pt-80 {
    padding-top: 80px;
}

.text-weight-700 {
    font-weight: 700;
}

.text-999 {
    color: #999999;
}

.text-666 {
    color: #666666;
}

.text-808 {
    color: #808080;
}

.text-red {
    color: red;
}

.text-red-1 {
    color: #D50037;
}

.text-red-2 {
    color: #EB0039;
}

.text.a8a {
    color: #a8a8a8
}

.color-launchpad {
    color: #EAAB00 !important;
}

.text-blue-1 {
    color: #16315A;
}

.text-balance{
    text-wrap: balance;
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.bg-cta-btn {
    background-color: rgb(151, 235, 81);
}


/*input[type="text"],
input[type="email"],
input[type="password"] {
    line-height: 2.15;
    background : #0F0F0F;
    border     : 1px solid #2F2F2F;
    color      : #FFFFFF;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    background: #1f1f1f;
    border    : 1px solid #FFFFFF;
    color     : #ffffff;
}*/

#staticOptin input.form-control {
    border-color    : rgb(225, 225, 225);
    border-width    : 1px;
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow      : 0px 1px 1px 0px rgba(0, 0, 0, 0.075) inset;
}

.hover\:text-black:hover {
    color: #000000;
}

#page-form input::placeholder {
    color: #6c757d;
}

.bg-black-2 {
    background: #0F0F0F;
}

.bg-gray-e1 {
    background-color: #e1e1e1;
}

.bg-gray-f9 {
    background-color: #F9F9F9;
}

.bg-f2 {
    background-color: #F2F2F2;
}

.bg-gray-333 {
    background-color: rgba(51, 51, 51, var(--tw-bg-opacity));
}

.tooltip-inner {
    font-size: 10px !important;
    color    : #999999 !important;
}

/* Video overlay btn */
.video-player {
    position: relative;
}

.preview-embed-overlay {
    position       : absolute;
    top            : 0;
    z-index        : 10;
    background     : rgba(0, 0, 0, 0.5);
    width          : 100%;
    height         : 100%;
    text-align     : center;
    display        : flex;
    align-items    : center;
    justify-content: center;
    flex-direction : column;
    cursor         : pointer;
}

.preview-embed-overlay img {
    position: relative;
    cursor  : pointer;
}

.preview-embed-txt {
    display    : block;
    text-align : center;
    margin-top : 15px;
    background : #A4D866;
    border     : 0px solid #A4D866;
    color      : #ffffff !important;
    padding    : 10px 25px;
    font-size  : 19px;
    font-weight: 700;
}

.preview-embed-txt.custom-red {
    background: #D50037;
    border    : 0px solid #D50037;
}

.preview-embed-icon {
    width          : 60px;
    height         : 60px;
    background     : rgba(255, 255, 255, 0.2) url(../icons/play-btn.svg) center center no-repeat;
    backdrop-filter: blur(10px);
    background-size: 33%;
}

.pulsating {
    animation: pulse 1s linear infinite;
}

.testimonial-col {
    position: relative;
}

.testimonial-col:hover .testimonial-box {
    display: flex;
}

.testimonial-col:hover .tab-for-story {
    display: none;
}

.testimonial-box {
    display    : none;
    transition : all 0.3s ease-in;
    position   : absolute;
    top        : 0;
    left       : 0;
    right      : 0;
    bottom     : 0;
    background : rgba(0, 0, 0, 0.4);
    z-index    : 10;
    margin     : 0;
    padding    : 20px;
    align-items: center;
}

.testimonial-col:hover img {
    filter: blur(4px) grayscale(1);
}

.acc-item.active h2 {
    background-color: #00A5E6;
    color           : #ffffff;
}

.acc-item .white-icon,
.acc-item.active .gray-icon {
    display: none;
}

.acc-item.active .white-icon {
    display: inline-block;
}

#modules-section .acc-item>h2 {
    font-weight: 800;
}

/*MODAL*/
.animated {
    -webkit-animation-duration : 1s;
    animation-duration         : 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode        : both;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration        : 500ms;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name        : fadeIn;
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name        : fadeOut;
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio {
    position: relative;
    width   : 100%;
}

.ratio::before {
    display    : block;
    padding-top: var(--bs-aspect-ratio);
    content    : "";
}

.ratio>* {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

body.modal-open {
    overflow     : hidden!important;
    height       : 100dvh!important;
    padding-right: 19px;
}

.account-btn{
    padding:5px 8px 5px 20px;
    background:#282828;
    color:#ffffff;
    border-radius:3px;
    font-size:14px;
}

.account-btn > img{
    transform: rotate(180deg);
    opacity:0.6;
}

.account-btn:hover{
    background:#0f0f0f;
    color:#ffffff;
}

.account-btn:hover > img{
    transform: rotate(180deg);
    opacity:0.8;
}

/*Tooltip*/
[data-tooltip]:before {
    content: attr(data-tooltip); /* here's the magic */
    position:absolute;
    top:-36px;
    transform:translateX(-50%);
    left:50%;

    /* basic styles */
    width:200px;
    padding:10px;
    border-radius:10px;
    background:#000;
    color: rgba(107,114,128,1);
    text-align:center;

    display:none; /* hide by default */
}
[data-tooltip]:hover:before {
    display:block;
}
[data-tooltip]{
    position:relative;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.make-money-graphic{
    max-width: 230px;
}
.mw-graphic{
    max-width: 354px;
}

/*Responsive*/
@media (min-width: 768px) {

    /*Typography*/
    .md\:font-10 {
        font-size: 10px;
    }

    .md\:font-12 {
        font-size: 12px;
    }

    .md\:font-14 {
        font-size: 14px;
    }

    .md\:font-20 {
        font-size: 20px;
    }

    .md\:font-16 {
        font-size: 16px;
    }

    .md\:font-17 {
        font-size: 16px;
    }

    .md\:font-18 {
        font-size: 18px;
    }

    .md\:font-21 {
        font-size: 21px;
    }

    .md\:font-22 {
        font-size: 22px;
    }

    .md\:font-24 {
        font-size: 24px;
    }

    .md\:font-26 {
        font-size: 26px;
    }

    .md\:font-28 {
        font-size: 28px;
    }

    .md\:font-29 {
        font-size: 28px;
    }

    .md\:font-30 {
        font-size: 30px;
    }

    .md\:font-31 {
        font-size: 31px;
    }

    .md\:font-36 {
        font-size: 36px;
    }

    .md\:font-38 {
        font-size: 38px;
    }

    .md\:font-40 {
        font-size: 40px;
    }

    .md\:font-43 {
        font-size: 43px;
    }

    .md\:font-50 {
        font-size: 50px;
    }

    .md\:font-60 {
        font-size: 60px;
    }
    .md\:font-80 {
        font-size: 80px;
    }

    .md\:leading-24 {
        line-height: 24px;
    }

    .md\:leading-32 {
        line-height: 32px;
    }

    .md\:leading-40 {
        line-height: 40px;
    }

    .md\:leading-43 {
        line-height: 43px;
    }

    .md\:leading-45 {
        line-height: 45px;
    }

    .md\:leading-48 {
        line-height: 48px;
    }

    .md\:leading-64 {
        line-height: 64px;
    }

    .md\:leading-68 {
        line-height: 68px;
    }

    .md\:fw-500 {
        font-weight: 500
    }

    .md\:fw-600 {
        font-weight: 600
    }

    .md\:fw-700 {
        font-weight: 700
    }

    .md\:fw-800 {
        font-weight: 800
    }

    .md\:fw-900 {
        font-weight: 900
    }

    .md\:mt-80 {
        margin-top: 80px !important;
    }

    .preview-embed-icon {
        width : 150px;
        height: 150px;
    }

    .btn-lyform-collaborate {
        padding  : 10px 70px;
        font-size: 27px;
    }

    .md\:max-w-800 {
        max-width: 100%;
    }

    .md\:py-4w {
        padding-top   : 4%;
        padding-bottom: 4%;
    }

    .md\:h-4 {
        height: 20px
    }

    .md\:h-7 {
        height: 28px
    }

    .md\:w-150 {
        width: 150px;
    }


    .heading-bonus {
        background     : url(../images/launchpad/price-bg.svg) no-repeat 50% 50%;
        background-size: contain;
        padding-left   : 4rem;
        padding-right  : 4rem;
    }

    .md\:w-200 {
        width: 200px;
    }

    .animate-label {
        position    : relative;
        overflow    : hidden;
        border-width: 0
    }

    .animate-label:before {
        content           : attr(data-hover);
        background        : #1f1f1f;
        border            : 0px solid #2F2F2F;
        color             : #ffffff !important;
        width             : 100%;
        height            : 100%;
        position          : absolute;
        top               : 0;
        left              : -100%;
        -webkit-transition: left 300ms ease-in;
        -moz-transition   : left 300ms ease-in;
        transition        : left 300ms ease-in;
        display           : flex;
        flex-direction    : row;
        align-items       : center;
        justify-content   : center;
    }

    .animate-label:hover:before {
        left: 0;
    }

    .animate-label:hover:before {
        left: 0;
    }

    .animate-hover-accelerate:before {
        background-color: #a4d866;
    }

    .animate-hover-liftoff:before {
        background-color: #999999 !important;
    }

    .animate-hover-launchpad:before {
        background-color: #EAAB00 !important;
    }

    .animate-hover-collaborate:before {
        background-color: #00A5E6 !important;
    }

    .tooltip-inner {
        font-size: 12px !important;
        color    : #999999 !important;
    }

    .md\:relative {
        position: relative;
    }

    .md\:absolute {
        position: absolute;
    }

   
    

    /* Slider */
    #reviews-slider-ow .tns-controls {
        position       : absolute;
        top            : 0;
        left           : 0;
        width          : 100%;
        height         : 100%;
        z-index        : 1;
        display        : flex;
        justify-content: space-between;
        padding        : 0 40px;
    }

    #reviews-slider-mw {
        max-width: 80%;
        margin   : 0 auto;
        position : relative;
        z-index  : 2;
    }
    .make-money-graphic{
        max-width: 400px;
    }
    .mw-graphic{
        max-width: 472px;
    }
    #case-slider .tns-controls{
        display: block !important;
        position:relative;
        top:auto;
        right:auto;
    }
}

@media only screen and (min-width: 1350px) {
    .lg\:py-54 {
        padding-top   : 54px;
        padding-bottom: 54px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .pro\:font-24 {
        font-size: 24px !important;
    }
}
button.cta-oto-btn > svg{
    transform:translateX(10px);
    transition:all 0.3s ease-in-out;
}
button.cta-oto-btn:hover > svg{
    transform:translateX(20px);
}
.iti-mobile .page-wrapper{
    display:flex;
    flex-direction:column;
    min-height:100dvh;
}
.iti-mobile footer{
    display: flex;
    width: 100%;
    flex-direction: column;
    flex: 1 1 100%;
    background: black;
}
.iti-mobile footer .footer{
    margin-top:auto;
}
/*Get started page*/
.book-hero:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height:100%;
    max-width:1920px;
    background-image:  linear-gradient(90deg, rgba(0, 0, 0, 1) calc(100% - 700px), rgba(0, 0, 0, 0.0) 80%), url(../images/book-mobile-hero.webp);
    background-position: top right;
    background-repeat: no-repeat;
    background-size:auto 100%;
    transform:translateX(-50%)
}
.get-started-hero:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: auto;
    background-image:  linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url(../images/get-started-hero.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    max-height: 375px;
    height: 100%;
}
.sales-hero:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: auto;
    background-image:  linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url(../images/get-started-hero.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    height: 100%;
}
.btn-green-outline{
    border: 2.495px solid #99EB53;
}
.box-shadow-1{
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.10);
    border-radius:9px;
    padding:15px;
}
.box-border-bottom{
    transition:all 0.3s ease-in-out;
    border-bottom:3px solid #D5003566;
}
.box-border-bottom:hover{
    border-bottom:3px solid #D50035;
}
.slider-txt{
    position:relative;
}
.slider-txt:before{
    content:'“';
    font-size: 48px;
    color:white;
    position:absolute;
    top:-25px;
    left:-20px;
}
#members-slider .tns-nav, #bonuses-slider .tns-nav{
    display:flex!important;
    height:3px;
    
}

#bonuses-slider.book-bonuses .tns-nav{
    display:none!important;
}

#members-slider .tns-controls, #members-slider button[data-action="stop"]{
    display:none!important;
}
#bonuses-slider .tns-nav{
    margin-bottom:40px;
}
#members-slider .tns-nav button, #bonuses-slider .tns-nav button {
    display: block !important;
    height: 3px;
    width: 33.333% !important;
    border: none !important;
    background-color: #D5003566;
    background-image: linear-gradient(to right, #D50035 100%, #D50035 100%);
    background-size: 0% 100%;
    background-position: 0 0;
    transition: background-size 100ms ease, background-color 100ms ease;
}

#members-slider .tns-nav button.tns-nav-active,
#members-slider .tns-nav button:hover,
#bonuses-slider .tns-nav button.tns-nav-active,
#bonuses-slider .tns-nav button:hover {
    background-size: 100% 100%;
    background-color: #D50035 !important;
    transition: background-size 800ms ease, background-color 800ms ease;
}

#bonuses-slider .tns-controls{
    display:none;
}

#members-slider .tns-nav button.tns-nav-previous {
    background-size: 0% 100%;
    background-color: #D5003566 !important;
    transition: background-size 100ms ease, background-color 100ms ease!important;
}
#members-slider .members-slider > .tns-item.tns-slide-active  ~ .tns-item.tns-slide-active{
    opacity:0.3;
}
#members-slider .members-slider > .tns-item.tns-slide-active{
    opacity:1;
}

.get-started-faq .acc-item{
    background:#ffffff!important;
    border-top:1px solid #000000!important;
    border-bottom:0px solid #000000!important;
    margin:0!important;
}
.new-sales-faq .acc-item{
    background:#000000!important;
    border-top:1px solid rgba(255, 255, 255, 0.597)!important;
    border-bottom:0px solid rgba(255, 255, 255, 0.597)!important;
    margin:0!important;
}
.get-started-faq .acc-item.active h2{
    background:#efefef!important;
    color:#000000!important;
}
.new-sales-faq .acc-item.active h2{
    background:#000000!important;
    color:#ffffff!important;
}
.get-started-faq .acc-item .toggle-icon,
.new-sales-faq .acc-item .toggle-icon{
    transform:rotate(0deg)!important;
}
.get-started-faq .acc-item.active .toggle-icon,
.new-sales-faq .acc-item.active .toggle-icon{
    transform:rotate(180deg)!important;
}
.get-started-faq .acc-item .white-icon,
.new-sales-faq .acc-item .white-icon{
    display: none!important;
}
.get-started-faq .acc-item.active .gray-icon,
.new-sales-faq .acc-item.active .gray-icon{
    display: block;
}
#case-slider{
    height:auto!important;
    position:relative;
}
#case-slider .tns-controls{
    display: block !important;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    transform: translatey(-67px);
}
#case-slider .tns-controls button{
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    margin-left:60px;
    outline:none!important;
}
#case-slider .tns-controls button[data-controls="next"]{
    background:white url(/assets/icons/slider-right-black.svg) center no-repeat;
}
#case-slider .tns-controls button[data-controls="prev"]{
    background:white url(/assets/icons/slider-left-black.svg) center no-repeat;
}
#case-slider .tns-controls button[disabled]{
    opacity:0.4;
    pointer-events: none;
}
.slider-item{
    margin-bottom:10px;
}
.slider-item .name{
    border-radius: 0px 0px 10px 10px;
    background:#FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.10);
}
.step-btn{
    border-radius: 9px;
    background: #FFF;
    box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.10);
    transition:all 0.1s linear;
    padding:5px 8px;
    cursor: pointer;
}
.step-btn.active{
    border-radius: 9px;
    background:#000;
    box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.10);
}
.step-btn.active span{
    color:#ffffff;
}

.gradient-box{
   background:linear-gradient(125deg, #fff902 , #ea0039 , #00aaf2 );
   padding:6px;
   container-type: inline-size;
   container-name: gradient-box;
}
.gradient-box:before{
    content:'';
    position:absolute;
    top:6px;
    left:6px;
    right:6px;
    bottom:6px;
    border-radius:21px;
    z-index:3;
    background:linear-gradient(180deg, #000000 , #00000000  );
}
.gradient-box:after{
    content:'';
    position:absolute;
    top:6px;
    left:6px;
    right:6px;
    bottom:6px;
    border-radius:21px;
    z-index:1;
    background:#000000;
}

.border-gradient-btn{
    background:linear-gradient(90deg, #fff902 , #ea0039 , #00aaf2 );
   padding:4px;
   border-width:0px!important;
}
.border-gradient-btn span{
    display:block;
    background:#ffffff;
}

.tool-logo{
    width: calc(100% - 50px);
}
.sc-slide-efv50x{
    background:#000000!important;
}
.bg-special-black {
    background: radial-gradient(44.13% 42% at 76.56% 17.47%, rgba(213, 0, 55, 0.2) 0%, rgba(255, 2, 67, 0) 100%), radial-gradient(50.98% 39.3% at 92.92% 69.39%, rgba(11, 255, 108, 0.2) 0%, rgba(153, 255, 194, 0) 100%), radial-gradient(77.02% 72.07% at 19.65% 34.63%, rgba(0, 166, 255, 0.2) 0%, rgba(149, 204, 255, 0) 80.93%), linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 58.52%), rgb(0, 0, 0);
}
.max-w-1064{
    max-width: 1064px;
}

/*SLIDE Modal custom classes*/
.slide-modal{
    transform:translateX(-100%);
    transition: all 300ms cubic-bezier(0.200,0.339,0.652,0.501) 0ms;
    background:rgba(38, 38, 38, 0.9);
    position:fixed;
    inset:0;
    z-index:999999;
}

.slide-modal.invisible{
    visibility: hidden;
    pointer-events: none;
}

.slide-modal.active{
    transform:translateX(0%);
}
.body-modal-height{
    height:calc(100dvh - 120px);
}

.embed-box{
    background:#f5f7fa;
}


/* end modal*/
/* Custom Select */
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select {
    position: relative;
    cursor: pointer;
}

.custom-select-selected {
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border: 1px solid rgb(229, 231, 235);
}

.custom-select-selected.is-invalid {
    border-color:red;
}

.custom-select-selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right:20px;
    transform:translateY(-50%);
    width:20px;
    height:20px;
    background:url(/assets/icons/arrow-down-s-line-gray.svg) center no-repeat;
}

.custom-select-options {
    position: absolute;
    background-color: white;
    width: 100%;
    border: 1px solid #ccc;
    display: none;
    z-index: 100;
    top:100%;
    left:0;
}

.custom-option {
    padding: 10px;
    cursor: pointer;
}

.custom-option:hover {
    background-color: #ddd;
}

.custom-select-options.show {
    display: block;
}

/* end select */


@container gradient-box (max-width: 520px) {
    .gradient-box:before{
        background:linear-gradient(0deg, #000000 , #00000000  );
    }
    .tool-logo{
        top:auto;
        bottom:10px;
        width: calc(100% - 30px);
    }
  }
  
/* New Sales page */
.page-container {
    container-name: page-container;
    display: flex;
    gap: 0px;
}

.content {
    flex: 1; 
}

.sidebar {
    width: 381px;
    flex-shrink: 0;
}
  
  .aside-checkout-box{
    border-radius:15px;
    outline:10px solid #FFBF00;
    overflow:clip;
  }

  .bg-yellow{
    background:#FFBF00;
  }



@media (max-width: 650px) {
    .book-hero:before{
        aspect-ratio:392/281;
        display: block;
        position: relative;
        top: 0;
        left: auto;
        width: 100%;
        height:100%;
        background-image:  url(../images/book-mobile-hero.webp);
        background-position: center center;
        background-repeat: no-repeat;
        background-size:cover;
        transform:none;
    }
    .get-started-hero:before{
        aspect-ratio:10/8;
    }
    #case-slider .tns-controls{
        right:25px;
        transform: translatey(-50px);
    }
    #bonuses-slider.book-bonuses .tns-nav{
        display:flex!important;
        padding-left:1.25rem;
        padding-right:1.25rem;
    }
    .page-container {
        display:flex;
        flex-direction:column;
    }
    .force-position{
        object-position:0 -70px;
    }
}
@media (max-width: 1024px) {
    .get-started-hero:before{
        aspect-ratio:16/9;
    }
}
@media (max-width: 767px) and (orientation: landscape) and (pointer: coarse) {
    #floating-bar{
        display:none!important;
    }
}

     /* VIDEO SCROLL */
     .playing-video-box {
        transition: bottom 0.1s ease-in;
      }
    
    .playing-video-box.out {
        position  : fixed !important;
        top       : auto;
        left      : 0;
        width     : 100%;
        max-width : 300px;
        overflow  : hidden;
        box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.5);
        z-index   : 10000;
        isolation : isolate;
        border-radius: 0!important;
        margin:0!important;
    }
    
    .end-position {
        bottom: 0px !important;
    }

    .floating-bar-page .playing-video-box.out{
        max-width:300px;
    }
    .floating-bar-visible .playing-video-box.end-position {
        bottom:110px!important;
    }

    @media screen and (max-width: 767px){ 
        .playing-video-box.out {
            position:relative!important;
        }   
}

@media (max-height: 898px) {
    .auto-top-fn{
        transform:translateY(calc(50vh - 457.5px));
    }
}

#cp-iframe{
    width:100%;
    min-height:1000px;
}
.book-print-modal #cp-iframe{
    min-height:1750px;
}

@media (max-width: 767px) {
    #cp-iframe{
        min-height:2050px;
    }
    .book-print-modal #cp-iframe{
        min-height:2750px;
    }
}

