#btn-courses-ninja-oneshot:focus,
#btn-courses-ninja-sub:focus,
.button-ctm-red:focus,
.button-ctm-white-bordered:focus,
.button-ctm-white:focus,
.button-ctm-yellow:focus,
button.is_active_ctm:focus {
    outline: 0;
    box-shadow: none;
}

.woocommerce .woocommerce-MyAccount-content form .form-row label {
    display: inline-block;
}

#footer_menu li.menu-item a:hover,
.footer-inner .link-footer-mini a {
    text-decoration: underline !important;
    color: #fff !important;
}

:root {
    --red-ninja: #e3383e;
    --red-lighter-ninja: #fce9e9;
    --black-ninja: #171717;
    --yellow-ninja: #eec243;
    --grey-footer-ninja: #505050;
    --grey-presented-by-ninja: #666666;
    --grey-disabled-ninja: #939393;
    --grey-ninja: #f0f0f0;
    --blue-ninja: #360f9f;
    --theme-child: "buddyboss-theme-child";
}

body {
    font-family: Poppins !important;
    background-color: #fff !important;
}

.sfwd-lessons-template-default {
    overflow: hidden !important;
}

#learndash-page-content>.bp-feedback.bp-sitewide-notice {
    margin: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

#buddypress .members-list>li .bb_more_options.member-dropdown .bb_more_options_action,
#choose-ninja-certificate-mobile,
#div-img-ninja-reading-mobile-2,
#img-title-mobile,
#learndash-course-header,
#section-users-benefits-certificate .users-benefits-explaination-mobile,
#section-users-benefits-mobile,
#section-why-sub #campus_mobile,
#title-page-margin-standard,
.banner-ninja-mobile #form-banner-mobile,
.bb-about-instructor.bb-about-instructor--is-info,
.bb-course-banner-inner .bb-course-single-meta,
.bb-course-category,
.bb-course-member-wrap.flex.align-items-center .bb-course-meta,
.bb-courses-directory #bb-course-list-grid-filters .grid-filters,
.bb-enroll-widget,
.bb-yoast-breadcrumbs,
.control-carousel-mobile,
.customer-business,
.footer_custom #footer_certification .mobile,
.header-mini-cart .elementor-menu-cart__product-remove.product-remove,
.hide-desktop,
.site-header .site-title .bb-logo.scroll,
.success-story-big-mobile,
.thank-you-section .detail-subscription img#img-ninja-fly-cloud,
.udc-player-in-mobile-article,
.udcc-professional-right-side .udcc-professional-visual,
.udcc-student-right-side .udcc-student-visual,
.wcnp-loader-container,
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--ppcp-paypal-payment-tokens,
.woocommerce-checkout .bb-wc-co table.shop_table .bs-product-remove,
.wpProQuiz_question_page {
    display: none;
}

#learndash-page-content {
    padding: 0;
}
@media (max-width: 500px){
    #learndash-page-content {
        min-height: unset;
    }
}
.learndash-wrapper .ld-tabs {
    margin: 0;
}

.ld-course-list-items .ld_course_grid .bb-cover-list-item .bb-card-course-details .entry-content,
.tribe-block__event-price,
.tribe-common-b3.tribe-tickets__rsvp-message.tribe-tickets__rsvp-message--success~.tribe-common-g-row,
.tribe-events-c-small-cta__price,
.tribe-events-c-subscribe-dropdown button#gest_registration,
a.iubenda-tp-btn.iubenda-cs-preferences-link,
span.bb-course-type.bb-course-type-paynow {
    display: none !important;
}

.ld-status.ld-status-incomplete.ld-third-background {
    display: none;
}

.ld-status.ld-third-background.free-course-label {
    display: block;
    background-color: #f71735;
}

.h1-settings-hero {
    margin-top: -15px !important;
}

@media (min-width: 1024px) {
    .learndash-wrapper .learndash_content_wrap {
        max-width: 100% !important;
    }
}

.entry-content figure.wp-block-image.alignnone.size-full {
    margin: 15px 0;
}

.entry-content .wp-block-image figcaption {
    margin-bottom: 15px;
    margin-top: 0;
    color: lightslategray;
    font-style: italic;
}

.entry-content figure.wp-block-image.alignnone.size-full img {
    margin: 0;
}

.ud-post-container figure.wp-block-image.alignnone.size-full {
    margin: 15px 0;
}

.ud-post-container .wp-block-image figcaption {
    margin-bottom: 15px;
    margin-top: 0;
    color: lightslategray;
    font-style: italic;
}

.ud-post-container .content-section img {
    margin: 15px 0;
}

.ud-post-container figure.wp-block-image.alignnone.size-full img {
    margin: 0;
}

.link-arrow {
    display: block;
    width: 100%;
}

.bg-center-norepeat {
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.bold {
    font-weight: 700;
    font-family: Poppins;
}

.banner-ninja-widget .span-description-widget,
.bb-course-title {
    font-weight: 700;
    color: #333;
}

.bb-course-member-wrap.flex.align-items-center {
    visibility: hidden;
}

.bb-single-course-sidebar .bb-course-member-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
}

.bb-template-v2 .bb-single-course-sidebar h4,
.li-title {
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--black-ninja);
}

button.is_active_ctm:focus,
button.is_active_ctm:hover {
    background-color: rgba(227, 56, 62, 0.1) !important;
    color: var(--red-ninja) !important;
}

.loader {
    border: 6px solid #f2f2f3;
    border-radius: 50%;
    border-top: 6px solid #a3a5a9;
    width: 50px;
    height: 50px;
    -webkit-animation: 2s linear infinite spin;
    animation: 2s linear infinite spin;
    margin: auto;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

a.button.small.signup {
    background-color: var(--yellow-ninja);
    color: var(--black-ninja);
    font-weight: 700;
    border: 1px solid var(--yellow-ninja);
}

.tribe-venue-address-ctm {
    font-size: 0.875rem;
    color: var(--bb-body-text-color);
    letter-spacing: -0.24px;
    line-height: 1.5;
}

.single-post:not(.has-sidebar) .site-content-grid {
    max-width: 1200px;
    display: block !important;
}

.ninja-pro-container {
    width: 100%;
    max-width: 800px;
    margin: 10px auto;
    border-top: 9px solid #000;
    box-shadow: 0 2px 5px #ccc;
}

.ninja-pro-container #row1 {
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    padding: 20px;
}

.ninja-pro-container #row2 {
    background: var(--red-ninja);
    padding: 15px 15px 37px;
}

.ninja-pro-container #row2 .row2-child-title {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    padding: 0;
    line-height: 25px;
    margin-bottom: 15px;
}

.ninja-pro-container #row2 .row2-child-title .row2-span {
    background: #fff;
    color: var(--red-ninja);
    font-size: 20px;
    font-weight: 800;
    padding: 0 4px;
    position: relative;
    border-radius: 3px;
}

.ninja-pro-container #row2 .row2-child-subtitle {
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 15px;
}

.ninja-pro-container #row2 .row2-child-button {
    text-align: center;
    margin-top: 30px;
}

.ninja-pro-container #row2 .row2-child-button a {
    background: #fff;
    padding: 4px 16px;
    font-weight: 600;
    border-radius: 5px;
    box-shadow: -2px 5px 4px -4px;
    font-size: 20px;
}

.ninja-pro-container #row2 .row2-child-button a.disabled {
    pointer-events: none;
    box-shadow: -2px 5px 4px -4px inset;
    opacity: 0.6;
    color: #a0a0a0;
}

.ninja-pro-container #row2 .row2-child-button a:active,
.ninja-pro-container #row2 .row2-child-button a:focus,
.ninja-pro-container #row2 .row2-child-button a:hover,
.ninja-pro-container #row5 a:active,
.ninja-pro-container #row5 a:focus,
.ninja-pro-container #row5 a:hover {
    text-decoration: none;
}

.ninja-pro-container #row2 .row2-child-button a .arrow-icon::before {
    font-family: entypo-fontello;
    content: "\e88d";
    color: var(--red-ninja);
    margin-left: 10px;
}

.ninja-pro-container #row3 {
    padding: 40px;
}

.ninja-pro-container #row3 .row3-child-title {
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
}

.ninja-pro-container #row3 .row3-child {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #dbdbdb;
}

.ninja-pro-container #row3 .row3-child b {
    font-weight: 900;
}

.ninja-pro-container #row3 .row3-child .green-check::before {
    font-family: entypo-fontello;
    content: "\e812";
    color: #006400;
    font-size: 25px;
    margin-right: 15px;
}

.ninja-pro-container #row3 .row3-child:last-child {
    border-bottom: 0;
}

.ninja-pro-container #row5 {
    background: #dbdbdb;
    padding: 30px;
    text-align: center;
    font-weight: 900;
    font-size: 15px;
    color: #000;
}

.ninja-pro-container #row5 a {
    color: #fff;
    background: #000;
    padding: 3px 6px;
    border-radius: 5px;
    margin-right: 12px;
    margin-left: 5px;
    font-weight: 700;
}

.entry-header .target-pro {
    background-color: var(--red-ninja);
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    font-size: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
    position: relative;
    top: -5px;
}

.modal-ninja-sub {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content-ninja-sub {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.close-modal-ninja-sub {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
}

.close-modal-ninja-sub:focus,
.close-modal-ninja-sub:hover,
.nps-modal-close:focus,
.nps-modal-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#bp-nouveau-activity-form {
    margin-bottom: 14px;
}

#activity-stream {
    margin-top: -20px !important;
}

.actvity-head-bar {
    margin: 20px 0 30px !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
    background: #f3f6fe;
    border: 1px solid #eff0f7;
    border-radius: 20px;
}

.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #171717;
}

.tag-skill {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 12px;
    padding: 2px 10px;
    margin: 5px 0;
    font-size: 12px;
}

.bs-dir-search input[type="text"] {
    border: 1px solid var(--bb-content-border-color) !important;
}

.btn-ninja-active {
    background-color: var(--red-ninja);
    border: 0;
    color: #fff;
}

.btn-ninja-active:focus,
.btn-ninja-active:hover {
    background-color: var(--red-ninja) !important;
    border: 0;
    color: #fff;
}

.btn-ninja-outline,
.btn-ninja-outline:hover {
    color: #000;
    border: 1px solid var(--bb-content-border-color);
}

.btn-ninja-outline {
    background-color: #fff;
}

.btn-ninja-outline:hover {
    background-color: #fff !important;
}

#filter-course-name:focus,
#sfwd_cats-order-by:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid var(--bb-content-border-color);
}

#ninja-course-filter .bb-secondary-list-tabs {
    margin: 20px 0 0;
}

.ctm-notification-box {
    font-size: 16px;
    border-radius: var(--bb-button-radius);
    color: #fff;
    margin: 15px 0;
    padding: 10px 15px !important;
    position: relative;
    width: auto;
}

.ctm-not-success {
    background-color: #2ecc71;
}

.ctm-not-failure {
    background-color: #e74c3c;
}

.ctm-not-warning {
    background-color: #e67e22;
}

.ctm-not-information {
    background-color: #3498db;
}

.ctm-not-question {
    background-color: #f1c40f;
}

.ctm-not-tip {
    background-color: #16a085;
}

.ctm-not-notice {
    background-color: #bea474;
}

div#cover-image-container {
    margin-top: 0 !important;
    border-top-left-radius: var(--bb-block-radius);
    border-top-right-radius: var(--bb-block-radius);
}

.title-page {
    line-height: 1.414;
    font-size: 24px;
    text-align: center;
    font-weight: 900;
    color: #000 !important;
}

.max-width-300 {
    max-width: 300px;
}

.max-width-800 {
    max-width: 800px;
}

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

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

.container-10,
.container-40,
.container-50,
.skeleton-animate .item-skeleton {
    display: inline-block;
}

.banner-teacher-landing .slides-teachers,
.pad-20 {
    padding: 20px;
}

.banner-teacher-landing .banner-teacher-title h2,
.banner-teacher-mobile .banner-teacher-title-mobile h2,
.mt-20,
.subscription-card .body-sub-card .elem-list+.elem-list {
    margin-top: 20px;
}

.container-50 {
    width: 48%;
    z-index: 1;
}

.container-100,
.ud-resource-section {
    width: 100%;
}

.container-10 {
    width: 8%;
    z-index: 1;
}

.container-40 {
    width: 38%;
    z-index: 1;
}

.space-between-content-80 {
    margin-top: 80px;
}

.space-between-content-60 {
    margin-top: 60px;
}

@media screen and (max-width: 800px) {
    .ud-tag-slider::-webkit-scrollbar {
        display: none;
    }

    .ud-tag-slider {
        overflow-x: scroll;
        white-space: nowrap;
        cursor: pointer;
        text-align: start;
    }

    #section-suggest .title-section {
        font-size: 24px !important;
        line-height: 130%;
    }
}

#section-suggest .title-section {
    font-size: 36px;
}

#section-why-ninja .title-section {
    line-height: 100% !important;
}

.title-section {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    color: #171717;
    line-height: 130%;
}

.title-section-italic,
.title-section-medium {
    line-height: 100%;
    color: var(--black-ninja);
    position: relative;
}

.banner-ninja-mobile h2 span,
.title-section .span-red {
    background-color: var(--red-ninja);
    color: #fff;
    padding: 2px 36px 10px;
    border-radius: 20px;
    display: inline-block;
}

.title-section-italic {
    text-align: center;
    font-style: italic;
    font-size: 38px;
}

.title-section-medium {
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    margin-left: 10px;
}

.subtitle-section,
.subtitle-section-event p {
    font-size: 18px;
    line-height: 30px;
    color: var(--black-ninja);
    text-align: center;
    font-style: normal;
}

.subtitle-section {
    font-weight: 400;
    max-width: 690px;
    margin: auto;
}

.subtitle-section span {
    font-weight: 600;
}

.subtitle-section span#title-section {
    font-size: 27px;
    margin-bottom: 20px;
    display: block;
}

#section-why-ninja .sec-subtitle a,
.subtitle-section a {
    font-style: normal;
    font-weight: 700;
    text-decoration: underline;
    color: var(--black-ninja);
}

.banner-teacher-landing .slide-teacher-text p span,
.subtitle-section-event p {
    font-weight: 400;
}

.subtitle-section-article {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    text-align: center;
    color: var(--black-ninja);
    max-width: 800px;
    font-family: Poppins;
    margin-bottom: 10px !important;
}

.dot-slider,
.text-center {
    text-align: center;
}

.banner-teacher .banner-teacher-title h2,
.text-left {
    text-align: left;
}

.course-certificate-text-white,
.text-white {
    color: #fff;
}

.checkbox-desc,
.course-certificate-text-black,
.footer-info-due-mini span a,
.my-block-ctm-link,
.text-black {
    color: var(--black-ninja);
}

.checkbox-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}

.link-ctm,
a.link-privacy-policy {
    font-weight: 700;
    color: var(--black-ninja);
    font-style: normal;
}

.thank-you-section .title h2 span,
button.is_active_ctm {
    color: var(--red-ninja);
}

.button-ctm-white-bordered,
.link-ctm {
    font-size: 16px;
    line-height: 30px;
    font-family: Poppins;
}

a.link-privacy-policy {
    font-size: 14px;
    text-decoration: underline;
}

button.is_active_ctm {
    background-color: rgba(227, 56, 62, 0.1);
    border: 1px solid var(--red-ninja);
}

button.is_active_ctm:hover {
    opacity: 0.8;
}

