/********Hero Section*****/

.site-header-new {
    box-shadow: none!important;
}

@media (min-width: 1041px) {
    .scroll1_down .site-header-new {
        background-color: #31216B;
    }
}

#hero_top_section {
    background-color: #31216B;
    margin-top: -85px;
}

#hero_top_section .container {
    max-width: 1130px;
    padding: 145px 50px 80px;
    margin: 0 auto;
}

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

.hero_left {
    flex: 1;
    padding-right: 50px;
    box-sizing: border-box;
    position: relative;
}

.disc-25-badge {
    right: 30px;
    bottom: -60px;
    top: inherit;
}

.hr-week-badge {
    position: absolute;
    right: 30px;
    bottom: -60px;
    top: inherit;
}

.hr-week-badge img {
    width: 210px;
    height: auto;
}

.hero_right {
    max-width: 500px;
    width: 100%;
}

.hero_right-holder {
    line-height: 0;
}

.hero_right-holder img {
    width: 100%;
}

h1 {
    font-size: 51px!important;
    line-height: 1!important;
    color: #fff!important;
    font-weight: 800!important;
    margin: 0px!important;
}

.subtitle {
    line-height: 32px;
    font-weight: 400;
    color: #fff!important;
    font-size: 18px!important;
    margin: 20px 0 0;
    text-align: left;
}

.subtitle ul {
    margin: 0px;
    padding-left: 0px;
    list-style: none;
}

.subtitle ul li {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
}

.subtitle ul li i {
    color: #23C530;
    margin-right: 10px;
    font-size: 20px;
    margin-top: 8px;
}

.subtitle .before-list {
    margin-bottom: 0px;
}

.subtitle p,
.subtitle ul li span {
    font-size: 16px;
    line-height: 26px;
}

.hero_left_buttons {
    margin-top: 30px;
}

.default-button {
    font-weight: 600;
    cursor: pointer;
}

.hero_left_top {
    display: flex;
}

.hero_left_top h1 span {
    color: #1EBBF0;
}

.review_rating_hero {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.hero_left_top {
    flex-direction: column;
}

.review_rating_hero strong {
    color: #fff;
    font-size: 18px;
    padding-right: 10px;
}

.review_rating_hero span {
    margin: 0px!important;
}

.review_rating_hero span i {
    font-size: 18px;
    color: #FFAB00;
}

.review_rating_hero a {
    font-size: 16px;
    color: #fff;
    padding-left: 5px;
}

@media (max-width: 1040px) {
    #hero_top_section .container {
        padding: 205px 50px 80px;
    }
    .hero_right {
        max-width: 350px;
    }
    body:not(.scroll_down_mobile) .site-header-new {
        background-color: transparent;
        box-shadow: none;
    }
    .page-template-aihr-course-main-index:not(.scroll1_down) #aihr-site-navigation .lines-button .menu-line {
        background-color: #fff!important;
    }
}

@media (max-width: 900px) {
    .hero_holder {
        flex-direction: column;
    }
    .hero_left {
        padding: 0px 0px 50px;
    }
    .hero_right {
        max-width: 500px;
    }
    #hero_top_section .container {
        padding: 185px 50px 60px;
    }
    .disc-25-badge {
        bottom: -20px;
    }
    .hr-week-badge {
        bottom: 0px;
    }
}

@media (max-width: 560px) {
    .disc-25-badge {
        bottom: inherit;
        top: 0px;
        right: 0px;
    }
    .disc-25-badge img {
        width: 85px;
        height: 85px;
    }
    .hr-week-badge {
        bottom: inherit;
        top: -30px;
        right: -30px;
    }
    .hr-week-badge img {
        width: 120px;
        height: auto;
    }
}

@media (max-width: 480px) {
    .hero_left {
        padding: 0px 0px 30px;
    }
    .hero_left_top.black-friday-mode h1 {
        padding-right: 90px;
    }
    h1 {
        font-size: 38px!important;
    }
    .subtitle {
        line-height: 28px;
        font-size: 16px!important;
    }
    #hero_top_section .container {
        padding: 185px 30px 50px;
    }
}


/********Section Courses*****
************Start*****************/

.asp_w_container {
    display: flex;
    align-items: flex-end;
}

.wpdreams_asp_sc {
    order: 1;
    width: 75%!important;
}

div.asp_w.asp_sb.searchsettings.wpdreams_asp_sc form {
    margin: 0px!important;
}

div.ajaxsearchpro.searchsettings fieldset .asp_select_single {
    padding: 0px!important;
}

div.ajaxsearchpro.searchsettings fieldset .asp_select_single select {
    font-family: "Open Sans"!important;
    border: 1px solid #31216B;
    background-color: #fff;
    height: 52px;
    border-radius: 8px;
    padding: 8px 16px!important;
    font-size: 16px;
    color: #31216B;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuNCIgaGVpZ2h0PSIyOTIuNCI+PHBhdGggZmlsbD0iIzMxMjE2QiIgZD0iTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat, repeat;
    background-position: right 1em top 50%, 0 0;
    background-size: 0.65em auto, 100%;
}

div.asp_w .asp_select2-container--flat .asp_select2-selection--single {
    border: 1px solid #31216B!important;
    background-color: #fff!important;
    height: 52px!important;
    border-radius: 8px;
    padding: 8px 16px!important;
}

div.asp_w .asp_select2-container--flat .asp_select2-selection--single>span {
    font-family: "Open Sans"!important;
    padding: 0px!important;
    font-size: 16px!important;
    color: #31216B;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuNCIgaGVpZ2h0PSIyOTIuNCI+PHBhdGggZmlsbD0iIzMxMjE2QiIgZD0iTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat, repeat;
    background-position: right 0em top 50%, 0 0;
    background-size: 0.65em auto, 100%;
}

div.asp_w .asp_select2-container--flat .asp_select2-selection--single .asp_select2-selection__arrow {
    display: none;
}

div.asp_w.asp_sb.searchsettings fieldset legend {
    padding: 0 0 0 0px!important;
    color: #31216B;
    font-size: 16px!important;
    margin: 0px 0px 5px!important;
    font-weight: 600!important;
}

.asp_main_container {
    order: 2;
    width: 25%!important;
    background-color: #fff!important;
    border: 1px solid #31216B!important;
    height: 52px;
    border-radius: 8px!important;
    padding: 8px 16px!important;
    font-size: 16px;
    color: #31216B;
    background-image: none!important;
    margin: 0px 8px!important;
    position: relative;
    overflow: visible!important;
}

