/*
Theme Name: TwentySeventeen Child
Description: Child theme for twentyseventeen theme
Text Domain: gengen-strings
Template: twentyseventeen
*/

.tooltipedit.gengen_cc_cvc_tooltip {
    position: absolute !important;
    right: inherit !important;
    margin-top: -2px !important;
}

.error-msg {
    display: block;
    margin: 0;
    word-break: break-word;
    line-height: 22px;
    padding-bottom: 10px;
}

.error-msg a {
    color: red;
}

.whiteboldcenter {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1.5px;
}

.subscribePlan p.plan_peryear {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.btn.btn-blue.freeTrial,
.btn.signup-btn.freeTrial {
    border-radius: 4px;
}

.mobile_menu {
    display: none;
    float: left;
}

.sb-btn.sb-btn-orange {
    background: #f17e00;
    color: #fff;
    box-shadow: none;
    border: none;
    font-size: 24px;
    margin-top: 15px;
    text-transform: none;
    border-radius: 7px;
}

.hero-right .form-cont.trialEmail.width50 {
    overflow: hidden;
    width: 100%;
    float: left;
    margin-bottom: 0;
    display: block;
    margin: 7px auto 0px;
    max-width: 400px;
}

.form-cont.trialEmail .search {
    position: relative;
}

.hero-right .form-cont.trialEmail.width50 input {
    padding-right: 165px;
    border: 1px solid #ddd;
    background: #fff;
    width: 100%;
    float: left;
    height: 42px;
    border-radius: 4px;
}

.form-cont.trialEmail .step2-proceed {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    padding: 12px 15px;
    border-radius: 0 4px 4px 0;
}

.registerFreeTrial.bg-img-sec {
    overflow: hidden;
}

.gengen_free_trial_bottom .trialEmail {
    max-width: 400px;
    margin: 0px auto;
}

.gengen_free_trial_bottom .form-cont.trialEmail .step2-proceed {
    right: -2px;
    padding: 14px 15px;
}

.gengen_free_trial_bottom input[type='text'] {
    border: 1px solid #d1d1d1;
}

.form-cont.load_popup_email .step2-proceed {
    position: relative !important;
    font: 14px "Roboto", sans-serif;
    margin-top: 10px;
    width: 100%;
    border-radius: 4px !important;
    background: #f17e00;
    color: #fff;
    border-color: #f17e00;
    font-size: 20px !important;
    margin-bottom: 20px;
    font-weight: bold;
    padding: 10px !important;
    text-transform: none;
    line-height: 1.5;
    letter-spacing: 1px;
}

.gengen_free_trial_type_form_heading {
    padding-bottom: 15px !important;
    margin-top: 0px;
}

.gengen_free_trial_bottom {
    margin-bottom: 30px;
}

.gengen_nocc_txt {
    margin-top: 3px;
}

/* Hall of fame
*******************************/
.trial-hall-bg {
    background: url(/wp-content/uploads/2018/10/diy_background.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin-top: 100px;
    background-color: #ff8201;
}

@media screen and (max-width: 1279px) {
    .trial-hall-bg {
        background-size: cover;
    }
}

@media all and (min-width: 200px) {
    .mobile_menu {
        display: inline-block !important;
    }

    .desktop_menu {
        display: none !important;
    }

    .gengen_free_trial_bottom input[type='text'] {
        font-size: 15px;
    }
}

@media all and (min-width: 768px) {
    .mobile_menu {
        display: none !important;
    }

    .desktop_menu {
        display: inline-block !important;
    }

    .gengen_free_trial_bottom input[type='text'] {
        font-size: 16px;
    }
}

/* Extracted from template-triald.php file
 * This shouldn't be dropped here but it makes sense now.
 * Better here than hardcoded in the PHP files. ;)
 */
.page-template-template-triald {

    .page-id-2829 .see-all-lessons-button {
        display: block !important;
    }

    .page-id-2829 .cta a.alternate {
        display: inline-block !important;
    }

    .mobile-only {
        display: none;
    }

    .tablet-up {
        display: block;
    }

    .triald-hero {
        background-color: #9a9fa1;
        padding-top: 133px;
        padding-bottom: 175px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
    }

    .triald-hero .triald-hero-form {
        z-index: 3;
    }

    .triald-hero.alternate {
        padding: 0;
        background-size: 50% 100%;
        background-image: url(/landings/triald/bg_rectangle.jpg);
        background-position: right 0px bottom 0px;
    }

    .triald-hero.alternate .trial-hero__content {
        flex: 0 0 40%;
        max-width: 40%;
        margin: 0;
        left: 60%;
    }

    .triald-hero.alternate .trial-hero__content .padding {
        background: white;
        max-width: 300px;
        margin: auto;
        padding: 15px 20px;
        border-radius: 12px;
    }

    .triald-hero.alternate .trial-hero__content .padding input {
        background: #EBEBEB;
        border-radius: 2px;
    }

    .triald-hero.alternate .trial-hero__content .padding input.alternate-trial-signup-field::placeholder {
        color: rgba(0, 0, 0, 0.50) !important;
    }

    .triald-hero.alternate .trial-hero__content .padding .alternate-trial-signup-dropdown::after {
        color: rgba(0, 0, 0, 0.50) !important;
    }

    .triald-hero.alternate .trial-hero__media {
        left: 0;
        width: 60%;
        clip-path: polygon(100% 0, 85% 100%, 0% 100%, 0% 0%);
    }

    .triald-hero-teacher,
    .triald-hero-content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        z-index: 15;
    }

    .triald-hero-teacher {
        display: none;
        max-width: 700px;
        padding: 0 16px;
    }

    .triald-hero-teacher.is-active {
        display: flex;
    }

    .triald-hero-teacher h1 {
        padding: 0;
    }

    .triald-hero-teacher .subtitle {
        color: #fff;
        font-size: 28px;
        font-family: "Roboto";
        font-weight: 900;
    }

    .triald-hero .triald-hero-teacher a {
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
        white-space: nowrap;
    }


    .triald-hero .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        z-index: 3;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
    }


    .triald-hero .bg-video {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        z-index: 2;
        pointer-events: none;
        user-select: none;
    }

    .triald-hero .bg-img-desktop img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }

    .triald-hero .bg-img-mobile img {
        display: none;
        pointer-events: none;
        user-select: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }

    @media (max-width: 850px ) {
        .triald-hero .bg-img-desktop img {
            display: none;
        }

        .triald-hero .bg-img-mobile img {
            display: block;
        }

        .triald-hero .buttons-container.alternate {
            flex-direction: row;
        }
    }

    @media (max-width: 600px ) {
        .triald-hero .buttons-container.alternate .button-wrap {
            width: 170px;
        }

        .triald-hero .buttons-container.alternate .button-wrap a {
            font-size: 18px;
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .triald-hero .buttons-container.alternate .button-wrap .button-text {
            line-height: 1;
        }
    }

    @font-face {
        font-family: 'Nanum Pen Script';
        font-style: normal;
        font-weight: 400;
        src: local(''),
        url('../wp-content/plugins/generationgenius/fonts/Nanum/nanum-pen-script-v19-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../wp-content/plugins/generationgenius/fonts/Nanum/nanum-pen-script-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }

    .triald-hero h1 {
        margin: 0;
        font-size: 54px;
        font-family: "Roboto";
        font-weight: 900;
        color: white;
        text-align: center;
        text-shadow: 1px 1px black;
        line-height: 1.2em;
        z-index: 99;
    }

    .triald-hero .subtitle {
        margin: 0;
        margin-top: 5px;
        font-size: 30px;
        font-family: "Roboto";
        font-weight: 500;
        color: white;
        text-align: center;
        text-shadow: 1px 1px black;
        line-height: 1.2em;
        z-index: 99;
    }

    .triald-hero .buttons-container {
        margin-top: 40px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    .triald-hero .buttons-container img {
        position: absolute;
        left: 100%;
    }

    .triald-hero a:not(.loginBtn):not(.alternate-trial-signup-button) {
        font-size: 18px;
        font-family: "Roboto";
        font-weight: 900;
        color: white;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        width: 180px;
        border-radius: 50px;
        background: linear-gradient(
                45deg, #f17e00, #f59328);
        z-index: 99;
        margin: 0 12px;
    }

    .triald-hero a.alternate {
        color: #f17e00;
        background: white;
    }

    .triald-hero .full {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .triald-section-trusted {
        background-color: #f0f2f3;
        padding-top: 30px;
        padding-bottom: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .triald-section-trusted h2 {
        font-size: 28px;
        font-family: "Roboto";
        font-weight: 900;
        color: #2d3840;
        text-align: center;
        text-transform: uppercase;
        margin: 0;
    }

    .triald-section-trusted .logos-container {
        width: 100%;
        max-width: 1110px;
        display: flex;
        flex-direction: row;
        margin-top: 25px;
    }

    .triald-section-trusted .logos-container .logos-column {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .triald-section-trusted .logos-container .logos-column.big {
        width: 57%;
    }

    .triald-section-trusted .logos-container .logos-column.small {
        width: 50%;
    }

    .triald-section-trusted .logos-container img {
        max-width: 80px;
        height: auto;
    }


    .triald-section-features {
        background-size: cover;
        background-image: url(/landings/triald/bg.png);
        background-position: center center;
        padding-top: 65px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .triald-section-features h2 {
        font-size: 36px;
        font-family: "Roboto";
        font-weight: 900;
        color: #f17e00;
        text-align: center;
        margin: 0;
        line-height: 1.2em;
    }

    .triald-section-features h2 span {
        color: black;
    }

    .triald-section-features .features-container {
        width: 100%;
        max-width: 1024px;
        display: flex;
        flex-direction: row;
    }

    .triald-section-features .features-container .feature {
        width: 25%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        transform: scale(1.2);
    }

    .triald-section-features .features-container .feature .img-container {
        width: 65px;
        height: 65px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .triald-section-features .features-container .feature p {
        font-size: 18px;
        font-family: 'Roboto';
        font-weight: 500;
        margin: 0;
    }

    .triald-section-features a {
        font-size: 18px;
        font-family: "Roboto";
        font-weight: 900;
        color: white;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        width: 180px;
        border-radius: 50px;
        background: linear-gradient(
                45deg, #f17e00, #f59328);
        z-index: 99;
        margin-top: 35px;
        box-shadow: 0px 5px 20px rgb(0 0 0 / 15%);
    }

    .triald-section-testimonials {
        margin-top: 50px;
        padding-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: #f0f2f3;
    }

    .triald-section-testimonials.math {
        background-color: #ffffff;
        padding-top: 110px;
    }

    .triald-section-testimonials.ela {
        background-color: #f0f2f3;
        padding-top: 130px;
        padding-bottom: 150px;
        margin-top: -110px;
    }

    .triald-section-testimonials h2 {
        font-size: 55px;
        font-family: "Roboto";
        font-weight: 900;
        text-align: center;
        margin: 0;
        margin-bottom: 35px;
    }

    .triald-section-testimonials h2 span {
        position: relative;
    }

    .triald-section-testimonials h2 span:before {
        position: absolute;
        content: " ";
        top: 0;
        left: -10%;
        width: 120%;
        height: 120%;
        background-size: contain;
        background-image: url(/landings/triald/highlight-science.png);
    }

    .triald-section-testimonials.math h2 span:before {
        background-image: url(/landings/triald/highlight-math.png);
        top: 0%;
        left: -20%;
        width: 140%;
        height: 110%;
    }

    .triald-section-testimonials.ela h2 span:before {
        background-image: url(/landings/triald/highlight-ela.png);
        top: 21%;
        left: -30%;
        width: 165px;
    }

    .triald-section-testimonials.ela em {
        font-style: normal;
        color: #FC5B5D;
    }

    .triald-section-testimonials .testimonial-row {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 1024px;
        margin-bottom: 100px;
    }

    .triald-section-testimonials:not(.math) .testimonial-row:nth-of-type(3),
    .triald-section-testimonials:not(.math) .testimonial-row:nth-of-type(5) {
        margin-bottom: 0;
    }

    .triald-section-testimonials .testimonial-row.reverse {
        flex-direction: row-reverse;
    }

    .triald-section-testimonials .testimonial-row .testimonial-box {
        display: flex;
        flex-direction: column;
        width: 42%;
        align-items: flex-start;
        justify-content: center;
        padding-right: 75px;
    }

    .triald-section-testimonials .testimonial-row .testimonial-box > img {
        width: 135px;
    }

    .triald-section-testimonials .testimonial-row.reverse .testimonial-box {
        padding-left: 75px;
        padding-right: 0;
    }

    .triald-section-testimonials .testimonial-row .testimonial-box p {
        font-size: 18px;
        font-family: 'Roboto';
        font-weight: 500;
        margin: 0;
        margin-top: 20px;
    }

    .triald-section-testimonials .testimonial-row .testimonial-box p strong {
        font-family: "Roboto";
        font-weight: 700;
    }

    .triald-section-testimonials .testimonial-row .testimonial-box .author-box {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 15px;
    }

    .triald-section-testimonials .testimonial-row .testimonial-box .author-box img {
        border-radius: 50%;
        width: 70px;
        height: 70px;
        margin-right: 20px;
    }

    .triald-section-testimonials .testimonial-row .testimonial-box .author-box .author-info {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .triald-section-testimonials .testimonial-row .testimonial-box .author-box .author-info h4 {
        font-size: 16px;
        font-family: "Roboto";
        font-weight: 900;
        margin: 0;
        margin-bottom: 2px;
    }

    .triald-section-testimonials .testimonial-row .testimonial-box .author-box .author-info p {
        font-size: 16px;
        font-family: 'Roboto';
        font-weight: 500;
        margin: 0;
        margin-bottom: 2px;
    }

    .triald-section-testimonials .testimonial-row .testimonial-box .author-box .author-info a {
        font-size: 13px;
        font-family: "Poppins";
        font-weight: 800;
        margin: 0;
        color: #3b5998;
    }

    .triald-section-testimonials .testimonial-row .testimonial-video {
        display: flex;
        flex-direction: column;
        width: 58%;
        position: relative;
        border-radius: 5px;
        /*overflow: hidden;*/
        box-shadow: 5px 5px 50px rgb(0 0 0 / 10%);
        background-size: cover;
        background-position: center center;
        height: 330px;
        cursor: pointer;
    }

    .triald-section-testimonials .testimonial-row .testimonial-video img.player {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .triald-section-testimonials .testimonial-row .testimonial-video h4 {
        position: absolute;
        left: 20px;
        bottom: 20px;
        margin: 0;
        font-size: 19px;
        font-family: "Roboto";
        font-weight: 700;
        color: white;
        letter-spacing: 0.1px;
    }

    .triald-section-testimonials .testimonial-row .testimonial-video .ribbon {
        position: absolute;
        right: -10px;
        top: 10px;
        z-index: 4;
        padding: 5px 8px 3px 8px;
        color: white;
        font-size: 14px;
        display: none;
    }

    .triald-section-testimonials .testimonial-row .testimonial-video .ribbon.grades68 {
        background-color: #a30aa3;
    }

    .triald-section-testimonials .testimonial-row .testimonial-video .ribbon.grades68::after {
        border-color: #510451 transparent transparent transparent;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 0;
        position: absolute;
        top: 100%;
        content: "";
        right: 0;
    }

    .triald-section-testimonials .testimonial-row .testimonial-video .ribbon.grades35 {
        background-color: #f17e00;
    }

    .triald-section-testimonials .testimonial-row .testimonial-video .ribbon.grades35::after {
        border-color: #783f00 transparent transparent transparent;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 0;
        position: absolute;
        top: 100%;
        content: "";
        right: 0;
    }

    .triald-section-testimonials .testimonial-row .testimonial-video .ribbon.gradesk2 {
        background-color: #19aded;
    }

    .triald-section-testimonials .testimonial-row .testimonial-video .ribbon.gradesk2::after {
        border-color: #095779 transparent transparent transparent;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 0;
        position: absolute;
        top: 100%;
        content: "";
        right: 0;
    }

    .triald-section-testimonials .cta {
        background-image: url(/landings/triald/cta-bg-science.png);
        background-size: cover;
        background-position: bottom left;
        width: 100%;
        max-width: 1024px;
        padding: 40px 60px;
        border-radius: 5px;
        box-shadow: 5px 5px 50px rgb(0 0 0 / 10%);
        transform: translateY(110px);
    }

    .triald-section-testimonials.trial-dm .cta {
        background-image: url(/landings/triald/cta-bg-math.png);
    }

    .triald-section-testimonials .cta.math {
        background-image: url(/landings/triald/cta-bg-math.png);
        transform: translateY(0px);
    }

    .triald-section-testimonials .cta.ela {
        background-image: url(/landings/triald/cta-bg-ela.png);
        transform: translateY(0px);
    }

    .triald-section-testimonials.trial-dm .cta.math {
        background-image: url(/landings/triald/cta-bg-science.png);
    }

    .triald-section-testimonials .cta h2 {
        color: white;
        margin: 0;
        text-align: left;
        font-size: 32px;
        font-family: "Roboto";
        font-weight: 900;
    }

    .triald-section-testimonials .cta p {
        color: white;
        margin: 0;
        text-align: left;
        font-size: 18px;
        font-family: 'Roboto';
        font-weight: 500;
        margin-top: 10px;
    }

    .triald-section-testimonials .cta a {
        color: black;
        background-color: white;
        margin: 0;
        text-align: left;
        font-size: 18px;
        font-family: "Roboto";
        font-weight: 900;
        margin-top: 8px;
        padding: 15px;
        width: 200px;
        border-radius: 40px;
        display: inline-block;
        text-align: center;
        box-shadow: 0 0 25px 0px rgb(0 0 0 / 30%)
    }

    .triald-section-testimonials .cta a.alternate {
        background-color: #ff870091 !important;
        border: 1px solid white;
        color: white !important;
        margin-left: 20px !important;
        box-shadow: none;
        width: 250px;
    }

    .triald-section-testimonials .cta.math a.alternate {
        background-color: #00b9ff91 !important;
    }

    .triald-section-testimonials .cta.ela a.alternate {
        background-color: #FC5B5D70 !important;
    }

    .prorated-banner {
        background: #721978;
        color: #fff;
        font-family: 'Roboto';
        font-size: 25px;
        line-height: 1.2;
        font-weight: 500;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .prorated-banner-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .prorated-banner-content svg {
        color: #FFFFFF;
        height: 33px;
        flex: 0 0 29px;
        max-width: 29px;
        margin-right: 16px;
        margin-top: -1px;
        width: 29px;
    }

    .prorated-banner-content p {
        margin: 0;
        font-family: "Poppins";
        font-size: 24px;
        font-weight: 300;
    }

    .prorated-banner-content p span {
        font-weight: 700;
    }

    .prorated-banner-content a {
        background: #11abda;
        color: #fff;
        font-size: 18px;
        font-family: "Poppins";
        height: 40px;
        line-height: 40px;
        display: inline-block;
        margin: 0;
        margin-left: 20px;
        border-radius: 28px;
        font-weight: 600;
        box-shadow: 0 11px 15px 0 rgba(0, 0, 0, .17);
        text-align: center;
        padding: 0 20px;
    }

    @media (max-width: 1180px) {
        .triald-section-testimonials .testimonial-row,
        .triald-section-testimonials .cta,
        .triald-section-trusted .logos-container,
        .triald-section-features .features-container {
            max-width: 850px;
        }

        .prorated-banner-content p {
            font-size: 24px;
        }

        .prorated-banner-content a {
            font-size: 20px;
            height: 40px;
            line-height: 40px;
        }
    }

    @media (max-width: 1023px) {
        .prorated-banner-content p {
            font-size: 20px;
        }

        .prorated-banner-content a {
            font-size: 18px;
        }
    }

    @media (max-width: 767px) {
        .prorated-banner-content {
            flex-wrap: wrap;
            max-width: 90%;
            margin: auto;
        }

        .prorated-banner-content p {
            width: calc(100% - 30px);
            text-align: center;
            margin-bottom: 1em;
            padding-left: 15px;
        }

        .prorated-banner-content svg {
            margin-right: 0;
            margin-bottom: 1em;
        }
    }

    @media (max-width: 850px) {
        .mobile-only {
            display: initial;
        }

        .desktop-only {
            display: none;
        }

        .triald-hero {
            padding-top: 85px;
            padding-bottom: 115px;
        }

        .triald-hero h1 {
            font-size: 30px;
        }

        .triald-hero .subtitle {
            font-size: 20px;
        }

        .triald-hero .buttons-container {
            flex-direction: column;
            margin-top: 30px;
        }

        .triald-hero a {
            font-size: 17px;
            /*width: 145px;*/
            margin: 8px 0;
        }

        .triald-section-trusted {
            padding-top: 28px;
            padding-bottom: 15px;
        }

        .triald-section-trusted h2 {
            font-size: 18px;
            max-width: 319px;
        }

        .triald-section-trusted .logos-container {
            margin-top: 25px;
            flex-direction: column;
            max-width: 80%;
        }

        .triald-section-trusted .logos-container .logos-column {
            justify-content: space-between;
        }

        .triald-section-trusted .logos-container .logos-column.big {
            width: 100%;
        }

        .triald-section-trusted .logos-container .logos-column.small {
            margin-top: 20px;
            width: 100%;
        }

        .triald-section-trusted .logos-container img {
            max-width: 53px;
            height: auto;
        }

        .triald-section-features {
            padding-top: 44px;
        }

        .triald-section-features h2 {
            font-size: 30px;
            font-family: "Poppins";
            font-weight: 700;
            max-width: 343px;
        }

        .triald-section-features .features-container {
            width: 80%;
            display: inline-block;
        }

        .triald-section-features .features-container .feature {
            width: 49%;
            display: inline-block;
            text-align: center;
            transform: scale(1);
        }

        .triald-section-features .features-container .feature .img-container {
            display: inline-flex;
            width: 55px;
            height: 55px;
        }

        .triald-section-features .features-container .feature .img-container img {

        }

        .triald-section-features .features-container .feature p {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
            line-height: normal;
        }

        .triald-section-testimonials h2 {
            font-size: 36px;
            margin-bottom: 25px;
        }

        .triald-section-testimonials .testimonial-row,
        .triald-section-testimonials .testimonial-row.reverse {
            flex-direction: column-reverse;
            width: 80%;
            margin-bottom: 0;
        }

        .triald-section-testimonials .testimonial-row .separator {
            width: 50px;
            margin: 50px 0 60px 0;
            height: 3px;
            background-color: #cad3d8;
            align-self: center;
        }

        .triald-section-testimonials .testimonial-row .testimonial-box,
        .triald-section-testimonials .testimonial-row.reverse .testimonial-box {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }

        .triald-section-testimonials .testimonial-row .testimonial-video,
        .triald-section-testimonials .testimonial-row.reverse .testimonial-video {
            width: 100%;
            aspect-ratio: 1.8;
            height: auto;
        }

        /* @supports not (aspect-ratio: 1.8) {
            min-height: 185px;
        } */
        .triald-section-testimonials .testimonial-row h4 {
            font-size: 16px;
            font-family: "Roboto";
            font-weight: 900;
            margin: 0;
            margin-top: 10px;
            margin-bottom: 10px;
            padding: 0;
            text-align: center;
            width: 100%;
        }

        .triald-section-testimonials .testimonial-row .testimonial-box > img {
            transform: scale(0.8);
            transform-origin: left;
        }

        .triald-section-testimonials .testimonial-row .testimonial-box p {
            font-size: 15px;
            margin-top: 12px;
        }

        .triald-section-testimonials .testimonial-row .testimonial-box .author-box img {
            transform: scale(1);
        }

        .triald-section-testimonials .testimonial-row .testimonial-box .author-box .author-info h4 {
            font-size: 14px;
        }

        .triald-section-testimonials .testimonial-row .testimonial-box .author-box .author-info p {
            font-size: 14px;
        }

        .triald-section-testimonials .testimonial-row .testimonial-box .author-box .author-info a {
            font-size: 12px;
        }

        .triald-section-testimonials.math {
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: -40px;
        }

        .triald-section-testimonials .cta {
            background-image: url(/landings/triald/cta-bg-science-mobile.png);
            background-position: top center;
            transform: translate(0, 0);
            margin-top: 45px;
            border-radius: 0;
            padding-top: 220px;
            text-align: center;
        }

        .triald-section-testimonials.trial-dm .cta {
            background-image: url(/landings/triald/cta-bg-math-mobile.png);
        }

        .triald-section-testimonials.math .cta {
            background-image: url(/landings/triald/cta-bg-math-mobile.png);
            background-position: top center;
            padding-bottom: 80px;
        }

        .triald-section-testimonials.ela .cta {
            background-image: url(/landings/triald/cta-bg-ela-mobile.jpg);
        }

        .triald-section-testimonials.trial-dm.math .cta {
            background-image: url(/landings/triald/cta-bg-science-mobile.png);
        }

        .triald-section-testimonials .cta h2 {
            text-align: center;
            font-size: 30px;
        }

        .triald-section-testimonials .cta p {
            text-align: center;
        }

        .triald-section-testimonials .cta a {
            font-size: 16px;
            font-weight: 900;
        }

        footer {
            transform: translate3d(0px, 0px, 1px);
        }

        .lexington-logo {
            transform: scale(1.7) !important;
        }

        .riverdelta-logo {
            transform: scale(1.35);
        }

    }

    footer .cta {
        display: none;
    }

    .videomodal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        align-items: center;
        justify-content: center;
    }

    .videomodal.overlay {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .step-overlay .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, .8);
    }

    .step-overlay .content {
        position: absolute;
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        text-align: center;
        color: white;
    }

    .orange {
        color: #FF7E00;
    }

    .step-overlay h3 {
        font-family: "Roboto";
        font-size: 24px;
        color: #fff;
        line-height: 1.1em;
        letter-spacing: .5px;
        margin-bottom: 5px;
    }

    .step-overlay .alternate-trial-login-text {
        color: white;
        margin-top: 10px;
    }

    .step-overlay .content > p {
        margin-bottom: 10px;
    }

    .choose-role {
        margin-bottom: 25px;
    }

    .step-overlay button {
        background: rgba(255, 255, 255, 0.15);
        border: 1.5px solid rgba(255, 255, 255, 0.5);
        border-radius: 10px;
        padding: 1.5em;
    }

    .step-overlay button:hover {
        background: #FF7E00;
    }

    .step-overlay a.alternate-trial-signup-button {
        max-width: 275px;
        margin-top: 0;
    }

    .step-overlay a.alternate-trial-signup-button:after {
        display: none;
    }

    .step-overlay input::placeholder, .step-overlay input::-ms-input-placeholder {
        color: white !important;
        opacity: 1 !important; /* Firefox */
    }

    .step-overlay input {
        color: white !important;
        max-width: 325px;
        margin: auto;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.8) !important;
        margin-bottom: 10px;
        background: rgba(255, 255, 255, 0.4);
    }

    .step-overlay .parent-form {
        position: absolute;
        text-align: center;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        color: white;
        width: 100%;
    }

    .step-overlay .parent-form h3 {
        font-size: 30px;
    }

    .step-overlay .parent-form a {
        width: auto;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        display: inline-block;
        background-color: #FF7E00;
        color: #fff;
        font-family: "Roboto";
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 120px;
        box-shadow: 0px 5px 20px rgb(0 0 0 / 15%);
    }

    .tab {
        overflow: hidden;
        width: 98%;
        max-width: 1024px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: auto;
    }

    .tab .button-tabs {
        width: 30%;
        padding-top: 90px;
        position: relative;
    }

    .tab .button-tabs .progress-bar {
        position: absolute;
        right: 1em;
        top: calc(50% + 90px);
        width: 3px;
        height: calc(95% - 90px);
        background: #D9D9D9;
        transform: translateY(calc(-50% - 45px));
    }

    .tab .button-tabs .progress-bar .inner {
        position: relative;
        height: 100%;
        width: 100%;
    }

    .tab .button-tabs .progress-bar span {
        position: absolute;
        right: 0em;
        top: 0px;
        width: 3px;
        height: 20%;
        background: rgba(51, 51, 51, 0.6);
    }

    .tab .tab-content {
        width: 65%;
    }

    .tab button {
        background-color: transparent;
        float: left;
        outline: none;
        cursor: pointer;
        padding: 10px 16px;
        border: 1px solid #ffffff;
        transition: 0.3s;
        border-radius: 4px;
        font-weight: 500;
        width: 230px;
    }

    .tab button:not(:last-of-type) {
        margin-bottom: 8px;
    }

    .tab button.active, .tab button:hover {
        background-color: #fff;
        color: #00B5DF;
        font-weight: 800;
    }

    .tabcontent {
        display: none;
    }

    .tabcontent h2 {
        text-align: left;
        color: #fff;
        font-family: "Roboto";
        font-weight: 700;
        line-height: 1;
        margin-bottom: 8px;
        max-width: 590px;
    }

    .tabcontent p {
        font-family: "Roboto";
        font-weight: 300;
        font-size: 18px;
    }

    .resource-blocks {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }

    .resource-blocks img {
        height: fit-content;
    }

    .resource-blocks.block-1 img {
        width: 23.5%;
    }

    .resource-blocks.block-2 img {
        width: 32.5%;
    }

    .resource-blocks.block-3 img {
        height: 160px;
    }

    .resource-blocks.block-4 img {
        width: 23.5%;
    }

    .resource-blocks.block-5 img {
        width: 32.5%;
    }

    .triald-section-features.alternate {
        color: white;
        padding-top: 0;
    }

    .triald-section-features.alternate .tab-wrapper {
        background: rgba(0, 181, 223, 0.9);
        width: 100%;
        padding-top: 65px;
    }

    .triald-section-features a.features-cta {
        font-size: 18px;
        font-family: "Roboto";
        font-weight: 900;
        color: white;
        text-align: center;
        padding: 15px 40px;
        border-radius: 50px;
        background: linear-gradient(45deg, #f17e00, #f59328);
        z-index: 99;
        margin-left: 60%;
        margin-right: auto;
        margin-top: -2em;
        display: block;
        width: fit-content;
    }

    .triald-section-features a.features-cta:hover {
        color: white;
    }

    @media (max-width: 768px) {
        .tab .button-tabs .progress-bar {
            display: none;
        }

        .triald-section-features.alternate .tab-wrapper {
            padding-top: 20px;
        }

        .tab .button-tabs {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding-top: 0;
        }

        .tab .button-tabs button {
            width: 19%;
            padding: 5px;
            line-height: normal;
            font-size: 15px;
            margin-bottom: 0;
        }

        .tab .tab-content {
            width: 100%;
            padding-top: 20px;
        }

        .tabcontent h2, .tabcontent p {
            text-align: center;
            max-width: 665px;
            margin: 0 auto 8px;
        }

        .tabcontent p {
            margin: 0 auto 16px;
        }

        .tabcontent h2 br {
            display: none;
        }

        .resource-blocks.block-1 img {
            max-width: 23.5%;
            width: auto;
            height: 100%;
        }

        .resource-blocks.block-3 img {
            height: 170px;
        }

        .resource-blocks {
            height: auto;
            padding-bottom: 1em;
        }

        .triald-section-features a.features-cta {
            padding: 10px 20px;
            margin-top: -1em;
        }
    }

    @media (max-width: 600px) {
        .tab .tab-content {
            padding-top: 10px;
        }

        .tab .button-tabs {
            justify-content: space-around;
        }

        .tab .button-tabs button {
            width: 60%;
            margin-bottom: 8px;
            padding: 10px 16px;
        }

        .resource-blocks.block-1 {
            justify-content: space-around;
        }

        .resource-blocks.block-1 img {
            max-width: 42.5%;
            margin-top: 1em;
        }

        .resource-blocks.block-2 img {
            width: 55%;
            margin: 1em auto 0;
        }

        .resource-blocks.block-3 img {
            height: auto;
            width: 55%;
            margin: 1em auto 0;
        }

        .resource-blocks.block-4 img {
            width: 24.5%;
            margin: 1em auto 0;
        }

        .resource-blocks.block-5 img {
            height: auto;
            width: 55%;
            margin: 1em auto 0;
        }

        .triald-section-features a.features-cta {
            padding: 10px 20px;
            margin: auto;
            margin-top: 1em;
        }

        .tabcontent h2 {
            font-size: 26px
        }

        .tabcontent p {
            line-height: 1.25;
            margin: 0 auto;
        }

        .step-overlay .parent-form h3 {
            font-size: 22px;
        }

        .step-overlay .alternate-trial-login-text {
            margin-top: 10px;
        }

        .step-overlay h3 {
            margin-top: 5px;
            font-size: 18px;
        }

        .tablet-up {
            display: none;
        }

        .step-overlay input {
            max-width: 250px;
            padding: 2px 5px;
            margin-bottom: 5px;
        }

        .step-overlay a.alternate-trial-signup-button {
            max-width: 200px;
            padding: 5px;
        }

        .choose-role {
            margin-bottom: 0px;
        }

        .triald-hero .buttons-container img {
            max-width: 135px;
            overflow: hidden;
            top: 20px;
            left: 97%;
        }

        .triald-hero a {
            width: 150px;
        }
    }

    @media (max-width: 424px) {
        .triald-hero a {
            width: 125px;
        }

        .triald-hero .buttons-container img {
            max-width: 125px;
            left: 95%;
        }

        .triald-hero h1 {
            max-width: 85%;
        }

        .triald-hero .subtitle {
            max-width: 85%;
        }
    }

    @media (max-width: 375px) {
        .triald-section-testimonials .testimonial-row,
        .triald-section-testimonials .testimonial-row.reverse {
            width: 90%;
        }
    }

    .benefits-banner {
        background: linear-gradient(90.03deg, #62D7CB 0.03%, #4DB0E7 95.02%);
        padding: 2em 0 2.25em;
    }

    .benefits-banner h2 {
        text-align: center;
        margin-top: 0;
        color: white;
        font-family: 'Roboto';
        margin-bottom: 20px;
        font-size: 38px;
    }

    .benefits-banner p {
        color: white;
        margin: 0;
        font-size: 18px;
        line-height: normal;
    }

    .benefits-banner .benefits {
        display: flex;
        justify-content: space-between;
        max-width: 1180px;
        padding-left: 1em;
        padding-right: 1em;
        margin: auto;
    }

    .benefits-banner .benefits .benefit {
        display: flex;
        align-items: center;
    }

    .benefits-banner .benefits .benefit img {
        max-width: 50px;
        margin-right: 8px;
    }

    @media (max-width: 767px) {
        .benefits-banner h2 {
            font-size: 30px;
        }

        .benefits-banner .benefits {
            flex-wrap: wrap;
            max-width: 285px;
        }

        .benefits-banner .benefits .benefit {
            width: 100%;
        }

        .benefits-banner .benefits .benefit:not(:last-of-type) {
            margin-bottom: 1em;
        }
    }

    .sticky-banner {
        background: linear-gradient(90deg, #1ABCE2 0.35%, #58C6D5 99.42%);
    }

    .sticky-banner.bottom {
        position: fixed;
        bottom: 0;
        z-index: 100;
        width: 100%;
    }

    .sticky-banner h3 {
        display: flex;
        margin-right: 1em;
        align-items: center;
        line-height: 1;
        font-size: 20px;
        color: #ffffff;
        font-family: "Roboto";
        font-weight: 300;
        letter-spacing: normal;
        text-align: center;
    }

    .sticky-banner h3 i {
        display: flex;
        margin-left: 5px;
    }

    .sticky-banner h3 span {
        margin-left: 5px;
        margin-right: 4px;
    }

    .sticky-banner .top-banner-center {
        margin-bottom: 0px;
        padding: 10px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sticky-banner a {
        min-width: 130px;
        margin-left: 5px !important;
        border-radius: 8px;
        background: transparent;
        color: white;
        font-family: "Roboto";
        border: 1px solid white;
        font-size: 18px;
        text-align: center;
        padding: 8px 10px;
        line-height: 1;
    }

    #floatingButton {
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 4;
        background: #721978;
        color: white;
        padding: 8px 16px;
        border-radius: 20px;
        font-family: "Poppins";
        transition: background 2s ease-in-out;
    }

    #floatingButton:hover {
        cursor: pointer;
        background: #5c1461;
    }

    @media (max-width: 767px) {
        #floatingButton {
            display: none !important;
        }
    }

    .long-arrow-right {
        display: block;
        margin: 0px;
        width: 8px;
        height: 8px;
        border-top: 2px solid white;
        border-left: 2px solid white;
        margin-left: 0.5em;
    }

    .long-arrow-right {
        transform: rotate(135deg);
    }

    .long-arrow-right::after {
        content: "";
        display: block;
        width: 2px;
        height: 12px;
        background-color: white;
        transform: rotate(-45deg) translate(3.5px, 1px);
        left: 0;
        top: 0;
    }

    .loader {
        width: 15px;
        height: 15px;
        border: 2px solid #FFF;
        border-bottom-color: transparent;
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    @media (max-width: 990px) {
        .sticky-banner .top-banner-center {
            flex-wrap: wrap;
        }

        .sticky-banner .top-banner-center h3 {
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            max-width: 100%;
            margin-bottom: 5px;
        }

        .sticky-banner .top-banner-center h3 strong {
            width: 100%;
        }

        .sticky-banner .top-banner-center h3 > span {
            display: none;
        }
    }

    @media (max-width: 425px) {
        .sticky-banner .top-banner-center h3 {
            font-size: 16px;
        }

        .sticky-banner a {
            min-width: 100px;
        }
    }

    .toggle-mute {
        position: relative;
        opacity: 0;
        transition: all 0.1s linear;
        font-size: 30px;
        line-height: 30px;
        margin: 10px;
        background: none;
    }

    .trial-hero__media:hover .toggle-mute {
        opacity: 1;
    }

    .trial-hero__media-overlay {
        position: relative;
        height: calc(100% + 60px);
        bottom: -35px;
        left: 60px;
    }

    @media (max-width: 1350px) {
        .trial-hero__media-overlay {
            height: calc(100% + 30px);
            bottom: -59px;
            left: 25px;
        }
    }

    @media (max-width: 1200px) {
        .trial-hero__media-overlay {
            height: 100%;
            width: calc(100% - 5px);
            bottom: -90px;
            left: 5px;
            object-fit: contain;
        }
    }

    @media (max-width: 1023px) {
        .trial-hero__media-overlay {
            position: absolute;
            bottom: -20%;
            width: 100%;
            left: 50%;
            transform: translateX(-50%);
        }

        .more-padding .trial-hero__content-wrapper {
            padding-top: 50px;
        }
    }

    @media (max-width: 600px) {
        .more-padding .trial-hero__content-wrapper {
            padding-top: 25px;
        }
    }

    .more-padding ~ .triald-section-trusted {
        padding-top: 80px;
    }

    @media (min-width: 768px) {
        .d-md-none {
            display: none !important;
        }
    }

    .trial-hero__content .content {
        text-align: center;
        padding: 30px 0 0px;
        max-width: 445px;
    }

    .trial-hero__content .content .preheader {
        font-family: 'Roboto';
        font-size: 20px;
    }

    .trial-hero__content .content h1.title {
        text-align: center;
        text-transform: uppercase;
        padding-top: 0;
        font-family: 'Roboto';
    }

    .trial-hero__content .content .subtitle {
        text-transform: uppercase;
        color: #11acdc;
        font-size: 20px;
        font-family: 'Roboto';
        padding-top: 0;
        margin-bottom: 25px;
    }

    .trial-hero__content .content .trial-hero__footer {
        text-align: center;
    }

    .trial-hero__content .content .trial-hero__helper--wrapper {
        display: block;
        margin-bottom: 10px;
    }

    .trial-hero__content .content .trial-hero__helper--wrapper button {
        text-transform: uppercase;
        min-width: 250px;
        max-width: 250px;
        font-size: 20px;
        padding: 12px;
    }

    .signup-form h2 {
        font-family: 'Roboto';
        font-weight: 500;
        line-height: normal;
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }

    .signup-form h2 div {
        font-family: 'Roboto';
    }

    .signup-form h2 .circle {
        position: relative;

        &::after {
            content: '';
            background: url('/wp-content/plugins/generationgenius/images/science-kits/3-experiments/circle-line.png') no-repeat;
            position: absolute;
            top: 0;
            width: calc(100% + 30px);
            height: 100px;
            left: 0;
            background-size: contain;
            transform: translate(-15px, -10px);
        }
    }

    .signup-form .padding {
        background: white;
        max-width: 300px;
        margin: auto;
        padding: 15px 20px;
        border-radius: 12px;
    }

    .signup-form .padding input {
        background: #EBEBEB;
        border-radius: 2px;
        color: rgba(0, 0, 0, 0.9) !important;
        border: 1px rgba(255, 255, 255, 0.2) solid;
        outline: unset;
        font-family: 'Roboto';
        font-size: 14px;
        padding: 11px 16px;
        margin: 5px 0 5px 0;
        display: inline-block;
        letter-spacing: 0;
        transition: all ease-in-out 100ms;
    }

    .signup-form .padding input.alternate-trial-signup-field::placeholder {
        color: rgba(0, 0, 0, 0.50) !important;
    }

    .signup-form .alternate-trial-signup-field.dropdown {
        text-transform: capitalize;
    }

    .signup-form .padding .alternate-trial-signup-dropdown::after {
        color: rgba(0, 0, 0, 0.50) !important;
    }

    .signup-form .alternate-trial-login-text {
        color: #47B1E4;
        text-align: center;
        margin: auto;
        display: block;
    }

    .signup-form .alternate-trial-login-button {
        color: #47B1E4;
    }

    .signup-form .alternate-trial-signup-button {
        text-align: center;
        font-family: "Roboto";
        font-size: 20px;
        padding: 8px;
        color: white;
        background: linear-gradient(to right, #f17f00, #f59423);
        width: 100%;
        display: inline-block;
        font-weight: 700;
        border-radius: 50px;
        position: relative;
        transition: all ease-in-out 100ms;
        margin-top: 15px;
        box-sizing: border-box;
    }

    .signup-form .alternate-trial-signup-options-container {
        display: none;
    }

    .signup-form .alternate-trial-signup-option:hover {
        color: white;
        background-color: transparent;
    }

    .signup-form .alternate-trial-signup-options-container {
        width: 100%
    }

    .signup-form .student-version .js-alternate-trial-signup-password-modal, .signup-form .student-version .alternate-trial-signup-dropdown-referer, .signup-form .student-version .js-alternate-trial-signup-email-modal {
        display: none;
    }

    .signup-form .parent-version .js-alternate-trial-signup-password-modal, .signup-form .parent-version .alternate-trial-signup-dropdown-referer {
        display: none;
    }

    .signup-form a.alternate-trial-signup-button::after {
        display: none;
    }

    @media only screen and (min-width: 1650px) {
        .triald-hero.alternate .trial-hero__media {
            width: 57%;
        }

        .triald-hero.alternate {
            background-size: 53% 100%;
        }
    }

    @media only screen and (max-width: 1180px) {
        .triald-hero.alternate {
            background-size: 54% 100%;
        }

        .triald-hero.alternate .trial-hero__media {
            width: 54%;
        }

        .triald-hero.alternate .trial-hero__content {
            flex: 0 0 45%;
            max-width: 45%;
            left: 55%;
        }
    }

    @media only screen and (max-width: 1023px) {
        .triald-hero.alternate .trial-hero__media:before {
            padding-top: 0;
        }

        .triald-hero.alternate {
            background-size: 100% 100%;
        }

        .triald-hero.alternate .trial-hero__media {
            width: 100%;
            clip-path: none;
        }

        .triald-hero.alternate .trial-hero__content {
            flex: 0 0 100%;
            max-width: 100%;
            left: 0;
        }
    }

    @media only screen and (max-width: 430px) {
        .signup-form h2 {
            font-size: 25px;
        }

        .triald-hero.alternate .trial-hero__content {
            padding: 5px 16px 30px;
        }
    }
}

.page-checkout {
    body .bmpopup {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999;
        display: block;
        max-width: 580px;
        width: 100%;
        padding: 20px;
        margin: 0 auto;
    }

    /* SHOW NEXT STEP */

    .bm-show-form.bm-bottomcontent .bm-mailsec {
        display: block;
    }

    .bm-mailsec {
        display: none;
    }

    .bm-show-form.bm-bottomcontent .bm-sendcta {
        display: none;
    }

    .bm-input-error {
        display: none;
    }

    .bm-input-error.bm-show-error {
        display: block;
    }

    /* .bmpopup{
        display: none;
    } */

    .bmpopup-inner-content h1 {
        font-size: 26px;
        padding: 0;
        margin: 0;
        font-weight: bold;
        color: #333;
        font-family: 'Poppins';
    }

    body .bm-overlay {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 999;
        display: block;
    }

    html body .bmcross-icon {
        position: absolute;
        top: 8px;
        right: 20px;
        cursor: pointer;
    }

    html body .bmpopup-inner-content {
        background-color: #fff;
        text-align: center;
        position: relative;
        margin: 0 auto;
        padding: 25px 20px;
        border-radius: 8px;
    }

    body .bmpopup-img {
        max-width: 450px;
        margin: 0 auto;
    }

    html body .bmshop-now-btn {
        color: #fff;
        display: inline-block;
        padding: 12px 0px;
        border-radius: 6px;
        width: 260px;
        margin-bottom: 42px;
        font-family: "Avenir Next", sans-serif;
        letter-spacing: .5px;
        position: relative;
        font-weight: 500;
    }

    .bmpopup-inner-content p {
        margin: 0;
        font-weight: 600;
        color: #f17e00;
        font-size: 12px;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .bm-bottomcontent h2 {
        font-size: 16px;
        font-weight: 700;
        margin: 0;
        font-family: 'Poppins';
        margin-bottom: 12px;
    }

    .bm-bottomcontent h3 {
        font-size: 14px;
        margin: 0;
        padding: 0;
        letter-spacing: .5px;
        margin-bottom: 15px;
    }

    .bm-bottomcontent {
        background-color: #e2f4fd;
        padding: 20px 10px;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -24px;
        border-radius: 0 0 8px 8px;
        position: relative;
        margin-top: 20px;
    }

    .bmpopup-inner-content h4 {
        margin: 0;
        padding-top: 15px;
        letter-spacing: 0px;
        font-size: 17px;
        color: #4a4a4a;
        margin-bottom: 22px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .bmpopup-inner-content h2 span,
    .bm-discount span {
        color: #f17e00;
    }

    .bm-cross {
        position: absolute;
        right: 25px;
        top: -12px;
        font-size: 45px;
        color: #c4c5c8;
        cursor: pointer;
    }

    .bm-list {
        max-width: 200px;
        margin: 0 auto;
        margin-top: 22px;
        margin-bottom: 18px;
    }

    .bm-list ul li span {
        font-weight: bold;
        font-family: 'Poppins';
    }

    .bmpopup-inner-content ul {
        list-style: none;
        text-align: left;
        margin: 10px 0;
    }

    .bmpopup-inner-content .bmbtn {
        padding: 15px 10px;
        width: 400px;
        display: inline-block;
        margin-bottom: 15px;
        border-radius: 5px;
        color: #fff;
        font-weight: 600;
        box-shadow: 0px 5px 20px rgb(0 0 0 / 15%);
        letter-spacing: 1px;
        font-size: 15px;
    }

    .bm-list ul li img {
        width: 16px !important;
        margin-right: 10px;
    }

    .bm-list ul li {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .bmplanbtn {
        background-color: #f17e00;
    }

    .bmsndbtn {
        background-color: #9ea9b0;
    }

    .bm-form {
        max-width: 462px;
        margin: 0 auto;
        margin-top: 25px;
        position: relative;
        padding: 0;
    }

    .bm-formRow {
        position: relative;
    }

    .bm-input-error {
        position: absolute;
        bottom: -55px;
        left: 70px;
    }

    .bm-form-input {
        background: #fff;
        width: 100%;
        height: 60px;
        border: 0;
        outline: none;
        padding: 0;
        margin: 0;
        font-family: 'Roboto';
        font-size: 14px;
        line-height: 30px;
        text-indent: 18px;
        border-radius: 8px;
        box-shadow: 0px 5px 20px rgb(0 0 0 / 15%);
        width: 400px !important;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .bm-form-submit {
        font-size: 16px;
        position: absolute;
        top: 5px;
        right: 36px;
        margin-top: 0;
        width: 120px;
        background: #fff;
        letter-spacing: 0;
        padding: 15px 20px;
        height: 52px;
        background-image: linear-gradient(to right, #F17E00, #F59328);
        text-align: center;
        color: #fff;
        font-family: "Roboto";
        line-height: 24px;
        border: none;
        outline: none;
        display: inline-block;
        border-radius: 5px;
    }

    .bmpopup-inner-content .bm-discount {
        font-size: 25px;
        padding: 0;
        margin: 0;
        font-weight: bold;
        color: #333 !important;
        letter-spacing: inherit;
        font-family: 'Poppins';
    }

    .bmpopup-inner-content:focus {
        outline: none !important;
    }

    .bm-overlineprice {
        text-decoration: line-through;
    }

    .bm-price {
        color: #000;
        font-weight: bold;
        font-family: 'Poppins';
    }

    .bm-input-error p {
        padding: 10px;
        background: #fff;
        display: inline-block;
        border-radius: 5px;
        position: relative;
    }

    .bm-input-error p::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 15px;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

    .bmpopup-inner-content *:focus {
        outline: none !important;
        border: none !important;
    }

    @media only screen and (max-width: 767px) {
        .bmpopup-inner-content .bmbtn {
            width: 290px;
            font-size: 13px;
        }

        .bm-form-input {
            height: 45px;
            font-size: 13px;
            width: 270px !important;
        }

        .bmpopup-inner-content h1 {
            font-size: 20px;
        }

        .bmpopup-inner-content .bm-discount {
            font-size: 19px;
        }

        .bm-cross {
            right: 13px;
            top: -10px;
            font-size: 36px;
        }

        .bmpopup-inner-content h4 {
            font-size: 14px;
        }

        .bm-bottomcontent {
            margin-top: 10px;
        }

        .bmplanbtn {
            height: 45px;
            line-height: 15px;
        }

        .bm-bottomcontent h3 {
            font-size: 12px;
        }

        .bm-form-submit {
            position: inherit;
            width: 270px;
            height: 46px;
            line-height: 20px;

        }
    }
    @media only screen and (max-width: 320px) {
        .bmpopup-inner-content h1, .bm-discount {
            font-size: 18px;
        }

        .bmpopup-inner-content .bmbtn {
            width: 250px;
            font-size: 11px;
        }

        .bm-form-input {
            width: 240px !important;
        }

        .bmpopup-inner-content h4 {
            padding-top: 10px;
            font-size: 12px;
        }

        .bmpopup-inner-content .bmbtn {
            padding: 12px 10px;
        }

        .bm-bottomcontent {
            margin-top: 0;
        }

        .bm-form-submit {
            position: inherit;
            width: 240px;
            height: 44px;
            line-height: 12px;
        }

        .bm-form-input {
            height: 43px;
            font-size: 12px;
        }

        .bmplanbtn {
            padding: 8px !important;
            line-height: 28px;
        }

        .bm-bottomcontent h2 {
            margin-bottom: 10px;
        }

        .bmpopup-inner-content .bm-discount {
            font-size: 17px;
        }

        .bm-bottomcontent h3 {
            font-size: 10px;
        }

    }
}

.post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;

    a {
        background: #ECECEC;
        font-family: Montserrat, sans-serif;
        font-size: 16px;
        padding: 4px 15px;
        border-radius: 4px;
    }
}

.post-title {
    padding: 0;
    margin-bottom: 20px;
    font-size: 40px;
}

.post-meta-wrapper {
    margin-bottom: 20px;
    display: flex;
    gap: 10px;

    .post-author-image {
        img {
            margin-bottom: 0;
            border: none;
            width: 64px;
            height: 64px;
        }
    }

    .post-meta {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}

.post-thumbnail {
    img {
        width: 100%;
        height: auto;
    }
}

.post-content {
    * {
        font-family: Montserrat, sans-serif;
    }


    a {
        text-decoration: underline;
        color: #F07D00;
    }

    .wp-block-list {
        margin-left: 10px;
        padding-left: 10px;
    }

    h1, h2, h3, h4, h5, h6 {
        padding: 0;

    }

    .size-full {
        img {
            width: 100%;
            height: auto;
        }
    }
}

.post {
    padding: 30px 0;

    .button {
        background: #FF7E00;
        padding: 15px 20px;
        color: white;
        border-radius: 60px;
        line-height: 1;
        display: block;
        font-weight: 600;
    }

    .container {
        @media screen and (min-width: 1024px) {
            display: flex;
            gap: 30px;
            padding: 0 100px;
            .post-wrapper {
                width: 76%;
            }

            .post-aside {
                width: 24%;
            }
        }

        .post-aside {
            .button {
                width: 100%;
            }
        }

        .post-cta {
            display: flex;
            justify-content: center;
            width: 100%;
            margin: 40px 0;

            .button {
                padding: 23px 30px 20px;
            }
        }
    }
}

.post-aside {
    position: relative;

    .post-ad {
        position: sticky;
        top: 20px;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        padding: 110px 30px 15px;
        border-radius: 7px;
        text-align: center;
        background: #fef2e6 url("images/post-ad.png") no-repeat center top;

        h4 {
            margin: 0 0 10px 0;
            font-weight: 500;
        }
    }
}

.post-related-articles {
    margin: 40px 0;

    h3 {
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        margin-bottom: 40px;
    }
}

.posts-grid {
    margin: 40px 0;
    @media screen and (min-width: 768px) {
        display: flex;
        flex-wrap: wrap;
        margin: 40px -15px;
    }
}

.post-grid-item {
    @media screen and (min-width: 768px) {
        flex: 0 0 33.3333%;
        padding: 15px;
    }

    .post-grid-item-wrapper {
        border-radius: 5px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0px 10px 25px rgba(0, 0, 0, .12);

        .post-grid-item-thumbnail {
            margin: 0;
        }

        .post-grid-item-content {
            padding: 15px;

            .post-grid-item-title {
                margin-top: 0;
                margin-bottom: 15px;
                font-size: 19px;
                font-weight: 700;
                color: #2e3840;
            }

            .post-grid-item-exceprt {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .post-grid-item-button {
                text-align: center;

                a {
                    border: 2px solid #FF7E00;
                    padding: 12px 50px 10px;
                    color: #FF7E00;
                    background: #fff;
                    border-radius: 60px;
                    line-height: 1;
                    display: inline-block;
                    font-weight: 600;

                    &:hover {
                        background: #FF7E00;
                        color: #fff;
                    }
                }
            }
        }

    }
}

.pagination-wrapper {
    margin: 40px 0;
    all: unset;

    .pagination-list {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin: 40px 0;
        list-style: none;

        .pagination-item {
            > * {
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                display: block;
                border-radius: 5px;
                background: white;
                color: #FF7E00;
                border: 1px solid #FF7E00;

                &:hover, &.current {
                    background: #FF7E00;
                    color: white;
                }

                &.next, &.prev {
                    width: auto;
                    padding: 0 15px;
                }
            }

        }
    }
}

.blog-newsletter {
    background: #57C4ED;
    padding: 40px 0;

    .container {
        .blog-newsletter-label {
            text-transform: uppercase;
            text-align: center;
            color: white;

            h4 {
                margin: 0;
                font-size: 20px;
                font-weight: 500;
                line-height: 2;
            }

            h3 {
                margin: 0;
                padding: 0;
                font-size: 30px;
            }
        }

        .blog-newsletter-input {
            input {
                width: 100%;
                border: none;
                outline: none;
                line-height: 59px;
                padding: 0 20px;
                background: white;
                border-radius: 60px;
                font-weight: bold;
            }
        }

        .blog-newsletter-button {
            button {
                width: 100%;
                border: none;
                outline: none;
                line-height: 59px;
                padding: 0 20px;
                background: #FF7E00;
                border-radius: 60px;
                font-weight: bold;
                color: white;
                text-align: center;
            }
        }

        @media screen and (min-width: 1024px) {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .blog-newsletter-label {
                width: 30%;
            }

            .blog-newsletter-input {
                width: 45%;
            }

            .blog-newsletter-button {
                width: 20%;
            }
        }

    }
}

.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}