button.is_active_ctm:focus {
    border: 1px solid var(--red-ninja) !important;
}

#banner-ninja-pro-new-section .banner-button-scopri img,
#partner-certification-ninja div img+img,
.button-ctm-red img,
.button-margin-ctm button+button,
.control-carousel-mobile button+button {
    margin-left: 10px;
}

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

.control-carousel {
    max-height: 100px;
    margin-top: 30px;
    max-width: 1200px;
}

.control-carousel button {
    float: right;
    position: relative;
    right: 8px;
}

.control-carousel .button-left {
    margin-right: 15px;
}

.custom-faq h3 a,
.right {
    float: right;
}

#section-banner-begin-ninja .banner-ninja-mobile .title span,
.banner-ninja-widget .privacy-policy,
.link-ctm,
.relative {
    position: relative;
}

.socials-single-post li:first-child a {
    margin-left: 7px !important;
}

.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

.flex-total {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.flex-column {
    flex-direction: column !important;
}

.div-footer-socials,
.flex-basis-50,
.footer-inner-bottom #footer_description_mini,
.footer-inner-bottom #footer_link_mini,
.footer_custom #footer_container_menu,
.users-benefits-explaination-certificate-mobile .resource-ninja div:first-child,
.users-benefits-explaination-certificate-mobile .resource-ninja div:nth-child(2),
.users-benefits-explaination-mobile .resource-ninja div:first-child,
.users-benefits-explaination-mobile .resource-ninja div:nth-child(2) {
    flex-basis: 50%;
}

#footer_description_certification #footer_description,
.banner-teacher-landing .slide-teacher-img,
.banner-teacher-landing .slide-teacher-text,
.banner-teacher-mobile .slide-teacher-img-mobile,
.banner-teacher-mobile .slide-teacher-text-mobile,
.flex-basis-100,
.foot-social {
    flex-basis: 100%;
}

.flex-basis-50-imp {
    flex-basis: 50% !important;
}

.flex-basis-40 {
    flex-basis: 40%;
}

.flex-basis-60 {
    flex-basis: 60%;
}

.button-ctm-red {
    padding: 13px 18px;
    background: var(--red-ninja);
    border-radius: 14px;
    color: #fff !important;
    font-family: Poppins;
}

.button-ctm-white,
.button-ctm-yellow {
    padding: 8px 16px;
    height: 46px;
    font-weight: 700;
}

.button-ctm-red:hover {
    color: #fff;
    opacity: 0.9;
}

.button-ctm-white {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 14px;
    color: #000;
}

.button-ctm-white:focus,
.button-ctm-white:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}

.button-ctm-white:hover {
    opacity: 0.9;
}

.button-ctm-yellow,
.button-ctm-yellow:focus,
.button-ctm-yellow:hover {
    background-color: var(--yellow-ninja);
}

.button-ctm-yellow {
    border: 1px solid var(--yellow-ninja);
    border-radius: 14px;
    color: #000;
}

.button-ctm-yellow:hover {
    border: 1px solid var(--yellow-ninja);
    color: #000;
    opacity: 0.7;
}

.button-ctm-white-bordered {
    box-sizing: border-box;
    padding: 16px 28px 17px;
    gap: 10px;
    background-color: #fff;
    border: 1px solid var(--black-ninja);
    border-radius: 14px;
    color: var(--black-ninja);
    font-weight: 700;
}

.button-ctm-white-bordered:focus,
.button-ctm-white-bordered:hover {
    background-color: #fff;
    border: 1px solid var(--black-ninja);
}

.button-ctm-white-bordered:hover {
    color: var(--black-ninja);
    opacity: 0.9;
}

.switch-btn-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.switch-btn-text {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    pointer-events: none;
    position: relative;
    z-index: 3;
}

.switch-div-gest input[type="checkbox"] {
    height: 0;
    width: 0;
    position: absolute;
    visibility: hidden;
}

.switch-div-gest label {
    cursor: pointer;
    text-indent: -9999px;
    width: 280px;
    height: 40px;
    background: #efefef;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch-div-gest label:hover {
    background: #efefef;
}

.switch-div-gest label:after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 140px;
    height: 40px;
    background-color: rgba(227, 56, 62, 0.1);
    border: 1px solid var(--red-ninja);
    color: var(--red-ninja);
    border-radius: 930px;
    transition: 0.3s;
}

.switch-div-gest input:checked+label:after {
    left: 100%;
    transform: translateX(-100%);
}

.switch-div-gest label:active:after {
    width: 125px;
}

#section-users-benefits .users-benefits-explaination .container-50,
#section-users-benefits-certificate .users-benefits-explaination .container-50 {
    height: 550px;
}

#section-users-benefits .users-benefits-explaination .expl-part-1 {
    display: flex;
    flex-direction: row;
}

#section-users-benefits .users-benefits-explaination .expl-part-1 h3 {
    width: 335px;
    height: 86px;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
}

#section-users-benefits .users-benefits-explaination .expl-part-1 h4 {
    width: 305px;
    height: 71px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    align-items: center;
    color: var(--black-ninja);
}

#section-users-benefits .users-benefits-explaination .container-50:nth-child(2) {
    position: relative;
    background: #fce9e9;
    border-radius: 20px;
}

#section-users-benefits .users-benefits-explaination .container-25 {
    width: 48%;
    display: inline-block;
    position: relative;
    height: 100%;
}

#section-users-benefits .users-benefits-explaination .expl-part-2 #ninja-journal-sun {
    position: absolute;
    right: -23px;
    top: 0;
    height: 85%;
    margin-top: 40px;
    z-index: -1;
}

#section-users-benefits .users-benefits-explaination .expl-part-2 h3,
#section-users-benefits-certificate .users-benefits-explaination .expl-part-2 h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 0.5;
    margin-left: 30px;
    color: var(--black-ninja);
}

#section-users-benefits .users-benefits-explaination .expl-part-2 p,
#section-users-benefits-certificate .users-benefits-explaination .expl-part-2 p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    margin-left: 37px;
    color: var(--black-ninja);
}

#section-users-benefits .users-benefits-explaination .expl-part-2 h3:first-child,
#section-users-benefits-certificate .users-benefits-explaination .expl-part-2 h3:first-child {
    margin-top: 50px;
}

#section-users-benefits .users-benefits-explaination .expl-part-2 a {
    position: relative;
    z-index: 1;
    margin-left: 37px;
}

#div-img-step-by-step {
    width: 100px;
}

#section-users-benefits .users-benefits-explaination .expl-part-1 .desc-benefits,
#section-users-benefits-certificate .users-benefits-explaination .expl-part-1 .desc-benefits {
    padding-right: 20px;
}

.users-benefits-explaination-certificate-mobile .desc-benefits h3,
.users-benefits-explaination-mobile .desc-benefits h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: var(--black-ninja);
}

.users-benefits-explaination-certificate-mobile .desc-benefits h4,
.users-benefits-explaination-certificate-mobile .resource-ninja h4,
.users-benefits-explaination-mobile .desc-benefits h4,
.users-benefits-explaination-mobile .resource-ninja h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: var(--black-ninja);
}

.users-benefits-explaination-certificate-mobile .resource-ninja h3,
.users-benefits-explaination-mobile .resource-ninja h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    color: #171717;
}

.resource-ninja {
    background: #fce9e9;
    border-radius: 20px;
    padding: 20px;
    height: 360px;
}

.resource-ninja #img-ninja-reading-mobile {
    position: relative;
    height: 322px;
    float: right;
}

.resource-ninja h3,
.resource-ninja p {
    height: 15px;
}

.resource-ninja a {
    position: relative;
    z-index: 1;
}

.img-container {
    display: inline-block;
    height: 0;
}

.control-carousel .link-ctm {
    top: 5px;
    color: var(--black-ninja);
}

.control-carousel-mobile .link-ctm {
    top: 0;
    left: 0;
    color: var(--black-ninja);
    display: inline-block;
    text-align: center;
}

.control-carousel-mobile button {
    padding: 7px 14px;
    margin-top: 10px;
}

.post-grid .post-inner-wrap {
    border: 0;
}

.dot {
    cursor: pointer;
    height: 3px;
    width: 20px;
    margin-left: -5px;
    background-color: #bbb;
    display: inline-block;
    transition: background-color 0.6s;
}

.dot-active {
    background-color: #717171;
}

footer#colophon {
    clear: both;
}

.footer-inner {
    padding: 30px 40px;
}

.footer-inner-mini,
.footer-inner-mini-mobile {
    padding: 20px 30px;
}

.footer-inner-mini-mobile span.detail_footer_description {
    margin-top: 15px;
    display: block;
}

.footer-inner-bottom {
    background-color: #1d1d1b !important;
    clear: both;
    padding: 0 !important;
    display: table;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, 0.11);
}

.footer-inner-bottom ul {
    list-style: none;
    list-style-position: unset;
}

.bb-footer .footer-socials a {
    display: block;
    line-height: 1;
    margin: 6px 6px 6px 0;
}

.footer-menu-title,
ul#menu-chi-siamo a,
ul#menu-chi-siamo a:hover,
ul#menu-community a,
ul#menu-community a:hover,
ul#menu-supporto a,
ul#menu-supporto a:hover {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
}

.footer-info-uno {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    margin-top: 20px;
}

.footer-link-uno {
    padding-top: 10px;
}

.footer-info-due {
    font-size: 10px;
    color: #626262 !important;
    line-height: 1.2;
    margin-left: 25px;
    padding-right: 15px;
}

#footer_link_mini .flink,
#footer_link_mini .flink:hover,
.footer-info-due .flink {
    color: var(--grey-footer-ninja) !important;
}

#footer_link_mini .flink+.flink,
#section-our-students-work div img+img,
.footer-info-due .flink+.flink,
.subscription-card+.subscription-card {
    margin-left: 20px;
}

.footer-info-due-mini {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: var(--black-ninja);
}

.footer-social>i {
    color: #838383;
    margin: 10px;
    padding: 5px;
    display: inline-block;
    border: 2px solid #838383;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.author-desc {
    margin: 3px 0 !important;
    line-height: 20px;
    font-size: 13px;
}

.post-inner-wrap .post-author-details .author-desc-wrap,
footer .navbar-collapse {
    padding: 0 !important;
}

#wrapper-post-grid .author-desc,
#ud-container-primary .author-desc,
.post-related-posts .author-desc {
    display: none;
}

.footer-menu-title {
    cursor: default;
}

#footer_container_connect_with_us .footer-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 0 0 25px;
    list-style: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
}

#footer_description_certification #footer_certification {
    flex-basis: 100%;
    margin-top: 20px;
}

#footer_description_certification #footer_certification .footer-menu-title,
span.post-author {
    font-weight: 700;
}

#footer_description_mini p {
    margin-left: 105px;
    color: var(--grey-footer-ninja);
    font-size: 12px;
}

.footer_mini {
    bottom: 0;
    width: 100%;
}

.link-footer-mini {
    display: block;
    margin-right: 10px;
}

.foot-aziende,
.foot-corsi,
.foot-supporto,
.foot-why {
    flex-basis: 25%;
    padding: 10px;
}

.foot-aziende ul,
.foot-corsi ul,
.foot-supporto ul,
.foot-why ul {
    margin: 0 !important;
}

.foot-aziende ul li,
.foot-corsi ul li,
.foot-supporto ul li,
.foot-why ul li {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 1rem;
}

.hide-mobile {
    display: block;
}

.footer_custom #footer_container_description_certification {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#footer_mini #footer_description a.button-ctm-yellow img {
    width: 16px !important;
    height: 16px !important;
}

@media screen and (min-width: 800px) and (max-width: 1200px) {

    .footer_custom #footer_container_description_certification #footer_contact,
    .footer_custom #footer_container_description_certification #footer_support {
        flex: 0 0 30% !important;
        width: 30% !important;
    }
}

@media screen and (max-width: 800px) {
    .subtitle-section-article {
        font-size: 18px;
        margin-bottom: 13px !important;
    }

    .title-section {
        font-size: 32px;
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-around;
    }

    #section-users-benefits-mobile,
    .bb-tribe-events-views-v2 .title-section {
        display: block;
    }

    .subtitle-section,
    .subtitle-section-event p {
        font-size: 14px;
        line-height: 180%;
    }

    .title-section-italic {
        font-size: 28px;
    }

    .title-section-medium {
        font-size: 26px;
    }

    .button-ctm-white-bordered {
        font-size: 14px;
    }

    .control-carousel,
    .dot-slider {
        display: none;
    }

    .control-carousel-mobile {
        display: flex;
    }

    .footer_custom #footer_certification .desktop {
        display: none !important;
    }

    .footer_custom #footer_certification .mobile {
        display: block !important;
    }

    .footer_custom #footer_container_description_certification #footer_contact,
    .footer_custom #footer_container_description_certification #footer_support {
        width: 100% !important;
    }
}

.footer_custom #footer_container_description_certification #footer_description {
    flex: 0 0 30%;
    width: 30%;
}

.footer_custom #footer_container_description_certification #footer_contact,
.footer_custom #footer_container_description_certification #footer_support {
    flex: 0 0 20%;
    width: 20%;
    margin-top: 3rem;
}

.footer_custom #footer_container_description_certification .footer-detail {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    align-self: center;
    margin-left: 24px;
}

#footer_container_description_certification #footer_contact .contact-info,
#footer_container_menu #footer_socialmedia .footer-menu-container,
#students-brand .container,
.section-company-dekstop,
.section-company-mobile .d-flex {
    display: flex;
}

#footer_container_description_certification #footer_contact .contact-info i {
    font-size: 25px;
    font-family: Poppins;
    line-height: 150%;
    margin-right: 1rem;
    color: #fff;
}

#footer_container_description_certification #footer_contact .contact-info a {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #fff;
}

.footer_custom #footer_container_description_certification #footer_menu {
    display: flex;
    flex: 0 0 70%;
    flex-wrap: wrap;
    width: 70%;
    margin-left: 30px;
}

.footer_custom #footer_container_menu {
    display: flex;
    width: 100%;
    margin-top: 30px;
}

.footer_custom p.footer-menu-title {
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 20px !important;
}

#footer_socialmedia .footer-menu-container .div-connect-us-info,
.footer_custom #footer_container_menu #footer_certification {
    flex: 0 0 50%;
    width: 50%;
}

.footer_custom #footer_container_menu #footer_socialmedia {
    flex: 0 0 50%;
    width: 50%;
    margin-left: 50px;
    display: flex;
    flex-direction: column;
}

.footer_custom #footer_container_menu #lombardia-content span {
    display: block;
    color: #ffffff;
    margin-top: 5px;
}

.footer_custom #footer_container_connect_with_us {
    margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
    .footer_custom #footer_container_menu #lombardia-content span b {
        display: block;
        margin-bottom: -10px;
    }
}

@media screen and (max-width: 530px) {
    .footer-inner .footer-container {
        display: block !important;
    }

    .footer-inner .footer-info-due-mini {
        width: 100% !important;
    }

    .foot-aziende,
    .foot-corsi,
    .foot-supporto,
    .foot-why {
        flex-basis: 50%;
    }
}

.footer-inner .link-footer-mini a {
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    font-size: 13px;
}

.footer-inner .footer-container {
    display: flex;
    margin-top: 10px;
}

img#img-cloud-footer-bottom {
    position: absolute;
    right: 0;
    width: 180px;
    top: -36px;
}

#footer_menu li.menu-item a,
.nps-modal-close-mobile:hover {
    color: #fff !important;
}

