@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@300;400;600;700&family=Poppins:wght@400;600;700&display=swap');
:root {
    --orange: #FFA300;
    --dark-orange: #CD8505;
    --yellow: #FDFB53;
    --faded-yellow: #FEFC87;
    --blue: #2F80ED;
    --dark-blue: #193D6E;
    --light-blue: #E3F8FC;
    --light-blue-faded: #ECF1F8;
    --green: #00D079;
    --faded-green: #7A9C49;
    --lime-green: #2EFF75;
    --bleh-green: #89AF53;
    --red: #E10303;
    --light-red: #FF0505;
    --faded-red: #FBD9D9;
    --white: #FFFFFF;
    --dark-white: #F2F2F2;
    --black: #000000;
    --light-black: #1F1F1F;
    --grey: #7f7f7f;
    --dark-grey: #394259;
    --dark-grey-faded: #4F4F4F;
    --light-grey: #CECECE;
    --purple: #8547AD;
    --light-purple: #9B51E0;
    --dark-purple: #8446AC;
    --grey-blue: #5F6A86;
    --blue-black: #2A2D3D;
    --body-bg: #FFFFFF;
    --body-color: #394259;

    --size-primary: 22px;
    --font-primary: 'Montserrat', Helvetica, sans-serif;
}

html, body { margin: 0; padding: 0; scroll-behavior: smooth;}
body {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 20px;
    line-height: normal;
    color: #FFFFFF;
    background: #000000;
}

.poppins {
    font-family: 'Poppins', Helvetica, sans-serif !important;
}
.montserrat {
    font-family: 'Montserrat', Helvetica, sans-serif !important;
}