body div.asp_r .asp_res_loader .asp_loader {
    height: 40px!important;
    width: 40px!important;
}

body div.asp_w.asp_r div.asp_moreres_loader-inner {
    border: 4px solid #fff!important;
}

.asp_showmore {
    display: flex!important;
    width: calc(100%/3 - 30px);
    background-color: #31216B!important;
    color: #fff!important;
    font-size: 16px!important;
    height: 32px;
    border-radius: 8px!important;
    align-items: center;
    justify-content: center;
    font-weight: 600!important;
}

.asp_showmore span {
    margin-left: 5px!important;
}

.section_courses_list_result {
    margin: 0px -10px;
}

.section_courses_list_inner.two_courses_case .section_courses_list_result {
    margin: 0px 0px;
}

.asp_main_container:before {
    content: 'Search';
    position: absolute;
    top: -35px;
    left: 0px;
    color: #31216B;
    font-size: 16px!important;
    font-weight: 600!important;
}

.section_courses_list_filter {
    margin: 20px -8px 0px;
}

body div.asp_m .probox .proinput input.orig {
    color: #31216B!important;
    font-size: 16px!important
}

body div.asp_m .probox .proinput input.orig::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #31216B!important;
    opacity: 1!important;
    font-size: 16px!important
}

body div.asp_m .probox .proinput input.orig::-moz-placeholder {
    color: #31216B!important;
    opacity: 1!important;
    font-size: 16px!important
}

body div.asp_m .probox .proinput {
    margin: 0px!important;
}

body div.asp_w.asp_sb.searchsettings fieldset {
    width: calc(100%/3 - 16px)!important;
    min-width: calc(100%/3 - 16px)!important;
    margin: 0px 8px!important;
}

.section_courses_list_result .wpdreams_asp_sc {
    width: 100%!important;
}

.resdrg {
    display: flex;
    flex-wrap: wrap;
}

.results {
    height: auto!important;
}

.results .resdrg {
    overflow: visible!important;
}

body div.asp_w.ajaxsearchpro {
    overflow: visible!important;
}

body .results {
    overflow: visible!important;
}

.asp_v_spacer {
    display: none;
}

div.asp_sb.searchsettings {
    max-width: 100%!important;
}

.asp_filter_tax.asp_filter_tax_course_category {
    width: 100%!important;
}

.probox .prosettings {
    display: none!important;
}

.resdrg .item {
    margin: 60px -10px 60px;
}

.resdrg .item h2 {
    text-align: left;
    max-width: 700px;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    color: #31216B;
    margin: 0px 20px 0px 0px;
    max-width: 650px;
}

a.course-item {
    text-decoration: none;
}

.duration i {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-style: normal;
}

.courses-holder {
    display: flex;
    flex-wrap: wrap;
}

.resdrg .item {
    width: calc(100%/3 - 20px)!important;
    margin: 0px 10px 20px!important;
    background: #FFFFFF!important;
    box-shadow: 0px 4px 12px rgba(39, 116, 139, 0.15)!important;
    border-radius: 10px!important;
    padding: 0px!important;
    position: relative!important;
    box-sizing: border-box!important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: none!important;
}

.resdrg .item:hover {
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.05), 0 1px 20px 0 rgb(0, 0, 0, 0.15)!important;
}

div.asp_r.vertical .results .item::after {
    background: transparent!important;
}

.ajaxsearchpro.vertical {
    background-color: transparent!important;
    margin-top: 30px!important;
}

.resdrg .item a {
    padding: 20px!important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.resdrg .item:hover {
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.05), 0 1px 20px 0 rgb(0, 0, 0, 0.15);
}

.badge {
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 40px!important;
    text-transform: capitalize!important;
    font-weight: 600;
    padding: 0px 33px!important
}

.course-program {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #1EBBF0;
    letter-spacing: 0.5px;
}

.resdrg .item h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #31216B;
    margin: 0px 0px 0px;
}

.duration {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #31216B;
    margin-top: 20px!important;
    display: flex;
    align-items: center;
}

.view-course {
    color: #1ebbf0;
    font-weight: 600;
    margin-top: 10px!important;
    display: flex;
    justify-content: flex-end;
}

.level {
    text-transform: capitalize!important;
    white-space: nowrap;
}

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

.duration_part_three {
    display: flex;
}

.review_stars_count {
    color: #31216B;
}

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

.duration_part_one img {
    padding-right: 3px!important;
}

.duration_part_two i {
    padding-right: 3px!important;
}

.review_stars_count {
    padding-left: 3px!important;
}

.review_stars_holder i {
    font-size: 12px!important;
    color: #FFAB00;
}

.duration img {
    padding-right: 5px;
    max-width: 23px;
    width: 100%;
}

.seaprator {
    font-size: 18px;
    font-weight: 100;
    padding: 0px 5px;
}

.duration i {
    font-size: 16px;
    padding-right: 5px;
}

.course-description {
    padding-top: 25px!important;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #50585f;
    display: flex;
}

.badge-new {
    font-size: 14px;
    line-height: 32px;
    color: #5D5CFF;
    background: #DFDEFF;
}

.badge-updated {
    font-size: 14px;
    line-height: 32px;
    color: #e32d34;
    background: #ffeced;
}

.badge-open {
    font-size: 14px;
    line-height: 32px;
    color: #E32D34;
    background: #FFECED;
}

.resdrg .item-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0px 10px 25px;
}

.badge-popular {
    font-size: 14px;
    line-height: 32px;
    color: #f45c0e;
    background: #ffe9bf;
}

.courses-all-button a {
    text-decoration: none;
    background: #31216B;
    color: #fff;
    font-weight: 600;
}

.seaprator {
    font-size: 18px;
    font-weight: 100;
    padding: 0 5px!important;
}

.courses-all-button a:hover {
    color: #fff;
}

.section_courses_list .container {
    max-width: 1130px;
    margin: 0 auto;
}

.section_courses_list_inner {
    padding: 80px 0px;
}

h2 {
    font-size: 32px!important;
    line-height: 1.2!important;
    color: #3D2A80!important;
    font-weight: 800!important;
    margin: 0px!important;
}

@media (max-width: 1230px) {
    .section_courses_list .container {
        max-width: 100%;
        margin: 0 50px;
    }
}