.footer_custom .footer-inner-bottom {
    padding: 0 !important;
    position: relative;
}

@media screen and (max-width: 620px) {
    .footer-inner-bottom .footer-inner-mini {
        display: none;
    }
}

@media screen and (min-width: 620px) {
    .footer-inner-bottom .footer-inner-mini-mobile {
        display: none;
    }
}

.post-grid .entry-title {
    font-size: 24px;
    line-height: 150%;
}

.filter-categories a {
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: var(--black-ninja);
    border: 1px solid var(--black-ninja);
    border-radius: 10px;
    padding: 10px;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
}

.filter-categories a.category-active-ctm {
    color: #fff;
    border: 1px solid var(--red-ninja);
    background-color: var(--red-ninja);
}

.filter-categories .span-categories-filter,
.list-categories .span-categories-filter {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: var(--black-ninja);
    margin-left: 7px;
}

.list-categories a {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: var(--black-ninja);
    display: inline-block;
    margin: 10px;
    border: 1px solid #eec243;
    border-radius: 10px;
    padding: 5px 10px;
}

.ld_course_grid .bb-cover-list-item .bb-course-cover,
.tag-elem,
article .post-inner-wrap .ratio-wrap a.entry-img {
    border-radius: 10px;
}

.banner-ninja-landing-sub .span-description,
.banner-ninja-pro-mobile .span-description,
.banner-ninja-widget .span-description-widget,
.tag-elem {
    font-size: 10px;
    line-height: 100%;
    text-transform: uppercase;
}

article .post-inner-wrap .entry-content-wrap .entry-header .entry-title {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 24px !important;
    line-height: 150%;
}

.single .entry-title {
    display: inline;
}

.tag-elem {
    background-color: var(--yellow-ninja);
    color: #000;
    padding: 7.5px 16px;
    height: 25px;
    text-align: center;
    font-weight: 700;
    position: relative;
    display: inline-block;
    font-family: Poppins;
}

.tag-elem.custom-event-tag {
    margin: 78px 10px 10px;
}

.course-tag-elem {
    margin: 8px;
    top: 160px;
}

.line-hover,
.line-hover-white {
    width: 0;
    top: 9px;
    position: relative;
}

.banner-ninja-widget {
    background-color: var(--grey-ninja);
    border-radius: 20px;
    border: 1px solid var(--grey-ninja);
    padding: 20px;
    height: 310px;
}

.banner-ninja-widget h2 {
    position: relative;
    font-weight: 700;
    font-size: 18px !important;
    line-height: 150%;
    margin-top: 15px;
    color: var(--black-ninja);
}

#section-alexa-sub h2 span,
.banner-ninja-widget h2 span {
    background-color: var(--red-ninja);
    color: #fff;
    padding: 2px 10px;
    border-radius: 12px;
    display: inline-block;
}

.banner-ninja-widget .input-banner-widget label {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: var(--black-ninja);
    z-index: 2;
    top: 50px;
    left: 12px;
}

.banner-ninja-widget #new-ninja-sub2 {
    border-radius: 15px;
    position: relative;
    box-shadow: 2px 2px 11px rgb(33 33 33 / 20%);
    z-index: 1;
    max-width: 475px;
    height: 50px;
}

.banner-ninja-widget button {
    position: relative;
    z-index: 3;
    max-width: 135px;
    height: auto;
}

.banner-ninja-widget .privacy-policy .checkbox-desc,
.banner-ninja-widget .privacy-policy .checkbox-desc .link-privacy-policy,
.my-block-ctm-bottom p {
    font-size: 12px;
}

.banner-ninja-widget .input-banner-widget {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    top: -55px;
}

.banner-ninja-pro-mobile {
    background-color: var(--red-ninja);
    border-radius: 20px;
    border: 1px solid var(--red-ninja);
    padding: 20px;
    color: #fff;
}

.banner-ninja-brand-mobile #img-cloud-2,
.banner-ninja-landing-sub #img-cloud-2,
.banner-ninja-mobile #img-cloud-2,
.banner-ninja-pro-mobile #img-cloud-2 {
    position: relative;
    height: 57px;
    width: 151px;
    left: -50px;
    top: -50px;
    z-index: 1;
}

.banner-ninja-pro-mobile #img-cloud-1 {
    position: relative;
    float: right;
    top: -200px;
    left: 100px;
}

.banner-ninja-landing-sub h2,
.banner-ninja-pro-mobile h2 {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    color: #fff;
    padding: 0 20px;
}

.banner-ninja-pro-mobile h2 span {
    background-color: #fff;
    color: var(--black-ninja);
    padding: 2px 36px 10px;
    border-radius: 20px;
    display: inline-block;
}

.banner-ninja-landing-sub button,
.banner-ninja-pro-mobile a {
    position: relative;
    z-index: 3;
    max-width: 180px;
    margin: 0 20px;
}

.banner-ninja-pro-mobile .span-description {
    font-weight: 700;
    padding: 0 20px;
}

.banner-ninja-mobile {
    background-color: var(--yellow-ninja);
    border-radius: 20px;
    border: 1px solid var(--yellow-ninja);
    height: 380px;
    padding: 20px;
}

.banner-ninja-mobile #img-cloud-1 {
    position: relative;
    float: right;
    top: -150px;
    left: 100px;
}

.banner-ninja-mobile #img-cloud-3 {
    position: relative;
    float: right;
    top: -115px;
    left: 69px;
}

@media screen and (min-width: 500px) {
    .banner-ninja-mobile #img-cloud-3 {
        display: none;
    }
}

.banner-ninja-mobile h2 {
    position: relative;
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 130%;
    color: var(--black-ninja);
    padding: 0 20px;
    font-family: poppins;
}

.banner-ninja-mobile label {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: var(--black-ninja);
    z-index: 2;
    top: 45px;
    left: 30px;
}

.banner-ninja-mobile #new-ninja-sub2 {
    height: 72px;
    border-radius: 20px;
    position: relative;
    box-shadow: 2px 2px 11px rgb(33 33 33 / 20%);
    z-index: 1;
    padding-left: 30px;
    max-width: 475px;
}

.banner-ninja-brand-mobile button,
.banner-ninja-mobile button {
    position: relative;
    z-index: 3;
    max-width: 180px;
}

.banner-ninja-mobile .privacy-policy {
    position: relative;
    top: -50px;
}

.banner-ninja-mobile #img-ninja-on-title {
    position: relative;
    left: 677px;
    bottom: -49px;
}

.banner-ninja-mobile .input-banner-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    position: relative;
    top: -55px;
    padding: 0 20px;
}

.input-banner-mobile .crm-sub-box .agreement-box {
    justify-content: flex-start;
}
@media screen and (max-width: 1050px) {
    .banner-ninja-pro-mobile h2 {
        font-size: 32px;
    }

    .banner-ninja-mobile h2 span,
    .banner-ninja-pro-mobile h2 span {
        padding: 2px 16px;
    }

    .banner-ninja-mobile h2 {
        font-size: 36px;
    }
}

.banner-ninja-landing-sub {
    background-color: var(--black-ninja);
    border-radius: 20px;
    border: 1px solid var(--black-ninja);
    padding: 20px;
    color: #fff;
}

.banner-teacher,
.banner-teacher-mobile {
    background-color: var(--red-lighter-ninja);
    min-height: 337px;
}

.banner-ninja-landing-sub #img-cloud-1 {
    position: relative;
    float: right;
    top: -50px;
    left: 100px;
}

.banner-ninja-landing-sub h2 span {
    background-color: var(--red-ninja);
    color: #fff;
    padding: 2px 16px 10px;
    border-radius: 20px;
    display: inline-block;
}

.banner-ninja-landing-sub .span-description {
    font-weight: 700;
    padding: 0 20px;
    margin-top: -30px;
}

@media screen and (max-width: 850px) {
    .banner-ninja-landing-sub h2 br {
        display: none;
    }
}

.ld-course-list-items .ld_course_grid .bb-cover-list-item {
    border: 0;
    border-radius: 10px;
}

.my-block-ctm,
.my-block-ctm-img,
.my-block-ctm-shadow {
    border-radius: 12px;
}

#title-page {
    margin-top: 15px;
}

#list-related-post img {
    width: 150px;
    height: 150px;
    border-radius: 12px;
    object-fit: cover;
}

#list-related-post a {
    color: var(--black-ninja);
    font-weight: 700;
    font-size: 24px;
    margin-left: 20px;
}

#list-related-post div {
    margin: 10px 0;
    flex-basis: 100%;
}

.line-hover {
    border-top: 2px solid #0f0f0f;
}

.line-hover-white {
    border-top: 2px solid #fff;
    transition: width 0.6s;
}

.my-panel-ctm {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 auto;
    height: auto;
    justify-content: center;
}

.my-block-ctm .entry-content-wrap,
.my-block-ctm-title,
.story-container .header h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.my-panel-ctm-single-elem {
    justify-content: flex-start !important;
}

.my-block-ctm {
    margin: 0;
    padding: 10px;
    /* float: left; */
    flex: 1;
    max-width: 295px;
    position: relative;
}

.my-block-ctm-single-elem {
    flex-basis: 48% !important;
}

.my-block-ctm .entry-content-wrap {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 30px 25px !important;
}

.my-block-ctm .entry-header {
    margin-bottom: 1.25rem;
}

.my-block-ctm .entry-content {
    font-size: 0.875rem;
    color: var(--grey-presented-by-ninja);
    letter-spacing: -0.24px;
    line-height: 1.5;
    margin-bottom: 1.6875rem;
}

.my-block-ctm .entry-meta {
    margin-top: auto;
}

.my-block-ctm .arrow-wrap {
    margin-left: auto;
}

#my-block-desc-course h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    color: var(--black-ninja);
    padding: 0 20px;
    margin-top: 120px;
}

#my-block-desc-course button {
    margin: 0 20px;
}

#my-block-desc-course p {
    padding: 0 20px;
}

#my-block-desc-course-mobile {
    display: none;
    padding-left: 10px;
}

.my-block-ctm-img {
    width: 100%;
    min-height: 200px;
    background-size: cover !important;
}

.my-block-ctm-title {
    font-size: 24px;
    color: var(--bb-headings-color);
    letter-spacing: -0.24px;
    line-height: 150%;
    font-weight: 700;
    min-height: 72px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: Poppins;
}

.resource-title {
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.my-block-ctm-excerpt {
    font-size: 14px;
    color: var(--black-ninja);
    line-height: normal;
}

.catalogue-courses,
.resource-presented-by {
    line-height: 100%;
    text-transform: uppercase;
}

.my-block-ctm-center {
    color: var(--black-ninja);
    width: 94%;
}

.my-block-ctm-bottom {
    color: var(--black-ninja);
    height: 72px;
    position: absolute;
    bottom: 10px;
    width: 94%;
}

.bb-mobile-panel-inner .ud-btn-menu-mobile-abbonati {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    padding: 9px 21px;
    background: #eec243;
    border-radius: 5px;
    display: block;
    color: #171717;
}

#span-article-pro {
    background-color: var(--red-ninja);
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    font-size: 10px;
    padding: 8px 12px;
    text-transform: uppercase;
    position: relative;
    margin-left: 5px;
    top: -5px;
}

.my-block-ctm-bottom.event-card {
    bottom: 0 !important;
    margin-bottom: 22px;
    height: auto;
}

.my-block-ctm-desc {
    color: var(--black-ninja);
    padding-left: 18px;
}

.my-block-ctm-container {
    height: 100%;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.my-block-ctm-container:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.4s ease-in-out;
}

@media screen and (max-width: 558px) {
    .my-panel-ctm-single-elem .my-block-ctm-single-elem {
        flex-basis: 100% !important;
    }

    .my-block-ctm-single-elem#my-block-desc-course-mobile {
        display: block;
    }

    .my-block-ctm-single-elem#my-block-desc-course {
        display: none;
    }
}

@media screen and (max-width: 821px) {
    .my-block-ctm {
        flex-basis: 50%;
    }

    .my-panel-ctm {
        justify-content: center;
    }
}

@media screen and (min-width: 1200px) {
    div[id^="my-block-course-only-cover"] {
        flex-basis: 25%;
    }
}

.course-list-ctm {
    justify-content: start !important;
    margin-top: 20px;
    list-style: none;
    flex-flow: row wrap;
}

.course-list-item {
    max-width: none !important;
    flex: 0 0 25% !important;
}

@media screen and (max-width: 1200px) {
    .my-block-ctm.course-list-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 33.333% !important;
    }
}

@media screen and (max-width: 820px) {
    .my-block-ctm.course-list-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
    }

    #section-users-benefits-certificate .users-benefits-explaination {
        display: none;
    }

    #section-users-benefits-certificate .users-benefits-explaination-mobile {
        display: flex;
    }
}

@media screen and (max-width: 480px) {
    .my-block-ctm.course-list-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
}

.banner-teacher {
    border-radius: 20px;
    border: 1px solid var(--red-lighter-ninja);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.banner-teacher .desc-teacher {
    flex-basis: 60%;
    position: relative;
}

.banner-teacher .desc-teacher .slideshow-container {
    left: 22px;
    position: relative;
    top: -40px;
    background-color: var(--red-ninja);
    border-radius: 20px;
}

.banner-teacher .banner-teacher-title {
    flex-basis: 40%;
    position: relative;
    padding-left: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-teacher .banner-teacher-title p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--black-ninja);
    position: relative;
    max-width: 350px;
}

.banner-teacher .banner-teacher-title a {
    width: 101px;
    height: 30px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    color: var(--black-ninja);
}

.banner-teacher .slide-teacher-text h2,
.banner-teacher .slide-teacher-text p {
    font-weight: 700;
    line-height: 150%;
    padding-left: 30px;
    font-style: normal;
    font-family: Poppins;
}

.banner-teacher .slide-teacher-img {
    flex-basis: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-teacher .slide-teacher-text {
    flex-basis: 60%;
    padding: 35px 0;
    min-height: 380px;
}

.banner-teacher .slide-teacher-text h2 {
    color: #fff;
    font-size: 24px;
}

.banner-teacher .slide-teacher-text p {
    font-size: 14px;
    color: #fff;
    margin: 0 !important;
}

.banner-teacher .slide-teacher-text p span,
.banner-teacher-mobile .slide-teacher-text-mobile p span {
    font-weight: 400;
    font-family: Poppins;
}

.slide-teacher-text.customer-course-support p {
    font-size: 18px;
    text-align: left;
    color: #fff;
}

@media screen and (max-width: 1150px) {
    .slide-teacher-img.customer-course-support {
        flex-basis: 100% !important;
        text-align: left;
        margin-left: 25px;
    }

    .slide-teacher-text.customer-course-support {
        flex-basis: 100%;
    }

    .slide-teacher-text.customer-course-support h2 {
        font-size: 24px;
    }

    .slide-teacher-text.customer-course-support p {
        font-size: 18px;
        text-align: left;
        color: #fff;
    }
}

@media screen and (max-width: 750px) {
    .banner-teacher {
        display: none;
    }

    .banner-teacher-mobile {
        display: flex !important;
    }
}

.banner-teacher-mobile {
    border-radius: 20px;
    border: 1px solid var(--red-lighter-ninja);
    display: none;
    flex-wrap: wrap;
    flex-direction: row;
}

.banner-teacher-landing .desc-teacher,
.banner-teacher-mobile .banner-teacher-title-mobile,
.banner-teacher-mobile .desc-teacher-mobile {
    flex-basis: 100%;
    position: relative;
}

.banner-teacher-mobile .desc-teacher-mobile .slideshow-container-mobile {
    background-color: var(--red-ninja);
    border-radius: 20px;
    position: relative;
}

.banner-teacher-landing .banner-teacher-title p,
.banner-teacher-mobile .banner-teacher-title-mobile p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--black-ninja);
    position: relative;
    text-align: center;
}