.orange { color: #FFA300 !important; }
.blue { color: #2F80ED !important; }
.red { color: #E10303 !important; }
.light-red { color: var(--light-red) !important; }
.white { color: #FFFFFF !important; }
.light-black { color: #1F1F1F !important; }
.grey { color: #7f7f7f !important;}
.black { color: #000000; !important;}
.purple { color: #8F4EB2; !important;}
.light-purple { color: #9B51E0; !important;}
.dark-purple { color: #8446AC; !important;}

h1, h2, h3, h4, h5, h6, h7 { color: #FFFFFF; }

b { color: #FFFFFF; }
.font-weight-strong { font-weight: 600 !important; }
.font-weight-black { font-weight: 800 !important; }

.highlight { background-color: #FDFB53; padding: 3px 2px; box-shadow: 0 0 0 5px #FDFB53;}
.highlight-faded { background-color: #FEFD98; padding: 3px 2px; box-shadow: 0 0 0 5px #FEFD98;}
.highlight-red { background-color: #FBD9D9; padding: 3px 5px; box-shadow: 0 0 0 5px #FBD9D9;}
.highlight-rounded { border-radius: 5px; }

.bg-dark-blue { background-color: #193D6E !important; }
.bg-orange { background-color: #FFA300 !important; }
.bg-white { background-color: #FFFFFF !important; }
.bg-purple { background-color: #8F4EB2 !important; }
.bg-black { background-color: #000000 !important; }
.bg-lime-green { background-color: #2EFF75 !important; }
.bg-bleh-green { background-color: #89AF53 !important; }

.underline-red {
    background-image: url(../images/highlight-red.svg);
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}
.underline-blue {
    background-image: url(../images/highlight-blue.svg);
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}

.strikethrough-red {
    text-decoration-line: line-through;
    text-decoration-color: #E10303;
}
.btn-cta {
    font-size: 26px;
    line-height: 37px;
    /* background: #FFA300; */
    /* border: 1px solid #CD8505; */
    border-radius: 5px;
    text-decoration: none;
    color: #FFFFFF;
    padding:20px 120px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
}
.btn-cta span.btn-helper {
    font-size: 20px;
    line-height: 37px;
    font-weight: normal;
}
.btn-cta:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.btn-cta-outline {
    font-size: 42px;
    line-height: 89px;
    background: #FFFFFF;
    /* border: 2px solid #FFA300; */
    border-radius: 3px;
    text-decoration: none;
    color: #1F1F1F;
    padding:0px 64px 20px;
    display: inline-block;
    font-weight: 800;
}
.btn-cta-outline:hover {
    text-decoration:none;
    color: #1F1F1F;
}
.btn-cta-outline span {
    font-size: 22px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
}
.btn-cta-outline.btn-black {
    border: 2px solid #000000 !important;
}
.btn-green {
    background: #2EFF75 !important;
    color: #1F1F1F !important;
    border:none !important;
    font-weight: 700;
}
.btn-green:hover {
    color: #1F1F1F !important;
}
.testimonial {
    background: #FFFFFF;
    border: 1px solid rgba(206, 208, 224, 0.8);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    padding:20px 20px 24px;
    font-size: 19px;
    line-height: 29px;
    margin-top: 35px;
}
.testimonial p {
    font-size: 19px !important;
    line-height: 29px !important;
}
.testimonial p.author {
    font-size: 20px !important;
    line-height: 150% !important;
    padding-left: 6px;
}
.testimonial p.author span.location {
    font-size: 16px !important;
    line-height: 150% !important;
}

.countdown .d-inline-block {
    width: 75px;
    text-align: center;
}
.countdown .time-count {
    font-weight: bold;
    font-size: 42px;
    line-height: 51px;
    color:#1F1F1F;
}
.countdown .time-unit {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color:#7f7f7f;
}
hr.gradient {
    border-top:1px solid transparent;
    border-image: linear-gradient(to right, #3583DF 0%, #8B41B4 100%) 1;
    margin:100px 0;
}
hr {
    border-top:1px solid #d7d7d7;
    margin:100px auto;
}
/** CTA QUOTES **/
hr.m120 {
    border-top:1px solid #d7d7d7;
    margin:120px auto;
}
.cta-quotes {
    padding-bottom: 50px;
}
.cta-quotes .btn-cta {
    font-size: 22px !important;
    line-height: 27px !important;
    border-radius: 3px;
    text-decoration: none;
    color: #FFFFFF;
    padding: 30px 25px !important;
    display: inline-block;
    font-weight: 700;
}

.btn-cta-orange {
    background: #FFA300;
    border: 1px solid #CD8505;
}

.btn-cta-purple {
    background: #8F4EB2;
    border: 1px solid #8F4EB2;
}

.cta-quotes .btn-cta span {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}
.cta-quotes h1 {
    font-size: 43px !important;
    line-height: 54px !important;
    font-weight: 800 !important;
    padding-bottom: 20px !important;
}
.cta-quotes h3 {
    font-size: 20px !important;
    line-height: 26px !important;
    padding-top: 0 !important;
    padding-bottom: 32px !important;
    font-weight: 600 !important;
    color: #394259;
}
.cta-quotes .quotes-top {
    padding-bottom:35px;
}
.cta-quotes .quotes-bottom {
    padding-top:32px;
}
/** END CTA QUOTES **/
.dotted-box {
    border: 10px dashed #000000;
    padding:90px;
}

.video-testimonial {
    font-size: 19px;
    line-height: 29px;
}
.video-testimonial .author {
    font-size:24px;
}

.video-testimonial .video-container{
    background-color:#000000;
    filter: drop-shadow(0px 11px 35px rgba(0, 0, 0, 0.4));
    border-radius: 6px;
    overflow: auto;
}
.video-testimonial .video-container.no-shadow {
    filter:none;
}
.video-testimonial .play-icon {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

.inline-pop {
    background: #FFFFFF;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding:50px;
}
.inline-pop h1 {
    font-size: 32px;
    line-height: 45px;
}
.inline-pop p {
    font-size: 25px;
    line-height: 40px;
}
.inline-pop .no-thanks {
    font-size: 19px;
    line-height: 32px;
    color:#394259;
}
.inline-pop .no-thanks a {
    text-decoration: underline;
    color:#394259;
}
.inline-pop .btn-cta {
    font-size: 22px;
    line-height: 27px;
    font-weight: 800;
    padding: 18px 50px;
}
.inline-pop .close-offer {
    position: absolute;
    right: 45px;
    top: 30px;
    cursor: pointer;
}
.flip-vertical {
    transform: rotateX(180deg);
}
.flip-horizontal {
    transform: rotateY(180deg);
}
.shadow-box-bottom {
    padding:0px 15px;
}
/*************/

header .we-are-live {
    background-color: #ffa300;
    padding: 4px 0;
    text-shadow: 1px 1px 1px #000000;
}

header .hero {
    background: #000000;
    padding-top: 20px;
    padding-bottom: 55px;
}

header .hero img {
    width:350px;
}

header .hero h1 {
    font-size: 45px;
    line-height: 49px;
    margin-bottom:0;
}
header .hero h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    padding-bottom:32px;
}
header .hero h2 {
    font-size: 28px;
    line-height: 34px;
    padding-bottom:28px;
}
header .hero h3 {
    font-size: 34px;
    line-height: 37px;
    padding-bottom: 16px;
}
header .hero h5 {
    font-size: 23px;
    line-height: 37px;
}
header .hero input[type=text], header .hero input[type=email] {
    padding: 18px 24px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.1);
    color: #FFFFFF;
    font-weight: 400;
    line-height: 24px;
    height: auto;
    font-size: 16px;
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
}
header .hero input[type=text]:focus, header .hero input[type=email]:focus {
    background: rgba(255,255,255,0.15);
    /* border: 1px solid rgba(255,255,255,0.4); */
    /* outline: none; */
    /* box-shadow: 0 0 0 2px rgba(255,255,255,0.1); */
}

.experts img {
    border-radius: 16px;
}

header .hero input::placeholder {
    color: rgba(255,255,255,0.6);
}
header .hero .btn-cta {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    padding: 16px 32px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(45deg, #6A1B9A, #9B51E0);
    color: white;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(106, 27, 154, 0.4);
    animation: wiggle 0.75s ease-in-out infinite;
    transform-origin: center;
}
header .hero .btn-cta:hover {
    transform: translateY(-2px) rotate(0deg);
    box-shadow: 0 6px 20px rgba(106, 27, 154, 0.6);
    animation: none;
    transition: all 0.3s ease;
}
header .hero form {
    padding: 32px;
    margin: 0 auto;
}
header .hero .form-row {
    justify-content: center;
    margin: 0 -8px;
}
header .hero .form-row .form-group {
    padding: 0 8px;
    flex: 0 0 auto;
    width: auto;
}
header .hero .form-row .btn-cta {
    min-width: 200px;
}
header .hero form span {
    font-size: 14px;
    line-height: 20px;
    color: rgba(255,255,255,0.8);
    display: block;
    margin-top: 8px;
}
.form-group.has-error input {
    border-color: #ff4444 !important;
    background: rgba(255,68,68,0.1) !important;
}
.form-group.has-error small li {
    font-size: 12px;
    font-weight: 400;
    color: #ff4444;
    margin: 4px 0 0;
}
header .as-seen-on {
    background: linear-gradient(90.22deg, #3E8DDD 0.31%, #8446AC 99.4%);
    padding-top:20px;
    padding-bottom:20px;
}
header .as-seen-on img {
    padding-left: 24px;
}
section.book-event {
    background-color: #1F1F1F;
    /* padding: 32px 0; */
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
section.book-event img {
    width: 36px;
    margin-bottom: 16px;
    opacity: 0.9;
}
section.book-event .events-date {
    max-width: 800px;
    margin: 0 auto;
}
section.book-event .events-date h1 {
    font-size: 32px !important;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 16px;
    background: linear-gradient(45deg, #6A1B9A, #9B51E0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section.book-event .events-date p {
    font-size: 20px !important;
    line-height: 1.5 !important;
    margin-bottom: 24px !important;
    color: rgba(255,255,255,0.9);
}
section.book-event .events-date h2 {
    font-size: 24px !important;
    line-height: 1.4;
    color: #9B51E0;
    font-weight: 600;
}
section.presented-by {
    padding-top: 45px;
    padding-bottom: 72px;
}
section.presented-by h1 {
    font-size: 34px;
    line-height: 150%;
    padding-bottom:84px;
}
section.presented-by .presenter {
    background: #FFFFFF;
    border: 5px solid #FFFFFF;
    box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.15);
    border-radius: 24px;
    padding:95px 28px 32px;
    font-size: 18px;
    line-height: 156%;
    max-width: 360px;
}
section.presented-by .presenter.john {
    margin-right: 56px;
}
section.presented-by .presenter h1 {
    font-size: 28px;
    line-height: 42px;
    padding-bottom:4px;
}
section.presented-by .presenter img {
    margin-top: -205px;
}

section.experts {
    padding-top:8px;
    padding-bottom:42px;
}
section.experts h1 {
    font-size: 32px;
    line-height: 48px;
    padding-bottom:24px;
}
section.experts h2 {
    font-weight:bold;
    font-size: 20px;
    line-height: 28px;
    padding-top:12px;
}
section.experts .expert {
    max-width: 237px;
    padding-right:5px;
    padding-left:5px;
}

section.people-saying {
    padding-top:50px;
    padding-bottom:72px;
}
section.people-saying h1 {
    font-weight: 300;
    font-size: 32px;
    line-height: 37px;
    padding-bottom:35px;
}
/* section.people-saying #people-saying-carousel .carousel-item {
    background-color:#FFFFFF;
} */
section.people-saying #people-saying-carousel .carousel-indicators {
    bottom: -40px;
    margin-bottom: 0;
}
section.people-saying #people-saying-carousel .carousel-indicators li {
    border: 1px solid #9B51E0;
    background-color: #9B51E0;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    opacity: 1;
}
section.people-saying #people-saying-carousel .carousel-indicators li.active {
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
section.people-saying .person {
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
}
section.people-saying .person img.rounded-circle {
    width: 100px;
    margin-right:24px;
}
section.people-saying .person img.quotes {
    margin-top: -10px;
    margin-right: 10px;
}
section.people-saying .person h2 {
    font-size: 18px;
    line-height: 32px;
    color: #8446AC;
    padding-top: 5px;
}
section.people-saying .person h2 .location {
    font-weight:300;
}
section.people-saying .person .author {
    font-style:italic;
}
section.people-saying .cta {
    padding-top:10px;
}
section.people-saying .cta .btn-cta {
    padding: 20px 150px;
    font-size: 22px;
    line-height: 24px;
    margin-top: 12px;
    border: 0;
    border-radius: 16px;
}
section.people-saying .cta .its-free {
    font-size: 25px;
    line-height: 38px;
}
section.people-saying .cta .results-vary {
    font-weight: 300;
    font-size: 19px;
    line-height: 32px;
    padding-top:48px;
}
hr.section {
    border-top:5px solid transparent;
    border-image: linear-gradient(90.17deg, #5C11BC 0.06%, #0094FF 99.42%) 1;
    margin: 0 auto;
}

section.neurogym {
    padding-top:72px;
    padding-bottom:72px;
}
section.neurogym p {
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
}
section.neurogym h1 {
    font-size: 34px;
    line-height: 37px;
    padding-bottom: 11px;
}
section.neurogym p b {
    color: #3E8DDD !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    header .hero {
        padding-top:20px;
        padding-bottom:20px;
    }
    header .hero h1 {
        font-size: 36px;
        line-height: 48px;
        padding-top: 0;
        padding-bottom:42px;
    }
    header .hero h2 {
        font-size: 20px;
        line-height: 150%;
        padding-bottom: 32px;
    }
    header .hero h3 {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 16px;
    }
    header .hero form input[type=text], header .hero form input[type=email] {
        width: 100%;
        margin: 0;
    }

    header .hero .form-row .form-group {
        width: 100%;
        margin-bottom: 16px;
    }
    header .as-seen-on {
        font-size: 17px;
        line-height: 29px;
        padding-top:40px;
        padding-bottom:40px;
    }
    header .as-seen-on img {
        padding-top:24px;
        padding-left:0;
    }

    section.book-event {
        padding: 24px 0;
    }
    
    section.book-event img {
        width: 32px;
        margin-bottom: 12px;
    }
    
    section.book-event .events-date h1 {
        font-size: 28px !important;
    }
    
    section.book-event .events-date p {
        font-size: 18px !important;
    }
    
    section.book-event .events-date h2 {
        font-size: 20px !important;
    }
    
    section.book-event .events-date.mt-5 {
        margin-top: 24px !important;
    }

    section.presented-by {
        padding-top: 48px;
        padding-bottom: 56px;
    }
    section.presented-by h1 {
        font-size: 28px;
        line-height: 40px;
    }
    section.presented-by .presenter.john {
        margin-right:0;
    }
    section.presented-by .presenter img {
        margin-top: -175px;
        width: 200px;
    }
    section.presented-by .presenter {
        padding: 75px 28px 32px;
    }
    section.presented-by .presenter.john {
        margin-bottom: 100px;
    }

    section.experts {
        padding-top: 22px;
        padding-bottom: 48px;
    }
    section.experts h1 {
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 32px;
    }
    section.experts h2 {
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        padding-top: 8px;
    }

    section.people-saying {
        padding-top: 26px;
        padding-bottom: 48px;
    }
    section.people-saying h1 {
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 24px;
    }
    section.people-saying .person {
        font-size: 20px;
        line-height: 150%;
    }
    section.people-saying .person h2 {
        font-size: 18px;
        line-height: 150%;
        padding-top: 0;
        margin-bottom:0;
    }
    section.people-saying .person img.rounded-circle {
        width: 64px;
        margin-right: 16px;
    }
    section.people-saying .person .author {
        font-style:normal;
    }
    section.people-saying .person .identity {
        padding-top:16px;
        padding-bottom:40px;
    }
    section.people-saying #people-saying-carousel .carousel-indicators {
        bottom: -20px;
    }
    section.people-saying .cta .its-free {
        font-size: 20px;
        line-height: 38px;
        padding-top:16px;
    }
    section.people-saying .cta .btn-cta {
        padding: 20px 20px;
        display: block;
    }
    section.neurogym h1 {
        font-size: 25px;
        line-height: 27px;
        padding-bottom: 10px;
    }
    section.neurogym p {
        font-size: 20px;
        line-height: 150%;
    }

}

@media (max-width: 767.98px) {
    section.experts .row {
        margin-right: -5px;
        margin-left: -5px;
    }
}

@keyframes wiggle {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-3deg) translateY(0); }
    75% { transform: rotate(3deg) translateY(0); }
    100% { transform: rotate(0deg); }
}