.preview-lessons-content-inner {
            display: flex;
            max-width: 810px;
            margin: 60px auto;
            flex-direction: column;
        }
        
        .preview-lessons-top h2,
        .preview-lessons-middle h2 {
            font-size: 24px;
            line-height: 32px;
            color: #31216B;
            font-weight: 600;
            margin-bottom: 20px;
        }
        
        .preview-lessons-top-content {
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 8px;
            padding: 30px;
        }
        
        .subsection-title {
            font-size: 20px;
            line-height: 25px;
            color: #31216B;
            font-weight: 600;
            margin-bottom: 20px;
        }
        
        .courses-holder {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        
        .accordion-content {
            display: flex;
            flex-direction: column;
            padding-right: 100px;
            padding-bottom: 15px;
        }
        
        .accordion-holder:last-child .accordion-content {
            padding-bottom: 0px;
        }
        
        .accordion-content .accordion-title-item,
        .courses-holder a {
            text-decoration: none;
            margin-bottom: 10px;
        }
        
        .accordion-content .accordion-title-item:hover span,
        .courses-holder a:hover {
            text-decoration: underline;
            color: #31216B;
            cursor: pointer;
        }
        
        .accordion-content .accordion-title-item i,
        .courses-holder i {
            font-size: 20px;
            color: #31216B;
            padding-right: 10px;
        }
        
        .accordion-content .accordion-title-item {
            display: flex;
        }
        
        .accordion-content .accordion-title-item,
        .courses-holder span {
            font-size: 16px;
            line-height: 24px;
            color: #31216B;
            font-weight: 400;
        }
        
        .courses-holder a:last-child {
            margin-bottom: 0px;
        }
        
        .preview-lessons-middle {
            padding: 50px 0px;
            text-align: center;
        }
        
        .preview-lessons-button {
            display: flex;
            justify-content: center;
        }
        
        .preview-lessons-button a {
            font-weight: 600;
        }
        
        .more-information-item {
            display: flex;
            margin-bottom: 10px;
        }
        
        .more-information-item:last-child {
            margin-bottom: 0px;
        }
        
        .more-information-item-icon {
            width: 20px;
            padding-right: 20px;
        }
        
        .more-information-item-icon i {
            color: #31216B;
            font-size: 20px;
        }
        
        .more-information-item-right {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        
        .more-information-item-right-bottom {
            text-align: left;
        }
        
        .more-information-item-right-bottom,
        .more-information-item-right-top,
        .more-information-item-right-top span,
        .more-information-item-right-top a {
            font-size: 16px;
            line-height: 24px;
            color: #31216B;
            font-weight: 400;
            text-decoration: none;
        }
        
        .more-information-item-right-top a:hover,
        .more-information-item-right-bottom a:hover,
        .preview-certificate:hover {
            color: #31216B;
            text-decoration: underline;
        }
        
        .more-information-item-right-bottom span,
        .more-information-item-right-bottom a {
            color: #1EBBF0;
            text-decoration: none;
            cursor: pointer;
        }
        
        .preview-lessons-middle h2.align-left {
            text-align: left;
        }
        
        .preview-lessons-top-content.space-30 {
            margin-bottom: 30px;
        }
        /***Test modal*****/
        
        .modal-main-holder {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            top: 0;
            right: 0;
            z-index: 999999;
            align-items: center;
            justify-content: center;
            background-color: rgba(0, 0, 0, .4);
        }
        
        .modal-main-holder.show_modal_popup_scroll_box {
            display: flex;
            pointer-events: auto !important;
        }
        
        .show_modal_popup_scroll_box>.modal-overlay {
            display: block;
        }
        
        .modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: none;
            cursor: pointer;
        }
        
        .modal-left img {
            width: 100%;
            box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
            border-radius: 12px;
        }
        
        .modal-popup-main-holder {
            z-index: 999;
            max-width: 1000px;
            background-color: #fff;
            border-radius: 12px;
            width: 100%;
            position: relative;
            padding: 60px 60px 40px;
            box-sizing: border-box;
        }
        
        #modal-inf-holder {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .modal-left {
            width: 50%;
        }
        
        .image-left {
            line-height: 0;
        }
        
        .image-left img {
            width: 100%;
        }
        
        .modal-right {
            width: 50%;
            padding-left: 30px;
            box-sizing: border-box;
        }
        
        .modal-right p {
            font-size: 16px;
            line-height: 28px;
            color: #31216B;
        }
        
        .modal-right p:last-child {
            margin-bottom: 0px;
        }
        
        .modal-title {
            font-size: 32px;
            line-height: 40px;
            color: #31216B;
            font-weight: 800;
            text-align: center;
            padding-bottom: 30px;
        }
        
        .modal-button {
            width: 34px;
            height: 34px;
            position: absolute;
            right: 25px;
            top: 25px;
            background-image: url(../images/cancel-dark-white.svg) !important;
            background-position: 0 0;
            background-size: cover;
            cursor: pointer;
        }
        
        .modal-button-close {
            text-align: center;
            font-size: 16px;
            line-height: 28px;
            color: #31216B;
            text-decoration: underline;
            cursor: pointer;
        }
        
        .modal-button-close span {
            color: #3D2A80;
            font-size: 16px;
            line-height: 20px;
            text-decoration: underline;
            cursor: pointer;
        }
        
        @media screen and (max-width: 1060px) {
            .modal-title {
                padding-bottom: 20px;
            }
            .modal-popup-main-holder {
                max-width: 100%;
                margin: 0px 30px;
                padding: 40px 30px 30px;
            }
            #modal-inf-holder {
                flex-direction: column;
                margin-bottom: 10px;
            }
            .modal-left {
                width: 100%;
                max-width: 350px;
            }
            .modal-right {
                width: 100%;
                padding: 20px 0px 0px;
            }
        }
        
        @media screen and (max-width: 850px) {
            .accordion-content {
                padding-right: 0px;
            }
        }
        
        @media screen and (max-width: 480px) {
            .modal-popup-main-holder {
                margin: 0px 10px;
                padding: 30px 20px 20px;
            }
            .modal-button {
                width: 22px;
                height: 22px;
                right: 20px;
                top: 20px;
            }
            .modal-title {
                font-size: 26px;
                line-height: 36px;
            }
            .modal-button-close,
            .modal-right p {
                font-size: 14px;
                line-height: 26px;
            }
        }
        /************/
        
        .popup-holder-video {
            display: none;
        }
        
        .popup-holder-video.activ-modal-video {
            display: block;
            position: fixed;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            z-index: 999999;
        }
        
        .popup-holder-video .popup-holder-video-overlay {
            top: 0px;
            bottom: 0px;
            background-color: rgba(0, 0, 0, 0.2);
            cursor: pointer;
            width: 100%;
            position: absolute;
            left: 0px;
            right: 0px;
        }
        
        .popup_video_main {
            position: fixed;
            top: 0;
            bottom: 0;
            right: 0;
            width: 960px;
            z-index: 130;
            box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);
            background-color: #fff;
        }
        
        .popup_video_header {
            text-align: right;
            padding: 10px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.25);
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        
        .popup_video_content {
            opacity: 0;
            padding: 40px 95px 100px;
            position: relative;
            height: 100%;
            width: 100%;
            margin-right: 10px;
            overflow-y: scroll;
            overflow-x: hidden;
            box-sizing: border-box;
        }
        
        .popup_video_content h2 {
            font-size: 32px;
            line-height: 38px;
            margin: 0px 0px 20px;
            color: #31216B;
            font-weight: 800;
        }
        
        .container_vimeo_inner {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25% !important;
        }
        
        .container_vimeo_inner iframe {
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border-radius: 15px;
        }
        
        .lesson-button {
            margin-top: 25px;
            text-align: left;
        }
        
        .lesson-button a {
            color: #4d5461;
            cursor: pointer;
        }
        
        .lesson-button a:hover {
            color: #323856;
        }
        
        .class_video_close span {
            min-width: 70px;
            padding: 8px 12px;
            font-size: 14px;
            background-size: 14px 14px;
            border: 1px solid #abb0b9;
            display: inline-block;
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
        }
        
        html.popup_no_scroll {
            overflow: hidden;
        }
        
        .lesson-button {
            margin-top: 25px;
            text-align: left;
        }
        
        .below_video_text {
            color: #323856;
            font-weight: 600;
        }
        
        .resource_to_help_subsection {
            margin-top: 10px;
        }
        
        @media screen and (max-width: 960px) {
            .popup_video_main {
                width: 100%;
            }
            .popup_video_content {
                padding: 40px 40px 90px;
            }
        }
        
        @media screen and (max-width: 480px) {
            .popup_video_content {
                padding: 30px 30px 80px;
            }
        }
        
        .container_vimeo_inner {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25% !important;
        }
        
        .container_vimeo_inner iframe {
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border-radius: 15px;
        }
        
        .popup_want_learn.yellow_box {
            padding: 20px;
            margin-top: 40px;
            border-radius: 4px;
            border-left: 3px solid #ffab00;
            background-color: #fff7e6;
        }
        
        .popup_want_learn_more {
            font-size: 20px;
            line-height: 26px;
            font-weight: 600;
            color: #31216B;
        }
        
        .popup_want_learn_more_text {
            align-items: center;
            display: flex;
            padding-top: 5px;
        }
        
        .popup_want_learn_more_text span {
            flex: 1;
            font-size: 16px;
        }
        
        .popup_want_learn_more_text a {
            margin: 0px;
            width: 100%;
            max-width: 220px;
            margin-left: 30px;
            outline: 0;
            font-weight: 600;
        }
        
        @media screen and (max-width: 650px) {
            .popup_want_learn.yellow_box .popup_want_learn_more_text {
                flex-direction: column;
            }
            .popup_want_learn.yellow_box .popup_want_learn_more_text .button-orange {
                margin-top: 10px;
                margin-left: auto;
            }
        }
        /**********************/
        
        .popup-holder-bonus {
            display: none;
        }
        
        .popup-holder-bonus.activ-modal-bonus {
            display: block;
            position: fixed;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            z-index: 999999;
        }
        
        .popup-holder-bonus .popup-holder-bonus-overlay {
            top: 0px;
            bottom: 0px;
            background-color: rgba(0, 0, 0, 0.2);
            cursor: pointer;
            width: 100%;
            position: absolute;
            left: 0px;
            right: 0px;
        }
        
        .popup_bonus_main {
            position: fixed;
            top: 0;
            bottom: 0;
            right: 0;
            width: 960px;
            z-index: 130;
            box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);
            background-color: #fff;
        }
        
        .popup_bonus_header {
            text-align: right;
            padding: 10px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.25);
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        
        .popup_bonus_content {
            opacity: 0;
            padding: 40px 95px 100px;
            position: relative;
            height: 100%;
            width: 100%;
            margin-right: 10px;
            overflow-y: scroll;
            overflow-x: hidden;
            box-sizing: border-box;
        }
        
        .popup_bonus_content h2 {
            font-size: 32px;
            line-height: 38px;
            margin: 0px 0px 20px;
            color: #31216B;
            font-weight: 800;
        }
        
        .class_bonus_close span {
            min-width: 70px;
            padding: 8px 12px;
            font-size: 14px;
            background-size: 14px 14px;
            border: 1px solid #abb0b9;
            display: inline-block;
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
        }
        
        .bonus-description {
            color: #31216B;
            font-size: 1em;
            text-align: left;
            line-height: 1.8em;
            display: block;
            margin: 0px;
        }
        
        .button_bonus .text_explanation {
            font-weight: 600;
            font-style: italic;
            padding-bottom: 5px;
            display: inherit;
        }
        
        .bonus_url a {
            font-weight: 600;
        }
        
        .button_bonus {
            margin-top: 30px;
        }
        
        @media screen and (max-width: 1040px) {
            .preview-lessons-content-inner {
                margin: 50px 20px;
            }
        }
        
        @media screen and (max-width: 960px) {
            .popup_bonus_main {
                width: 100%;
            }
            .popup_bonus_content {
                padding: 40px 40px 90px;
            }
        }
        
        @media screen and (max-width: 480px) {
            .popup_bonus_content {
                padding: 30px 30px 80px;
            }
            .preview-lessons-content-inner {
                margin: 20px;
            }
        }