@media (max-width: 1040px) {
    .resdrg .item {
        width: calc(50% - 20px)!important;
    }
    .asp_showmore {
        width: calc(50% - 30px);
    }
}

@media (max-width: 900px) {
    .section_courses_list_inner {
        padding: 60px 0px;
    }
    .asp_w_container {
        flex-direction: column;
    }
    .wpdreams_asp_sc {
        width: 100%!important;
    }
    .asp_main_container.wpdreams_asp_sc {
        width: calc(100% - 16px)!important;
        margin-top: 40px!important;
    }
}

@media (max-width: 850px) {
    .resdrg .item-header {
        flex-direction: column;
    }
    .resdrg .item h2 {
        max-width: 100%;
        margin: 0px 0px 20px 0px;
    }
}

@media (max-width: 700px) {
    .resdrg .item {
        width: calc(100% - 20px)!important;
    }
}

@media (max-width: 600px) {
    body div.asp_w.asp_sb.searchsettings fieldset {
        width: calc(100% - 16px)!important;
        margin-top: 12px!important;
    }
    .section_courses_list_filter {
        margin: 8px -8px 0px;
    }
}

@media (max-width: 480px) {
    .review_rating_hero strong,
    .review_rating_hero span i {
        font-size: 16px;
    }
    .review_rating_hero a {
        font-size: 14px;
    }
    .section_courses_list_inner {
        padding: 50px 0px;
    }
    .section_courses_list .container {
        margin: 0 30px;
    }
    .resdrg .item {
        margin: 60px -10px 40px;
    }
    .resdrg .item h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .courses-all-button {
        margin: 0px;
        width: 100%;
    }
    .asp_showmore {
        width: calc(100% - 30px);
    }
    h2 {
        font-size: 28px!important;
    }
}


/*******************
Most Popular Section
********************/

.most_popular_section {
    padding: 80px 0px;
    background-position: center center;
    background-size: cover;
}

.most_popular_section .container {
    max-width: 1130px;
    margin: 0 auto;
}

.most_popular_section h2 {
    color: #fff!important;
}

.most_popular_holder {
    display: flex;
    margin: 30px -15px 0px;
}

.most_popular_left_box {
    width: calc(200%/3 - 30px);
    margin: 0px 15px;
    background-color: #fff;
    border-radius: 8px;
    border-top: 3px solid #FFAB00;
    padding: 30px;
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
}

.most_popular_right_box {
    width: calc(100%/3 - 30px);
    margin: 0px 15px;
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-sizing: border-box;
}

.most_popular_left_box_inner {
    display: flex;
    flex-wrap: wrap;
}

.most_popular_left_box_left {
    padding-right: 15px;
    width: calc(50% - 15px);
}

.most_popular_left_box_right {
    padding-left: 15px;
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.most_popular_left_above_title {
    font-size: 12px;
    line-height: 14px;
    font-weight: 800;
    color: #1EBBF0;
    padding-bottom: 5px;
}

.most_popular_left_title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 800;
    color: #31216B;
    padding-bottom: 5px;
}

.most_popular_duration {
    padding-bottom: 5px;
}

.most_popular_duration_left {
    color: #31216B;
    font-size: 12px;
}

.most_popular_duration_left i {
    padding-right: 5px;
}

.most_popular_duration_left span {
    font-weight: 600;
}

.most_popular_duration_right i {
    color: #FFAB00;
}

.most_popular_duration_right a {
    font-weight: 400;
    color: #31216B;
    padding-left: 5px;
}

.most_popular_left_box_right_top i {
    color: #1EBBF0;
    padding-right: 10px;
    padding-top: 8px;
}

.most_popular_left_box_right_top {
    margin-bottom: 20px;
}

.most_popular_left_box_right_top p {
    display: flex;
    align-items: flex-start;
}

.most_popular_left_box_right_bottom {
    text-align: right;
}

.most_popular_left_box_right_bottom a {
    font-size: 16px;
    color: #1ebbf0;
    font-weight: 600;
    position: relative;
    padding-right: 0px;
    text-decoration: none;
    cursor: pointer;
}

.most_popular_left_box_right_bottom a:hover {
    color: #31216B;
}

.most_popular_left_box_right_bottom a:hover:before {
    color: #31216B;
}

.badge_best_investment {
    background: #fb9f00;
    display: block;
    border-radius: 25px;
    padding: 4px 0;
    text-align: center;
    color: #fff;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    top: -20px;
    width: 241px;
}

.badge_most_popular {
    background: #23c530;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 15px;
    line-height: 1.2;
    font-weight: 800;
    transform: rotate(15deg);
}

.text_right_box {
    font-size: 35px;
    line-height: 42px;
    font-weight: 800;
    color: #31216B;
    padding-right: 60px;
}

.most_popular_right_box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.most_popular_right_box_bottom {
    text-align: right;
}

.most_popular_right_box_bottom a {
    font-size: 16px;
    color: #1ebbf0;
    font-weight: 600;
    position: relative;
    padding-right: 20px;
    text-decoration: none;
    cursor: pointer;
}

.most_popular_right_box_bottom a:before {
    position: absolute;
    right: 0px;
    top: -3px;
    font-family: 'font awesome 5 free';
    content: "\f061";
    color: #1ebbf0;
}

.most_popular_right_box_bottom a:hover {
    color: #31216B;
}

.most_popular_right_box_bottom a:hover:before {
    color: #31216B;
}

@media (max-width: 1230px) {
    .most_popular_section .container {
        max-width: 100%;
        margin: 0px 50px;
    }
}

@media (min-width: 1001px) and (max-width: 1130px) {
    .most_popular_duration {
        align-items: flex-start;
        flex-direction: column;
    }
    .most_popular_duration .seaprator {
        display: none;
    }
    .text_right_box {
        padding-right: 0px;
    }
}

@media (max-width:1000px) {
    .most_popular_holder {
        flex-direction: column;
    }
    .most_popular_left_box {
        width: calc(100% - 30px);
        margin-bottom: 30px;
    }
    .most_popular_right_box {
        width: calc(100% - 30px);
    }
    .most_popular_left_box_left {
        width: calc(50% - 15px);
    }
    .most_popular_left_box_right {
        width: calc(50% - 15px);
    }
    .text_right_box {
        padding: 0px 0px 20px;
    }
}