.banner-teacher-landing .banner-teacher-title a,
.banner-teacher-mobile .banner-teacher-title-mobile a {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    text-align: center;
    color: var(--black-ninja);
}

.banner-teacher-landing .slide-teacher-img img,
.banner-teacher-mobile .slide-teacher-img-mobile img {
    width: 80px;
}

.banner-teacher-mobile .slide-teacher-text-mobile h2 {
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: #fff;
    font-size: 18px;
    text-align: left;
    font-family: Poppins;
}

.banner-teacher-mobile .slide-teacher-text-mobile p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    text-align: left;
    font-family: Poppins;
}

.banner-teacher-mobile .slides-teachers-mobile {
    display: none;
    padding: 20px;
    min-height: 350px;
}

.banner-teacher-mobile .banner-teacher-single {
    background-color: var(--red-ninja);
    border-radius: 20px;
}

.banner-teacher-landing {
    background-color: var(--yellow-ninja);
    border-radius: 20px;
    border: 1px solid var(--yellow-ninja);
    min-height: 500px;
}

.banner-teacher-landing .desc-teacher .slideshow-container .slides-teachers {
    background-color: var(--black-ninja);
    width: 600px;
    border-radius: 20px;
    position: relative;
}

.banner-teacher-landing .slide-teacher-text h2 {
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    color: #fff;
    font-size: 18px;
    text-align: left;
}

.banner-teacher-landing .slide-teacher-text p {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    text-align: left;
}

.banner-teacher-landing .banner-teacher-single {
    background-color: var(--black-ninja);
    border-radius: 20px;
}

.become-ninja-fixed-bottom {
    display: none;
    position: fixed;
    width: 100%;
    bottom: -2px;
    background: #f0f0f0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
    padding: 20px;
    z-index: 9999;
}

.become-ninja-fixed-bottom span {
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #181818;
    font-weight: 700;
}

.button-fixed {
    height: auto !important;
    width: 180px;
}

@media screen and (max-width: 799px) {
    .banner-ninja-widget {
        display: none;
    }

    .banner-ninja-mobile h2 {
        font-size: 32px;
    }

    .banner-ninja-mobile h2 span {
        padding: 2px 16px;
    }

    .banner-ninja-mobile #img-cloud-1 {
        top: -80px;
        width: 60%;
    }

    .become-ninja-fixed-bottom {
        display: block;
    }
}

.success-story-big {
    min-height: 500px;
}

.success-story-big .cover {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.success-story-big .content {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: var(--red-ninja);
    padding: 40px;
    gap: 30px;
}

.success-story-big .content .header h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    color: #fff;
    font-family: Poppins;
}

.success-story-big p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

.success-story-big .data-testimonial .anag {
    font-size: 14px;
    position: relative;
    line-height: 150%;
    color: #fff;
    display: inline-block;
}

.success-story-big-mobile .slides-success-story {
    background-size: cover !important;
    width: 100%;
    display: none;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 20px;
    color: #fff;
    height: 390px;
}

.slide-container-story {
    gap: 10px;
    padding: 20px;
}

.slides-success-story .tag-elem-spec {
    width: 67px;
    height: 25px;
    font-size: 10px;
    margin-top: 60px;
}

.slides-success-story h2 {
    font-size: 24px;
    color: #fff;
    position: relative;
}

.slides-success-story p {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    position: relative;
}

.slides-success-story label {
    font-size: 10px;
    color: #fff;
    position: relative;
}

.slides-success-story label .success-story-alumn-name {
    font-size: 14px;
    position: relative;
    width: auto;
    height: auto;
}

.success-story-medium {
    margin-top: 30px;
}

.success-story-medium-card {
    margin: 0;
    padding: 0 5px;
    flex-basis: 25%;
    position: relative;
}

.success-story-medium-card:hover .story-container {
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.success-story-medium-card .story-container {
    height: 420px;
    border-radius: 20px;
    color: #fff;
    background-size: cover !important;
}

.story-container .bottom,
.story-container .content,
.story-container .header {
    padding: 0 18px;
}

.story-container .header .tag-elem-spec {
    margin-top: 100px;
}

.story-container .header h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-top: 30px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: Poppins;
    line-height: 150%;
}

.story-container .content .date {
    font-family: Poppins;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    position: relative;
}

.story-container .data-testimonial label {
    font-size: 10px;
    color: #fff;
    position: relative;
    display: block;
    text-transform: uppercase;
}

.story-container .data-testimonial .anag {
    font-size: 14px;
    color: #fff;
    position: relative;
    font-family: Poppins;
    font-weight: 700;
}

.story-container .data-testimonial img.profile_avatar {
    image-rendering: -webkit-optimize-contrast;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 2px solid #dfdfdf;
    align-self: center;
    padding: 1px;
}

.story-container .bottom {
    color: var(--black-ninja);
    padding: 0 18px;
    position: absolute;
    bottom: 15px;
    width: 98%;
}

.success-story-medium-card:hover .line-hover-white {
    animation: 1s forwards increase-line;
}

@media screen and (max-width: 1060px) {
    .success-story-big .content .header h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 960px) {
    .buddypanel-open .bb-single-course-sidebar {
        margin-top: 15px !important;
    }

    .success-story-big .content .header h2 {
        font-size: 28px;
    }

    .success-story-big .content .header p {
        font-size: 16px;
    }

    .success-story-medium-card {
        flex-basis: 50%;
        padding: 0 10px 10px 5px;
    }

    .success-story-medium-card .story-container {
        height: 250px;
    }

    .success-story-medium-card .header .tag-elem-spec {
        margin-top: 80px;
    }

    .success-story-medium-card .header h2 {
        margin: 0;
        height: auto;
    }

    .success-story-medium-card .data-testimonial .anag {
        margin-top: -15px;
        display: block;
    }

    .success-story-medium-card .bottom {
        bottom: 22px;
    }
}

.success-story-big-mobile .owl-dots {
    max-width: 100px;
    display: flex;
    margin: 20px auto auto;
    justify-content: space-between;
}

.success-story-big-mobile .owl-dots .owl-dot {
    height: 13px;
    width: 13px;
    padding: 2px;
    background: #000;
}

.success-story-big-mobile .owl-dots .owl-dot.active {
    background: var(--red-ninja);
}

.success-story-big-mobile .owl-item .bottom a.link-arrow img {
    height: 16px !important;
    width: 16px !important;
}

.owl-carousel .owl-item img {
    width: auto;
}

.course-certificate {
    background-color: var(--black-ninja);
    height: 550px;
    padding: 60px;
}

.course-certificate h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 130%;
    margin-top: 60px;
    padding-left: 50px;
}

.course-certificate p {
    font-size: 14px;
    line-height: 150%;
    padding-left: 50px;
}

.course-certificate a {
    margin-left: 50px;
}

div#list-certificate {
    padding: 0 0 0 50px;
}

div#list-certificate div+div,
div#list-certificate-mobile div+div {
    margin-top: 10px;
}

.course-certificate-mobile {
    background-color: #fff;
    display: none;
    height: auto;
}

.course-certificate-mobile h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 130%;
    color: var(--black-ninja);
    margin-top: 60px;
}

.course-certificate-mobile p {
    font-size: 14px;
    line-height: 150%;
    margin-top: 20px;
    color: var(--black-ninja);
}

.course-certificate-mobile a {
    margin-left: 0;
}

div#list-certificate-mobile {
    padding: 0;
    color: var(--black-ninja);
}

#choose-ninja-certificate,
#students-brand .faq-courses {
    height: auto;
}

#choose-ninja-certificate h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    color: #000;
    margin-top: 60px;
    padding-left: 50px;
}

#choose-ninja-certificate h2 span,
#choose-ninja-certificate-mobile h2 span {
    background-color: var(--red-ninja);
    color: #fff;
    padding: 2px 10px 10px;
    border-radius: 20px;
    display: inline-block;
}

#choose-ninja-certificate p {
    font-size: 18px;
    line-height: 150%;
    color: #000;
    padding-left: 50px;
}

#choose-ninja-certificate-mobile h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 130%;
    color: #000;
    text-align: center;
}

#choose-ninja-certificate-mobile p {
    font-size: 14px;
    line-height: 150%;
    color: #000;
    text-align: center;
}

@media (max-width: 820px) {

    #choose-ninja-certificate-mobile,
    .course-certificate-mobile {
        display: flex;
    }

    #choose-ninja-certificate,
    .course-certificate {
        display: none;
    }
}

#section-users-benefits-certificate .users-benefits-explaination .expl-part-1 {
    display: flex;
    flex-direction: row;
    margin-top: 60px;
}

#section-users-benefits-certificate .users-benefits-explaination .expl-part-1 h3 {
    width: 300px;
    height: 86px;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
}

#section-users-benefits-certificate .users-benefits-explaination .expl-part-1 p {
    height: 122px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--black-ninja);
}

#section-users-benefits-certificate .users-benefits-explaination .expl-part-1 h4 {
    width: 305px;
    height: 64px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    align-items: center;
    color: var(--black-ninja);
}

#section-users-benefits-certificate .users-benefits-explaination .expl-part-2 a {
    position: relative;
    z-index: 1;
    top: 39px;
    left: 17%;
}

#section-users-benefits-certificate .users-benefits-explaination .expl-part-2 #img-cloud-mini {
    position: relative;
    top: -80px;
    float: right;
    right: -100px;
}

@media screen and (max-width: 1000px) {

    #section-users-benefits .users-benefits-explaination .expl-part-1 h3,
    #section-users-benefits-certificate .users-benefits-explaination .expl-part-1 h3 {
        font-size: 32px;
    }

    #section-users-benefits .users-benefits-explaination .expl-part-1 p,
    #section-users-benefits-certificate .users-benefits-explaination .expl-part-1 p {
        font-size: 16px;
    }

    #section-users-benefits .users-benefits-explaination .expl-part-1 h4,
    #section-users-benefits-certificate .users-benefits-explaination .expl-part-1 h4 {
        font-size: 22px;
    }

    #section-users-benefits .users-benefits-explaination .expl-part-2 h3,
    #section-users-benefits-certificate .users-benefits-explaination .expl-part-2 h3 {
        font-size: 36px;
    }

    #section-users-benefits .users-benefits-explaination .expl-part-2 #ninja-journal-sun,
    #section-users-benefits-certificate .users-benefits-explaination .expl-part-2 #ninja-journal-sun {
        right: -63px;
    }

    #section-users-benefits-certificate .users-benefits-explaination .expl-part-1 #div-img-step-by-step {
        display: none;
    }
}

@media screen and (max-width: 860px) {
    #section-users-benefits .users-benefits-explaination .expl-part-2 p {
        width: 200px;
    }

    #section-users-benefits .users-benefits-explaination .expl-part-2 #ninja-journal-sun,
    #section-users-benefits-certificate .users-benefits-explaination .expl-part-2 #ninja-journal-sun {
        height: 70%;
        margin-top: 97px;
    }

    #section-users-benefits-certificate .users-benefits-explaination .expl-part-2 p {
        width: 100px;
    }
}

@media (max-width: 433px) {

    .users-benefits-explaination-certificate-mobile .resource-ninja div:first-child,
    .users-benefits-explaination-mobile .resource-ninja div:first-child {
        flex-basis: 100%;
    }

    .users-benefits-explaination-certificate-mobile .resource-ninja div:nth-child(2),
    .users-benefits-explaination-mobile .resource-ninja div:nth-child(2) {
        display: none;
    }

    .div-img-ninja-reading-mobile-2 {
        display: block;
    }

    .div-img-ninja-reading-mobile-2 img {
        position: relative;
        height: 277px;
        top: -284px;
        right: -146px;
    }

    .resource-ninja {
        height: 335px;
    }

    .resource-ninja p {
        font-size: 15px;
    }
}

#section-our-students-work {
    background-color: var(--grey-ninja);
    padding: 30px;
}

#partner-certification-ninja {
    position: relative;
    z-index: 2;
    top: -50px;
    text-align: center;
}

#partner-certification-ninja div h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: var(--black-ninja);
    display: inline-block;
}

#partner-certification-ninja div h3 span {
    border: 1px solid var(--black-ninja);
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#section-widget-subscription #img-top-sub #img-cloud {
    position: relative;
    top: -43px;
    left: -20px;
}

.div-subscription-cards {
    padding: 30px;
    width: 100%;
    max-height: 604px;
    border-radius: 20px;
    background: var(--yellow-ninja);
}

.subscription-card {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    max-width: 500px;
    box-shadow: 0 0 20px 5px rgb(0 0 0 / 10%);
    background-color: #fff;
}

.subscription-card.black {
    background-color: var(--black-ninja) !important;
    color: #fff !important;
}

.subscription-card.white {
    background-color: #fff !important;
    color: #000 !important;
}

.subscription-card .body-sub-card,
.subscription-card .header-sub-card,
.subscription-card .price-sub-card {
    padding: 20px 30px 0;
}

.subscription-card .header-sub-card .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}

.subscription-card .header-sub-card .title {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
}

.subscription-card .body-sub-card .desc,
.subscription-card .body-sub-card .title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
}

.subscription-card .body-sub-card .elem-list {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}

.subscription-card .body-sub-card .elem-list img {
    margin-top: -2px;
    padding-right: 10px;
}

.subscription-card .price-sub-card .time,
.subscription-card .price-sub-card .val {
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
}

.subscription-card .price-sub-card .price {
    font-weight: 700;
    font-size: 64px;
    line-height: 74px;
}

.subscription-card .price-sub-card .scalapay {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
}

.subscription-card .price-sub-card .scalapay span {
    font-weight: 700;
    font-size: 12px;
    line-height: 120%;
}

.subscription-card .footer-sub-card {
    padding: 0 30px;
    text-align: center;
}

.subscription-card .footer-sub-card a {
    display: inline-block;
    margin: 17px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
}

.subscription-card.black .footer-sub-card a:hover {
    color: #fff;
    opacity: 0.7;
}

.subscription-card.white .footer-sub-card a:hover {
    color: var(--black-ninja);
    opacity: 0.7;
}

.white-box-sub {
    height: 300px;
    background: #fff;
}

@media (max-width: 919px) {
    .div-subscription-cards {
        max-height: 1220px;
    }

    .subscription-card+.subscription-card {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (max-width: 560px) {
    .div-subscription-cards {
        padding: 15px;
    }

    .subscription-card .header-sub-card .desc {
        font-size: 14px;
    }

    .subscription-card .header-sub-card .title {
        font-size: 24px;
    }

    .subscription-card .body-sub-card .desc,
    .subscription-card .body-sub-card .elem-list,
    .subscription-card .body-sub-card .title,
    .subscription-card .price-sub-card .scalapay {
        font-size: 12px;
    }

    .subscription-card .price-sub-card .val {
        font-size: 18px;
    }

    .subscription-card .price-sub-card .price {
        font-size: 56px;
    }

    .subscription-card .price-sub-card .time {
        font-size: 20px;
    }

    .subscription-card .footer-sub-card .button-ctm-yellow {
        height: auto;
    }
}

#section-why-ninja .sec-title .line-title {
    position: absolute;
    left: 375px;
    top: -5px;
    font-weight: 800;
    text-align: right;
    line-height: 1;
}

#section-why-ninja .sec-subtitle {
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: var(--black-ninja);
    font-size: 18px;
}

#section-why-ninja h2.title-section img#strip-1 {
    top: 11px;
    position: absolute;
    left: -115px;
}

#section-why-ninja h2.title-section img#strip-2 {
    top: 26px;
    left: -78px;
    position: absolute;
}

#section-why-ninja h2.title-section img#strip-3 {
    top: 42px;
    left: -47px;
    position: absolute;
}

#students-brand {
    position: relative;
    z-index: 2;
    top: -50px;
    text-align: center;
    align-self: center;
}

#students-brand div h4 {
    margin: 0 !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: var(--black-ninja);
    display: inline-block;
    text-align: end;
}

#students-brand div h4 span.student {
    border: 1px solid var(--black-ninja);
    border-radius: 10px;
    color: #000;
    padding: 0 10px 2px;
}

#students-brand div img {
    padding: 10px;
    width: 20%;
}

#students-brand .student-brand-title {
    flex: 0 0 39%;
    align-items: center;
    display: flex;
}

@media screen and (max-width: 615px) {
    #students-brand div img {
        padding: 10px;
        width: 50%;
        height: 50%;
    }

    #students-brand div img#sponsor-4 {
        padding: 20px 0;
    }

    #students-brand div h3 span.br {
        display: block;
    }

    #students-brand div h4 {
        text-align: center;
    }
}

.custom-faq {
    border: 1px solid;
    border-radius: 20px;
    padding: 20px;
    max-width: 700px;
    margin: auto;
}

.resource-presented-by {
    font-weight: 700;
    font-size: 10px;
    color: var(--grey-presented-by-ninja);
    font-family: Poppins;
}

.resource-presented-img {
    margin-top: 5px;
}

#mainslide .crm-sub-box {
    z-index: 43;
    position: relative;
    margin: 0 auto;
}

.icon-avatar-ctm {
    border: 5px solid #dfdfdf;
    padding: 3px;
}

.sticky-header .site-content {
    min-height: 70vh !important;
}

.bb-template-v2 #cover-image-container {
    border-radius: var(--bb-block-radius);
}

.catalogue-courses {
    font-weight: 700;
    font-size: 14px;
    color: var(--black-ninja);
    display: inline-block;
    margin-left: 10px;
}

#section-alexa-sub h2,
#section-content-sub h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    color: var(--black-ninja);
    margin-top: 115px;
}

@media screen and (max-width: 1050px) {
    .banner-ninja-landing-sub h2 {
        font-size: 32px;
    }

    .banner-ninja-brand-mobile h2 span,
    .banner-ninja-landing-sub h2 span {
        padding: 2px 16px;
    }

    #section-alexa-sub h2,
    #section-content-sub h2 {
        margin-top: 80px;
    }
}

@media screen and (max-width: 920px) {

    #section-alexa-sub h2,
    #section-content-sub h2 {
        margin-top: 50px;
    }

    #section-alexa-sub img,
    #section-content-sub img {
        width: 90%;
    }
}

@media screen and (max-width: 900px) {
    .desc-teacher .slideshow-container {
        left: 0;
    }

    .slide-teacher-text h2 {
        font-size: 22px;
    }

    #section-content-sub .flex-basis-50 {
        flex-basis: 100%;
        text-align: center;
        justify-content: center;
    }

    #section-content-sub h2 {
        margin-top: 0;
    }

    #section-content-sub img {
        width: 60%;
    }

    #section-content-sub .hide-mobile {
        display: none;
    }
}

.grassblade_iframe {
    margin: 0;
    position: relative;
    width: 100%;
    height: 100vh;
}

.tag-calendar {
    background-color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 10px;
    margin: 10px;
    color: var(--black-ninja);
    font-weight: 700;
    text-align: center;
    padding: 10px;
}

.tag-calendar span.day {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    display: block;
}

.tag-calendar span.month,
.tag-calendar span.year {
    font-size: 10px;
    line-height: 100%;
    font-weight: 700;
}

.tag-calendar span.month {
    text-transform: uppercase;
    display: block;
}

.event-tag-elem {
    margin: 8px;
}

.thank-you-section {
    background: url(/wp-content/themes/buddyboss-theme-child/imported/img/component/subscriptions/thank-you-bg.svg) 0 0 / contain no-repeat;
    height: 100vh;
    width: 100%;
}

.thank-you-section .container {
    max-width: 500px;
    float: left;
    position: absolute;
    top: 15%;
}

.thank-you-section .title,
.thank-you-section .title h2 {
    font-weight: 700;
    font-size: 32px;
    color: var(--black-ninja);
}

.thank-you-section .subtitle {
    font-weight: 400;
    font-size: 18px;
    color: var(--black-ninja);
}

.thank-you-section .subtitle a {
    font-weight: 700;
    color: var(--black-ninja);
    text-decoration: underline;
}

.thank-you-section .detail-subscription {
    border: 1px solid var(--red-lighter-ninja);
    border-radius: 10px;
    background-color: var(--red-lighter-ninja);
}

.thank-you-section .bottom a {
    display: inline-block;
    margin-top: 60px;
}

.thank-you-section .detail-subscription h3 {
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0 0 28px;
}

.thank-you-section .detail-subscription ul {
    margin-top: -20px;
}

.thank-you-section .detail-subscription li {
    font-size: 14px;
    line-height: 250%;
    list-style-type: none;
}

.banner-ninja-brand-mobile h2,
.desc-benefits .udcc-student-benefit span {
    font-weight: 700;
    line-height: 150%;
    color: var(--black-ninja);
    font-style: normal;
}

.thank-you-section .detail-subscription li img {
    margin-top: -5px;
}

@media (max-width: 1000px) {
    .thank-you-section .container {
        max-width: 400px;
        float: left;
        position: absolute;
        top: 0;
    }

    .thank-you-section .bottom a {
        display: inline-block;
        margin-top: 30px;
    }
}

@media (max-width: 800px) {

    .filter-categories a,
    .list-categories a {
        font-size: 10px;
    }

    .filter-categories .span-categories-filter,
    .list-categories .span-categories-filter {
        font-size: 14px;
    }

    .thank-you-section {
        background: 0 0;
    }

    .thank-you-section .container {
        max-width: 600px;
        float: left;
    }

    .thank-you-section .detail-subscription img#img-ninja-fly-cloud {
        display: block;
        position: absolute;
        width: 159.74px;
        right: 30px;
        top: 49%;
    }
}

@media (max-width: 519px) {
    .thank-you-section .detail-subscription img#img-ninja-fly-cloud {
        display: none;
    }
}

.banner-ninja-brand-mobile {
    background-color: var(--grey-ninja);
    border-radius: 20px;
    border: 1px solid var(--grey-ninja);
    padding: 20px;
}

.banner-ninja-brand-mobile #img-cloud-1 {
    position: relative;
    float: right;
    top: -60px;
    left: 100px;
    width: 280px;
}

.banner-ninja-brand-mobile h2 {
    position: relative;
    font-size: 36px;
    padding: 0 20px;
}

.banner-ninja-brand-mobile .content-banner {
    position: relative;
    top: -30px;
    padding: 0 20px;
}

.banner-ninja-brand-mobile .presented-by {
    position: relative;
    top: -40px;
    padding: 0 20px;
}

@media screen and (min-width: 800px) {
    .footer_mini {
        padding: 40px 0 0;
    }
}

@media screen and (max-width: 800px) {

    #footer_socialmedia .footer-menu-container .div-connect-us-info,
    .footer_custom #footer_container_description_certification #footer_description,
    .footer_custom #footer_container_menu #footer_certification {
        width: 100% !important;
    }

    #footer_container_menu #footer_socialmedia .footer-menu-container,
    .footer_custom #footer_container_menu {
        display: block !important;
    }

    #footer_description_mini .footer-logo,
    #img-title,
    .hide-mobile,
    .success-story-big,
    .success-story-medium {
        display: none;
    }

    #students-brand .container,
    .link-footer-mini-mobile,
    .success-story-big-mobile {
        display: block;
    }

    .footer_custom #footer_container_description_certification {
        display: block !important;
        border-bottom: 1px solid #fff;
    }

    .footer_custom #footer_container_description_certification #footer_menu,
    .footer_custom #footer_container_menu #footer_socialmedia {
        margin-top: 20px !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .div-footer-socials,
    .footer-inner-bottom #footer_description_mini,
    .footer-inner-bottom #footer_link_mini,
    .footer_custom #footer_container_connect_with_us .div-footer-socials {
        flex-basis: 100%;
    }

    #footer_description_mini p {
        margin-left: 0;
        color: var(--grey-footer-ninja);
        font-size: 10px;
    }

    .footer_mini .footer-inner-bottom {
        padding: 15px;
    }

    .footer_mini .footer-inner-bottom .footer-info-due-mini {
        font-size: 10px;
    }

    .footer-info-due {
        margin-left: 0;
        padding-right: 0;
    }

    .footer_custom #footer_container_menu .footer-menu-title {
        margin-left: 0;
        font-weight: 700;
    }

    .footer_custom #footer_container_menu .my_extra_menu_class ul li {
        margin-left: -25px;
    }

    .footer-info-details,
    .footer_custom #footer_container_connect_with_us .footer-socials {
        margin-left: 0;
    }

    .banner-ninja-brand-mobile h2,
    .banner-ninja-landing-sub h2,
    .banner-ninja-pro-mobile h2 {
        font-size: 32px;
    }

    .banner-ninja-brand-mobile h2 span,
    .banner-ninja-landing-sub h2 span,
    .banner-ninja-pro-mobile h2 span {
        padding: 2px 16px;
    }

    .banner-ninja-pro-mobile #img-cloud-1 {
        top: -150px;
    }

    .banner-ninja-landing-sub #img-cloud-1 {
        width: 60%;
    }

    #img-title-mobile {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

    #img-title-mobile #cloud-mini-mobile {
        position: relative;
        top: -25px;
    }

    .title-section .span-red {
        padding: 4px 14px;
    }

    .my-block-ctm-container {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    }

    .story-container .bottom,
    .story-container .content,
    .story-container .header {
        padding: 0;
    }

    .story-container .header .tag-elem-spec {
        margin-top: 65px;
    }

    .story-container .header h2 {
        font-weight: 700;
        min-height: 65px;
    }

    .story-container .data-testimonial .anag {
        display: block;
        margin-top: -11px;
    }

    .story-container .bottom {
        padding: 0 31px !important;
    }

    #section-why-ninja h2.title-section img#strip-1 {
        width: 61px;
        left: -75px !important;
    }

    #section-why-ninja h2.title-section img#strip-2 {
        width: 41px;
        top: 21px !important;
        left: -52px !important;
    }

    #section-why-ninja h2.title-section img#strip-3 {
        width: 31px;
        top: 31px !important;
        left: -37px !important;
    }

    #students-brand div h3 {
        text-align: center;
    }

    #students-brand .student-brand-title {
        text-align: center !important;
        justify-content: center;
        width: 100% !important;
    }

    #section-why-sub h2 {
        margin-top: 60px;
    }

    #section-alexa-sub .flex-basis-50 {
        flex-basis: 100%;
        text-align: center;
        justify-content: center;
    }

    #section-alexa-sub h2 {
        margin-top: 0;
    }

    #section-alexa-sub img {
        width: 80%;
    }

    .section-company-dekstop {
        display: none !important;
    }
}

@media screen and (max-width: 660px) {

    .banner-ninja-brand-mobile h2,
    .banner-ninja-landing-sub h2,
    .banner-ninja-mobile h2,
    .banner-ninja-pro-mobile h2 {
        font-size: 24px;
    }

    .banner-ninja-landing-sub h2 span,
    .banner-ninja-pro-mobile h2 span {
        padding: 2px 16px;
        border-radius: 12px;
    }

    .banner-ninja-brand-mobile h2 span,
    .banner-ninja-mobile h2 span {
        padding: 2px 16px;
    }
}

@media screen and (max-width: 550px) {
    .certificate-elem .flex-basis-50 {
        flex-basis: 100%;
        text-align: center;
    }

    .slide-teacher-img {
        flex-basis: 100% !important;
        text-align: center;
    }

    .slide-teacher-text {
        flex-basis: 100%;
    }

    .button-fixed {
        width: 100%;
    }

    #section-why-sub #campus_desktop,
    .banner-ninja-brand-mobile #img-cloud-1 {
        display: none;
    }

    #section-why-sub #campus_mobile {
        display: block;
        margin-left: 20px;
    }
}

.section-company-dekstop .section-company-left-side {
    width: 40%;
    flex: 0 0 40%;
}

.section-company-dekstop .section-company-left-side .button-ctm-red {
    padding: 16px 28px 17px !important;
}

.section-company-dekstop .section-company-right-side {
    width: 60%;
    flex: 0 0 60%;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    display: grid;
}

.section-company-mobile .section-company-bottom {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    display: grid;
    padding: 40px;
}

.section-company-left-side .subtitle-section,
.section-company-left-side .title-section {
    text-align: left !important;
}

.desc-benefits .udcc-student-benefit span {
    cursor: pointer;
    font-size: 24px;
    align-items: center;
    margin: 0 0 1.6875rem;
    display: inline-block;
    padding: 0;
    width: 340px;
    transition: font-size 0.1s, _ 0.1s;
    font-family: Poppins;
}

.desc-benefits .udcc-student-benefit p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--black-ninja);
    visibility: hidden;
    opacity: 0;
    height: 0 !important;
    transition: visibility, opacity 0.3s linear;
}

.desc-benefits .udcc-professional-benefit span {
    cursor: pointer;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    align-items: center;
    color: var(--black-ninja);
    margin: 0 0 1.4rem;
    display: inline-block;
    padding: 0;
    width: 340px;
    transition: font-size 0.1s, _ 0.1s;
    font-family: Poppins;
}

.desc-benefits .udcc-professional-benefit p {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--black-ninja);
    visibility: hidden;
    opacity: 0;
    height: 0 !important;
    transition: visibility, opacity 0.3s linear;
}

.desc-benefits .active span {
    transition: font-size 0.1s;
    font-size: 36px !important;
    line-height: 130% !important;
}

.desc-benefits .active p {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s linear;
    height: auto !important;
    margin: 0 0 5rem;
}

.udcc-professional-right-side .active,
.udcc-student-right-side .active {
    display: block !important;
}

.udcc-professional-right-side #udcc-cloud-bottom,
.udcc-student-right-side #udcc-cloud-bottom {
    position: absolute;
    bottom: 34px;
    right: 2px;
}

.udcc-student-benefit-mobile .active span,
.udcc-student-benefit-mobile span {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #171717;
}

.udcc-student-benefit-mobile .active p,
.udcc-student-benefit-mobile p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: none;
    color: #171717;
}

.udcc-width-200 {
    width: 200px;
}

#div-img-step-by-step-professional,
#div-img-step-by-step-student {
    width: 100px;
    position: relative;
}

#div-img-step-by-step-professional .step-by-step-professional,
#div-img-step-by-step-student .step-by-step-student {
    position: absolute;
    height: 465px;
    margin-top: 3px;
    width: 100px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
}

#div-img-step-by-step-student #step-by-step-student-1 {
    height: 503px !important;
}

#div-img-step-by-step-student #step-by-step-student-2 {
    height: 466px !important;
}