@media (max-width:900px) {
    .text_right_box {
        padding: 0px 0px 10px;
    }
    .most_popular_section {
        padding: 60px 0px;
    }
    .most_popular_duration {
        align-items: flex-start;
        flex-direction: column;
    }
    .most_popular_duration .seaprator {
        display: none;
    }
    .text_right_box {
        padding-right: 0px;
    }
    .most_popular_holder {
        margin-top: 40px;
    }
}

@media (max-width:600px) {
    .most_popular_left_box {
        flex-direction: column;
    }
    .most_popular_left_box_left {
        width: 100%;
        padding: 0px 0px 10px;
    }
    .most_popular_left_box_right {
        width: 100%;
        padding: 0px;
    }
    .most_popular_left_box_right_top {
        margin-bottom: 0px;
    }
}

@media (max-width:480px) {
    .most_popular_left_box_right_bottom a,
    .most_popular_right_box_bottom a {
        font-size: 14px;
    }
    .text_right_box {
        font-size: 28px;
        line-height: 34px;
    }
    .badge_best_investment {
        left: 30px;
        right: inherit;
        width: 160px;
    }
    .most_popular_section {
        padding: 50px 0px;
    }
    .most_popular_section .container {
        margin: 0px 30px;
    }
}


/***************
Recently Section
*****************/

.recently_released_section {
    padding: 80px 0px 60px;
    background-color: #F4F4F4;
}

.recently_released_section .container {
    max-width: 1130px;
    margin: 0 auto;
}

.latest_holder,
.recently_released_holder {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -10px 0px;
}

.latest_holder a,
.recently_released_holder a {
    width: calc(100%/3 - 20px)!important;
    margin: 0px 10px 20px!important;
    background: #FFFFFF!important;
    box-shadow: 0px 4px 12px rgba(39, 116, 139, 0.08)!important;
    border-radius: 10px!important;
    padding: 0px!important;
    position: relative!important;
    box-sizing: border-box!important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: none!important;
    padding: 20px!important;
}

.latest_holder a:hover,
.recently_released_holder a:hover {
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.05), 0 1px 20px 0 rgb(0, 0, 0, 0.15)!important;
}

.course-program-information h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #31216B;
    margin: 0px 0px 0px;
}

.recently_released_inner {
    padding-bottom: 50px;
}

@media (max-width:1230px) {
    .recently_released_section .container {
        max-width: 100%;
        margin: 0px 50px;
    }
}

@media (max-width:1040px) {
    .recently_released_inner {
        padding-bottom: 30px;
    }
    .latest_holder a,
    .recently_released_holder a {
        width: calc(50% - 20px)!important;
    }
}

@media (max-width:900px) {
    .recently_released_section {
        padding: 60px 0px 40px;
    }
}

@media (max-width:700px) {
    .latest_holder a,
    .recently_released_holder a {
        width: calc(100% - 20px)!important;
    }
}

@media (max-width:480px) {
    .recently_released_section .container {
        margin: 0px 30px;
    }
    .badge {
        padding: 0px 15px!important;
        font-size: 12px!important;
    }
    .recently_released_section {
        padding: 50px 0px 30px;
    }
}


/**************
     What member get section
     **************/

.members-get-section .container {
    max-width: 1130px;
    margin: 0 auto;
}

.members-get-column {
    display: flex;
    margin: 0px -10px;
}

.left-30 .members-get-column-left {
    width: calc(37% - 20px);
    margin: 0px 10px 20px;
    box-sizing: border-box;
    background-color: #ffe4e4;
    padding: 30px 40px 0px;
    text-align: center;
    border-radius: 16px;
}

.left-30.left-right .members-get-column-left {
    padding: 35px 140px 100px 35px;
    text-align: left;
    position: relative;
}