#div-img-step-by-step-student #step-by-step-student-3 {
    height: 522px !important;
}

#div-img-step-by-step-student #step-by-step-student-4 {
    height: 380px !important;
}

#div-img-step-by-step-professional #step-by-step-professional-1 {
    height: 468px !important;
}

#div-img-step-by-step-professional #step-by-step-professional-2 {
    height: 430px !important;
}

#div-img-step-by-step-professional #step-by-step-professional-3 {
    height: 450px !important;
}

#div-img-step-by-step-professional #step-by-step-professional-4 {
    height: 286px !important;
}

#div-img-step-by-step-professional .active,
#div-img-step-by-step-student .active,
.udcc-div-img-step-by-step-mobile .active,
.udcc-div-img-step-by-step-mobile-professional .active {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s linear;
}

#udcc-professional-visual-1 #cloud1,
#udcc-student-visual-1 #cloud1 {
    display: block;
    margin-bottom: 24px;
    width: 168px;
    z-index: -1;
}

#udcc-professional-visual-3 #main,
#udcc-student-visual-3 #main {
    position: absolute;
    bottom: 0;
    right: -77px;
    width: 341px;
    z-index: -1;
}

#udcc-professional-visual-3 #cloud-moon,
#udcc-professional-visual-4 #cloud-moon,
#udcc-student-visual-3 #cloud-moon,
#udcc-student-visual-4 #cloud-moon {
    position: absolute;
    top: 17px;
    right: 0;
    z-index: -1;
}

#udcc-professional-visual-3 #cloud1,
#udcc-student-visual-3 #cloud1 {
    position: absolute;
    bottom: 79px;
    right: 39px;
    width: 300px;
    z-index: -2;
}

#udcc-professional-visual-3 #cloud2,
#udcc-student-visual-3 #cloud2 {
    position: absolute;
    bottom: 32px;
    left: 0;
}

#udcc-student-visual-4 #main {
    position: absolute;
    bottom: 34px;
    right: -34px;
    z-index: -1;
    width: 341px;
}

#udcc-professional-visual-4 #main {
    position: absolute;
    bottom: 142px;
    right: -50px;
    z-index: -1;
    width: 276px;
}

#udcc-professional-visual-4 #cloud1,
#udcc-student-visual-4 #cloud1 {
    display: block;
    width: 203px;
    position: absolute;
    left: -30px;
    z-index: -1;
}

#udcc-student-visual-4 #cloud2 {
    display: block;
    position: absolute;
    top: 354px;
    width: 130px;
    z-index: -1;
    left: 28px;
}

#udcc-subtitle-paragraph {
    font-size: 13px;
    line-height: 19px;
    font-weight: 700;
    max-width: 221px;
}

#udcc-professional-visual-4 #cloud2 {
    display: block;
    position: absolute;
    top: 340px;
    width: 130px;
    z-index: -1;
    left: 28px;
}

#udcc-professional-visual-4 .button-ctm-yellow,
#udcc-student-visual-4 .button-ctm-yellow {
    position: absolute !important;
    bottom: 42px;
    left: 18px;
}

.udcc-mobile-content {
    display: flex;
    min-height: 500px;
}

.udcc-mobile-content .udcc-div-img-step-by-step-mobile,
.udcc-mobile-content .udcc-div-img-step-by-step-mobile-professional {
    width: 10%;
    position: relative;
}

.udcc-div-img-step-by-step-mobile .step-by-step-student-mobile,
.udcc-div-img-step-by-step-mobile-professional .step-by-step-professional-mobile {
    position: absolute;
    margin-top: 3px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
}

.udcc-mobile-content .udcc-desc-benefit-mobile {
    width: 90%;
    position: relative;
}

.udcc-desc-benefit-mobile .udcc-desc-benefit-detail-mobile,
.udcc-desc-benefit-mobile .udcc-desc-benefit-detail-mobile-professional {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 0;
    transition: opacity 0.3s linear;
}

.udcc-desc-benefit-mobile .active {
    visibility: visible;
    opacity: 1;
    height: auto !important;
    transition: opacity 0.3s linear;
}

.udcc-desc-benefit-mobile .udcc-visual-benefit-container {
    background: #fce9e9;
    border-radius: 20px;
    padding: 30px;
    height: 350px;
}

.udcc-visual-benefit-container h3 {
    color: #171717;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    margin: 0 !important;
}

.udcc-visual-benefit-container p {
    color: #171717;
    font-family: Poppins;
    font-style: normal;
    margin: 0 0 1rem !important;
}

.udcc-desc-benefit-mobile span.active {
    font-size: 24px !important;
}

.udcc-desc-benefit-mobile span.udcc-span-mobile,
.udcc-desc-benefit-mobile span.udcc-span-mobile-professional {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #171717;
    margin-bottom: 22px;
    display: block;
}

.udcc-desc-benefit-mobile .active p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: #171717;
}

.udcc-desc-benefit-detail-mobile .udcc-visual-benefit-container,
.udcc-desc-benefit-detail-mobile-professional .udcc-visual-benefit-container {
    position: relative;
    margin-bottom: 10px;
}

#udcc-benefit-mobile-1 #main,
#udcc-benefit-mobile-professional-1 #main {
    position: absolute;
    top: 21px;
    width: 169px;
    right: 0;
}

@media screen and (min-width: 440px) {

    #udcc-benefit-mobile-2 #main,
    #udcc-benefit-mobile-professional-2 #main {
        right: 0 !important;
    }
}

#udcc-benefit-mobile-2 #main,
#udcc-benefit-mobile-professional-2 #main {
    position: absolute;
    top: 21px;
    width: 169px;
    right: -56px;
}

#udcc-benefit-mobile-2 #udcc-cloud-bottom,
#udcc-benefit-mobile-professional-2 #udcc-cloud-bottom {
    position: absolute;
    width: 200px;
    bottom: 83px;
    right: -9px;
}

#udcc-benefit-mobile-3 #main,
#udcc-benefit-mobile-4 #main,
#udcc-benefit-mobile-professional-3 #main,
#udcc-benefit-mobile-professional-4 #main {
    width: 179px;
    bottom: 16px;
    position: absolute;
    right: -25px;
}

#udcc-benefit-mobile-3 #cloud-moon,
#udcc-benefit-mobile-4 #cloud-moon,
#udcc-benefit-mobile-professional-3 #cloud-moon,
#udcc-benefit-mobile-professional-4 #cloud-moon {
    position: absolute;
    top: 22px;
    width: 120px;
    right: -11px;
}

.udcc-visual-benefit-container a.button-ctm-yellow {
    position: absolute;
    bottom: 18px;
    z-index: 3;
}

.udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-1 {
    height: 621px;
}

.udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-2 {
    height: 693px;
}

.udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-3 {
    height: 615px;
}

.udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-4 {
    height: 195px;
}

.udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-1 {
    height: 638px;
}

.udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-2 {
    height: 670px;
}

.udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-3 {
    height: 622px;
}

.udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-4 {
    height: 200px;
}

@media screen and (min-width: 422px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-4 {
        height: 190px !important;
    }
}

@media screen and (min-width: 532px) {
    .udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-1 {
        height: 595px;
    }

    .udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-2 {
        height: 657px;
    }

    .udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-3 {
        height: 588px;
    }

    .udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-4,
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-4 {
        height: 200px;
    }

    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-1 {
        height: 621px;
    }

    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-2 {
        height: 593px;
    }
}

@media screen and (min-width: 542px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-3 {
        height: 586px !important;
    }
}

@media screen and (max-width: 398px) {
    .udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-1 {
        height: 648px;
    }

    .udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-2 {
        height: 687px;
    }

    .udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-3 {
        height: 677px;
    }

    .udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-4 {
        height: 226px;
    }
}

@media screen and (max-width: 381px) {
    .udcc-div-img-step-by-step-mobile #step-by-step-student-mobile-1 {
        height: 695px;
    }
}

@media screen and (max-width: 392px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-3 {
        height: 683px;
    }
}

@media screen and (min-width: 436px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-1 {
        height: 619px;
    }
}

@media screen and (min-width: 616px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-1 {
        height: 592px;
    }
}

@media screen and (min-width: 422px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-2 {
        height: 655px;
    }
}

@media screen and (min-width: 446px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-2 {
        height: 613px;
    }
}

@media screen and (min-width: 514px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-2 {
        height: 586px;
    }
}

@media screen and (min-width: 392px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-3 {
        height: 650px;
    }
}

@media screen and (min-width: 394px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-3 {
        height: 621px;
    }
}

@media screen and (max-width: 408px) {
    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-1 {
        height: 670px;
    }

    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-2 {
        height: 674px;
    }

    .udcc-div-img-step-by-step-mobile-professional #step-by-step-professional-mobile-4 {
        height: 200px;
    }
}

@media screen and (max-width: 430px) {
    .udcc-width-100 {
        width: 112px;
    }

    .udcc-width-140 {
        width: 140px;
    }
}

#section-banner-begin-ninja .banner-ninja-mobile .title h2 {
    z-index: 2;
}

@media screen and (max-width: 700px) {
    #section-banner-begin-ninja .banner-ninja-mobile .title img {
        display: none;
    }

    #banner-ninja-pro-new-section .banner-main-section,
    #banner-ninja-pro-new-section .banner-main-section span {
        font-size: 24px !important;
    }
}

#section-banner-begin-ninja .banner-ninja-mobile .title img {
    position: absolute;
    top: -57px;
    right: 21px;
    z-index: -1;
    width: 84px;
}

@media screen and (max-width: 500px) {
    .banner-ninja-mobile {
        height: 445px;
    }

    .banner-ninja-mobile #form-banner-desktop,
    .img-container {
        display: none;
    }

    .banner-ninja-mobile h2 {
        font-size: 24px;
    }

    .banner-ninja-mobile h2 span {
        padding: 2px 16px;
    }

    .banner-ninja-mobile #form-banner-mobile {
        display: block;
    }

    .banner-ninja-mobile #form-banner-mobile .crm-sidebar-container {
        padding: 0;
    }

    .banner-ninja-mobile #form-banner-mobile button.btn-crm-yellow {
        background-color: #fff;
        border: 1px solid #fff;
    }

    #list-related-post img {
        width: 100px;
        height: 100px;
    }

    #list-related-post a {
        font-size: 18px;
    }

    .my-block-ctm {
        flex-basis: 100%;
    }

    .flex-basis-50-imp {
        flex-basis: 100% !important;
    }

    .my-panel-ctm {
        justify-content: center;
    }

    #section-alexa-sub img,
    #section-content-sub img {
        width: 100%;
    }

    #udcc-benefit-mobile-professional-4 #main {
        right: -50px !important;
    }

    .section-company-mobile .section-company-bottom {
        padding: 20px !important;
    }
}

#banner-ninja-pro-new-section .banner-ninja-pro-new-container {
    background-color: #e3383e;
    padding: 40px;
    border-radius: 30px;
    position: relative;
    margin-top: 30px;
}

#banner-ninja-pro-new-section .banner-title-section {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    color: #ddd;
}

#banner-ninja-pro-new-section .banner-main-section,
#banner-ninja-pro-new-section .banner-main-section span,
.nps-modal-title-left {
    font-weight: 700;
    line-height: 130%;
    font-family: Poppins;
    font-style: normal;
}

#banner-ninja-pro-new-section .banner-main-section {
    font-size: 36px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 45px;
}

#banner-ninja-pro-new-section .banner-main-section span {
    background: #fff;
    border-radius: 20px;
    font-size: 36px;
    color: #171717;
    display: inline-block;
    padding: 5px 17px;
}

#banner-ninja-pro-new-section .banner-button-scopri {
    background: #eec243;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #171717;
    border-radius: 14px;
    padding: 10px 20px;
    position: relative;
    z-index: 2;
    display: inline-block;
}

#banner-ninja-pro-new-section img#cloud-bottom {
    position: absolute;
    right: 0;
    bottom: 15px;
}

#banner-ninja-pro-new-section img#cloud-bottom-mini {
    position: absolute;
    right: -55px;
    bottom: 36px;
}

#banner-ninja-pro-new-section img#cloud-top-mini {
    position: absolute;
    left: -70px;
    top: -31px;
}

@media screen and (max-width: 600px) {
    #banner-ninja-pro-new-section img#cloud-bottom {
        display: none;
    }
}

@media screen and (min-width: 600px) {

    #banner-ninja-pro-new-section img#cloud-bottom-mini,
    #banner-ninja-pro-new-section img#cloud-top-mini {
        display: none;
    }
}

.post-inner-wrap .post-author-info {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.post-inner-wrap .post-author-details {
    border: none !important;
    padding: 0 !important;
}

.event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn {
    max-width: 200px !important;
}

.event-tickets .tribe-tickets__rsvp-actions-wrapper {
    width: 100% !important;
}

.event-tickets .tribe-tickets__rsvp-wrapper {
    margin-bottom: 20px;
}

.event-tickets .tribe-tickets__rsvp-actions {
    border-top: none !important;
    margin-top: 0 !important;
}

.carousel-ctm.carousel-switch.carousel-switch-course {
    margin-bottom: 60px;
}
.carousel-ctm.carousel-switch{
    display: none;
}
.carousel-ctm.carousel-switch.content-carousel-active{
    display: block;
}

#rsvp-now.event-tickets .tribe-tickets__rsvp-wrapper .tribe-tickets__rsvp-message .tribe-tickets__rsvp-message-text strong {
    font-size: 15px;
    font-weight: inherit !important;
}

#rsvp-now.event-tickets .tribe-tickets__rsvp-wrapper .tribe-tickets__rsvp-message .tribe-tickets__rsvp-message-text strong a {
    font-weight: 900;
    text-decoration: underline;
    font-size: 15px;
}

#modalNpsOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.nps-modal-body-image-mobile {
    position: absolute;
    top: 0;
    left: 45px;
}

.nps-modal-content-image-hidden-mobile {
    position: relative;
    height: 69px;
    width: 100px;
    overflow: hidden;
}
.nps-modal-content .content-modal{
    background: white;
    padding: 20px 50px 20px;
}
.nps-modal-content .content-modal h5{
    margin-bottom: 0;
}

.nps-modal-content-image-hidden-mobile img {
    transform: rotate(180deg);
    position: absolute;
    top: -36px;
    z-index: 1;
}

.nps-modal-body-dekstop {
    display: flex;
    margin: 0 !important;
    position: relative;
}

.nps-modal-side-left {
    flex: 0 0 56%;
    max-width: 56%;
    background: #171717;
    border-radius: 20px 0 0 20px;
    padding: 54px;
    position: relative;
}

.nps-modal-side-right {
    flex: 0 0 44%;
    max-width: 44%;
    background: #fff;
    border-radius: 0 20px 20px 0;
    padding: 54px;
}

.nps-modal-content {
    margin: auto;
    width: 1036px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    transition: transform 1.5s;
    z-index: 999;
    text-align: left;
}

#modal-section-player-audio iframe {
    width: -webkit-fill-available;
    height: 100vh;
}

.nps-modal-close {
    color: #aaa;
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    right: 28px;
    top: 20px;
}

.nps-modal.show {
    display: block;
    opacity: 1;
}

.nps-modal.hide {
    opacity: 0;
}

.nps-modal-content.scale {
    transform: scale(1.1);
}

.nps-modal-title-left {
    position: relative;
    margin-bottom: 100px;
    font-size: 36px;
    color: #fff;
}

.nps-modal-subtitle-left {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 101px;
    color: #fff;
}

.nps-modal-price {
    position: relative;
    color: #fff;
    margin-bottom: 9px;
    display: flex;
}

.nps-modal-price-money,
.nps-modal-price-month {
    align-self: flex-end;
    font-size: 24px;
}

.nps-modal-price-value {
    font-family: Poppins;
    font-weight: 600;
    font-size: 64px;
    line-height: 76%;
}

.nps-modal-image-cloud {
    position: absolute;
    right: -26px;
    top: 0;
}

.nps-modal-subprice {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 40px;
}

.nps-modal-subprice.has-custom-price {
    font-size: 15px;
}

.nps-modal-subprice p {
    margin: 0 !important;
    font-weight: 600;
    display: inline !important;
}

.nps-custom-label {
    color: white;
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
}

.nps-modal-content .nps-modal-subprice .line-trough {
    text-decoration: line-through;
    font-size: 12px;
}

.nps-modal-button-subscribe button {
    height: 56px;
    width: -webkit-fill-available;
    border: none !important;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    background: #eec243;
    color: #000;
    border-radius: 14px;
    margin-bottom: 10px;
}

#modalUdcAudioPlayer .nps-modal-close {
    color: #fff;
    right: 7px !important;
    top: 5px !important;
}

.nps-modal-another,
.nps-modal-another a {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
    color: #fff !important;
}

.nps-modal-list-item-content,
.nps-modal-title-right {
    line-height: 150%;
    color: #171717;
    font-family: Poppins;
    font-style: normal;
}

.nps-modal-image-middle {
    height: 170px;
    position: absolute;
    bottom: 36px;
    right: -111px;
}

.nps-modal-container {
    position: relative;
    padding: 131px 22px 30px 37px;
}

.nps-modal-image-star1 {
    position: absolute;
    top: 41px;
    left: 0;
}

.nps-modal-image-star2 {
    position: absolute;
    top: 75px;
    left: 50px;
    height: 32px;
}

.nps-modal-image-star3 {
    position: absolute;
    left: -22px;
    top: 90px;
    height: 45px;
}

.nps-modal-image-starbottom {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 96px;
    transform: rotate(270deg);
    width: 72px;
}

.nps-modal-title-right {
    font-weight: 700;
    font-size: 16px;
}

.nps-modal-list {
    padding: 10px 0 10px 10px;
}

.nps-modal-list-item {
    display: flex;
    margin-bottom: 20px;
}

.nps-modal-list-check {
    width: 22px;
    margin-right: 10px;
}

.nps-modal-list-item-content,
.nps-modal-list-item-content-mobile {
    font-weight: 400;
    font-size: 14px;
}

.nps-modal-close-mobile {
    top: 40px !important;
}

.nps-modal-body-mobile {
    overflow: auto;
    max-height: 95vh;
    max-width: 400px;
    background-color: #000;
    margin: auto;
    position: relative;
    border-radius: 20px;
}

.nps-modal-container-mobile {
    padding: 100px 33px 33px;
}

.nps-modal-title-mobile {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 130%;
    color: #fff;
    margin-bottom: 30px;
}

.nps-modal-list-item-content-mobile,
.nps-modal-subtitle-mobile {
    font-family: Poppins;
    font-style: normal;
    line-height: 150%;
    color: #fff;
}

.nps-modal-subtitle-mobile {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 40px;
}

.nps-modal-title-list-mobile {
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}

.nps-modal-list-mobile {
    margin-bottom: 40px;
}

.nps-modal-price-mobile {
    margin-bottom: 5px;
    color: #fff;
}

@media screen and (max-width: 1036px) {
    .nps-modal-content {
        width: 94% !important;
    }
}

@media screen and (min-width: 800px) {
    .ud-tag-slider {
        text-align: center;
    }

    .ud-tag-slider .ud-row-tags {
        display: unset;
    }

    .story-container .data-testimonial .anag {
        top: -5px;
    }

    .story-container .data-testimonial label {
        bottom: -7px;
    }

    .ud-post-container,
    .udcr-container {
        display: flex !important;
    }

    .section-company-mobile,
    .udcc-mobile-content {
        display: none !important;
    }

    /* .widget-area:not(.widget-area-secondary) {
        flex: 0 0 330px !important;
        max-width: 330px !important;
    } */
    .nps-modal-body-mobile,
    .udc-player-in-mobile-article {
        display: none;
    }
}

@media screen and (max-width: 543px) {
    .header-cart-link-wrap .notification-dropdown {
        max-width: unset !important;
    }
}

.skeleton-animate {
    display: flex;
    flex-wrap: wrap;
}

.skeleton-sub {
    text-align: center;
    margin-top: 10px;
}

.skeleton-sub label {
    width: 80%;
    height: 10px;
    margin-bottom: 3px;
}

.animate {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee));
    background: -webkit-linear-gradient(left, #eee 8%, #ddd 18%, #eee 33%);
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    animation: 2s ease-in-out infinite avnSkeletonLoader;
}

@keyframes avnSkeletonLoader {
    0% {
        background-position: -200px;
    }

    100% {
        background-position: 300px;
    }
}

.no-animate {
    background: 0 0 !important;
}

.header-mini-cart .elementor-menu-cart__product-image {
    width: 46px;
}

.header-mini-cart .elementor-menu-cart__product .elementor-menu-cart__product-name {
    margin: 0;
    padding: 0;
}

.header-mini-cart .elementor-menu-cart__product .elementor-menu-cart__product-price {
    align-self: auto;
}

.header-mini-cart .elementor-menu-cart__subtotal {
    border: none;
    padding: 0;
}

.header-mini-cart .elementor-menu-cart__subtotal .woocommerce-Price-amount.amount {
    font-weight: 400;
}

.header-mini-cart .elementor-menu-cart__footer-buttons {
    padding: 0;
    display: flex;
}

.header-mini-cart .elementor-menu-cart__footer-buttons .elementor-button {
    color: var(--bb-primary-color);
    margin: 0 !important;
    padding: 0 !important;
}

@media screen and (max-width: 800px) {

    .nps-modal-body-dekstop,
    .udc-player-in-dekstop {
        display: none;
    }

    .bb-mobile-header .header-aside {
        padding-right: 15px;
        position: absolute;
        right: 0;
    }
}

.bb-single-course-sidebar .learndash_join_button .not-paid-button-acquista,
.bb-single-course-sidebar .learndash_join_button .not-paid-button-acquista:hover {
    background-color: transparent !important;
    color: var(--black-ninja) !important;
    font-weight: 700 !important;
    border: 1px solid #000 !important;
    margin-bottom: 15px !important;
}

.bb-single-course-sidebar .learndash_join_button .not-paid-button-abbonati,
.bb-single-course-sidebar .learndash_join_button .not-paid-button-abbonati:hover {
    background-color: var(--yellow-ninja) !important;
    color: var(--black-ninja) !important;
    font-weight: 700 !important;
    border-bottom: none !important;
    border: 1px solid var(--yellow-ninja) !important;
    margin-bottom: 15px !important;
}


/* Courses modal price */
#modalCnpsOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.cnps-modal-content {
    margin: auto;
    width: 1036px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    transition: transform 1.5s;
    z-index: 999;
    background: #fff;
    padding: 15px 100px;
    border-radius: 20px;
}

.cnps-modal-content .content {
    display: flex;
    margin: 0 !important;
    position: relative;
}

.cnps-modal-content .ninja-img {
    position: absolute;
    left: -52px;
    z-index: 0;
    transform: rotate(-90deg);
    width: 80px;
    top: 45px;
}

.cnps-modal-close:focus,
.cnps-modal-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.cnps-modal-close {
    color: #aaa;
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    right: 28px;
    top: 20px;
}

.cnps-modal-content .big-title {
    font-family: 'PoppinsBold';
    font-style: normal;
    font-weight: 700;
    font-size: 30px !important;
    line-height: 48px;
    color: #181818;
    position: relative;
    margin-bottom: 20px;
    width: 69%;
}

.cnps-modal-content .big-title span {
    background-color: #e3383e;
    padding: 6px 20px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    color: #fff;
}

.cnps-modal-side-left {
    flex: 0 0 50%;
    max-width: 50%;
    background: #171717;
    border-radius: 20px;
    padding: 20px 30px;
    position: relative;
}

.cnps-modal-side-left .title-small .left {
    font-family: 'Poppins';
    color: #fff;
    font-size: 18px;
}

.cnps-modal-side-left .title-small .right {
    padding: 10px 10px;
    background: #eec243;
    border-radius: 14px;
    color: #171717;
    font-family: "poppinsBold";
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 15px;
    margin-top: -5px;
}

.cnps-modal-side-left .title {
    color: #fff;
    font-family: 'poppinsBold';
    font-size: 30px;
    margin-bottom: 30px;
}

.cnps-modal-side-left .list {
    color: #fff;
    font-family: 'Poppins';
}

.cnps-modal-side-left .list p {
    font-family: 'PoppinsBold';
    margin-bottom: 10px;
}

.cnps-modal-side-left .list .item {
    margin-bottom: 10px;
    font-size: 14px;
}

.cnps-modal-side-left .list .item img {
    margin-right: 10px;
}

.cnps-modal-side-left .price {
    margin-top: 35px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 18px;
}

.cnps-modal-side-left .price span {
    font-family: 'poppinsBold';
    font-size: 42px;
}

.cnps-modal-side-left .price-description {
    font-family: 'Poppins';
    color: #fff;
    font-size: 12px;
    margin-bottom: 30px;
}

.cnps-modal-side-left .price-description span {
    font-family: 'PoppinsBold';
}

.cnps-modal-side-left .button-subscribe button {
    height: 56px;
    width: -webkit-fill-available;
    border: none !important;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    background: #eec243;
    color: #000;
    border-radius: 14px;
    margin-bottom: 10px;
}

.cnps-modal-side-left .button-scopri {
    text-align: center;
    font-family: 'poppinsBold';
    margin-top: 10px;
}

.cnps-modal-side-left .button-scopri a {
    color: #fff !important;
}

.cnps-modal-side-right {
    flex: 0 0 50%;
    max-width: 50%;
    background: #fff;
    border-radius: 20px;
    padding: 20px 30px;
    position: relative;
}

.cnps-modal-side-right .title-small .left {
    font-family: 'Poppins';
    color: #000;
    font-size: 18px;
}

.cnps-modal-side-right .title {
    color: #000;
    font-family: 'poppinsBold';
    font-size: 30px;
    margin-bottom: 30px;
}

.cnps-modal-side-right .list {
    color: #000;
    font-family: 'Poppins';
}

.cnps-modal-side-right .list p {
    font-family: 'PoppinsBold';
    margin-bottom: 10px;
}

.cnps-modal-side-right .list .item {
    margin-bottom: 10px;
    font-size: 14px;
}

.cnps-modal-side-right .list .item.disabled {
    opacity: 0.6;
}

.cnps-modal-side-right .list .item img {
    margin-right: 10px;
}

.cnps-modal-side-right .price {
    margin-top: 35px;
    color: #000;
    font-family: 'Poppins';
    font-size: 18px;
    margin-bottom: 55px;
}

.cnps-modal-side-right .price span {
    font-family: 'poppinsBold';
    font-size: 42px;
}

.cnps-modal-side-right .button-subscribe button {
    height: 56px;
    width: -webkit-fill-available;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    background: #fff;
    color: #000;
    border-radius: 14px;
    margin-bottom: 10px;
    border: 1px solid #000;
}

@media screen and (max-width: 1000px) {
    .cnps-modal-content {
        padding: 50px 20px 20px 20px;
        margin: 0;
        overflow: auto;
        max-height: 95vh;
        max-width: 385px;
    }

    .cnps-modal-content .content {
        display: block;
    }

    .cnps-modal-side-left,
    .cnps-modal-side-right {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .cnps-modal-content .big-title {
        font-size: 22px !important;
        line-height: 35px;
        width: 80%;
        margin-bottom: 50px;
    }

    .cnps-modal-content .big-title span {
        padding: 4px 18px;
        border-radius: 15px;
    }

    .cnps-modal-content .ninja-img {
        top: -54px;
        right: 20px;
        transform: none;
        left: initial;
    }

    .cnps-modal-side-right {
        border-radius: 20px;
        border: 1px solid grey;
        margin-top: 15px;
    }

    .cnps-modal-side-left .title-small .left,
    .cnps-modal-side-right .title-small .left {
        font-size: 14px;
    }

    .cnps-modal-side-left .title,
    .cnps-modal-side-right .title {
        font-size: 22px;
    }

    .cnps-modal-side-left .list .item,
    .cnps-modal-side-right .list .item {
        font-size: 12px;
    }

    .cnps-modal-side-left .price,
    .cnps-modal-side-right .price {
        font-size: 14px;
    }

    .cnps-modal-side-left .price span,
    .cnps-modal-side-right .price span {
        font-size: 32px;
    }

    .cnps-modal-side-left .button-subscribe button,
    .cnps-modal-side-left .button-scopri a,
    .cnps-modal-side-right .button-subscribe button {
        height: 40px;
        font-size: 14px;
        border-radius: 14px;
    }
}

#scala_pay_text_modal {
    font-family: 'Poppins';
    color: #ffffff;
    text-align: center;
    margin-top: 50px;
}

#scala_pay_text_modal p {
    margin-bottom: 0;
}

#scala_pay_text_modal p img {
    max-width: 100px;
}

.logged-in .tribe-events #hero-desktop,
.logged-in .tribe-events #hero-mobile,
.logged-in .tribe-events #section-banner-begin-ninja {
    display: none;
}

.tribe-events .banner-ninja-mobile {
    padding: 20px !important;
    margin-bottom: 50px !important;
}

.tribe-events .banner-ninja-mobile #form-banner-mobile button.btn-crm-yellow {
    font-weight: 800;
    color: black;
    border-radius: 14px !important;
    padding: 10px 20px !important;
}

/* fix for uo-tincanny-content lessons */
.single-sfwd-lessons #learndash-content .uo-tincanny-content iframe {
    /*overflow: hidden;*/
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
    /*height: 100%!important;*/
    width: 100% !important;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

article a.post-author,
.my-block-ctm-container a.post-author {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #333333;
}

#menu-titlebar-mobile li i.bb-icon-file {
    display: none;
}

@media screen and (min-width: 1030px) {
    #secondary .bb-sticky-sidebar.is_stuck {
        position: relative !important;
        top: 0 !important;
        width: auto !important;
        bottom: 0 !important;
    }

    #secondary .bb-sticky-sidebar {
        overflow: hidden scroll;
        height: 85vh;
    }

    html:not([data-scroll='0']) #secondary .bb-sticky-sidebar {
        position: relative;
        top: 15px;
    }
}

.entry-content-wrap .empty-image {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: #dfdfdf;
}

#groups-list.bp-list:not(.grid) .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button) {
    padding: 1px 7px;
}

figure.image-style-block-align-right {
    text-align: right;
}

figure.image {
    text-align: center;
}

figure.image-style-block-align-left {
    text-align: left;
}

/* #secondary .bb-sticky-sidebar::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
#secondary .bb-sticky-sidebar::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}
#secondary .bb-sticky-sidebar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
} */
#primary-menu .bb-sub-menu {
    /*overflow-y: hidden;*/
    max-width: unset !important;
}

.site-header #primary-navbar .primary-menu .menu-item>.ab-submenu .bb-sub-menu .menu-item:hover .ab-submenu {
    transform: unset;
    right: unset;
    opacity: 0;
    visibility: hidden;
}