.left-30.left-right .members-get-column-left .image-bottom {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.left-30.left-right .members-get-column-left .image-bottom img {
    max-width: 330px;
}

.left-30 .members-get-column-right {
    width: calc(63% - 20px);
    margin: 0px 10px 20px;
    box-sizing: border-box;
    background-color: #FFF1D6;
    border-radius: 16px;
    display: flex;
    padding: 35px;
    align-items: center;
}

.image-bottom {
    line-height: 0;
}

.image-bottom img {
    width: 100%;
}

.members-get-columns h3 {
    color: #31216B;
    font-size: 24px;
    line-height: 36px;
    font-weight: 800;
}

.members-get-columns p {
    color: #31216B;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.get-left {
    padding-right: 20px;
    flex: 1;
}

.space-right-bigger-image .get-right {
    text-align: right;
}

.space-right-bigger-image .get-right img {
    max-width: 310px;
}

.get-right {
    max-width: 330px;
    line-height: 0;
    width: 100%;
    text-align: center;
}

.get-right img {
    width: 100%;
}

.space-right-smaller-image .members-get-column-right .get-right img {
    max-width: 270px;
}

.left-70 .members-get-column-left {
    width: calc(63% - 20px);
    margin: 0px 10px 20px;
    box-sizing: border-box;
    background-color: #EAE6FC;
    border-radius: 16px;
    display: flex;
    padding: 35px;
    align-items: center;
}

.left-70.no-space-right .members-get-column-left {
    padding-right: 0px;
}

.left-70.no-space-right .get-right {
    text-align: right;
}

.left-70.no-space-right .get-right img {
    max-width: 280px;
}

.left-70 .members-get-column-right {
    width: calc(37% - 20px);
    margin: 0px 10px 20px;
    box-sizing: border-box;
    background-color: #E0F7FE;
    padding: 30px 40px 0px;
    text-align: center;
    border-radius: 16px;
}

.members-get-single-column {
    margin: 0px 10px 20px;
    box-sizing: border-box;
    background-color: #E6FCED;
    border-radius: 16px;
    display: flex;
    align-items: center;
}

.link a {
    font-size: 16px;
}

.members-get-single-column .get-left {
    padding: 35px;
    width: 50%;
    flex: none;
    box-sizing: border-box;
}

.members-get-single-column .get-right {
    width: 50%;
    display: flex;
    max-width: 100%;
    box-sizing: border-box;
}

.logos-image {
    display: flex;
    align-items: center;
    line-height: 0;
}

.members-get-inner h2 {
    font-size: 38px!important;
    line-height: 51px!important;
    margin-bottom: 20px!important;
    text-align: center;
}

.career-grow-left h3 {
    font-size: 38px;
    line-height: 52px;
    color: #fff;
    font-weight: 800;
}

.members-get-inner {
    padding: 80px 0px 60px;
}

.text-below-title {
    font-size: 16px;
    line-height: 22px;
    color: #31216B;
    font-weight: 400;
    max-width: 770px;
    margin: 0px auto 40px;
    text-align: center;
}

.text-below-title p {
    margin: 0px;
}

.career-grow-subsection {
    padding: 50px;
    background-color: #31216B;
    border-radius: 16px;
    display: flex;
    align-items: center;
    max-width: 800px;
    margin: 60px auto 0px;
}

.career-grow-left {
    width: 50%;
    box-sizing: border-box;
}

.career-grow-right {
    width: 50%;
    box-sizing: border-box;
    line-height: 0;
}

.career-grow-right img {
    width: 100%;
}

.text_grow {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px;
}

.button-grow-one {
    padding: 10px 0px;
    max-width: 250px;
}

.button-grow-two {
    padding: 10px 0px;
}

.button-grow-two {
    max-width: 250px;
}

.button-grow-one a,
.button-grow-two a {
    font-weight: 800;
}

.link span {
    font-size: 16px;
    color: #1ebbf0;
    cursor: pointer;
    text-decoration: underline;
}

@media screen and (max-width: 1230px) {
    .members-get-section .container {
        max-width: 100%;
        margin: 0 50px;
    }
}

@media screen and (max-width: 1180px) {
    .get-right {
        max-width: 250px;
    }
}

@media screen and (max-width: 980px) {
    .left-30 .members-get-column-left {
        padding: 30px 30px 0px!important;
    }
    .members-get-column-top {
        text-align: left;
    }
    .left-70 .members-get-column-left {
        width: calc(100% - 20px);
        flex-direction: row;
    }
    .left-30 .members-get-column-left {
        width: calc(100% - 20px);
        flex-direction: row;
        align-items: flex-end;
    }
    .left-30 .members-get-column-left .members-get-column-top {
        padding-bottom: 30px;
    }
    .left-70 .members-get-column-right {
        width: calc(100% - 20px);
        flex-direction: row;
        align-items: flex-end;
    }
    .left-30 .members-get-column-right {
        width: calc(100% - 20px);
        flex-direction: row;
    }
    .members-get-column {
        flex-direction: column;
    }
    .members-get-single-column {
        align-items: center;
    }
    .client-image {
        display: flex;
        align-items: flex-end;
    }
    .get-right {
        max-width: 330px;
        text-align: left;
    }
    .members-get-single-column .get-left {
        padding: 30px!important
    }
    .left-70 .members-get-column-right,
    .left-30 .members-get-column-left {
        padding: 30px 30px 0px;
    }
    .left-70 .members-get-column-left,
    .left-30 .members-get-column-right {
        padding: 30px;
    }
    .members-get-column-left,
    .members-get-column-right {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .left-30.center.space-right-smaller-image .get-left {
        order: 2;
    }
    .left-30.center.space-right-smaller-image .get-right {
        order: 1;
    }
    .members-get-column.left-70.center.no-space-right .members-get-column-right .members-get-column-top {
        order: 2;
        padding-bottom: 30px;
    }
    .members-get-column.left-70.center.no-space-right .members-get-column-right .image-bottom {
        order: 1;
        margin-right: 30px;
    }
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-left {
        padding: 30px 30px 60px!important;
    }
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-left .members-get-column-top {
        width: calc(100% - 200px);
    }
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-left .image-bottom img {
        max-width: 280px;
    }
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-right .get-left {
        order: 2;
        padding-left: 20px;
    }
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-right .get-right {
        order: 1;
        text-align: left;
    }
    .get-left {
        padding-right: 0px!important;
    }
    .get-left p:last-child {
        margin-bottom: 0px;
    }
    .members-get-single-column .get-left {
        order: 1;
    }
    .members-get-single-column .get-right {
        order: 2;
    }
}

@media screen and (max-width: 1040px) {
    .career-grow-subsection {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {
    .career-grow-subsection {
        padding: 30px;
        border-radius: 16px;
        margin-top: 20px;
    }
    .career-grow-right {
        width: 400px;
    }
    .career-grow-left {
        width: 100%;
        padding-bottom: 30px;
    }
    .career-grow-subsection {
        flex-direction: column;
    }
    .members-get-single-column .get-right {
        display: flex;
        justify-content: center;
    }
    .logos-image {
        width: 250px;
        line-height: 1;
        padding: 20px;
    }
    .client-image {
        width: 200px;
    }
    .members-get-single-column {
        flex-direction: column;
    }
    .members-get-single-column .get-left,
    .members-get-single-column .get-right {
        width: 100%;
    }
    .members-get-inner {
        padding: 60px 0px 40px;
    }
    .members-get-column {
        flex-direction: column;
    }
    .left-30 .members-get-column-left,
    .left-70 .members-get-column-left,
    .left-70 .members-get-column-right,
    .left-30 .members-get-column-right {
        width: calc(100% - 20px);
    }
    .get-left {
        order: 1;
        padding-right: 0px!important;
        padding-top: 0px;
        padding-bottom: 20px;
        text-align: center;
    }
    .image-bottom {
        max-width: 300px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 700px) {
    .members-get-single-column .get-left {
        padding: 30px 30px 10px!important;
    }
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-right .get-left {
        padding: 0px;
    }
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-right .get-right {
        order: 1;
        text-align: center;
        padding-bottom: 20px;
    }
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-left .members-get-column-top {
        width: calc(100% - 140px);
        margin: 0 auto;
    }
    .get-right {
        text-align: center;
    }
    .left-30 .members-get-column-left .members-get-column-top {
        padding-bottom: 10px;
    }
    .members-get-column.left-70.center.no-space-right .members-get-column-right .members-get-column-top {
        order: 1;
        padding-bottom: 0px;
    }
    .members-get-column-top {
        text-align: center;
    }
    .left-70 .members-get-column-right,
    .left-70 .members-get-column-left,
    .left-30 .members-get-column-right,
    .left-30 .members-get-column-left {
        flex-direction: column;
    }
    .left-30.center.space-right-smaller-image .get-left {
        padding: 10px 0px 0px;
    }
    .left-70.no-space-right .members-get-column-left {
        padding-right: 30px;
    }
    .left-70.no-space-right .members-get-column-left .get-left {
        padding: 10px 0px 0px;
    }
    .left-70.no-space-right .get-right {
        text-align: center;
    }
    .left-70.no-space-right .get-right img {
        border-radius: 20px;
    }
    .members-get-column.left-70.center.no-space-right .members-get-column-right .image-bottom {
        margin: 0 auto 0px;
        order: 2;
    }
}

@media screen and (max-width: 600px) {
    .members-get-single-column .get-right {
        flex-direction: column;
        align-items: center;
    }
    .logos-image {
        padding: 0px 0px 0px;
    }
}

@media screen and (max-width: 550px) {
    .career-grow-right {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .members-get-section .container {
        margin: 0 30px;
    }
    .members-get-single-column .get-left {
        padding: 30px 30px 30px!important;
    }
    .members-get-single-column .get-right {
        display: none!important;
    }
    .badge-holder {
        margin-bottom: 10px;
    }
    .get-left,
    .members-get-column-top {
        text-align: left!important;
    }
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-left .members-get-column-top {
        width: 100%;
    }
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-left,
    .left-70 .members-get-column-right {
        padding: 30px!important;
    }
    .left-70.no-space-right .members-get-column-left .get-left,
    .left-30.center.space-right-smaller-image .get-left {
        padding: 0px 0px 0px;
    }
    .left-30.left-right.space-right-bigger-image .members-get-column-left .members-get-column-top {
        padding-bottom: 0px;
    }
    .left-30 .members-get-column-left .members-get-column-top {
        padding-bottom: 20px;
    }
    .left-30.center.space-right-smaller-image .get-right,
    .left-70.no-space-right .get-right,
    .members-get-column.left-30.left-right.space-right-bigger-image .members-get-column-right .get-right,
    .image-bottom {
        display: none;
    }
    .text_grow {
        margin-bottom: 20px;
    }
    .career-grow-left h3 {
        font-size: 32px;
        line-height: 42px;
    }
    .members-get-inner {
        padding: 50px 0px 30px;
    }
    .logos-image {
        width: 200px;
    }
    .members-get-inner h2 {
        font-size: 32px!important;
        line-height: 42px!important;
    }
    .text-below-title {
        margin: 0px auto 20px;
    }
}


/******* Scroll Bar video
************************/

.scroll-video-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);
}

.scroll-video-main-holder.show_course_popup {
    display: flex;
    pointer-events: auto!important;
}

.scroll-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.scroll-video-popup-main-holder {
    z-index: 999;
    max-width: 800px;
    background-color: #fff;
    border-radius: 12px;
    width: 100%;
    position: relative;
    padding: 40px 40px 40px;
    box-sizing: border-box;
    min-height: 150px;
}

.scroll-video-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 800;
    color: #31216B;
    text-align: center;
}

.scroll-video-inner .popup_holder_inner {
    padding: 0;
}

.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;
}

.scroll-video-popup-main-holder .scroll-video-course-button {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
    background-image: url(../images/cancel-dark-white.svg)!important;
    background-position: 0 0;
    background-size: cover;
    cursor: pointer;
}

.scroll-video-information {
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

@media screen and (max-width: 900px) {
    .scroll-video-popup-main-holder {
        max-width: 100%;
        margin: 0px 50px;
    }
}

@media screen and (max-width: 768px) {
    .scroll-video-popup-main-holder {
        max-width: 100%;
        margin: 0px 30px;
    }
    .scroll-video-popup-main-holder {
        padding: 20px 20px 20px;
    }
    .scroll-video-information {
        padding-bottom: 10px;
    }
    .scroll-video-title {
        font-size: 28px;
        line-height: 34px;
    }
}

@media screen and (max-width: 480px) {
    .scroll-video-popup-main-holder {
        margin: 0px 10px;
    }
    .scroll-video-popup-main-holder {
        padding: 20px 10px;
    }
    .scroll-video-information {
        align-items: flex-start;
    }
    .scroll-video-title {
        font-size: 24px;
        line-height: 30px;
    }
}


/*************************
Last Section 
*************************/

.below-review-last-inner h2 {
    font-size: 38px!important;
    line-height: 52px!important;
    font-weight: 800;
    color: #fff!important;
    margin-bottom: 20px!important;
}

.below-review-last-section {
    background-size: cover;
    background-position: center center;
}

.below-review-last-inner {
    padding: 80px 0px;
    text-align: center;
}

.last-section-subtitle {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}

.last-sections-buttons-holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.last-sections-buttons-holder span {
    margin: 0px 10px;
    cursor: pointer;
    font-weight: 600;
    max-width: 340px;
    width: 100%;
}

.below-review-last-section .container {
    max-width: 1130px;
    margin: 0 auto;
}

@media screen and (max-width: 1230px) {
    .below-review-last-section .container {
        max-width: 100%;
        margin: 0 50px;
    }
}

@media screen and (max-width: 1040px) {
    .below-review-last-inner {
        padding: 60px 0px;
    }
}

@media screen and (max-width: 800px) {
    .last-sections-buttons-holder {
        flex-direction: column;
    }
    .last-sections-buttons-holder span {
        margin: 0px;
    }
    .last-sections-buttons-holder>span:first-child {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    .below-review-last-section .container {
        margin: 0 30px;
    }
    .below-review-last-inner h2 {
        font-size: 32px!important;
        line-height: 42px!important;
    }
    .below-review-last-inner {
        padding: 50px 0px;
    }
    .last-sections-buttons-holder span {
        max-width: 100%;
    }
}


/****FAQ*******/

.faq-section {
    background-color: #F8F9FA;
}

.faq-section .container {
    max-width: 1130px;
    margin: 0 auto;
}

.faq-section-inner {
    display: flex;
    padding: 80px 0px;
}

.faq-section-left {
    max-width: 416px;
    width: 100%;
    padding-right: 90px;
}

.faq-section-right {
    flex: 1;
}

.faq-section-left h2 {
    margin: 10px 0px 20px!important;
    font-weight: 800!important;
    font-size: 38px!important;
    line-height: 52px!important;
    color: #31216B!important;
}

.below-title-accordion {
    font-size: 16px;
    line-height: 32px;
    color: #31216B;
    margin: 0px 0px 0px;
}

.below-title-accordion p {
    margin: 0px;
}

.faq_column {
    margin-bottom: 24px;
}

.faq_column:last-child {
    margin-bottom: 0px;
}

.faq_column_title {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.faq_column_title h3 {
    margin: 0px;
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    color: #31216B;
    flex: 1;
    padding-right: 15px;
}

.faq_column_title i {
    color: #1ebbf0;
    width: 32px;
    border-radius: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #1ebbf0;
    font-size: 18px;
}

.faq_column_text {
    display: none;
}

.cs_section_two .faq_column_text p {
    margin: 0px;
}

.cs_section_two .faq_column {
    margin-bottom: 15px;
}

.faq_column_text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #31216B;
    margin: 20px 0px 0px;
}
.faq_column_text ul{
    list-style: disc;
    padding-left:20px;
}

.faq_column_text ul li{
        font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #31216B;
}

.above-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #1EBBF0;
}

.faq_column_text ol {
    margin: 0px;
    padding-left: 20px;
}

.faq_column_text ol li {
    font-weight: 100;
    font-size: 16px;
    line-height: 24px;
    color: #31216B;
    margin: 20px 0px 0px;
}

.last-section {
    padding: 40px 0px 80px;
    background-color: #31216B;
}

.last-section-inner h2,
.last-section-inner h3 {
    margin: 40px 0px 20px!important;
    font-weight: 800!important;
    font-size: 38px!important;
    line-height: 52px!important;
    color: #fff!important;
}

.last-section-inner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}

.last-section-inner p:last-child {
    margin: 0px!important;
}

@media screen and (max-width: 1230px) {
    .faq-section .container {
        max-width: 100%;
        margin: 0 50px;
    }
}

@media screen and (max-width: 1040px) {
    .last-section {
        padding: 20px 0px 60px;
    }
    .faq-section-inner {
        padding: 60px 0px;
    }
    .faq-section-inner {
        flex-direction: column;
    }
    .faq-section-left {
        max-width: 100%;
        width: 100%;
        padding-right: 0px;
        padding-bottom: 30px;
    }
    .faq-section-right {
        flex: none;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .last-section-inner p {
        font-size: 14px;
        line-height: 28px;
    }
    .last-section-inner h2,
    .last-section-inner h3 {
        margin: 20px 0px 10px!important;
        font-size: 32px!important;
        line-height: 42px!important;
    }
    .last-section {
        padding: 30px 0px 50px;
    }
    .faq-section-inner {
        padding: 50px 0px;
    }
    .faq-section .container {
        margin: 0 30px;
    }
    .faq_column {
        margin-bottom: 15px;
    }
    .faq-section-left {
        padding-bottom: 10px;
    }
    .faq_column_title h3 {
        font-size: 16px;
        line-height: 28px;
    }
    .below-title-accordion p,
    .faq_column_text p {
        line-height: 28px;
        font-size: 14px;
    }
}

.badge-holder {
    background: #dcdcff;
    color: #5d5cff;
    display: inline-block;
    padding: 1px 15px;
    font-weight: 600;
    border-radius: 20px;
    margin-bottom: 5px;
}

body .activ-filter2 .asp_select2 .asp_select2-selection,
div.asp_w .asp_select2-container--flat .asp_select2-selection--single.activ-filter,
.activ-filter {
    background-color: rgba(30, 187, 240, 0.1)!important;
}

body .probox .promagnifier {
    background-image: none!important;
}

.asp_select2-container--open .asp_select2-dropdown--above,
.asp_select2-container--open .asp_select2-dropdown--below {
    background: #fff!important;
}

body .asp_select2-container--flat .asp_select2-results__option--highlighted[aria-selected] {
    background: rgba(61, 42, 128, 0.7) !important;
}

body .asp_select2-container--flat .asp_select2-results__option[aria-selected=true] {
    background: rgba(61, 42, 128, 1) !important;
    opacity: 1!important;
}

.asp_select2-container {
    color: rgba(61, 42, 128, 1) !important;
}

body .asp_nores {
    box-shadow: none!important;
}

body .asp_nores_header {
    color: rgba(61, 42, 128, 1) !important;
}


/****CHANGE ON WHAT AIHR MEMBER *****/

.current-active-line:before,
.current-active-line:after {
    display: none!important;
}

.design-features-left-column.active-column {
    border-top: 1px solid rgba(137, 164, 199, 0.5)!important;
}

.link {
    color: #1EBBF0;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    text-decoration: none;
    padding-top: 10px;
    display: block;
}

.link:hover {
    color: #31216B;
}

.text_below_accordion {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-bottom: 1px solid rgba(137, 164, 199, 0.5);
    padding: 50px 0px;
}

.members-get-section.special-members-case .text_below_accordion {
    border: none;
    padding-bottom: 0px!important;
}

.design-features-right .tab-content {
    line-height: 2!important;
    width: 100%;
}

@media screen and (min-width: 1041px) {
    .design-features-left {
        flex: 1!important;
        width: inherit!important;
    }
    .design-features-right {
        width: 620px!important;
    }
    .design-features-holder.sticky_tab_content .design-features-left {
        padding-right: 620px;
    }
    .design-features-holder.sticky_tab_content .design-features-right {
        right: 0px;
        top: 130px;
        margin-right: calc(50% - 565px);
        position: fixed;
    }
    .design-features-holder.after_sticky_tab_content {
        position: relative;
    }
    .design-features-holder.after_sticky_tab_content .design-features-left {
        padding-right: 620px;
    }
    .design-features-holder.after_sticky_tab_content .design-features-right {
        position: absolute;
        top: inherit !important;
        bottom: 10px;
        right: 0px;
    }
    .design-features-holder.after_sticky_tab_content.last-activ .design-features-right {
        bottom: 100px;
    }
}

.tab-content p {
    margin-bottom: 15px;
}

.accordion-img {
    line-height: 0;
}

.tab_description .scroll-box-items-right-link {
    color: #1EBBF0;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    text-decoration: none;
    display: block;
}

.tab_description .scroll-box-items-right-link:hover {
    color: #31216B;
}

@media screen and (min-width: 1041px) and (max-width: 1230px) {
    .design-features-holder.sticky_tab_content .design-features-right {
        margin-right: 50px;
    }
}

@media screen and (min-width: 1041px) and (max-width: 1160px) {
    .design-features-right {
        width: 450px!important;
    }
    .design-features-holder.sticky_tab_content .design-features-left {
        padding-right: 450px;
    }
    .design-features-holder.after_sticky_tab_content .design-features-left {
        padding-right: 450px;
    }
}

@media screen and (max-width: 480px) {
    .text_below_accordion span {
        width: 100%;
    }
    .text_below_accordion {
        padding: 30px 0px;
    }
}


/*******************
No results on filter
********************/

.results-no-items {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -15px 0px!important;
}

.results-no-items a {
    width: calc(100% / 3 - 20px) !important;
    margin: 0 10px 20px !important;
    background: #FFFFFF !important;
    box-shadow: 0 4px 12px rgb(39 116 139 / .15) !important;
    border-radius: 10px !important;
    padding: 20px !important;
    position: relative !important;
    box-sizing: border-box !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: none !important;
    cursor: pointer;
}

.results-no-items a .duration_part_three,
.results-no-items a .view-course {
    font-size: 14px!important;
}

.results-no-items a:hover {
    box-shadow: 0 0 1px 0 rgb(0 0 0 / .05), 0 1px 20px 0 rgb(0 0 0 / .15)!important;
}

@media (max-width: 1040px) {
    .results-no-items a {
        width: calc(50% - 20px)!important;
    }
}

@media (max-width: 700px) {
    .results-no-items a {
        width: calc(100% - 20px)!important;
    }
}


/*********************
Additional CSS
********************/

.resent_release_load_more {
    display: flex;
    justify-content: center;
    margin: 20px -10px 0px;
}

#release_load_more {
    display: flex !important;
    width: calc(100% / 3 - 20px);
    background-color: #31216B !important;
    color: #fff !important;
    font-size: 16px !important;
    height: 32px;
    border-radius: 8px !important;
    align-items: center;
    justify-content: center;
    font-weight: 600 !important;
    height: 52px;
    cursor: pointer;
}

@media (max-width: 1040px) {
    #release_load_more {
        width: calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    #release_load_more {
        width: calc(100% - 20px);
    }
    .resent_release_load_more {
        margin: 10px -10px 0px;
    }
}

.section_courses_bottom {
    margin-bottom: 70px;
}

.section_courses_bottom_inner {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -5px 0px;
}

.section_courses_bottom_item {
    width: calc(25% - 10px);
    box-sizing: border-box;
    margin: 0px 5px 10px;
    background-color: #DFDEFF;
    border-radius: 8px;
    text-decoration: none;
    color: #31216B;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 10px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
}

.section_courses_bottom_item:hover {
    background-color: #31216B;
    color: #fff;
}

.section_courses_list_inner.two_courses_case {
    padding-bottom: 60px;
}

.recently_released_inner.spec-case {
    padding-bottom: 0px;
}

@media (max-width: 900px) {
    .section_courses_bottom {
        margin-bottom: 50px;
    }
    .section_courses_list_inner.two_courses_case {
        padding-bottom: 50px;
    }
    .section_courses_bottom_item {
        width: calc(100%/3 - 10px);
    }
}

@media (max-width: 700px) {
    .section_courses_bottom_item {
        width: calc(50% - 10px);
    }
}

@media (max-width: 480px) {
    .section_courses_bottom {
        margin-bottom: 40px;
    }
    .section_courses_bottom_item {
        width: calc(100% - 10px);
    }
}

.only-text-section .container {
    max-width: 1130px;
    margin: 0 auto;
}

.only-text-section {
    background: linear-gradient(180deg, var(--color-grey-950, rgba(228, 245, 255, 0.00)) 0%, var(--color-grey-9560, rgba(228, 245, 255, 0.60)) 50.16%, var(--color-grey-950, rgba(228, 245, 255, 0.00)) 100%);
}

.only-text-inner h2 {
    color: #31216B!important;
    font-size: 38px!important;
    margin-bottom: 20px!important;
    line-height: 52px!important;
    margin-top: 20px!important;
}

.only-text-inner h2:first-child {
    margin-top: 0px!important;
}

.only-text-inner h3 {
    color: #31216B!important;
    font-size: 28px!important;
    margin-bottom: 10px!important;
    line-height: 38px!important;
    margin-top: 20px!important;
    font-weight: 800!important;
}
.only-text-inner ul {
    list-style: disc;
    padding-left: 20px;
}

.only-text-inner ul li{
    color: #31216B;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}

.only-text-inner p {
    color: #31216B;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}

.only-text-inner {
    padding-bottom: 60px;
    max-width: 900px;
    margin:0 auto;
}

@media screen and (max-width: 1230px) {
    .only-text-section .container {
        max-width: 100%;
        margin: 0 50px;
    }
}

@media (max-width: 900px) {
    .only-text-inner {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 480px) {
    .only-text-inner h2 {
        font-size: 32px !important;
        line-height: 42px !important;
    }
    .only-text-section .container {
        margin: 0 30px;
    }
    .only-text-inner {
        padding-bottom: 40px;
    }
}


/*********
     Book A Call
     **********/

.book-a-call-section {
    background-color: #F8F9FA;
    padding-top: 60px;
}

.book-a-call-section .container {
    max-width: 1130px;
    margin: 0 auto;
}

.book-a-call-holder {
    display: flex;
    background-color: #31216B !important;
    padding: 0px 0px;
    border-radius: 15px;
    align-items: center;
}

.book-a-call-holder h2 {
    color: #fff!important;
    margin-bottom: 20px!important;
}

.book-a-call-left {
    flex: 1;
    padding: 0px 50px 0px 45px;
}

.book-a-call-right {
    line-height: 0;
    width: 367px;
    padding-right: 45px;
}

.book-a-call-right img {
    width: 100%;
}

.book-a-call-left p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding-bottom: 20px;
}

.book-a-call a {
    font-weight: 600;
}

@media screen and (max-width: 1230px) {
    .book-a-call-section .container {
        max-width: 100%;
        margin: 0 50px;
    }
}

@media screen and (max-width: 1130px) {
    .book-a-call-right {
        display: none;
    }
    .book-a-call-left {
        width: 100%;
        padding: 30px;
    }
}

@media screen and (max-width: 480px) {
    .book-a-call-section .container {
        margin: 0 30px;
    }
    .book-a-call-section {
        padding-top: 50px;
    }
}

body.loading-load-more-items #release_load_more,
body.loading-load-more-items .section_courses_list_holder .recently_released_holder {
    opacity: .5;
    pointer-events: none;
    overflow: hidden;
    position: relative;
}