#primary-menu .bb-sub-menu li .wrapper.ab-submenu {
    top: 0px !important;
    margin-left: 15px !important;
    box-shadow: none !important;
}

#primary-menu .bb-sub-menu li .wrapper.ab-submenu.active {
    visibility: visible !important;
    position: relative !important;
    opacity: 1 !important;
}

.udc-toogle-div {
    width: 100%;
    border: 0;
    border-radius: 6px;
    display: flex;
    background: 0 0;
    font-size: 14px;
    color: var(--bb-headings-color);
    line-height: 24px;
    padding: 12px 0 12px 15px;
    position: relative;
}

.udc-toogle-div .link-text {
    margin-right: auto;
    vertical-align: middle;
}

#tribe-events-content.tribe-events-single .tribe_events strong a {
    color: var(--bb-primary-color) !important;
}

article .ud-hover-line {
    margin-top: 1rem;
    display: flex;
}

article.type-tribe_events .ud-hover-line {
    margin-top: auto;
}

/* ================================ EVENT TEMPLATE ================================= */
.event-template {
    min-height: 200px !important;
}

.event-template .event-detail-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.event-template .event-detail-container .event-title {
    color: black;
    font-weight: 700;
    font-size: 18px;
}

.event-template .date-content {
    margin-bottom: 20px;
    height: 50px;
}

.event-template .date-content .event-detail {
    font-size: 13px;
    margin-top: -5px;
    color: #a3a5a9;
}

.event-template .date-content .event-date {
    display: flex;
    justify-content: center;
}

.event-template .date-content.is-series .event-date {
    display: block;
}

.event-template .date-content .event-date-series {
    font-size: 20px;
    font-weight: 700;
    color: black;
    margin-left: 5px;
}

.event-template .date-content.is-series .event-date-series {
    margin-left: 0;
    margin-top: -5px;
}

.event-template .date-content .event-day-series {
    color: #f1451f;
    font-size: 14px;
    font-weight: 500;
}

.ud-item-carousel .my-block-ctm-img {
    position: relative;
}

.episode-label {
    color: black;
    position: absolute;
    bottom: 17px;
    right: 0;
    background: white;
    padding: 2px 11px !important;
    font-size: 14px;
    font-weight: 500;
    border-radius: 7px 0 0 7px;
}

.episode-label span {
    font-weight: 800;
}

#events-home-carousel .my-block-ctm-img {
    display: flex;
    align-items: center;
}

/* =================== Modal delete account =================== */
.ninja-delete-account #open-modal-request-delete-account:disabled {
    cursor: not-allowed;
    background: lightgray;
    border: 1px solid;
}

#modal-deletion-account {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

#modal-deletion-account .modal-content {
    background-color: #fefefe;
    margin: 220px auto auto;
    padding: 30px 20px;
    border: 1px solid #888;
    width: 500px;
    border-radius: 10px;
    color: black;
    text-align: center;
}

#modal-deletion-account .modal-content p span {
    font-size: 13px;
    font-weight: 200;
    line-height: 17px;
    display: block;
}

#modal-deletion-account #ninja-delete-account-request i {
    display: none;
}

#modal-deletion-account .modal-content #close-modal {
    background: darkgray;
    border: 1px solid darkgray;
}

@media screen and (max-width:550px) {
    #modal-deletion-account .modal-content {
        width: 94%;
    }
}

.single-post .ud-hover-line {
    display: none;
}

.user-has-subscription-active .hide-subscription-active {
    display: none;
}

.user-has-no-subscription-active .hide-subscription-non-active {
    display: none;
}

.elementor-editor-active .hide-subscription-active,
.elementor-editor-active .hide-subscription-non-active {
    display: block;
}

.user-fnb .hide-from-user-nfb,
.user-fnb #banner-ninja-pro-new-section,
.user-fnb .elementor-popup-modal,
.user-fnb .proofNotificationWrapper,
.user-fnb .lms-course-members-list {
    display: none !important;
}

.btn-access-course-nfb .course-block {
    border-bottom: none !important;
    margin-bottom: 15px !important;
    width: 100%;
}

.btn-access-course-nfb .go-to-course {
    background-color: var(--yellow-ninja) !important;
    color: var(--black-ninja) !important;
    font-weight: 700 !important;
    border: 1px solid var(--yellow-ninja) !important;
    margin-bottom: 15px !important;
    width: 100%;
    border-radius: var(--bb-button-radius);
    width: 100%;
    font-size: 14px;
    display: inline-block;
    padding: 10px 19px;
    line-height: 1.471;
}

.btn-access-course-nfb .free-course {
    font-family: inherit;
    font-size: 15px;
    background-color: var(--bb-primary-button-background-regular);
    color: var(--bb-primary-button-text-regular);
    border: 1px solid var(--bb-primary-button-border-regular);
    border-radius: var(--bb-button-radius);
    padding: 10px 20px;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    line-height: 1.3;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    border-bottom: none;
    margin-bottom: 15px;
    width: 100%;
}

.ud-hover-line .right {
    width: 16px !important;
}

.bb-lms-pagination_nb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.bb-lms-pagination_nb .page-numbers,
.bb-lms-pagination_nb .post-page-numbers {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    border-radius: var(--bb-block-radius-inner);
    padding: 0;
}

.bb-lms-pagination_nb span.page-numbers:not(.dots),
.bb-lms-pagination_nb span.post-page-numbers {
    color: var(--bb-body-background-color);
    background-color: var(--bb-primary-color);
}

.bb-lms-pagination_nb .page-numbers:not(.next, .prev),
.bb-lms-pagination_nb .post-page-numbers:not(.next, .prev) {
    min-width: 28px;
}

.bb-lms-pagination_nb a.page-numbers:not(.prev, .next),
.bb-lms-pagination_nb a.post-page-numbers {
    color: var(--bb-body-text-color);
    margin: 0 2px;
}

.bb-lms-pagination_nb .page-numbers.next,
.bb-lms-pagination_nb .page-numbers.prev,
.bb-lms-pagination_nb .post-page-numbers.next,
.bb-lms-pagination_nb .post-page-numbers.prev {
    width: 28px;
}

.bb-lms-pagination_nb a.next,
.bb-lms-pagination_nb a.prev {
    background-color: var(--bb-content-background-color);
    border: 1px solid var(--bb-content-border-color);
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--bb-body-text-color);
}

.bb-lms-pagination_nb a.next:before,
.bb-lms-pagination_nb a.prev:before {
    font-family: bb-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    list-style: none;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    line-height: 28px;
}

.bb-lms-pagination_nb a.next:before {
    content: "\e827";
}

.bb-lms-pagination_nb a.prev:before {
    content: "\e8ab";
}

.ld-progress-bar .ld-progress-bar-percentage {
    background-color: var(--bb-success-color);
}

#header-aside .business-link {
    background: 0 0;
    border: 0;
    color: var(--bb-header-links);
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 12px;
}

#ninja-post-related-container h2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    color: #171717;
    line-height: 130%;
}

#ninja-post-related-container .my-block-ctm {
    max-width: unset;
}

#ninja-post-related-container .my-block-ctm .right {
    width: 20px;
}

#ninja-post-related-container .my-block-ctm img {
    margin: 0;
}

#ninja-post-related-container .my-block-ctm .ud-hover-section {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 20px;
}

#ninja-post-related-container .my-block-ctm .entry-meta {
    margin-bottom: 0;
}

#ninja-post-related-container .ud-hover-section .ud-line-hover {
    width: 0;
    border-top: 2px solid;
    top: 7px;
    position: relative;
    transition: width 0.4s ease-in-out;
}

#ninja-post-related-container .my-block-ctm .my-block-ctm-container:hover .ud-hover-section .ud-line-hover {
    width: calc(100% - 24px);
    transition: width 0.4s ease-in-out;
}

#ninja-post-related-container .owl-nav {
    text-align: center;
    margin-top: 30px;
}

#ninja-post-related-container .owl-nav .owl-prev::before {
    content: url("/wp-content/themes/buddyboss-theme-child/imported/img/component/arrow-left-black.svg");
}

#ninja-post-related-container .owl-nav .owl-next::before {
    content: url("/wp-content/themes/buddyboss-theme-child/imported/img/component/arrow-right-black.svg");
}

#ninja-post-related-container .owl-nav .owl-prev span {
    display: none;
}

#ninja-post-related-container .owl-nav .owl-next span {
    display: none;
}

#ninja-post-related-container .owl-prev,
#ninja-post-related-container .owl-next {
    padding: 10px 14px 7px;
    border: 1px solid;
    border-radius: 15px;
}

#ninja-post-related-container .owl-prev {
    margin-right: 10px;
}

#ninja-post-related-container .my-block-ctm h3.my-block-ctm-title {
    font-size: 25px;
}
@media screen and(max-width: 800px) {
    #ninja-post-related-container h2 {
        font-size: 27px;
    }

    #ninja-post-related-container .my-block-ctm h3.my-block-ctm-title {
        font-size: 22px;
    }
}

#content.min-height-full{
    min-height: 100svh !important;
}

.woocommerce table.shop_table .coupon button.button {
    color: white;
}
#payment .wc_payment_method.payment_method_wc_gateway_gestpay{
    display: none;
}
.woocommerce-lost-password ul.woocommerce-error,
.woocommerce-lost-password ul.woocommerce-error::before{
    color: black;
}
.header-mini-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{
    display: none;
}
header#masthead{
    padding: 0;
}
header#masthead #top-section{
    padding: 0 30px;
}
@media screen and (max-width: 800px) {
    header#masthead #top-section{
        padding: 0 10px;
    }
}
/*.user-not-logged-in .yarpp.yarpp-related{*/
/*    display: none;*/
/*}*/
#nj-loader-container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #8080807d;
    z-index: 999;
    display: none;
}
#nj-loader-container.active{
    display: flex;
}
.dfd-fixed-layout #nj-loader-container.active{
    display: none;
}
.search-visible .site-header--bb .header-search-wrap form label input{
    opacity: 0;
}

#nj-loader-container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #8080807d;
    z-index: 999;
    display: none;
}
#nj-loader-container.active{
    display: flex;
}
.dfd-fixed-layout #nj-loader-container.active{
    display: none;
}

#nj-modal-cancel-trial-subscription{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    overflow: hidden;
    color: black;
}
#nj-modal-cancel-trial-subscription.open {
    display: block;
    animation: modalopen 0.5s;
}

#nj-modal-cancel-trial-subscription.close {
    animation: modalclose 0.5s;
}
#nj-modal-cancel-trial-subscription .nj-modal-content{
    position: relative;
    margin: 15% auto;
    padding: 20px;
    width: 580px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    text-align: start;
}
#nj-modal-cancel-trial-subscription .nj-modal-header{
    text-align: end;
    margin-bottom: 10px;
}
#nj-modal-cancel-trial-subscription .nj-modal-header i{
    font-size: 20px;
    cursor: pointer;
}
#nj-modal-cancel-trial-subscription .nj-modal-body{
    margin-bottom: 25px;
    text-align: center;
}
#nj-modal-cancel-trial-subscription .nj-modal-footer{
    display: flex;
    justify-content: center;
    gap: 10px;
}
#nj-modal-cancel-trial-subscription .nj-modal-footer a:nth-of-type(1){
    background: #eec243;
    color: black;
    font-weight: 600;
    padding: 12px 17px;
    border-radius: 12px;
    font-size: 13px;
}
#nj-modal-cancel-trial-subscription .nj-modal-footer a:nth-of-type(2){
    background: black;
    color: white;
    font-weight: 600;
    padding: 12px 17px;
    border-radius: 12px;
    font-size: 13px;
}
@media screen and (max-width: 650px) {
    #nj-modal-cancel-trial-subscription .nj-modal-content {
        width: 95%;
        margin: 35% auto;
    }
    #nj-modal-cancel-trial-subscription .nj-modal-footer{
        display: block;
    }
    #nj-modal-cancel-trial-subscription .nj-modal-footer a{
        display: block;
        text-align: center;
    }
    #nj-modal-cancel-trial-subscription .nj-modal-footer a:nth-of-type(1){
        margin-bottom: 12px;
    }
}
@keyframes modalopen {
    from {
        top: -50%;
    }

    to {
        top: 0;
    }
}

@keyframes modalclose {
    from {
        top: 0;
    }

    to {
        top: -50%;
    }
}
.show-only-user-nb{
    display: none;
}
.user-fnb .show-only-user-nb{
    display: block;
}

#nj-course-container{
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
}
#nj-course-container .nj-course-content{
    border: 1px solid black;
    border-radius: 15px;
    width: 31%;
    position: relative;
    background: white;
    display: flex;
    flex-direction: column;
}
#nj-course-container .nj-course-discount-label{
    position: absolute;
    color: white;
    font-weight: 600;
    line-height: 35px;
    padding: 0 18px;
    left: -8px;
    top: 20px;
    background: #E3383E;
    font-size: 14px;
}
#nj-course-container .nj-course-discount-label::before{
    content: '';
    height: 0;
    width: 0;
    top: -9px;
    left: 0.1px;
    border-bottom: 9px solid black;
    border-left: 9px solid transparent;
    position: absolute;
}
#nj-course-container .nj-course-img-content{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 200px;
    border-radius: 15px 15px 0 0;
}
#nj-course-container .nj-course-details{
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 200px);
}
#nj-course-container .nj-course-details h2{
    color: black;
    font-family: "Poppins", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: auto;
}
#nj-course-container .nj-course-details p{
    color: black;
    margin-bottom: 0;
}
#nj-course-container .nj-course-details .price{
    margin: 20px 0;
}
#nj-course-container .price .nj-course-sale-price{
    display: block;
    font-size: 28px;
    font-weight: 300;
    color: black;
    text-decoration: line-through;
    margin-bottom: 5px;
}
#nj-course-container .price .nj-course-regular-price{
    display: block;
    font-weight: 700;
    color: black;
    font-size: 45px;
    line-height: 50px;
}
#nj-course-container .nj-course-add-to-cart{
    background-color: #EEC243;
    font-family: "Poppins", Sans-serif;
    font-weight: 700;
    color: black;
    border-style: none;
    border-radius: 10px 10px 10px 10px;
    padding: 16px 20px;
    margin-bottom: 20px;
}
#nj-course-container .nj-course-go-to-course{
    color: black;
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 10px;
}
#nj-course-container .nj-course-etc{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 54px;
    margin-top: 10px;
}
@media screen and (max-width:1200px) {
  #nj-course-container .nj-course-content{
    width: 48%;
  }
}
@media screen and (max-width:700px){
  #nj-course-container .nj-course-content{
    width: 100%;
  }
}
.nj-ribbon-campus-lifetime-content {
    color: white;
    font-weight: 600;
    width: 130px;
    line-height: 24px;
    padding: 8px 0 8px 18px;
    position: absolute;
    left: -8px;
    top: 20px;
    background: #E3383E;
    font-size: 14px;
}
.nj-ribbon-campus-lifetime-content:before {
        content: "";
    position: absolute;
      height: 0;
      width: 0;
      top: -8.5px;
      left: 0.1px;
      border-bottom: 9px solid black;
      border-left: 9px solid transparent;
}
.nj-ribbon-center-campus-lifetime{
    text-align: center;
}
.nj-ribbon-center-campus-lifetime-content{
    background: #E3383E;
    color: white;
    padding: 7px 40px;
    font-weight: 600;
}