/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

@import url('assets/fonts/theme-icon/style.css');

/* html, body {
    overscroll-behavior: none;    
} */

main {
    overflow: hidden !important;
}

.spn-loader {
    margin: auto;
    width: 48px;
    height: 48px;
    display: block;
    position: relative;
    border: 3px solid;
    border-color: #1fbb65 #FFF #1fbb65 #FFF;
    border-radius: 50%;
    box-sizing: border-box;
    animation: 1s rotate linear infinite;
}

.spn-loader:before,
.spn-loader:after {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: #1fbb65;
    transform: translate(-10px, 19px) rotate(-35deg);
}

.spn-loader:after {
    border-color: #1fbb65 #FFF #FFF #FFF;
    transform: translate(32px, 3px) rotate(-35deg);
}

.card-panel-price {
    display: none;
}

.card-panel-price.active {
    display: block;
}

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

.testimonials_section .swiper-slide:not(.swiper-slide-active) {
    opacity: 0;
}


/* Site loader*/
.site-loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

.site-loader .loader {
    font-family: monospace;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2em;
    display: inline-grid;
}

.site-loader .loader:before,
.site-loader .loader:after {
    content: "Study Peak...";
    grid-area: 1/1;
    -webkit-mask: linear-gradient(90deg, #18C867 50%, #0000 0) 0 50%/2ch 100%;
    color: #0000;
    text-shadow: 0 0 0 #18C867, 0 calc(var(--s, 1)*1.2em) 0 #18C867;
    animation: textloader 1s infinite;
}

.site-loader .loader:after {
    -webkit-mask-position: 1ch 50%;
    --s: -1;
}

@keyframes textloader {

    80%,
    100% {
        text-shadow: 0 calc(var(--s, 1)*-1.2em) 0 #18C867, 0 0 0 #18C867
    }
}


/* Header */
.user_profile .avatar {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    border: 1px solid #1A482D;
    margin-right: 8px;
}

.user_profile .brx-submenu-toggle>span {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #212A42;
    /* text-transform: capitalize; */
}

.user_profile .brx-dropdown-content {
    min-width: 16rem !important;
}

.user_profile .brx-dropdown-content>li .brxe-text-link {
    padding: 10px 20px !important;
}

.user_profile .brx-dropdown-content>li .brxe-text-link:hover {
    background-color: rgba(24, 200, 103, 0.16) !important;
}

header {
    z-index: 9999 !important;
}

header .brx-nav-nested-items>li.menu-item:last-child {
    display: none;
}

header #brxe-eehmcc,
header #brxe-abdfjo {
    transition: 0.3s ease-in-out all;
}

header #brxe-eehmcc:hover {
    color: #FFF;
    background-color: #1A3A27;
    border-color: #1A3A27;
}

header #brxe-abdfjo:hover {
    color: #FFF;
    background-color: #18C867;
    border-color: #18C867;
}

header .brx-nav-nested-items>li.menu-item .mb-nav-item,
header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a {
    transition: 0.5s ease-in-out all;
}

header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover {
    color: #18C867;
}

/* Radio box */
.custom_radio_input {
    position: relative;
}

.custom_radio_input label {
    position: relative;
    display: block;
    padding: 15px 20px;
    margin-right: 0;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    color: rgba(0, 0, 0, 0.6) !important;
    background-color: #FFF;
    border-radius: 16px;
    border: 1px solid rgba(26, 58, 39, 0.15)
}

.custom_radio_input label::before {
    position: absolute;
    content: "";
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 8px;
    color: #FFF;
    font-family: 'Ionicons';
    line-height: 18px;
    text-align: center;
    border: 1px solid rgba(26, 58, 39, 0.15)
}

.custom_radio_input.true label {
    background-color: #E4F6EF;
    border-color: #18C867;
}

.custom_radio_input.false label {
    background-color: rgba(248, 79, 57, 0.5);
    border-color: rgba(248, 79, 57, 0.5);
}

.custom_radio_input.true label::before {
    font-size: 14px;
    content: "\f2bc";
    background-color: #18C867;
    border-color: #18C867;
}

.custom_radio_input.false label::before {
    font-size: 20px;
    content: "\f406";
    background-color: rgba(248, 68, 57, 0.90);
    border-color: rgba(248, 68, 57, 0.90);
}

.custom_radio_input input {
    position: absolute;
    visibility: hidden;
}

.quiz_question_form .quiz-heading {
    font-family: "Satoshi – Medium";
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ECECEC;
    letter-spacing: inherit;
}

.quiz_question_form .question-heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 40px;
    letter-spacing: inherit;
}

.quiz_question_form .options-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Footer */
.footer_contactus_links .brxe-text-link:not(span),
:where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a {
    transition: 0.5s ease-in-out;
}

.footer_contactus_links .brxe-text-link:not(span):hover,
:where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
    color: #18C867;
}

#brxe-yfvipo li {
    overflow: hidden;
}

#brxe-yfvipo li.has-link a,
#brxe-yfvipo li.no-link {
    transition: 0.3s ease-in-out;
}

#brxe-yfvipo li.has-link a:hover,
#brxe-yfvipo li.no-link:hover {
    background-color: #18C867;
}

/* Teams */
.our_team_container_wrapper {
    position: relative;
}

/* .our_team_container_wrapper::before {
    position: absolute;
    content: "";
    left: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 10;
} */

/* .owl-carousel.our_teams_carousel .owl-stage-outer {
    overflow: visible !important;
} */

.our_teams_carousel .owl-item {
    padding: 30px 0;
}

.teams-card .bricks-button {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(26, 58, 39, 0.161);
    background-color: transparent !important;
    border-radius: 50px;
    font-size: 14px;
    transition: 0.3s ease-in-out all;
}

.teams-card .bricks-button:hover {
    color: #ffffff !important;
    background-color: #1A3A27 !important;
    border-color: #1A3A27 !important;
}

.our_teams_carousel {
    min-height: 200px;
}

.our_teams_carousel .teams-card {
    position: relative;
    overflow: hidden;
    transform: rotate(-2.5deg);
    box-shadow: -1px 4px 8px rgba(26, 58, 39, 0.12);
    background-color: #EDF4F1;
    transition: 0.5s ease-in-out;
    border-radius: 1.875rem;
}

.our_teams_carousel .teams-card .team_image {
    width: 100%;
    max-height: 300px;
    height: 100vh;
}

.our_teams_carousel .owl-item:nth-child(2n) .teams-card {
    transform: rotate(-0.5deg);
}

.our_teams_carousel .owl-item:nth-child(3n) .teams-card {
    transform: rotate(3deg);
}

.our_teams_carousel .teams-card:hover,
.our_teams_carousel .owl-item:nth-child(2n) .teams-card:hover,
.our_teams_carousel .owl-item:nth-child(3n) .teams-card:hover {
    transform: rotate(0.5deg);
    background-color: #E2E1FF;
}

.our_teams_carousel .teams-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our_teams_carousel .owl-nav button.owl-next,
.our_teams_carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    font-size: 12px;
    color: #1A3A27 !important;
    background-color: #FFF !important;
    border: 1px solid rgba(26, 58, 39, 0.122) !important;
    box-shadow: -1px 2px 6px 0px rgba(26, 58, 39, 0.051);
    border-radius: 50px;
}

.our_teams_carousel .owl-nav button.owl-next {
    right: 20px;
}

.our_teams_carousel .owl-nav button.owl-prev {
    left: 20px;
}

/* .our_teams_carousel .owl-nav button.owl-next.disabled,
.our_teams_carousel .owl-nav button.owl-prev.disabled {
    display: none;
} */

.our_teams_carousel .owl-dots {
    display: none;
}

/* Popup Modal */
.team-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.8); */
    background-color: rgba(237, 244, 241, 0.95);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.team-popup.show {
    opacity: 1;
    transform: scale(1);
}

.popup-content {
    position: relative;
    padding: 20px;
    width: 100%;
    max-width: 1350px;
    max-height: 520px;
    height: calc(100% - 60px);
    color: #000;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0px -3px 20px 0px rgba(26, 58, 39, 0.031);
    overflow: hidden;
    overflow-y: auto;
}

.team-popup .popup-content {
    overflow: hidden;
    overflow-y: hidden;
}

.team-popup .popup-content .close-popup {
    right: 35px;
}

.team-popup .popup-content .popup-body {
    align-items: flex-start;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 60px;
}

.team-popup .popup-content .popup-body::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
}

.team-popup .popup-content .popup-body::-webkit-scrollbar-track {
    background-color: #ddd;
}

.team-popup .popup-content .popup-body::-webkit-scrollbar-thumb {
    background-color: #18C867;
    border-radius: 6px;
}

.popup-content .close-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(26, 58, 39, 0.161);
    background-color: transparent !important;
    border-radius: 50px;
    font-size: 24px;
    color: rgba(26, 58, 39, 0.898);
    background-color: #FFF !important;
    cursor: pointer;
    transition: 0.3s ease-in-out all;
}

.popup-content .close-popup:hover {
    color: #fff !important;
    background-color: #18C867 !important;
    border-color: #18C867 !important;
}

.popup-body {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 50px;
    height: 100%;
}

.popup-body .left_team_image {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-width: 480px;
    max-width: 480px;
    max-height: 480px;
    border-radius: 30px;
    background-color: #E9E8FF;
}

.popup-body .left_team_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.popup-body .right_team_content {
    display: block;
    padding: 30px 0px;
}

.popup-body .right_team_content h3 {
    font-size: 38px;
    line-height: 42px;
    font-weight: 700;
    color: #1A3A27;
    letter-spacing: -0.03em;
    margin-bottom: 10px;
}

.popup-body .right_team_content h5 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: rgba(26, 58, 39, 0.651);
    margin-bottom: 30px;
}

.popup-body .right_team_content>p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: rgba(26, 58, 39, 0.898);
    margin-bottom: 30px;
}

.speciality-list h6 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: rgba(26, 58, 39, 0.651);
    margin-bottom: 10px;

}

.speciality-list ul {
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding-left: 0;
    margin-bottom: 0;
}

.speciality-list ul li {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 130px;
    background-color: #EDF4F1;
    border-radius: 9px;
    text-align: center;
    padding: 8px 13px;
}

.speciality-list ul li img {
    display: block;
    min-width: 16px;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.speciality-list ul li p {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: rgba(26, 58, 44, 0.651);
    margin-bottom: 0;
}

/* offer-popup */
.offer-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(237, 244, 241, 0.95);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.offer-popup.show {
    opacity: 1;
    transform: scale(1);
}

.offer-popup .popup-content {
    padding: 80px 50px 50px;
    max-width: 800px;
    overflow-y: hidden;
}

.offer-popup .popup-body {
    display: block;
    overflow-y: auto;
    padding-right: 10px;
}

.offer-popup .popup-body::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
}

.offer-popup .popup-body::-webkit-scrollbar-track {
    background-color: #ddd;
}

.offer-popup .popup-body::-webkit-scrollbar-thumb {
    background-color: #18C867;
    border-radius: 6px;
}

.popup_content h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #18C867;
    margin-bottom: 10px;
}

.popup_content h3 {
    max-width: 500px;
    font-weight: 700;
    font-size: 40px;
    line-height: 42px;
    color: #1A3A27;
    margin-bottom: 50px;
}

.popup_content h5 {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #1A3A27;
    margin-bottom: 40px;
}

.popup_content>p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: rgba(26, 58, 39, 0.90);
    margin-bottom: 30px;
}

.popup_content .offer-image {
    width: 100%;
    height: 100vh;
    max-height: 350px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #EDF4F1;
    margin-bottom: 40px;
}

.popup_content .offer-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup_content .offer-content {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: rgba(26, 58, 39, 0.65);
    margin-bottom: 30px;
}

.popup_content .offer-content img {
    object-fit: cover;
    width: 100%;
    height: 100vh;
    max-height: 400px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #EDF4F1;
    margin-bottom: 40px;
}

/* pricing popup */
.preview-popup,
.pricing-popup,
.course-prepration-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(237, 244, 241, 0.95);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.preview-popup.show,
.pricing-popup.show,
.course-prepration-popup.show {
    opacity: 1;
    transform: scale(1);
}

.preview-popup .popup-content,
.pricing-popup .popup-content,
.course-prepration-popup .popup-content {
    padding: 80px 50px 50px;
    max-width: 800px;
    overflow-y: hidden;
    padding: 80px 50px;
    max-height: inherit;
    height: auto;
}

.preview-popup .popup-body,
.pricing-popup .popup-body,
.course-prepration-popup .popup-body {
    display: block;
    overflow-y: auto;
    padding-right: 10px;
}

.preview-popup .popup-body::-webkit-scrollbar,
.pricing-popup .popup-body::-webkit-scrollbar,
.course-prepration-popup .popup-body::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
}

.preview-popup .popup-body::-webkit-scrollbar-track,
.pricing-popup .popup-body::-webkit-scrollbar-track,
.course-prepration-popup .popup-body::-webkit-scrollbar-track {
    background-color: #ddd;
}

.preview-popup .popup-body::-webkit-scrollbar-thumb,
.pricing-popup .popup-body::-webkit-scrollbar-thumb,
.course-prepration-popup .popup-body::-webkit-scrollbar-thumb {
    background-color: #18C867;
    border-radius: 6px;
}

.pricing-popup .popup-content p a {
    /*    color: #F84F39 !important;*/
    transition: 0.5s ease-in-out;
}

/* .course-prepration-popup .popup-content {
    padding: 80px 50px;
    max-height: inherit;
    height: auto;
} */

/* Custom pricing tabs */
.course-pricing-wrapper .section-title {
    width: 100%;
    text-align: center;
}

.selected-date-title{
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 0 0 1.5rem 0;
    color: #000;
    letter-spacing: -0.5px;
}

.course-pricing-wrapper .section-subtitle {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.03em;
    color: #11101D;
    text-align: center;
    background-color: #f2f2f7;
    margin: -54px auto 30px;
    padding: 0 20px;
    width: fit-content;
}

.course-pricing-wrapper .plan-details-group {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 30px;
    /* padding: 20px;
    border-radius: 16px;
    background-color: rgba(98, 95, 199, 0);
    background-image: linear-gradient(rgba(98, 95, 199, 0.16), rgba(61, 57, 159, 0.16)); */
}

.course-pricing-wrapper .plan-details-group .section-subtitle {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.03em;
    color: #11101D;
    margin-bottom: 0px;
}

.course-pricing-wrapper .plan-details-group .common_filter_form {
    min-width: 320px;
    max-width: 380px;
    width: 100%;
    /* width: calc(33.33% - 15px); */
}

.course-pricing-wrapper .plan-details-group .common_filter_form .form-group {
    width: 100%;
}

.course-pricing-wrapper .plan-details-group .select2-container--default .select2-selection--single {
    background-color: #6E6AD4;
}

.course-pricing-wrapper .plan-details-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFF;
}

.course-pricing-wrapper .plan-details-group .select2-container--default .select2-selection--single .select2-selection__arrow b,
.course-pricing-wrapper .plan-details-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #FFF !important;
}

/* 28-03-2025 */
.course-pricing-wrapper .plan-details-group .bricks-background-primary {
    width: 100%;
    min-height: 52px;
    transition: 0.5s ease-in-out all;
    width: calc(33.33% - 15px);
}

.preview-popup h3.popup-title {
    max-width: 100%;
    font-size: 28px;
    line-height: 32px;
    color: #1A3A27;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: -0.03rem;
    padding: 0px 20px 20px;
}

.preview-popup .popup-content {
    padding: 0px;
    overflow: visible;
    border-radius: 30px;
}

.preview-popup .popup-content .close-popup {
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
}

.preview-popup .popup-content .popup-body {
    overflow: visible;
    padding-right: 0;
}

.preview_owl_slider {
    width: 100%;
}

.preview_owl_slider .preview_owl_items {
    margin: 20px;
    /* max-height: 480px;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 20px;
    box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.15); */
}

.preview_owl_slider .preview_owl_items::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
}

.preview_owl_slider .preview_owl_items::-webkit-scrollbar-track {
    background-color: #ddd;
}

.preview_owl_slider .preview_owl_items::-webkit-scrollbar-thumb {
    background-color: #18C867;
    border-radius: 6px;
}

.preview_owl_slider .preview_images {
    width: 100%;
    height: 100%;
    height: 480px;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 20px;
    box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.15);
}

.preview_owl_slider .preview_images img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.preview_owl_slider .preview_images .magnify {
    width: 100% !important;
    height: 100% !important;
}

.preview_owl_slider .owl-nav button.owl-prev,
.preview_owl_slider .owl-nav button.owl-next {
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    border: 1px solid #1a3a27;
    color: #1a3a27;
    transition: 0.3s ease-in-out;
}

.preview_owl_slider .owl-nav button.owl-prev:hover,
.preview_owl_slider .owl-nav button.owl-next:hover {
    color: #fff;
    background-color: #1A3A27;
}

.preview_owl_slider .owl-nav button span {
    display: none;
}

.preview_owl_slider .owl-nav button.owl-prev {
    left: -25px;
}

.preview_owl_slider .owl-nav button.owl-next {
    right: -25px;
}

.preview_owl_slider .owl-nav button.owl-prev::before {
    font-family: "Font Awesome 6 Solid";
    content: "\f053";
}

.preview_owl_slider .owl-nav button.owl-next::before {
    font-family: "Font Awesome 6 Solid";
    content: "\f054";
}

.course-pricing-tabs {
    display: block;
    width: 100%;
    border: 2px solid #D5D5E9;
    border-radius: 18px;
    position: relative;
    padding: 30px;
    margin-bottom: 40px;
}

.course-pricing-tabs .tabs {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: nowrap;
    gap: 10px;
    margin-left: auto;
    width: calc(33.33% - 15px);
    /* margin-top: -100px; 
    margin-bottom: 50px; */
}

.course-pricing-tabs .tabs .tab-btn-wrap {
    display: flex;
    align-items: center;
    background-color: #E2E2EC;
    border-radius: 10px;
    padding: 5px;
}

.course-pricing-tabs .tabs label {
    font-weight: 500;
    font-size: 16px;
    color: #11101d;
    margin-bottom: 0;
    white-space: nowrap;
}

.tab-btn-wrap .tab-btn {
    padding: 10px 10px;
    min-width: 80px;
    min-height: 42px;
    font-weight: 500;
    font-size: 16px;
    color: rgba(17, 16, 29, 0.5);
    background-color: transparent;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}

.tab-btn-wrap .tab-btn.active {
    font-weight: 700;
    color: #6A66D5;
    background-color: #FFF;
}

.course-pricing-tabs .tab-content {
    display: none;
}

.course-pricing-tabs .tab-content.active {
    display: block;
}

.pricing-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

.card-pricing-plans {
    position: relative;
    flex: calc(33.33% - 14px);
    padding: 50px 30px;
    border-radius: 18px;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
}

.card-pricing-plans .plan-title {
    display: block;
    margin-bottom: 40px;
}

.card-pricing-plans .plan-title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.1rem;
    color: #11101D;
    margin-bottom: 8px;
}

.card-pricing-plans .plan-title p {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: rgba(17, 16, 29, 0.5);
}

.card-pricing-plans .plan-icon {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 40px;
}

.card-pricing-plans .plan-icon img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    padding: 15px;
    border-radius: 16px;
    border: 1px solid rgba(26, 58, 39, 0.16);
    object-fit: contain;
}

.card-pricing-plans .plan-price {
    margin-bottom: 40px;
}

.card-pricing-plans .plan-price h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.1rem;
    color: #6460C9;
    margin-bottom: 8px;
}

.card-pricing-plans .plan-price p {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #11101D;
}

.card-pricing-plans hr {
    border-color: rgba(17, 16, 29, 0.12);
    margin-bottom: 20px;
}

.plan-details {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.plan-details .ul-list-group {
    /* height: 100vh;
    max-height: 480px; */
    margin-bottom: 30px;
}

.plan-details .bricks-background-primary:last-child {
    margin-top: auto;
    margin-bottom: 0;
}

.plan-details .bricks-background-primary {
    width: 100%;
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 16px;
    color: #FFF !important;
    background-color: #6460C9 !important;
    border: 1px solid #6460C9 !important;
    margin-bottom: 40px;
    transition: 0.3s linear;
}

.plan-details .bricks-background-primary:hover {
    background-color: #24223f !important;
}

.plan-details ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.plan-details ul li {
    position: relative;
    padding-left: 32px;
    font-weight: 700;
    color: #11101D;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(17, 16, 29, 0.12);
}

.plan-details ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.card-platinum-plans {
    /* background: linear-gradient(180deg, rgba(232, 231, 255, 0.14) 38.95%, rgba(106, 102, 213, 0.14) 100%), #E8E7FF; */
    background-color: #24223F;
}

.card-platinum-plans .popular-plan {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 12px;
    color: #FFF;
    background-color: #6E6AD4;
    border-radius: 8px;
}

.card-platinum-plans .plan-title h3 {
    color: #6460C9;
}

.card-platinum-plans .plan-title h3,
.card-platinum-plans .plan-price h4,
.card-platinum-plans .plan-icon span {
    color: #FFF;
}

.card-platinum-plans .plan-title p,
.card-platinum-plans .plan-price p,
.card-platinum-plans .plan-details ul li {
    color: rgba(232, 231, 255, 0.9);
}

.card-platinum-plans hr,
.card-platinum-plans .plan-icon img,
.card-platinum-plans .plan-details ul li {
    border-color: rgba(233, 232, 255, 0.18);
}

.card-platinum-plans .plan-icon img {
    filter: brightness(100);
}

/* Blogs */
#post-listing-multifilters .filter-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 30px;
}

#post-listing-multifilters .brxe-heading {
    position: relative;
    font-weight: 700;
    font-size: 34px;
    line-height: 34px;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

#post-listing-multifilters .filter_dropdown_wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 8px;
}

.selected-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.filter-tag {
    padding: 10px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #18C867;
    background: #FFF;
    border: 1px solid #1FBB65;
}

.filter-tag .remove-filter {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #18C867;
    margin-right: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
}

.filter-dropdown {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    gap: 10px;
}

#category-select {
    padding: 5px;
    border-radius: 5px;
}

.post-listing-with-filters {
    margin: 20px 0;
}

.category-filter-form {
    margin-bottom: 20px;
}

.category-filter-form select {
    padding: 5px;
    font-size: 16px;
}

.post-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 60px 20px;
}

.post-item {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
}

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

.post-title {
    font-size: 18px;
    margin: 10px 0;
}

.post-meta {
    font-size: 14px;
    color: #666;
}

.post-meta .item {
    flex-wrap: wrap;
}

.btn-filter {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px;
    color: #1A3A27;
    background-color: #FFF;
    border: 1px solid rgba(26, 58, 39, 0.16);
    border-radius: 12px;
}

/* Blogs */
.post-item.custom_blog_post {
    padding: 0;
    border: none;
}

.post-item.custom_blog_post .post-thumbnail {
    display: block;
    width: 100%;
    height: 100vh;
    max-height: 240px;
    overflow: hidden;
    border-radius: 24px;
    margin-bottom: 20px;
}

.post-item.custom_blog_post .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-item.custom_blog_post .post-details {
    text-align: left;
}

.post-item.custom_blog_post .post-categories {
    color: rgba(26, 58, 44, 0.65);
    font-size: 1rem;
    letter-spacing: -0.03rem;
    line-height: normal;
}

.post-item.custom_blog_post .post-title {
    font-size: 1.5rem;
    line-height: 30px;
    letter-spacing: -0.09375rem;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 54px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post-item.custom_blog_post .post-title a {
    color: #1A3A27;
    transition: 0.3s ease-in-out all;
}

.post-item.custom_blog_post .post-title a:hover {
    color: #18C867;
}

.post-item.custom_blog_post .post-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.post-item.custom_blog_post .post-meta .post-avatar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 0.25rem;
    padding-right: 1.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.25rem;
    border-radius: 0.75rem;
    color: rgba(26, 58, 44, 0.65);
    background-color: var(--bricks-color-rpndiu);
    /* text-transform: capitalize; */
    font-size: 13px;
    line-height: 18px;
}

.post-item.custom_blog_post .post-meta .post-avatar .author-avatar {
    display: block;
    width: 34px;
    height: 34px !important;
    border-radius: 12px;
    overflow: hidden;
}

.post-item.custom_blog_post .post-meta .post-avatar .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-item.custom_blog_post .post-meta .post-date {
    padding-top: 0.75rem;
    padding-right: 1.25rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    border-radius: 0.75rem;
    color: rgba(26, 58, 44, 0.65);
    background-color: var(--bricks-color-rpndiu);
    /* text-transform: capitalize; */
    font-size: 13px;
    line-height: 18px;
}

.read-time {
    padding: 0.75rem;
    border-radius: 0.75rem;
    color: rgba(26, 58, 44, 0.65);
    background-color: var(--bricks-color-rpndiu);
    /* text-transform: capitalize; */
    font-size: 13px;
    line-height: 18px;
}

.read-time i {
    margin-right: 5px;
}

.custom_pagination ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    margin-top: 60px;
}

.custom_pagination ul li {
    display: inline-block;
}

.custom_pagination ul li .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 5px 0px;
    text-decoration: none;
    border: 1px solid rgba(26, 58, 39, 0.16);
    border-radius: 8px;
    color: #1A3A27;
    transition: 0.5s ease-in-out all;
}

.custom_pagination ul li .page-numbers.current,
.custom_pagination ul li .page-numbers:hover {
    background-color: #18C867;
    color: #FFF;
}


.single-post .brxe-post-content h2 {
    font-family: "Satoshi – Medium";
    font-weight: 700;
    font-size: 28px !important;
    line-height: 38px !important;
    color: #1A3A27 !important;
    margin-right: auto;
    margin-bottom: 40px !important;
    letter-spacing: -0.03em !important;
}

.single-post .brxe-post-content h3 {
    font-family: "Satoshi – Medium";
    font-weight: 700;
    font-size: 24px !important;
    line-height: 30px !important;
    color: #1A3A27 !important;
    margin-right: auto;
    margin-bottom: 40px !important;
    letter-spacing: -0.03em !important;
}

.single-post .brxe-post-content h4,
.single-post .brxe-post-content h5 {
    font-family: "Satoshi – Medium";
    font-weight: 700;
    font-size: 20px !important;
    line-height: 26px !important;
    color: #1A3A27 !important;
    margin-right: auto;
    margin-bottom: 40px !important;
    letter-spacing: -0.03em !important;
}

.single-post .brxe-post-content p {
    color: rgba(26, 58, 39, 0.85);
}

.single-post .brxe-post-content a {
    text-decoration: underline;
    transition: 0.5s ease-in-out;
}

.single-post .brxe-post-content a:hover {
    color: #18C867;
}

.single-post .brxe-post-content table {
    border-collapse: collapse;
    border: 1px solid rgba(26, 58, 39, 0.85);
}

.single-post .brxe-post-content table td {
    padding: 8px;
    font-size: 20px;
    list-style: 32px;
    border: 1px solid rgba(26, 58, 39, 0.85);
    color: rgba(26, 58, 39, 0.85);
}

.single-post .featured_image span {
    height: 100%;
}

.single-post .brxe-post-content ol li,
.single-post .brxe-post-content ul li {
    margin-bottom: 20px;
}

.post-item.custom_blog_post .post-thumbnail,
.blog_card .bricks-layout-item .image-wrapper {
    border-radius: 1.25rem;
    overflow: hidden;
}

.post-item.custom_blog_post .post-thumbnail img,
.blog_card .bricks-layout-item .image-wrapper img {
    transform: scale(1);
    transition: 0.3s linear;
}

.post-item.custom_blog_post .post-thumbnail:hover img,
.blog_card .bricks-layout-item .image-wrapper:hover img {
    transform: scale(1.1);
}

/* Blog Filter */
.custom_dropdown {
    position: relative;
}

.custom_dropdown .dropdown-content {
    display: none;
    position: absolute;
    top: 70px;
    right: 0;
    min-width: 212px;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid rgba(26, 58, 39, 0.16);
    border-radius: 10px;
    z-index: 10;
}

.custom_dropdown .dropdown-content::before {
    position: absolute;
    content: "";
    top: -9px;
    right: 60px;
    width: 16px;
    height: 16px;
    background-color: #FFF;
    border-top: 1px solid rgba(26, 58, 39, 0.16);
    border-left: 1px solid rgba(26, 58, 39, 0.16);
    transform: rotate(45deg);
}

.custom_dropdown .dropdown-content .dropdown-list {
    display: block;
    max-height: 220px;
    overflow-y: auto;
    padding-left: 6;
}

.custom_dropdown .dropdown-content .dropdown-list::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
}

.custom_dropdown .dropdown-content .dropdown-list::-webkit-scrollbar-track {
    background-color: #ddd;
}

.custom_dropdown .dropdown-content .dropdown-list::-webkit-scrollbar-thumb {
    background-color: #18C867;
    border-radius: 6px;
}

.custom_dropdown .dropdown-label {
    display: block;
    min-width: 130px;
    height: 44px;
    font-size: 16px;
    line-height: 42px;
    padding: 0 40px 0 20px;
    font-size: 16px;
    line-height: 22px;
    color: #1A3A27;
    background-color: #FFF;
    border: 1px solid rgba(26, 58, 39, 0.16);
    border-radius: 12px;
    cursor: pointer;
    position: relative;
}

.custom_dropdown .dropdown-label:before {
    font-family: 'Ionicons';
    content: "\f3d0";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.25s;
    transform-origin: center center;
}

.custom_dropdown .dropdown-label span {
    vertical-align: middle;
    margin-right: 5px;
}

.custom_dropdown.open .dropdown-content {
    display: block;
}

.custom_dropdown.open .dropdown-label:before {
    transform: translateY(-50%) rotate(-180deg);
}

.custom_dropdown .checkbox-lbl {
    position: relative;
    display: block;
    padding: 12px;
    padding-left: 40px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    background-color: #FFF;
    margin-bottom: 0;
    cursor: pointer;
}

.custom_dropdown .checkbox-lbl:hover {
    background-color: #EDF4F1;
}

.custom_dropdown .checkbox-lbl input {
    position: absolute;
    left: 0;
    opacity: 0;
}

.custom_dropdown .checkbox-lbl .checkbox-span {
    position: absolute;
    content: "";
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 7px;
    border: 1px solid rgba(26, 58, 39, 0.2);
    background-color: transparent;
}

.custom_dropdown .checkbox-lbl input:checked~.checkbox-span {
    color: #FFF;
    background-color: #18C867;
    border-color: #18C867;
}

.custom_dropdown .checkbox-lbl input:checked~.checkbox-span::before {
    font-family: 'Ionicons';
    content: "\f3ff";
    font-size: 30px;
    line-height: 18px;
}

.custom_dropdown .checkbox-lbl input:checked~.checkbox-lbl {
    background-color: #EDF4F1;
}

.custom_blog_slider {
    display: block;
    width: 100%;
    padding: 30px 0;
}

.custom_blog_slider img {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}

.blog-slider-wrapper .owl-nav button.owl-prev,
.blog-slider-wrapper .owl-nav button.owl-next {
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    border: 1px solid #1a3a27;
    color: #1a3a27;
    transition: 0.3s ease-in-out;
}

.blog-slider-wrapper .owl-nav button.owl-prev:hover,
.blog-slider-wrapper .owl-nav button.owl-next:hover {
    color: #fff;
    background-color: #1A3A27;
}

.blog-slider-wrapper .owl-nav button span {
    display: none;
}

.blog-slider-wrapper .owl-nav button.owl-prev {
    left: -25px;
}

.blog-slider-wrapper .owl-nav button.owl-next {
    right: -25px;
}

.blog-slider-wrapper .owl-nav button.owl-prev::before {
    font-family: "Font Awesome 6 Solid";
    content: "\f060";
}

.blog-slider-wrapper .owl-nav button.owl-next::before {
    font-family: "Font Awesome 6 Solid";
    content: "\f061";
}

/* ----------------------------------------- */

.team_listing {
    /* display: flex;
    align-items: flex-start;
    flex-wrap: wrap; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.team_listing .teams-card {
    /* flex: calc(25% - 20px); */
    flex: 1;
}

.team_listing .teams-card .team_image {
    width: 100%;
    height: 100vh;
    max-height: 414px;
    position: relative;
    overflow: hidden;
    box-shadow: -1px 4px 8px rgba(26, 58, 39, 0.12);
    background-color: #EDF4F1;
    transition: 0.3s linear;
    border-radius: 1.875rem;
}

.team_listing .teams-card .team_image:hover {
    background-color: #E2E1FF;
}

.team_listing .teams-card .team_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: 0.3s linear;
}

.team_listing .teams-card .team_image:hover img {
    transform: scale(1.1);
}

.team_listing .teams-card .team_details {
    display: block;
    padding: 18px 0;
}

.team_listing .teams-card .team_details h6 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #1A3A27;
}

.team_listing .teams-card .team_details p {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: rgba(26, 58, 39, 0.6)
}

/* Contact us */
.get_in_touch_form {
    display: block;
    width: 100%;
}

.get_in_touch_form .form-row {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    column-gap: 20px;
}

.get_in_touch_form .form-row .form-group {
    flex: 1;
}

.get_in_touch_form .form-group {
    margin-bottom: 20px;
}

.get_in_touch_form label {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #1A3A27;
}

.get_in_touch_form .input,
.get_in_touch_form input:not([type=submit]),
.get_in_touch_form select,
.get_in_touch_form textarea {
    overflow: hidden;
    padding: 0px 20px;
    min-height: 52px;
    border-radius: 10px;
    color: #1A3A27;
    border: 1px solid rgba(26, 58, 39, 0.12);
    outline: none !important;
}

.get_in_touch_form textarea {
    padding: 15px 20px;
    resize: none;
    height: 140px;
}

.get_in_touch_form .input:focus,
.get_in_touch_form input:not([type=submit]):focus,
.get_in_touch_form select:focus,
.get_in_touch_form textarea:focus {
    border-color: #18C867 !important;
}

.get_in_touch_form .intl-tel-input.separate-dial-code .selected-flag {
    height: 50px;
    background-color: transparent !important;
}

.get_in_touch_form input[type=submit] {
    display: block;
    width: 100%;
    padding: 0px 20px;
    min-height: 52px;
}

:root .page-ims-kurse .get_in_touch_form label.error,
.get_in_touch_form label.error {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: red !important;
}

.get_in_touch_form input[type="submit"] {
    transition: 0.3s ease-in-out all;
}

.get_in_touch_form input[type="submit"]:hover {
    background-color: #1A3A27 !important;
}

/* Offer section */
.offer_section_wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
}

.offer_section_wrapper .card_offers {
    flex: calc(50% - 20px);
    border-radius: 24px;
    overflow: hidden;
    background: url('assets/images/border-shape-circle-bottom.svg') no-repeat bottom 50px center / auto;
    background-color: #EDF4F1;
    transition: 0.5s ease-in-out all;
}

.offer_section_wrapper .card_offers:first-child {
    background: url('assets/images/border-shape-circle-top.svg') no-repeat right -50px bottom 50px/ auto;
    background-color: #EDF4F1;
}

.offer_section_wrapper .card_offers:last-child {
    background: url('assets/images/border-shape-circle-bottom-2.svg') no-repeat bottom 50px right -50px/ auto;
    background-color: #EDF4F1;
}

.offer_section_wrapper .card_offers:hover {
    background: url('assets/images/border-shape-circle-bottom.svg') no-repeat bottom 50px center / auto, linear-gradient(0deg, #18C867, #18C867), radial-gradient(53.53% 53.53% at 50% 50%, rgba(34, 221, 118, 0.15) 0%, rgba(29, 89, 53, 0.15) 100%);
}

.offer_section_wrapper .card_offers:first-child:hover {
    background: url('assets/images/border-shape-circle-top.svg') no-repeat right -50px bottom 50px/ auto, linear-gradient(0deg, #18C867, #18C867), radial-gradient(53.53% 53.53% at 50% 50%, rgba(34, 221, 118, 0.15) 0%, rgba(29, 89, 53, 0.15) 100%);
}

.offer_section_wrapper .card_offers:last-child:hover {
    background: url('assets/images/border-shape-circle-bottom-2.svg') no-repeat bottom 50px right -50px/ auto, linear-gradient(0deg, #18C867, #18C867), radial-gradient(53.53% 53.53% at 50% 50%, rgba(34, 221, 118, 0.15) 0%, rgba(29, 89, 53, 0.15) 100%);
}

.card_offers .offer_image {
    height: 100vh;
    max-height: 360px;
}

.card_offers .offer_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.card_offers .offer_content {
    padding: 60px 30px 0;
    text-align: center;
}

.card_offers .offer_content .offer_tag {
    margin: auto;
    display: inline-block;
    padding: 5px 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #1A3A27;
    background-color: rgba(26, 58, 39, 0.06);
    border-radius: 8px;
    margin-bottom: 5px;
}

.card_offers .offer_content .offer_title {
    font-weight: 700;
    font-size: 41px;
    line-height: 42px;
    color: #1A3A27;
    margin-bottom: 30px;
}

.card_offers .offer_content .btn-link {
    padding: 5px 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #1A3A27;
    background-color: transparent !important;
    border-bottom: 1px solid rgba(26, 58, 39, 0.16);
    outline: none !important;
}

.card_offers:hover .offer_content .offer_tag {
    color: #72FEB1;
    background-color: rgba(26, 58, 39, 0.22);
}

.card_offers:hover .offer_content .offer_title {
    color: #FFF;
}

.card_offers:hover .offer_content .btn-link {
    color: #FFF;
    border-color: #FFF;
}

/* Ims Courses */
.ims_offline_courses_wrapper {
    display: block;
}

.ims_offline_courses_wrapper .brxe-heading {
    font-weight: 700;
    font-size: 44px;
    line-height: 46px;
    color: #212a42;
    letter-spacing: -0.1rem;
    margin-bottom: 1rem;
}

.ims_offline_courses_wrapper .brxe-desc {
    margin-bottom: 3rem;
}

.ims_offline_courses_wrapper .accordion {
    margin-bottom: 5rem;
}

.ims_offline_courses_wrapper .accordion .accordion-item {
    margin-bottom: 20px;
}

.accordion-header {
    display: block;
    width: 100%;
    padding: 30px;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    background-color: #FFF;
    border: 1px solid rgba(33, 42, 66, 0.12);
    border-radius: 20px;
    position: relative;
}

.accordion-header::before {
    position: absolute;
    font-family: 'Ionicons';
    content: "\f3d0";
    font-size: 18px;
    color: rgba(33, 42, 66, 0.6);
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s ease-in-out all;
}

.accordion-header.active {
    color: #2590F2;
    border-bottom: none;
    border-radius: 20px 20px 0px 0px;
}

.accordion-header.active::before {
    color: #2590F2;
    transform: translateY(-50%) rotate(180deg);
}

.accordion-content {
    display: none;
    padding: 30px;
    margin-top: -1px;
    border: 1px solid rgba(33, 42, 66, 0.12);
    border-top: 2px dashed rgba(33, 42, 66, 0.12);
    border-radius: 0px 0px 20px 20px;
}

.cms-content h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #212a42;
    margin-bottom: 30px;
    letter-spacing: -0.1rem;
}

.cms-content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: rgba(33, 42, 66, 0.65);
    margin-bottom: 15px;
}

.cms-content ul li {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: rgba(33, 42, 66, 0.65);
    margin-bottom: 10px;
}

.cms-content ul li::marker {
    color: #2590F2;
}

.cms-content ul li b,
.cms-content ul li strong {
    color: #212a42;
}

.table-content {
    display: none;
}

/* Online course */
.course-tbl {
    padding: 20px;
    border-radius: 20px;
    border: 1px solid rgba(26, 58, 39, 0.12);
    margin-bottom: 20px;
}

.course-tbl h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #212a42;
    letter-spacing: -0.03em;
}

.course-tbl tbody th,
.course-tbl tbody td {
    padding: 5px;
}

.course-tbl tbody th,
.course-tbl tbody td,
.course-tbl tbody td p {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #212a42;
    text-align: left;
}

.course-tbl .btn-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.course-tbl .btn-action .btn-tooltip {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    color: #2590F2;
    background-color: #ecf4f8;
    border: 1px solid rgba(37, 144, 242, 0.13);
    cursor: pointer;
    position: relative;
}

.course-tbl .btn-action .tooltip_popup {
    position: absolute;
    left: -420px;
    top: 50%;
    width: 400px;
    background: #fff;
    padding: 30px;
    text-align: center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 5%);
    border-radius: 12px;
    transform: translate(0, -50%);
    font-style: normal;
    display: none;
    transition: 0.5s ease-in-out all;
}

.tooltip_popup::after,
.tooltip_popup::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    margin: auto;
    height: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #fff;
}

.tooltip_popup::before {
    border-width: 12px 0 12px 17px;
    border-color: transparent transparent transparent #efefef;
    right: -17px;
}

.tooltip_popup ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tooltip_popup ul li {
    color: #212a42;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 15px;
}

.tooltip_popup ul li:last-child {
    margin-bottom: 0;
}

.tooltip_popup h3 {
    color: #2590F2;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.03rem;
    margin-bottom: 15px;
}

.tooltip_popup p {
    color: #212a42;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
    text-align: center !important;
}

.tooltip_popup b span {
    font-weight: normal;
}

.course-tbl .btn-action .btn-tooltip:hover .tooltip_popup {
    display: block;
    opacity: 1;
}

.course-tbl .bricks-background-primary {
    background-color: #2590F2 !important;
    transition: 0.3s linear;
}

.course-tbl .bricks-background-primary:hover {
    background-color: #212A42 !important;
    border-color: #212A42;
    color: #fff;
}

body .ui-tooltip {
    margin-left: -24px !important;
}

.ui-tooltip.ui-widget-content {
    padding: 10px;
    border: 1px solid rgba(33, 42, 66, 0.12) !important;
    opacity: 1 !important;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #212A42;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: none !important;
}

.ui-tooltip .arrow {
    position: absolute;
    content: "";
    top: -8px;
    left: 8px;
    width: 16px;
    height: 16px;
    background-color: #FFF;
    border-top: 1px solid rgba(33, 42, 66, 0.12);
    border-right: 1px solid rgba(33, 42, 66, 0.12);
    transform: rotate(-45deg);
}

.tutoring_pricing_wrapper table tr th {
    min-width: 240px;
}

.tutoring_pricing_wrapper table tr th h5 {
    font-size: 20px;
}

.tutoring_pricing_wrapper table tbody td:first-child {
    width: 130px;
}

.tutoring_pricing_wrapper .btn-action {
    min-width: 174px;
    min-height: 50px;
}

.tutoring_pricing_wrapper .price {
    min-width: 120px;
}

.tutoring_pricing_wrapper .desc {
    width: 186px;
}


/* select2 */
.select2-container--default .select2-selection--single {
    background-color: white;
    border: 1px solid rgba(26, 58, 39, 0.16);
    border-radius: 12px;
    min-height: 52px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 40px;
    line-height: 52px;
}

.select2-container--default .select2-results__option {
    padding: 12px 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 30px;
    height: 52px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    display: block;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    border-right: 2px solid rgba(0, 0, 0, 0.5);
    transform: translateY(-50%) rotate(45deg);
    left: 5px;
    top: 50%;
    transition: 0.5s ease-in-out all;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 2px;
    border-color: rgba(0, 0, 0, 0.5);
    transform: translateY(-50%) rotate(225deg);
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid rgba(26, 58, 39, 0.16);
    border-radius: 12px;
}

.select2-container--default .select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 8px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #18C867;
    background: #FFF;
    border: 1px solid #1FBB65;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #18C867;
    margin-right: 5px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #1FBB65;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #EDF4F1;
    color: #1A3A27;
}

.select2-dropdown {
    overflow: hidden;
    border-color: #d9dfdc;
    border-radius: 12px;
}

#brxe-ulabhx {
    align-items: center;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.banner_sticky_form {
    position: fixed !important;
    bottom: 20px;
    z-index: 1000;
    box-shadow: 0px 2px 8px 0px rgba(26, 58, 39, 0.2) !important;
}

.banner_sticky_form .bricks-button {
    min-height: 52px;
    white-space: nowrap;
    transition: 0.3s linear;
}

.banner_sticky_form.hide-sticky-bar {
    display: none !important;
}

.banner_form select {
    padding-right: 40px;
    appearance: none;
    -webkit-appearance: none;
    background: url('assets/images/arrow-down.svg') no-repeat right 20px center/16px;
}

.form-select-white select {
    padding-right: 40px;
    appearance: none;
    -webkit-appearance: none;
    background: url('assets/images/arrow-down-white.svg') no-repeat right 20px center/16px;
}

.banner_form .select2-dropdown,
.banner_form .select2-container--default .select2-selection--single {
    font-size: 18px;
    border-color: #FFF !important;
}

.form-select-white .select2-container--default .select2-selection--single {
    background-color: rgba(255, 255, 255, 0.12);
    min-height: 66px;
    border-radius: 23px;
}

.form-select-white .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFF;
    line-height: 66px;
}

.form-select-white .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 66px;
}

.form-select-white .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(255, 255, 255, 0.5);
}


/* Tutoring page */
.we_help_with_section {
    flex-wrap: wrap;
    gap: 20px;
}

.we_help_with_section .we_help_card {
    width: calc(25% - 15px);
    transition: 0.3s ease-in-out all;
    cursor: pointer;
}

.we_help_with_section .we_help_card:hover {
    background-color: #212A42 !important;
}

.we_help_with_section .we_help_card .brxe-heading {
    transition: 0.3s ease-in-out all;
}

.we_help_with_section .we_help_card:hover .brxe-heading {
    color: #2590F2 !important;
}

/* CMS page */
.cmspage_content {
    position: relative;
    display: block;
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #D4ECF2;
    background-color: #FFF;
    margin-bottom: 25px;
    z-index: 1;
    overflow: hidden;
}

.cmspage_content::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 58px;
    background: linear-gradient(180deg, #D1EBF1 0%, #FFFFFF 100%);
    z-index: -1;
}

.cmspage_content h3 {
    font-family: "Satoshi – Bold";
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #1A3A27;
    margin-bottom: 20px;
    letter-spacing: -0.05em;
}

.cmspage_content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #212A42;
    margin-bottom: 25px;
}

.cmspage_content p:last-child {
    margin-bottom: 0;
}

.cmspage_content ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.cmspage_content ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #212A42;
    padding-left: 25px;
    margin-bottom: 10px;
    background: url('assets/images/arrow-icon-listing.svg') no-repeat left top 6px / 10px;
}

.cmspage_content ul li a {
    color: #1FBB65;
}

/* Form Section */
.common_forms_section {
    display: block;
    width: 100%;
    min-height: 100vh;
    padding: 30px 0;
    background: url('assets/images/form_bg_shape_line.svg') no-repeat bottom center/ 102%;
    background-color: #1A3A27;
    position: relative;
    overflow: hidden;
}

.common_forms_section .prev_page_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 5px;
    font-size: 20px;
    color: #FFF;
    background-color: rgba(24, 200, 103, 0.2);
    border-radius: 50px;
    position: absolute;
    top: 50px;
    transition: 0.3s ease-in-out all;
}

.common_forms_section .prev_page_link i {
    font-family: "Font Awesome 6 Solid" !important;
}

.common_forms_section .prev_page_link:hover {
    background-color: #18C867;
}

.common_forms_wrap {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 80px;
    padding: 0 15px;
}

.reset_password_form_sec {
    padding: 140px 0px;
    background: url('assets/images/form_bg_shape_top_line.svg') no-repeat top -180px center/102%;
    background-color: #1A3A27;
}

.form_left_content {
    width: calc(100% - 500px);
}

.form_left_content .form_logo {
    width: 100%;
    max-width: 550px;
    margin-bottom: 50px;
}

.form_left_content .form_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.form_left_content h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.03em;
    margin-bottom: 30px;
    color: #FFF;
}

.form_left_content p {
    font-weight: 500;
    font-size: 25px;
    line-height: 26px;
    letter-spacing: -0.03em;
    color: #FFF;
}

.login_flow,
.reset_password_form_sec .lost_reset_password {
    max-width: 420px;
    border-radius: 22px;
    background-color: #ffffff;
    box-shadow: 0px 0px 16px 0px #00000017;
    overflow: hidden;
    margin: auto;
}

.login_flow .form_header,
.reset_password_form_sec .lost_reset_password .form_header {
    border-bottom: 1px solid rgba(26, 58, 39, 0.12);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.login_flow .title,
.reset_password_form_sec .lost_reset_password .title {
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.03em;
    text-align: left;
    color: #000;
}

.login_flow .verification-container .title {
    margin-bottom: 20px;
}

.login_flow .paragraph,
.reset_password_form_sec .lost_reset_password .paragraph {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #1A3A27;
    margin-bottom: 0;
}

.paragraph_desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #212A42;
    margin-bottom: 30px !important;
}

.login_flow .form_body {
    padding: 30px;
    padding-bottom: 0;
}

.reset_password_form_sec .lost_reset_password .form_body {
    padding: 30px;
}

.login_flow .form_footer {
    padding: 30px;
    padding-top: 20px;
}

.login_flow .social-login-buttons {
    border-bottom: 1px solid #0000001a;
    padding-bottom: 10px;
}

.login_flow .form-group label,
.login_flow .form-group.form-row label,
.reset_password_form_sec .lost_reset_password .form-row label {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
    /*    letter-spacing: -0.03em;*/
    text-align: left;
    color: #1A3A27;
}

.login_flow .form-group,
.reset_password_form_sec .lost_reset_password .form-row {
    width: 100%;
    margin-bottom: 20px;
}

.login_flow .form-group .form-control::placeholder,
.reset_password_form_sec .lost_reset_password .form-row .input-text::placeholder {
    color: rgba(26, 58, 39, 0.22);
}

.login_flow .form-group .form-control,
.reset_password_form_sec .lost_reset_password .form-row .input-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    border: 1px solid rgba(26, 58, 39, 0.12) !important;
    padding: 15px 25px !important;
    height: auto;
    color: #000000;
    border-radius: 10px;
    outline: none !important;
    text-align: left;
}

.login_flow .form-group .form-control:focus,
.reset_password_form_sec .lost_reset_password .form-row .input-text:focus {
    border-color: #1FBB65 !important;
}

.login_flow .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.login_flow .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.login_flow .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #fff;
    border: 1px solid #BCBCBC;
}

.login_flow .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    top: 2.8px;
    background-color: #BCBCBC;
    -webkit-transition: .4s;
    transition: .4s;
}


.login_flow input:checked+.slider {
    background-color: #1FBB65;
    border-color: #1FBB65;
}

.login_flow input:focus+.slider {
    box-shadow: 0 0 1px #1FBB65;
}

.login_flow input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    background-color: #FFF;
}

.login_flow .slider.round {
    border-radius: 34px;
}

.login_flow .slider.round:before {
    border-radius: 50%;
}

.login_flow .submit_btn,
.login_flow .verify_btn,
.reset_password_form_sec .lost_reset_password .form-row .woocommerce-Button {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 100%;
    padding: 15px 20px !important;
    color: #FFF;
    background-color: #1A3A27;
    border-radius: 10px;
    transition: 0.5s ease-in-out all;
    margin-top: 0px;
}

.login_flow .submit_btn:hover,
.login_flow .verify_btn:hover,
.reset_password_form_sec .lost_reset_password .form-row .woocommerce-Button:hover {
    background-color: #1FBB65;
}

.login_flow .password-input {
    display: block;
    width: 100%;
    position: relative;
}

.login_flow .password-input .show-password-input {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}

.login_flow .show-password-input::after,
.woocommerce-account form .show-password-input::after {
    font-family: 'Ionicons' !important;
    content: "\f17a" !important;
    font-size: 20px;
    color: rgba(26, 58, 39, 0.72) !important;
}

.login_flow .show-password-input.display-password::after,
.woocommerce-account form .show-password-input.display-password::after {
    content: "\f425" !important;
}

.alredy-registered a {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 100%;
    padding: 15px 20px !important;
    color: #FFF;
    background-color: #1FBB65;
    border-radius: 10px;
    transition: 0.5s ease-in-out all;
}

.alredy-registered a:focus,
.alredy-registered a:hover {
    background-color: #1A3A27;
}

.form-group.condition {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.form-group.condition label {
    width: calc(100% - 50px);
    padding-right: 15px;
}

.form-group.condition .switch {
    width: 50px;
}

.form-group.condition label a {
    color: #18C867;
    text-decoration: none;
}

.form-group.condition label p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #212A42;
}

span.error,
span.errors,
div.error,
div.errors,
span.error-message,
span.select-error-message,
.message span.error,
.coupon-error-notice,
.login_flow .form-group label.error,
.login_flow .form-group div.error,
.reset_password_form_sec .lost_reset_password .form-row label.error {
    text-align: left !important;
    color: #F84F39 !important;
    margin-bottom: 5px;
}

.billing_check_err {
    font-size: 16px !important;
}

.message span.success,
.login_flow #verification-message div.success {
    color: #1F7044;
}

.login_flow .woocommerce-form {
    margin-top: 0px !important;
    border: none !important;
}

.login_flow .woocommerce-form {
    padding: 0px !important;
}

.login_flow .woocommerce-form .password-input .show-password-input {
    top: 16px;
}

.login_flow .woocommerce-form .social-login-buttons {
    border-bottom: none !important;
}

.login_lost_password {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login_lost_password label.lost_password {
    color: rgba(26, 58, 39, 0.5) !important;
    transition: 0.5s ease-in-out;
}

.login_lost_password label:hover {
    color: #1a3a27 !important;
}

.login_lost_password label:not(.lost_password) a {
    color: #20AA5E;
}

.reset_password_form_sec .lost_reset_password,
.reset_password_form_sec .form_left_content {
    max-width: 500px;
}

.reset_password_form_sec .common_forms_wrap {
    flex-direction: column-reverse;
    align-items: center;
}

.reset_password_form_sec .form_left_content .form_logo {
    max-width: 340px;
    margin: auto;
    margin-bottom: 50px;
}

.reset_password_form_sec .form_left_content h1 {
    font-size: 25px;
    line-height: 26px;
    text-align: center;
}

.reset_password_form_sec .form_left_content p {
    font-size: 20px;
    line-height: 22px;
    text-align: center;
}

.other_login {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: calc(100% - 60px);
    margin: auto;
}

.other_login::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(26, 58, 39, 0.12);
    z-index: -1;
}

.other_login span {
    display: inline-block;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    background-color: #FFF;
}

.mo-openid-app-icons {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px;
    margin-top: -15px !important;
}

.mo-openid-app-icons .mo_btn-social {
    width: 100% !important;
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    color: #1A3A27 !important;
    background: #FFF !important;
    border: 1px solid;
    text-align: center;
    border-color: rgba(26, 58, 39, 0.12) !important;
    padding-right: 40px;
}

.mo-openid-app-icons .mo_btn-social>:first-child {
    border-right: none !important;
    height: inherit !important;
    margin-left: 10px;
}

.mo-openid-app-icons .mo_btn-social.mo_btn-facebook i {
    color: #1877F2;
}

.mo-openid-app-icons .mo_btn-social:hover {
    color: #FFF !important;
    background: #18C867 !important;
}

/* courses page */

:root .single-sfwd-courses,
:root .single-sfwd-lessons,
:root .single-sfwd-topic,
:root .single-sfwd-quiz {
    background-color: #EDF4F1;
}

.single-sfwd-courses .layout-default,
.single-sfwd-lessons .layout-default,
.single-sfwd-topic .layout-default,
.single-sfwd-quiz .layout-default {
    margin-top: 30px;
    padding: 40px 15px 120px;
    background-color: #FFF;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.single-sfwd-courses .learndash,
.single-sfwd-lessons .learndash,
.single-sfwd-topic .learndash,
.single-sfwd-quiz .learndash {
    width: 100%;
    max-width: 1295px;
    margin: auto;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-section-heading,
.learndash_post_sfwd-lessons .learndash-wrapper .ld-section-heading,
.learndash_post_sfwd-topic .learndash-wrapper .ld-section-heading,
.single-sfwd-quiz .learndash-wrapper .ld-section-heading {
    padding: 44px 30px;
    background-color: #CBE5DA;
    border-radius: 8px;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-section-heading h2,
.learndash_post_sfwd-lessons .learndash-wrapper .ld-section-heading h2,
.learndash_post_sfwd-topic .learndash-wrapper .ld-section-heading h2,
.single-sfwd-quiz .learndash-wrapper .ld-section-heading h2 {
    font-size: 30px;
    line-height: 36px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    margin-bottom: 0;
}

.learndash_post_sfwd-lessons .learndash-wrapper .ld-section-heading,
.learndash_post_sfwd-topic .learndash-wrapper .ld-section-heading,
.single-sfwd-quiz .learndash-wrapper .ld-section-heading {
    margin-bottom: 20px;
}

.learndash-wrapper .wpProQuiz_reviewDiv {
    border-bottom: none;
    padding-bottom: 0px;
}

.learndash-wrapper .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion {
    padding: 20px 20px 15px;
    border-radius: 8px;
    background-color: #F6FFFA;
    border: 1px solid #18C867;
    max-height: inherit;
    overflow: auto;
    margin-bottom: 10px;
}

.wpProQuiz_content .wpProQuiz_reviewQuestion li {
    color: #1A3A27;
    background-color: #CBE5DA;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionTarget,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend span.wpProQuiz_reviewQuestion_Target {
    color: #1A3A27;
    background-color: #CBE5DA;
    outline: 2px solid #1A3A27;
}

.learndash-wrapper .wpProQuiz_reviewDiv .wpProQuiz_reviewButtons {
    display: none;
}

.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_list .wpProQuiz_buttonsContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.go_back_to_group {
    display: block;
    margin: 10px 0px 15px;
}

.go_back_to_group a {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #1F7044;
    transition: 0.5s ease-in-out;
    padding-left: 50px;
    display: inline-block;
}

.go_back_to_group a:hover {
    color: #18C867;
}

.go_back_to_group a i {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 26px;
    vertical-align: middle;
}

/* .single-sfwd-quiz .learndash-wrapper .ld-quiz-status, */
.single-sfwd-lessons .learndash-wrapper .ld-quiz-status,
.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible,
.single-sfwd-lessons .learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible,
.single-sfwd-quiz .learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible,
.learndash-wrapper .ld-course-status.ld-course-status-enrolled,
#learndash-tooltips .ld-tooltip.ld-visible,
.learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details,
.single-sfwd-courses .learndash-wrapper .ld-table-list .ld-table-list-items {
    display: none;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
    display: none;
    padding: 20px;
    background-color: #F6FFFA;
    border: 1px solid #18C867;
    border-radius: 10px;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #212A42;
    margin-bottom: 10px;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
    color: #1A3A27;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-button {
    padding: 15px 30px;
    color: #ffffff;
    background-color: #18C867;
    border: 1px solid #18C867 !important;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-button:hover {
    background-color: #1A3A27;
    border: 1px solid #1A3A27 !important;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded {
    /*    max-height: max-content !important;*/
    display: none;
}

.single-sfwd-courses .learndash-wrapper .ld-table-list .ld-table-list-header {
    display: none;
}

.single-sfwd-lessons .learndash-wrapper .ld-table-list,
.learndash-wrapper .course-listing-section {
    position: relative;
    background-color: #FFF;
    border-radius: 20px;
    overflow: hidden;
    border: none !important;
    box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.15);
    margin-bottom: 30px;
}

.learndash-wrapper .course-listing-section:last-child {
    margin-bottom: 0;
}

.learndash-wrapper .ld-item-list.ld-course-list .ld-lesson-section-heading,
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading {
    margin: 0 !important;
    padding: 20px 30px;
    font-weight: 700;
    font-size: 25px;
    line-height: 28px;
    color: #1FBB65;
    background-color: #1A3A27;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
    padding: 20px 30px;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #212A42;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components {
    font-weight: 500;
    color: #1F7044;
}

.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover .ld-item-title .ld-item-components:hover {
    color: #18C867 !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-sep {
    color: #1F7044;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
    margin: 0px;
    border-radius: 0px;
    border: none !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
    margin-top: 0;
}

.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-header {
    padding: 20px 30px;
    color: #1FBB65;
    background-color: #1A3A27;
}

.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-header .ld-text {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
}

.single-sfwd-lessons .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-lesson-details {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-items {
    padding: 10px 30px;
    border: none;
}

.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-header .ld-item-icon {
    display: none;
}

.single-sfwd-lessons .learndash-wrapper .ld-status-icon .ld-icon-quiz:before {
    content: "\e906";
    font-family: 'Studypeak';
    color: #358B76;
}

.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item {
    margin: 0;
}

.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header {
    padding: 20px 30px;
}

.learndash-wrapper .ld-table-list .ld-table-list-item {
    border-color: rgba(237, 244, 241, 1) !important;
}

.learndash-wrapper .ld-status-incomplete.ld-status-icon {
    max-width: 20px;
    width: 20px;
    height: 20px;
    border: 2px solid #1A3A27;
}

.learndash-wrapper .ld-status-icon {
    max-width: 20px;
    width: 20px;
    height: 20px;
    font-size: 14px;
}

.learndash-wrapper .ld-table-list a.ld-table-list-item-preview {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #212A42;
}

.learndash-wrapper .ld-table-list a.ld-table-list-item-preview:hover {
    color: #1A3A27;
}

.learndash-wrapper .ld-status-complete {
    background-color: #1A3A27;
}

.learndash-wrapper .ld-lesson-status,
.learndash-wrapper .ld-topic-status,
.learndash-wrapper .ld-quiz-status {
    background-color: #CBE5DA;
    border-radius: 20px;
}

.learndash-wrapper .ld-breadcrumbs {
    padding: 15px 20px 15px;
    background-color: transparent;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #1F7044;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span:last-child a {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #212A42;
}

.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
    color: #FFF;
    background-color: #1A3A27;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-label {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #212A42;
    /* text-transform: capitalize;     */
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #1F7044;
    /* text-transform: capitalize; */
}

.learndash-wrapper .ld-progress .ld-progress-bar,
.learndash-wrapper .course_progress {
    height: 24px !important;
    border-radius: 50px !important;
    padding: 2px !important;
    border: 1px solid #C8C8C8 !important;
}

.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage,
.learndash-wrapper .course_progress .sending_progress_bar {
    height: 100% !important;
    border-radius: 50px !important;
    background-color: #1A3A27 !important;
}

.learndash-wrapper .ld-topic-status .ld-progress {
    padding: 0px 25px;
    margin-top: 0px;
}

.learndash-wrapper .ld-button,
.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back {
    font-weight: 500;
    padding: 15px 12px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    border: 1px solid #1A3A27 !important;
    color: #1A3A27;
    background-color: #FFF;
    transition: 0.5s ease-in-out all;
}

.learndash-wrapper .ld-button:hover,
.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back:hover {
    color: #FFF;
    background-color: #1A3A27;
}

.learndash-wrapper .ld-button .ld-text {
    padding: 0px 0.5em;
}

.learndash-wrapper .sfwd-mark-complete::after {
    display: none;
}

.learndash-wrapper .ld-content-actions {
    border-top: 0px !important;
}

.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue {
    font-weight: 500;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    border: 1px solid #18C867 !important;
    text-align: center;
    color: #FFFFFF;
    background-color: #18C867;
    transition: 0.5s ease-in-out all;
}

.learndash-wrapper #learndash_mark_complete_button:hover,
.learndash-wrapper .learndash_mark_complete_button:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:hover {
    color: #18C867;
    background-color: #FFFFFF;
}

.learndash-wrapper .ld-content-action .sfwd-mark-complete {
    margin-bottom: 15px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit {
    padding: 30px;
    border-radius: 8px;
    background-color: #CBE5DA;
    margin-bottom: 30px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .time {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #212A42;
    /* text-transform: capitalize; */
    margin-bottom: 10px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit::before {
    height: 24px;
    border-radius: 50px;
    border: 1px solid #C8C8C8;
    bottom: 27px;
    left: 27px;
    right: 27px;

}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress {
    height: 18px;
    border-radius: 50px;
    background-color: #1A3A27;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text {
    padding: 30px;
    background-color: #FFF;
    border: 1px solid #18C867;
    border-radius: 10px;
    margin-bottom: 30px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #1A3A27;
    letter-spacing: -0.03em;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h3,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h4,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h5,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h6 {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #1A3A27;
    letter-spacing: -0.03em;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text p {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #212A42;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
    padding: 25px;
    padding-left: 65px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #212A42;
    /* text-transform: capitalize; */
    border-radius: 10px;
    border: 1px solid #C8C8C8;
    position: relative;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected {
    border-color: #18C867;
    background-color: #fff;
    color: #212A42;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] label {
    padding: 5px 25px !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] label::before {
    display: none !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] label input[type="text"] {
    width: 100%;
    padding: 0;
    background-color: #fff !important;
    border: none !important;
    outline: none !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {
    border-color: #18C867;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete label {
    border-color: #18C867 !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_answerIncorrect label {
    border-color: #F84F39 !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label input:not([type=text]):not(.mc-num-pc-answer) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label::before {
    position: absolute;
    content: "";
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 14px;
    border: 2px solid #252641;
    background-color: #FFFFFF;
    border-radius: 3px;
    text-align: center;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete label::before,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected::before {
    font-family: "Font Awesome 6 Solid";
    content: "\f00c";
    color: #1F7044;
    border: 2px solid #1F7044;
    background-color: #FFFFFF;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_answerIncorrect label::before {
    font-family: "Font Awesome 6 Solid";
    content: "\f00d" !important;
    color: #F84F39 !important;
    border: 2px solid #F84F39 !important;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span:after {
    font-family: "Font Awesome 6 Solid";
    content: "\f054";
    font-size: 16px;
    color: #1F7044;
    padding: 0px 10px;
}

.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-complete {
    color: #FFF;
    background-color: #1F7044;
}

/* .learndash-wrapper .wpProQuiz_content {
    max-width: 900px;
    margin: auto;
} */

.learndash-wrapper .wpProQuiz_content .wpProQuiz_response {
    padding: 0px !important;
    border: none !important;
    background-color: transparent !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_response p.extra-message {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #212A42;
    margin-top: 8px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_response .wpProQuiz_incorrect {
    padding: 25px 30px;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #F84F39;
    background: linear-gradient(180deg, rgba(248, 79, 57, 0) 0%, rgba(248, 79, 57, 0.12) 100%);
    background-color: #FFEBE9;
    border-radius: 20px;
    text-align: center;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_response .wpProQuiz_correct {
    padding: 25px 30px;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #1DB561;
    background: linear-gradient(180deg, rgba(31, 187, 101, 0) 0%, rgba(31, 187, 101, 0.15) 100%);
    background-color: #E4F6EF;
    border-radius: 20px;
    text-align: center;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_response .wpProQuiz_correct .wpProQuiz_AnswerMessage,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_response .wpProQuiz_incorrect .wpProQuiz_AnswerMessage {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #212A42;
}


.learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
.learndash-wrapper .ld-quiz-actions input[name=reShowQuestion],
.learndash-wrapper .ld-quiz-actions input[name=restartQuiz],
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_TipButton {
    min-width: 180px;
    font-weight: 500;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    color: #1A3A27;
    background-color: #FFF;
    border: 1px solid #1A3A27 !important;
    transition: 0.5s ease-in-out all;
    text-align: center;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover,
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_TipButton:hover {
    color: #FFF;
    background-color: #1A3A27;
}

.learndash-wrapper .ld-quiz-actions input[name=reShowQuestion] {
    color: #FFF;
    background-color: #1A3A27;
    border: 1px solid #1A3A27 !important;
}

.learndash-wrapper .ld-quiz-actions input[name=restartQuiz] {
    color: #FFF;
    background-color: #18C867;
    border: 1px solid #18C867 !important;
}

/* .learndash-wrapper .wpProQuiz_reviewDiv {
    display: none !important;
} */

.learndash-wrapper .wpProQuiz_sending,
.learndash-wrapper .wpProQuiz_results {
    padding: 30px;
    background-color: #F6FFFA;
    border: 1px solid #18C867;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 20px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_header,
.learndash-wrapper .wpProQuiz_sending .wpProQuiz_header {
    text-align: center;
    font-size: 25px;
    line-height: 28px;
    color: #212A42;
}

.learndash-wrapper .wpProQuiz_results .display-logo {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0px auto 30px;
}

.learndash-wrapper .wpProQuiz_results .display-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.learndash-wrapper .wpProQuiz_results p,
.learndash-wrapper .wpProQuiz_sending p {
    text-align: center;
    font-weight: 500;
    font-size: 25px;
    line-height: 28px;
    color: #212A42;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate {
    display: block;
    margin-top: 40px;
}

.learndash-wrapper .wpProQuiz_results .wpProQuiz_points {
    padding: 30px 25px;
    border: none !important;
    border-radius: 20px;
    background: url("assets/images/border-shape-circle-green.svg") no-repeat top center / 100%;
    background-color: #1A3A27;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    letter-spacing: -0.03em;
}

.learndash-wrapper .wpProQuiz_results .wpProQuiz_points span:last-child {
    color: #18C867;
}

.learndash-wrapper .wpProQuiz_results .wpProQuiz_points h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    color: #FFF;
    letter-spacing: -0.03em;
}

.learndash-wrapper .wpProQuiz_results .wpProQuiz_points p {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    letter-spacing: -0.03em;
}

.learndash-wrapper .wpProQuiz_results .ld-quiz-actions {
    /* justify-content: space-between !important; */
    gap: 20px;
}

.learndash-wrapper .wpProQuiz_results .ld-quiz-actions input {
    margin: 0 !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_catOverview span {
    background: #f6fffa;
}

.learndash-wrapper .learndash-wrapper .ld-quiz-actions {
    border-top: none !important;
}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content {
    padding: 30px;
    background-color: #F6FFFA;
    border: 1px solid #18C867;
    border-radius: 10px;
}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 28px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    text-align: left !important;
    margin-bottom: 20px;
}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content p {
    font-size: 16px;
    line-height: 20px;
    color: #212A42;
    text-align: left !important;
}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content ol li,
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content ul li {
    font-size: 16px;
    line-height: 20px;
    color: #212A42;
    margin-bottom: 10px;

}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content ul {
    list-style: none;
    margin-bottom: 0;
}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content ul li {
    padding-left: 20px;
    background: url('assets/images/arrow-icon-listing.svg') no-repeat left top 4px / 10px;
}

.wpProQuiz_quiz {
    /* padding: 30px;
    background-color: #FFF;
    border: 1px solid #18C867;
    border-radius: 10px; */
    margin-bottom: 30px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_cloze {
    padding: 0;
    background-color: transparent !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem:not(.mc-concentration_numbers) .wpProQuiz_questionListItem .wpProQuiz_cloze input {
    min-width: 100px;
    max-width: 100px;
    border-radius: 6px;
    border: 1px solid #C8C8C8;
    background-color: #FFF;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=cloze_answer] .wpProQuiz_questionListItem .wpProQuiz_cloze .wpProQuiz_answerIncorrect {
    background-color: #FFF;
    border-color: #F84F39;
}

/* LMS popup */
#report-problem-form h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

#report-problem-form p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

#report-problem-form .checkbox-button label {
    color: #1A3A27;
    border-radius: 8px;
    background-color: #F6FFFA;
    border: 1px solid #18C867;
    outline: none !important;
    transition: 0.5s ease-in-out all;
}

#report-problem-form .checkbox-button label:hover,
#report-problem-form .checkbox-button input[type=checkbox]:checked+label:hover {
    color: #FFF;
    background-color: #1A3A27;
    border-color: #1A3A27;
}

#report-problem-form textarea {
    text-align: left;
    padding: 15px;
    min-height: 52px;
    border-radius: 10px;
    color: #1A3A27;
    border: 1px solid rgba(26, 58, 39, 0.12);
    outline: none !important;
}

#report-problem-form .report-problem-buttons .report-problem-send {
    font-weight: 500;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    color: #FFFFFF;
    background-color: #1A3A27;
    border: 1px solid #1A3A27 !important;
    transition: 0.5s ease-in-out all;
    text-align: center;
}

#report-problem-form .report-problem-buttons .report-problem-send:hover {
    background-color: #18C867;
    border-color: #18C867 !important;
}

#report-problem-form .report-problem-buttons .report-problem-cancel {
    font-weight: 500;
    padding: 15px 12px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    border: 1px solid #1A3A27 !important;
    color: #1A3A27;
    background-color: #FFF;
    transition: 0.5s ease-in-out all;
}

#report-problem-form .report-problem-buttons .report-problem-cancel:hover {
    color: #FFF;
    background-color: #1A3A27;
    border-color: #1A3A27;
}

#report-problem-container svg path {
    stroke: #1A3A27 !important;
}

/* My Profile */
.prev_link {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #1F7044;
    margin-bottom: 35px;
}

.prev_link span {
    margin-right: 10px;
}

:root .page-template-page-purchase-history,
:root .page-template-page-purchase-history-details {
    background-color: #EDF4F1;
}

.purchase_history_section,
.purchase_history_detail_section {
    margin-top: 30px;
    padding: 40px 15px 120px;
    background-color: #FFF;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.tbl_responsive {
    display: block;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

.custom_tbl {
    width: 100%;
    border-collapse: collapse;
}

.custom_tbl thead tr th {
    padding: 25px 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #FFF;
    /* text-transform: capitalize; */
    text-align: left;
    background-color: #1A3A27;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.custom_tbl thead tr th:first-child {
    border-top-left-radius: 10px;
}

.custom_tbl thead tr th:last-child {
    border-top-right-radius: 10px;
}

.custom_tbl tbody tr td {
    padding: 18px 15px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #212A42;
    border: 1px solid #E5E5E5;
}

.custom_tbl tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.custom_tbl tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.custom_tbl tbody tr:nth-child(even) {
    background-color: #EDF4F1;
}

.custom_tbl thead tr th.numbers {
    min-width: 80px;
}

.custom_tbl thead tr th.dates {
    min-width: 190px;
}

.custom_tbl .actions_btn {
    display: flex;
    align-items: center;
    gap: 15px;
}

.custom_tbl .actions_btn .view_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1 1 auto;
    padding: 10px 25px;
    font-size: 16px;
    line-height: 18px;
    color: #212A42;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #212A42;
    background-color: #FFF;
    transition: 0.5s ease-in-out all;
}

.custom_tbl .actions_btn .view_btn:hover {
    color: #FFF;
    background-color: #1A3A27;
    border-color: #1A3A27;
}

.custom_tbl .actions_btn .renew_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1 1 auto;
    padding: 10px 25px;
    font-size: 16px;
    line-height: 18px;
    color: #FFF;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #1A3A27;
    background-color: #1A3A27;
    transition: 0.5s ease-in-out all;
}

.custom_tbl .actions_btn .renew_btn:hover {
    color: #1A3A27;
    background-color: #FFFFFF;
}

.custom_tbl .status_error {
    display: block;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #FF5B45;
    text-align: center;
    border-radius: 6px;
    background-color: #FFF4F4;
    border: 1px solid #FFF4F4;
}

.custom_tbl .status_success {
    display: block;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #1F7044;
    text-align: center;
    border-radius: 6px;
    background-color: #CBE5DA;
    border: 1px solid #CBE5DA;
}

/* details page */
.course_overview_wrap {
    max-width: 800px;
    width: 100%;
    padding: 60px;
    margin: 0 auto;
    border-radius: 30px;
    background-color: #1A3A27;
}

.course_overview_wrap h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #FFF;
    letter-spacing: -0.03em;
    text-align: center;
    margin-bottom: 10px;
}

.course_overview_wrap .desc {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #FFF;
    text-align: center;
    margin-bottom: 30px;
}

.course_overview_wrap .desc span {
    color: #1FBB65;
}

.course_overview_card {
    padding: 30px;
    background-color: #FFF;
    border-radius: 20px;
}

.course_card:not(:last-child) {
    display: block;
    padding-bottom: 36px;
    margin-bottom: 36px;
    border-bottom: 1px solid #E2E5E4;
}

.course_card .course_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 36px;
}

.course_card .course_info .course_title h4 {
    font-weight: 700;
    font-size: 25px;
    line-height: 26px;
    color: #212A42;
    margin-bottom: 20px;
}

.course_card .course_info .course_price {
    min-width: 80px;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #18C867;
    text-align: right;
    white-space: nowrap;
}

.course_card .course_info .course_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.course_card .course_info .course_wrap .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    width: 48px;
    height: 48px;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #1A3A27;
}

.course_card .course_info .course_wrap .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.course_card .course_info .course_wrap .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #212A42;
}

.course_card .course-programs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.course_card .course_dates {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: #EDF4F1;
    border-radius: 10px;
}

.course_card .course_dates .start_date {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #18C867;
    flex: 1;
    border-right: 1px solid #E2E5E4;
    text-align: left;
    padding-right: 10px;
}

.course_card .course_dates .end_date {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #EB001B;
    flex: 1;
    text-align: right;
    padding-left: 10px;
}

/* My Profile */
:root .page-template-page-profile {
    background-color: #EDF4F1;
}

.my_profile_section {
    margin-top: 180px;
    padding: 40px 15px 120px;
    background-color: #FFF;
}

.my_profile_wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 40px;
    margin-top: -150px;
}

.sidebar_menu {
    position: sticky;
    top: 30px;
    padding: 30px;
    width: 100%;
    max-width: 400px;
    min-width: 400px;
    background-color: #1A3A27;
    border-radius: 30px;
}

.sidebar_menu ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.sidebar_menu ul li a {
    display: block;
    padding: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #FFFFFF;
    border-radius: 6px;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.sidebar_menu ul li a:hover,
.sidebar_menu ul li a.is-active {
    background-color: #18C867;
}

.user_profile_wrap {
    display: block;
    margin-bottom: 70px;
}

.user_profile_wrap .user_name {
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #18C867;
    letter-spacing: -0.03em;
    /* text-transform: capitalize; */
    text-align: center;
    margin-bottom: 10px;
}

.user_profile_wrap .user_email {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.03em;
    color: #FFF;
    text-align: center;
}

.upload_profile {
    display: block;
    width: 175px;
    height: 175px;
    margin: 0 auto 20px;
    position: relative;
}

.upload_profile .circle {
    display: block;
    width: 175px;
    height: 175px;
    background-color: #D7EAF1;
    border: 4px solid #18C867;
    border-radius: 100% !important;
    overflow: hidden;
}

.upload_profile .profile-pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upload_profile .file-upload {
    display: none;
}

.upload_profile .btn_upload {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.upload_profile .upload-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 18px;
    color: #FFFFFF;
    background-color: #18C867;
    border: 2px solid #FFF;
    border-radius: 50px;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.upload_profile .upload-button:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.avatar-popup {
    padding: 16px;
}

.avatar-popup .modal_title .popup_title {
    font-size: 52px;
    line-height: 53px;
    color: #1A3A27;
    font-weight: 700;
    margin-bottom: 40px;
}

.avatar-popup .popup-content {
    position: relative;
    overflow: hidden;
    overflow-Y: auto;
    display: flex;
    flex-direction: column;
    padding: 40px;
    max-height: calc(100vh - 32px);
}

.avatar-popup .popup-content::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

/* Track */
.avatar-popup .popup-content::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.avatar-popup .popup-content::-webkit-scrollbar-thumb {
    background: #1A3A27A6;
}


.modal_con_p {
    display: flex;
    flex-direction: column;
}

.modal_con_p .popup_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 60px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    margin-bottom: 30px;
}

.modal_con_p .btn_upload {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    max-width: 340px;
    width: 100%;
    margin: 20px auto 0px;
}

.modal_con_p .btn_upload .btn_green {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 15px 20px !important;
    color: #FFF;
    background-color: #1A3A27;
    border-radius: 10px;
    transition: 0.5s ease-in-out all;
}

.modal_con_p .btn_upload .btn_green:hover {
    background-color: #1FBB65;
}

.modal_con_p .btn_upload .profile_btn {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 15px 20px !important;
    color: #FFF;
    background-color: #1FBB65;
    border-radius: 10px;
    transition: 0.5s ease-in-out all;
}

.modal_con_p .btn_upload .profile_btn:hover {
    background-color: #1A3A27;
}

.modal_main_con {
    display: grid;
    flex-wrap: wrap;
    padding: 0;
    padding-right: 6px;
    gap: 15px;
    grid-template-columns: auto auto auto auto;
    grid-template-columns: repeat(4, 1fr);
    overflow-y: auto;
}

.modal_main_con::-webkit-scrollbar {
    width: 5px;
    background: #EDF4F1;
}

.modal_main_con::-webkit-scrollbar-thumb {
    background: #1A3A27;
    border-radius: 10px;
}

.avatar-items .img-card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 15px;
    border-radius: 10px;
    background-color: rgba(24, 200, 103, 0.1);
    border: 1px solid rgba(26, 58, 39, 0.1);
    cursor: pointer;
}

.avatar-items .img-card img {
    border-radius: 8px;
}

.avatar-items input:checked~.img-card {
    border: 1px solid #1A3A27 !important;
}

.avatar-items {
    position: relative;
}

.avatar-items input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.common_form_card {
    padding: 30px;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 50px;
}

.common_form_card h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    /* text-transform: capitalize; */
    margin-bottom: 30px;
}

.common_form_card p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #212A42;
}

.common_form_card p span {
    color: #18C867;
}

.common_form {
    display: block;
    width: 100%;
}

.common_form .form-group {
    width: 100%;
    margin-bottom: 30px;
}

.common_form .form-group:not(.form_row_wrap .form-group):last-child {
    margin-bottom: 0;
}

.common_form .form-group label {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
    text-align: left;
    color: #1A3A27;
}

.common_form .form-group .form-control {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    border: 1px solid rgba(26, 58, 39, 0.12) !important;
    padding: 15px 25px !important;
    height: auto;
    color: #212A42;
    border-radius: 10px;
    outline: none !important;
    text-align: left;
}

.common_form .form-group .form-control:focus,
.common_form .form-group .input-text:focus {
    border-color: #1FBB65 !important;
}

.common_form .form-group .form-control::placeholder,
.common_form .form-group .input-text::placeholder {
    color: rgba(26, 58, 39, 0.22);
}

.common_form .password-input {
    display: block;
    width: 100%;
    position: relative;
}

.common_form .password-input .show-password-input {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}

.common_form .show-password-input::after,
.woocommerce-account form .show-password-input::after {
    font-family: 'Ionicons' !important;
    content: "\f17a" !important;
    font-size: 20px;
    color: rgba(26, 58, 39, 0.72) !important;
}

.common_form .show-password-input.display-password::after,
.woocommerce-account form .show-password-input.display-password::after {
    content: "\f425" !important;
}

.common_form button {
    width: 100%;
    max-width: 340px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 15px 20px !important;
    color: #FFF;
    background-color: #1A3A27;
    border-radius: 10px;
    transition: 0.5s ease-in-out all;
}

.common_form button:hover {
    background-color: #1FBB65;
}

.form_row_wrap {
    display: flex;
    align-self: flex-start;
    flex-direction: row;
    gap: 30px;
}

.common_form .input-group {
    display: flex;
    align-self: center;
    position: relative;
}

.common_form .form-group .input-group .form-control {
    padding-right: 220px !important;
}

.common_form .input-group button {
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 3px;
    max-width: 200px;
    line-height: 6px;
    border-radius: 8px;
}

:root .page-notenrechner .common_form .form-group label {
    font-weight: 700;
}

/* Courses Listing section */
:root .page-template-page-courses {
    background-color: #EDF4F1;
}

.course_listing_section {
    margin-top: 30px;
    padding: 70px 15px 100px;
    background-color: #FFF;
}

.course_listing_section .brxe-container {
    width: 100%;
    max-width: 1295px;
}

.course_events_wrap {
    display: flex;
    align-items: stretch;
    gap: 40px;
}

.course_event_facts_box {
    display: flex;
    align-items: stretch;
    background: linear-gradient(216.94deg, rgba(161, 255, 139, 0.3) 22.14%, rgba(63, 147, 255, 0.3) 79.22%);
    border-radius: 30px;
}

.course_event_profile {
    position: relative;
    padding: 65px 50px;
    width: 100%;
    max-width: 340px;
    text-align: center;
}

.course_event_profile::before {
    position: absolute;
    content: "";
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, rgba(119, 226, 167, 0) 0%, #77E2A7 45.5%, rgba(119, 226, 167, 0) 100%);
}

.course_event_profile .user_profile {
    display: block;
    width: 175px;
    height: 175px;
    border: 4px solid #18C867;
    border-radius: 100% !important;
    overflow: hidden;
    background-color: #EDF4F1;
    margin: 0px auto 30px;
}

.course_event_profile .user_profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.course_event_profile .user_name {
    display: block;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    /* text-transform: capitalize; */
    text-align: center;
    margin-bottom: 10px;
}

.course_event_profile .user_location {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    position: relative;
    padding-left: 25px;
    margin-bottom: 56px;
}

.course_event_profile .user_location::before {
    position: absolute;
    content: "\f3c5";
    left: 0;
    font-family: "Font Awesome 6 Solid" !important;
}

.course_event_profile .btn_setting {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    /* text-transform: capitalize; */
    padding: 15px 20px !important;
    color: #FFF;
    background-color: #1A3A27;
    border-radius: 10px;
    transition: 0.5s ease-in-out all;
}

.course_event_profile .btn_setting:hover {
    background-color: #1FBB65;
}

.course_event_content {
    width: 100%;
    padding: 65px 50px;
}

.course_event_content h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 26px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    /* text-transform: capitalize; */
    text-align: center;
    margin-bottom: 30px;
}

.course_event_content .review_rating {
    position: relative;
    width: 100%;
    max-width: 210px;
    padding: 28px;
    border-radius: 16px;
    border: 1px solid rgba(29, 181, 97, 1);
    margin: auto;
    text-align: center;
    margin-bottom: 44px;
}

.course_event_content .review_rating h4 {
    font-weight: 700;
    font-size: 35px;
    line-height: 36px;
    color: #1A3A27;
}

.course_event_content .review_rating p {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
}

.course_event_content .review_rating .star_img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    margin: auto;
}

.course_event_content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #1A3A27;
    text-align: center;
}

.course_event_content p.small {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #1A3A27;
    text-align: center;
}

.our_course_carousel {
    max-width: 380px;
    width: 100%;
    margin: auto;
}

.our_course_carousel .owl-nav button.owl-next span,
.our_course_carousel .owl-nav button.owl-prev span {
    font-size: 28px;
    line-height: 26px;
    display: contents;
}

.our_course_carousel .owl-nav button.owl-next,
.our_course_carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #1A3A27 !important;
    background-color: #FFF !important;
    border: 1px solid rgba(26, 58, 39, 0.122) !important;
    box-shadow: -1px 2px 6px 0px rgba(26, 58, 39, 0.051);
    border-radius: 50px;
    transition: 0.3s ease-in-out;
}

.our_course_carousel .owl-nav button.owl-next {
    right: -20px;
}

.our_course_carousel .owl-nav button.owl-prev {
    left: -20px;
}

.our_course_carousel .owl-nav button.owl-next:hover,
.our_course_carousel .owl-nav button.owl-prev:hover {
    color: #FFF !important;
    background-color: #1A3A27 !important;
}

.our_course_carousel .owl-nav button.owl-next.disabled,
.our_course_carousel .owl-nav button.owl-prev.disabled {
    display: none;
}

.our_course_carousel .owl-dots {
    display: none;
}

.course_event_wrap {
    max-width: 380px;
    width: 100%;
    padding: 30px;
    background-color: #EDF4F1;
    border-radius: 30px;
}

.course_event_wrap .sub_title {
    display: block;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    color: rgba(26, 58, 39, 0.65);
}

.course_event_wrap h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #1A3A27;
    margin-top: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
    letter-spacing: -0.05em;
    border-bottom: 1px solid rgba(26, 58, 39, 0.1);
}

.no-events-found {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.no-events-found h3 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.event_tbl {
    width: 100%;
}

.event_tbl tbody tr:not(:last-child) th,
.event_tbl tbody tr:not(:last-child) td {
    border-bottom: 1px solid rgba(26, 58, 39, 0.1);
}

.event_tbl tbody tr th {
    padding: 10px 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: rgba(26, 58, 39, 0.65);
    text-align: left;
}

.event_tbl tbody tr td {
    padding: 10px 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #1F7044;
    text-align: right;
}

.event_tbl tbody tr th span {
    display: inline-block;
    margin-right: 5px;
}

.event_btn_wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 20px;
    margin-top: 40px;
    border-top: 1px solid rgba(26, 58, 39, 0.1);
}

.event_btn_wrap .btn_green {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 15px 20px !important;
    color: #FFF;
    background-color: #1A3A27;
    border-radius: 10px;
    transition: 0.5s ease-in-out all;
}

.event_btn_wrap .btn_green:hover {
    background-color: #1FBB65;
}

.event_btn_wrap .btn_white {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 15px 20px !important;
    color: #1A3A27;
    background-color: #FFF;
    border-radius: 10px;
    transition: 0.5s ease-in-out all;
}

.event_btn_wrap .btn_white:hover {
    color: #FFF;
    background-color: #1FBB65;
}

.event_btn_wrap.event_pdf_btn {
    flex-direction: inherit;
    flex-wrap: wrap;
    margin-top: 20px;
}

.event_btn_wrap.event_pdf_btn .btn_green {
    display: inline-block;
    width: auto;
}

.online_kurs_wrap {
    display: block;
    width: 100%;
    padding: 70px 0;
}

.online_kurs_wrap h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    color: #1A3A27;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

/* custom accordion */
.custom_accordion {
    position: relative;
    width: 100%;
}

.accordion_item {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 18px;
    background-color: #EDF4F1;
    border: 1px solid #EDF4F1;
    overflow: hidden;
    margin-bottom: 20px;
}

.accordion_item>a {
    display: block;
    padding: 25px 30px;
    padding-right: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #1A3A27;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
}

.accordion_item>a span:not(.icon_arrow) {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    padding-left: 10px;
    margin-left: 10px;
    white-space: nowrap;
    border-left: 1px solid rgba(26, 58, 39, 0.12);
}

.accordion_item>a .icon_arrow {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: rgba(26, 58, 39, 0.6);
    border-left: none;
}

.accordion_item>a i.icon {
    font-size: 16px;
    margin-right: 10px;
}

.accordion_item>a.active {
    color: #FFF;
    background-color: #1A3A27;
}

.accordion_item>a.active span {
    color: #FFF;
    border-color: #FFF;
}

.accordion_body {
    display: none;
    padding: 25px 30px;
    background-color: #FFF;
}

.course_listing_wrap {
    display: block;
    width: 100%;
    padding: 30px;
    background: linear-gradient(216.94deg, rgba(161, 255, 139, 0.3) 22.14%, rgba(63, 147, 255, 0.18) 79.22%);
    border-radius: 18px;
}

.course_listing_wrap h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    color: #1DB561;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

.course_listing_card {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 20px;
}

.course_listing_card .course_list_items {
    position: relative;
    width: calc(33.33% - 17px);
    /* flex: calc(33.33% - 25px); */
    background-color: #FFF;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 180px;
}

.course_listing_card .course_list_items .border-line {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 10px;
    height: 75px;
    background-color: rgba(255, 190, 48, 1);
    border-top-right-radius: 25px;
}

.course_listing_card .course_list_items .course_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 30px;
    padding-right: 20px;
    border-radius: 8px;
    background-color: rgba(255, 190, 48, 0.2);
    transition: 0.3s linear all;
    height: 100%;
}

.course_listing_card .course_list_items .course_title h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.03em;
}

.course_listing_card .course_list_items img {
    width: 66px;
    object-fit: contain;
}

.course_listing_card .course_list_items .course_link {
    display: block;
    padding: 5px 30px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    text-align: center;
    background-color: #FFBE30;
    transition: 0.3s linear all;
    margin-bottom: -30px;
}

.course_listing_card .course_list_items:hover .course_title {
    margin-bottom: -5px;
}

.course_listing_card .course_list_items:hover .course_link {
    margin-bottom: 0;
}

.common_filter_form {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
}

.common_filter_form .form-group:not(:last-child) {
    flex: auto;
}

/* Checkout page */
:root .woocommerce-page.woocommerce-checkout {
    background-color: #EDF4F1;
}

.checkout-page-wrapper {
    margin-top: 30px;
    padding: 40px 15px 100px;
    background-color: #FFF;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.checkout-page-wrapper h1 {
    font-weight: 700;
    font-size: 50px;
    line-height: 52px;
    color: #1A3A27;
    letter-spacing: -0.05em;
    margin-bottom: 40px;
    text-align: center;
}

.checkout_form .woocommerce-billing-fields,
.checkout_form .woocommerce-shipping-fields,
.checkout_form .woocommerce-additional-fields .order-payment-main {
    padding: 25px 30px;
    background-color: #FFF;
    box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.1);
    border-radius: 20px;
    margin: 0;
    margin-bottom: 30px;
}

.checkout_form .checkout_title {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #212A42;
    letter-spacing: -0.05em;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E2E5E4;
}

.checkout_form .checkout_inner_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #212A42;
    letter-spacing: -0.05em;
    margin-bottom: 30px;
}

.checkout_form .cards {
    line-height: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 30px;
}

.checkout_form .cards .checkout_inner_title {
    margin-bottom: 0px;
}

.woocommerce-checkout label {
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    margin-bottom: 10px;
}

.woocommerce-checkout .input-text:not(input[type="number"]),
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    padding: 0px 20px;
    min-height: 52px;
    border-radius: 10px;
    color: #1A3A27;
    border: 1px solid rgba(26, 58, 39, 0.12);
    outline: none !important;
}

.required {
    color: #FF0000 !important;
    outline: none !important;
    text-decoration: none !important;
}

.woocommerce .form-row {
    margin-bottom: 25px;
}

.woocommerce-checkout .shop_table dl.variation {
    color: #FFF;
}

.cus_checkbox_checkout {
    padding: 20px 15px;
    background-color: rgba(31, 187, 101, 0.1);
    border-radius: 10px;
}

.place-order .validate-required label,
.cus_checkbox_checkout label {
    position: relative;
    padding-left: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: rgba(33, 42, 66, 0.65);
    margin-bottom: 0;
}

.place-order .validate-required input[type='checkbox'],
.cus_checkbox_checkout input[type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.place-order .validate-required label .checkbox-spn::before,
.cus_checkbox_checkout label .checkbox-spn::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #1A3A27;
    border-radius: 3px;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
    color: #1A3A27;
    margin-top: -4px;
}

.place-order .validate-required input[type='checkbox']:checked~.checkbox-spn::before,
.cus_checkbox_checkout input[type='checkbox']:checked~.checkbox-spn::before {
    font-family: "Font Awesome 6 Solid" !important;
    content: "\f00c";
}

.place-order .validate-required a,
.cus_checkbox_checkout a {
    color: #18C867;
    transition: 0.3s ease-in-out all;
    text-decoration: none !important;
}

.place-order .validate-required a:hover,
.cus_checkbox_checkout a:hover {
    color: #1A3A27;
}

.woocommerce-privacy-policy-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #212A42;
    margin-bottom: 30px !important;
}

.woocommerce-checkout .place-order .button {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    margin: auto;
    padding: 15px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    border: 1px solid #18C867 !important;
    color: #FFFFFF;
    background-color: #18C867;
    transition: 0.5s ease-in-out all;
}

.woocommerce-checkout .place-order .button:hover {
    color: #18C867;
    background-color: #FFF;
}

.woocommerce-checkout #payment {
    padding: 0;
}

.woocommerce-checkout .payment_methods {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.woocommerce-checkout .payment_methods .payment_bx {
    flex: calc(50% - 20px);
    margin-bottom: 0px !important;
}

.woocommerce-checkout .payment_methods .payment_bx .tab_credit_card {
    position: relative;
}

.woocommerce-checkout .payment_methods .payment_bx .tab_credit_card input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.woocommerce-checkout .payment_methods .payment_bx .tab_credit_card label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 25px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    border: 1px solid #E2E5E4;
    border-radius: 10px;
    height: 70px;
    cursor: pointer;
}

.woocommerce-checkout .payment_methods .payment_bx .tab_credit_card input:checked~label {
    background-color: #E9F8F0;
    border: 1px solid #1FBB65;
}

.woocommerce-checkout .payment_methods .payment_bx .tab_credit_card label img {
    width: auto;
    height: 25px;
}

.woocommerce .email-section {
    text-align: center;
}

.woocommerce .eamil_value {
    display: block;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #212A42;
}

.woocommerce .email-edit {
    display: inline-block;
    font-weight: 500;
    padding: 4px 8px;
    margin-left: 10px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #1FBB65 !important;
    color: #1FBB65;
    background-color: #E9F8F0;
    transition: 0.5s ease-in-out all;
}

.woocommerce .email-edit:hover {
    color: #FFF;
    background-color: #1FBB65;
}

.woocommerce .email-edit::before {
    display: inline-block;
    font-family: "Font Awesome 6 Solid" !important;
    content: "\f304";
    font-size: 12px;
    margin-right: 8px;
}

.woocommerce .email-section .proceed-email-address {
    display: inline-block;
    font-weight: 500;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    border: 1px solid #18C867 !important;
    color: #FFFFFF;
    background-color: #18C867;
    transition: 0.5s ease-in-out all;
}

.woocommerce .email-section .proceed-email-address:hover {
    color: #18C867;
    background-color: #FFFFFF;
}

.woocommerce-checkout #customer_details {
    margin-right: 3%;
}

.woocommerce-checkout #order_review {
    border: none;
    width: 41%;
}

.woocommerce-checkout #order_review .shop_table {
    padding: 30px;
    background-color: #1A3A27;
    border-radius: 20px;
}

:where(.brxe-form) .message.success {
    margin-top: 15px;
    max-width: 560px;
    text-align: center;
    color: #18C867;
    background-color: #F6FFFA;
    border: 1px solid #18C867;
    border-radius: 10px;
}

.shop_table .product-name .pro-group-detail .group-name {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    letter-spacing: -0.03em;
    margin-bottom: 10px;
}

.shop_table .product-name .pro-group-detail .accessday-detail {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: rgba(255, 255, 255, 0.65);
}

.shop_table .product-name .pro-group-detail .accessday-detail .days {
    color: #1FBB65;
}

.cart_item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.cart_item .product-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.price_delete_sec .product-total {
    display: flex;
    align-items: center;
    gap: 10px;
}

.price_delete_sec .product-total .amount {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #18C867;
    white-space: nowrap;
}

.price_delete_sec .product-total .delete_p_id a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #FFF;
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid rgba(31, 187, 101, 0.35);
    transition: 0.5s ease-in-out all;
}

.price_delete_sec .product-total .delete_p_id a:focus,
.price_delete_sec .product-total .delete_p_id a:hover {
    background-color: #5B9974
}

.cart_item>.product-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
}

.cart_item>.product-total .card_icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart_item>.product-total .card_img_txt {
    font-size: 20px;
    line-height: 22px;
    color: #ffffff;
    word-break: break-word;
}

.cart_item>.product-total .plan-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    width: 50px;
    height: 50px;
    border: 1px solid #5B9974;
    border-radius: 12px;
    padding: 10px;
}

.cart_item>.product-total .plan-icon img {
    filter: brightness(100);
}

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

.quantity input {
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    border-radius: 6px;
    background-color: transparent;
    border: 1px solid #5B9974;
    transition: 0.5s ease-in-out all;
    cursor: pointer;
}

.quantity input:nth-child(2) {
    border: 0;
    background: transparent !important;
    text-align: center;
}

.quantity input:focus,
.quantity input:hover {
    background-color: #5B9974
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.product-checkout .cart_small_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #FFF;
}

.product-checkout .cart_dis {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    margin-bottom: 30px;
}

.product-checkout p {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #FFF;
}

.product-checkout .woocommerce-message {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #1FBB65;
    margin-bottom: 15px;
}

.cart-discount {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.cart-discount p {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #FFF;
    text-align: left;
}

.cart-discount p:last-child {
    text-align: right;
}

.coupon_code_form {
    position: relative;
}

.coupon_code_form input {
    padding-right: 180px !important;
    font-size: 16px !important;
    color: #FFF !important;
    text-align: center;
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid #5B9974 !important;
    text-align: left;
}

.coupon_code_form .button {
    position: absolute;
    top: 1px;
    right: 0;
    display: inline-block;
    font-weight: 500;
    width: 100%;
    max-width: 170px;
    padding: 15px 10px;
    font-size: 16px;
    line-height: 18px;
    border-radius: 10px;
    border: 1px solid #18C867 !important;
    color: #FFFFFF;
    background-color: #18C867;
    transition: 0.5s ease-in-out all;
}

.coupon_code_form .button:hover {
    color: #18C867;
    background-color: #FFFFFF;
}

.cart_link {
    display: inline;
    color: #18C867 !important;
    text-decoration: underline !important;
    padding: 0;
    background: transparent;
}

.cart_link:hover,
.cart_link:active,
.cart_link:focus {
    background: none;
}

.cart-subtotal {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 15px;
}

.order-total {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.cart-subtotal p {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.order-total p {
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #fff;
    text-align: left;
    margin-bottom: 0;
}

.cart-subtotal p .amount,
.order-total p .amount {
    color: #18C867;
}

.product-checkout .checkout_question,
.woocommerce-form-coupon-toggle .woocommerce-info {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #FFF;
    margin-bottom: 20px;
    text-decoration: none;
    transition: 0.5s ease-in-out;
}

.woocommerce-form-coupon-toggle .woocommerce-info a {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #FFF;
    text-decoration: none;
    transition: 0.5s ease-in-out;
}

.product-checkout .checkout_question:hover,
.woocommerce-form-coupon-toggle .woocommerce-info a:hover {
    color: #18C867;
}

.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    color: #18C867;
}

.woocommerce-checkout form.checkout_coupon {
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 16px;
    overflow: hidden;
}

.woocommerce-checkout form.checkout_coupon p {
    margin-bottom: 10px;
}

.woocommerce-form-login-toggle .woocommerce-info {
    padding: 25px 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #1A3A27;
    background-color: #FFF;
    box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.1);
    border-radius: 20px;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.woocommerce-form-login-toggle .woocommerce-info a {
    margin: 0 8px;
    font-weight: 500;
    color: #18C867;
    text-decoration: none !important;
    transition: 0.3s ease-in-out all;
}

.woocommerce-form-login-toggle .woocommerce-info a:hover {
    color: #1A3A27;
    text-decoration: underline !important;
}

.cart_item>.product-total .icon_card_icon {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cus_icon_title_dv {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.cus_icon_title_dv .checkout_icons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px 8px;
    background-color: #EDF4F1;
    border-radius: 8px;
    flex: 1;
    text-align: center;
}

.cus_icon_title_dv .checkout_icons img {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin: 0px auto 20px;
}

.cus_icon_title_dv .checkout_icons p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #212A42;
}

/* checkout popup */
.body_fix {
    overflow: hidden;
}

.body_fix .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #0000009e;
    overflow: hidden;
}

#cart_popup p.popup_para {
    text-align: center;
    padding: 0px 0px;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

#cart_popup p.popup_para {
    padding: 6px 0;
}

.cart_popup .popup-body p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #212A42;
}

/* Thank You page */
.thankyou_order_details {
    width: 100%;
    max-width: 850px;
    margin: auto;
}

.thankyou_order_details .order_view {
    text-align: center;
    margin-bottom: 100px;
}

.thankyou_order_details .sub_title {
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #212A42;
    letter-spacing: -0.03em;
    margin-bottom: 25px;
}

.thankyou_order_details .sub_desc {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #212A42;
    margin-bottom: 10px;
}

.thankyou_order_details .order_view a {
    margin-bottom: 10px;
    color: #1FBB65;
}

.thankyou_order_details a.view-ordr-detail {
    display: inline-block;
    width: 100%;
    max-width: 280px;
    margin: auto;
    padding: 15px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #1A3A27 !important;
    color: #FFFFFF;
    background-color: #1A3A27;
    transition: 0.5s ease-in-out all;
}

.thankyou_order_details a.view-ordr-detail:hover {
    color: #FFF;
    background-color: #18C867;
    border: 1px solid #18C867 !important;
}

.thankyou_order_details .sub_title button {
    font-size: 24px;
    color: #212A42;
    background-color: transparent !important;
    border: none !important;
    outline: none;
    transition: 0.5s ease-in-out;
}

.thankyou_order_details .sub_title button:hover {
    color: #18C867;
}

.thank-you-blog {
    padding: 50px 30px;
    background-color: #E9F8F0;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 40px;
}

.thank-you-blog h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #212A42;
    letter-spacing: -0.03em;
    margin-bottom: 25px;
}

.thank-you-blog a.btn {
    display: inline-block;
    width: 100%;
    max-width: 230px;
    margin: auto;
    padding: 15px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #18C867 !important;
    color: #FFFFFF;
    background-color: #18C867;
    transition: 0.5s ease-in-out all;
    margin-bottom: 20px;
}

.thank-you-blog a.btn:hover {
    color: #FFF;
    background-color: #1A3A27;
    border: 1px solid #1A3A27 !important;
}

.order_conf_popup .popup-content {}

.popup-content.order-detail-popup {
    max-width: 800px;
    width: 96%;
    padding: 30px 60px;
    margin: 0 auto;
    border-radius: 30px;
    background-color: #1A3A27;
    max-height: 89vh;
    overflow-y: auto;
}

.order-detail-popup::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
}

.order-detail-popup::-webkit-scrollbar-track {
    background-color: #ddd;
}

.order-detail-popup::-webkit-scrollbar-thumb {
    background-color: #18C867;
    border-radius: 6px;
}

.order-detail-popup h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #FFF;
    letter-spacing: -0.03em;
    text-align: center;
    margin-bottom: 10px;
}

.order-detail-popup p {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #FFF;
    text-align: center;
    margin-bottom: 30px;
}

.order-detail-popup p .ordr-number {
    color: #1FBB65;
}

.order-detail-popup .order-overview {
    padding: 30px;
    margin-bottom: 30px;
    background-color: #FFF;
    border-radius: 20px;
}

.order-detail-popup .close-popup {
    color: #FFF;
    width: 40px;
    height: 40px;
    background-color: #18C867 !important;
    border-color: #18C867;
}

.thanks_cart_box {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E2E5E4;
}

.thanks_cart_box h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    color: #212A42;
    letter-spacing: -0.05em;
    text-align: left;
    margin-bottom: 20px;
}

.thanks_cart_box .order-item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}

.thanks_cart_box .order-item .icon_card_order {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.thanks_cart_box .order-item .card_icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.thanks_cart_box .order-item .card_icon .icon_circle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    width: 48px;
    height: 48px;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #1A3A27;
}

.thanks_cart_box .order-item .card_icon .icon_circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.thanks_cart_box .order-item .card_icon .card_img_txt {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #212A42;
    margin-bottom: 0px;
}

.thanks_cart_box .order-item .item_num {
    min-width: 160px;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #18C867;
    text-align: right;
    margin-bottom: 0;
}

.thanks_cart_box .start_end_date p.sdate {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #18C867;
    text-align: left;
    margin-bottom: 0;
}

.thanks_cart_box .start_end_date p.edate {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #EB001B;
    text-align: left;
    margin-bottom: 0;
}

.order-summary .thank_subtotal {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E2E5E4;
}

.order-summary .thank_subtotal h2,
.order-summary .thank_subtotal .amount {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #212A42;
    margin-bottom: 0;
    padding-bottom: 20px;
    letter-spacing: -0.05em;
}

.order-summary .thank_subtotal:last-child {
    border-bottom: none;
    margin-top: 20px;
}

.order-summary .thank_subtotal:last-child h2,
.order-summary .thank_subtotal:last-child .amount {
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #212A42;
    letter-spacing: -0.05em;
}

.order-summary .thank_subtotal:last-child .amount {
    color: #18C867;
}

.pdf_section p {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #CDCDCD;
}

.pdf_section a {
    color: #18C867;
    transition: 0.3s ease-in-out;
}

.pdf_section a:hover {
    color: #FFF;
}

.ph-empty-content {
    display: block;
    width: 100%;
}

.ph-empty-content h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #212A42;
    letter-spacing: -0.03em;
    text-align: center;
}

.job_card_wrap {
    counter-reset: JobCount;
}

.job_card_wrap .job_card_box {
    width: 20%;
}

.job_card_wrap .job_card_box .brxe-block {
    min-height: 186px;
}

.job_card_wrap .job_card_box::before {
    position: absolute;
    counter-increment: JobCount;
    content: "0" counter(JobCount);
    top: 50%;
    right: 24px;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #1A3A27;
    transform: translateY(-50%);
    z-index: 99;
}

/* Offline course Page */
.offline_courses_card {
    display: block;
    width: 100%;
    box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.04);
}

.offline_courses_card .card_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 0px 20px;
    min-height: 142px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: radial-gradient(53.53% 53.53% at 50% 50%, rgba(34, 221, 118, 0.15) 0%, rgba(29, 89, 53, 0.15) 100%);
    background-color: #18C867;

}

.offline_courses_card .card_header .main_title {
    width: 100%;
    max-width: 286px;
    font-weight: 700;
    font-size: 25px;
    line-height: 32px;
    color: #ffffff;
    letter-spacing: -0.03em;
    margin: auto;
}

.course_price_card {
    min-width: 300px;
    position: relative;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    background-color: #1A3A27;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    margin-top: -26px;
    margin-bottom: -26px;
}

.course_price_card::after {
    position: absolute;
    content: "";
    top: 0px;
    left: -18px;
    border-bottom: 26px solid #1A3A27;
    border-left: 18px solid transparent;
}

.course_price_card::before {
    position: absolute;
    content: "";
    top: 0px;
    right: -18px;
    border-bottom: 26px solid #1A3A27;
    border-right: 18px solid transparent;
}

.course_price_card h4 {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: #ffffff;
    letter-spacing: -0.03em;
}

.course_price_card p {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    letter-spacing: -0.03em;
}

.course_price_card .course_price {
    font-weight: 700;
    font-size: 52px;
    line-height: 68px;
    color: #18C867;
    letter-spacing: -0.03em;
}

.offline_courses_card .card_body {
    padding: 60px 30px 30px;
    background-color: #ffffff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.offline_courses_card .card_body h4 {
    font-weight: 700;
    font-size: 25px;
    line-height: 26px;
    letter-spacing: -0.03em;
    color: #1A3A27;
    text-align: center;
    margin-bottom: 30px;
}

.offline-course-tbl {
    padding: 0;
    border-radius: 8px;
    background-color: #EDF4F1;
    border-color: #EDF4F1;
    margin-bottom: 20px;
}

.offline-course-tbl:last-child {
    margin-bottom: 0;
}

.offline-course-tbl .tooltip_popup h3 {
    color: #1A3A27;
}

.offline-course-tbl .btn-action .btn-tooltip {
    line-height: 18px;
    color: #1A3A27;
    background-color: #1FBB65;
    /* border: 2px solid #1A3A27; */
}

.offline-course-tbl .bricks-background-primary {
    background-color: #18C867 !important;
    transition: 0.3s linear;
}

.offline-course-tbl .bricks-background-primary:hover {
    background-color: #1A3A27 !important;
}

.offline-course-tbl h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #212a42;
    letter-spacing: -0.03em;
}

.custom_nav_tabs {
    display: block;
    width: 100%;
    padding: 50px;
    background-color: #1A3A27;
    border-radius: 30px;
}

.custom_nav_tabs .nav_tabs {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid rgba(31, 187, 101, 0.3);
    max-width: 920px;
    margin: auto;
    margin-bottom: 44px;
}

.custom_nav_tabs .nav_tabs .nav_items {
    flex: 1;
    text-align: center;
}

.ims-offline-course-tabbing-wrapper .nav_tabs .nav_items {
    text-align: left;
}

.custom_nav_tabs .nav_tabs .nav_link {
    display: inline-block;
    padding: 10px 30px;
    position: relative;
    font-weight: 500;
    font-size: 25px;
    line-height: 28px;
    color: #ffffff;
    letter-spacing: -0.03em;
    cursor: pointer;
}

.custom_nav_tabs .nav_tabs .nav_link.active {
    color: #1FBB65;
}

.custom_nav_tabs .nav_tabs .nav_link::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #1FBB65;
    transition: 0.3s linear;
}

.custom_nav_tabs .nav_tabs .nav_link.active::before {
    width: 100%;
}

.custom_nav_tabs .tab-content .tab-pane {
    display: none;
}

.custom_nav_tabs .tab-content .tab-pane.active {
    display: block;
}

.offline_course_content {
    display: flex;
    align-items: center;
    gap: 42px;
    margin-bottom: 30px;
}

.offline_course_content:last-child {
    margin-bottom: 0;
}

.offline_course_content .kurs-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    min-width: 200px;
    height: 200px;
    border-radius: 22px;
    background-color: rgba(216, 255, 233, 0.24);
    padding: 40px;
}

.offline_course_content .kurs-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.offline_course_content .kurs-desc,
.offline_course_content .kurs-desc p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.7);
}

.offline_course_content .kurs-desc h3,
.offline_course_content .kurs-desc h4 {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: #11101D;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

.offline_course_content .kurs-desc ul {
    padding-left: 0;
    list-style: none;
}

.offline_course_content .kurs-desc ul li {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.7);
    padding-left: 25px;
    margin-bottom: 15px;
    background: url('assets/images/arrow-icon-listing-blue.svg') no-repeat left top / 12px;
}

.offline_course_content .kurs-desc ul li:last-child {
    margin-bottom: 0px;
}

/* Offline multicheck kurse */
.ms_offline_courses_pricing_section .offline_courses_card .card_header {
    background: #24223F;
}

.ms_offline_courses_pricing_section .course_price_card {
    background-color: #6460C9;
}

.ms_offline_courses_pricing_section .course_price_card .course_price {
    color: #ffffff;
}

.ms_offline_courses_pricing_section .course_price_card::before,
.ms_offline_courses_pricing_section .course_price_card::after {
    border-bottom-color: #403E81 !important;
}

.ms_offline_courses_pricing_section .offline-course-tbl {
    background-color: #F2F2F7;
    border-color: #F2F2F7;
}

.ms_offline_courses_pricing_section .offline-course-tbl .btn-action .btn-tooltip {
    color: #ffffff;
    background-color: #6460C9;
    /* border-color: #534FC2; */
}

.ms_offline_courses_pricing_section .offline_courses_card .card_body h4,
.ms_offline_courses_pricing_section .offline-course-tbl .tooltip_popup h3 {
    color: #24223F;
}

.ms_offline_courses_pricing_section .offline-course-tbl .bricks-background-primary {
    background-color: #6460C9 !important;
    transition: 0.3s linear;
}

.ms_offline_courses_pricing_section .offline-course-tbl .bricks-background-primary:hover {
    background-color: #24223F !important;
    transition: 0.3s linear;
}

.ms_offline_course_tabing_section .custom_nav_tabs {
    background-color: #DBDAEF;
}

.ms_offline_course_tabing_section .custom_nav_tabs .nav_tabs .nav_link {
    color: #6460C9;
}

.ms_offline_course_tabing_section .custom_nav_tabs .nav_tabs .nav_link.active {
    color: #24223F;
}

.ms_offline_course_tabing_section .custom_nav_tabs .nav_tabs .nav_link::before {
    background-color: #24223F;
}

.ms_offline_course_tabing_section .custom_nav_tabs .nav_tabs {
    border-bottom-color: rgba(100, 96, 201, 0.3);
}

.ms_offline_course_tabing_section .offline_course_content .kurs-icon {
    background-color: rgba(36, 34, 63, 0.18);
}

.ms_offline_course_tabing_section .offline_course_content .kurs-desc {
    color: #11101D;
}

.ms_offline_course_tabing_section .offline_course_content .kurs-desc p,
.ms_offline_course_tabing_section .offline_course_content .kurs-desc ul li {
    color: rgba(17, 16, 29, 0.7);
}

/* gymi Offline */
.gymi-offline-course-pricing-wrapper .offline_courses_card {
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.gymi-offline-course-pricing-wrapper .offline_courses_card h3 {
    font-weight: 700;
    font-size: 52px;
    line-height: 70px;
    color: #24223F;
    letter-spacing: -0.03em;
}

.gymi-offline-course-pricing-wrapper .table-accordion {
    display: block;
    width: 100%;
}

.gymi-offline-course-pricing-wrapper .offline-course-tbl {
    background-color: #f7f2f2;
    border-color: #f7f2f2;
}

.gymi-offline-course-pricing-wrapper .offline-course-tbl tbody th:first-child {
    max-width: 250px;
}

.gymi-offline-course-pricing-wrapper .offline-course-tbl tbody td.price {
    min-width: 80px;
}

.gymi-offline-course-pricing-wrapper .offline-course-tbl .btn-action {
    min-height: 78px;
}

.gymi-offline-course-pricing-wrapper .offline-course-tbl tbody td .text-link {
    transition: 0.5s ease-in-out;
}

.gymi-offline-course-pricing-wrapper .offline-course-tbl tbody td .text-link:hover {
    color: #F84F39;
}

.gymi-offline-course-pricing-wrapper .select2-container--default .select2-selection--single {
    min-width: 270px;
    background-color: #F84F39;
}

.gymi-offline-course-pricing-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFF;
}

.gymi-offline-course-pricing-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b,
.gymi-offline-course-pricing-wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #FFF !important;
}

.gymi-offline-course-tabbing-wrapper .custom_nav_tabs {
    background-color: #ffffff;
}

.gymi-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link {
    color: #F84F39;
}

.gymi-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link.active {
    color: #24223F;
}

.gymi-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link::before {
    background-color: #24223F;
}

.gymi-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs {
    border-bottom-color: rgba(248, 79, 57, 0.30);
}

.gymi-offline-course-tabbing-wrapper .offline_course_content .kurs-icon {
    background-color: rgba(36, 34, 63, 0.18);
}

.gymi-offline-course-tabbing-wrapper .offline_course_content .kurs-desc {
    color: #11101D;
}

.gymi-offline-course-tabbing-wrapper .offline_course_content .kurs-desc p,
.gymi-offline-course-tabbing-wrapper .offline_course_content .kurs-desc ul li {
    color: rgba(17, 16, 29, 0.7);
}

.ims-offline-course-tabbing-wrapper .custom_nav_tabs {
    background-color: #ffffff;
}

.ims-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link {
    color: #11101D;
}

.ims-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link.active {
    color: #2590F2;
}

.ims-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link::before {
    background-color: #2590F2;
}

.ims-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs {
    border-bottom-color: rgba(37, 144, 242, 0.30);
}

.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-icon {
    background-color: rgba(36, 34, 63, 0.18);
}

.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-desc {
    color: #11101D;
}

.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-desc p,
.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-desc ul li {
    color: rgba(17, 16, 29, 0.7);
}

.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-desc ul {
    padding: 25px;
    border-radius: 12px;
    background-color: #EFF6FA;
}

.ims-offline-course-tabbing-wrapper .offline_courses_card {
    box-shadow: none;
}

.ims-offline-course-tabbing-wrapper .offline_courses_card .card_body {
    padding: 0;
    margin-top: 40px;
}

.ims-offline-course-tabbing-wrapper .offline_courses_card .card_body h4 {
    text-align: left;
    color: #11101D;
}

.ims-offline-course-tabbing-wrapper .offline-course-tbl {
    background-color: #EFF6FA;
    border-color: #EFF6FA;
}

.ims-offline-course-tabbing-wrapper .offline-course-tbl th:first-child {
    vertical-align: text-top;
}

.ims-offline-course-tabbing-wrapper .offline-course-tbl .btn-action .btn-tooltip {
    color: #ffffff;
    background-color: #2590F2;
    /* border-color: #24223F; */
}

.ims-offline-course-tabbing-wrapper .offline-course-tbl .tooltip_popup h3 {
    color: #24223F;
}

.ims-offline-course-tabbing-wrapper .offline-course-tbl .bricks-background-primary {
    background-color: #2590F2 !important;
    transition: 0.3s linear;
}

.ims-offline-course-tabbing-wrapper .offline-course-tbl .bricks-background-primary:hover {
    background-color: #24223F !important;
    transition: 0.3s linear;
}

.offline-course-pricing-wrapper .offline-course-tbl tbody th:first-child {
    min-width: 120px;
}

.offline_courses_card .offline-course-tbl tbody td.dates,
.offline-course-pricing-wrapper .offline-course-tbl tbody td.dates {
    min-width: 200px;
}

.offline_courses_card .offline-course-tbl tbody td.price {
    min-width: 80px;
}

/* .ims-offline-course-tabbing-wrapper .offline_course_content .kurs-desc h3,
.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-desc h4 {color: #FFFFFF;} */

/* Multistep Form CSS start */
.multisteps_form_main_dv {
    display: none;
}

.file-upload .remove-button {
    display: none;
}

#msform fieldset {
    padding: 0;
    border-radius: 0;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    row-gap: 0;
}

#msform fieldset:not(:first-of-type) {
    display: none
}

.form-card {
    width: 100%;
    padding-top: 53px;
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #673AB7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #673AB7;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fit-image {
    width: 100%;
    object-fit: cover
}

#progressbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

#progressbar::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 100px;
    right: 100px;
    height: 2px;
    background-color: #696767;
}

#progressbar li {
    width: 25%;
    text-align: center;
    color: #11101D;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
}

#progressbar li.active {
    color: #1A3A27;
}

#progressbar li::before {
    content: "\e910";
    font-family: "Studypeak" !important;
    border: 2px solid #696767;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    color: #000;
    font-size: 22px;
    position: relative;
    z-index: 1;
    background: #EDF4F1;
}

#progressbar li.active::before {
    border: 2px solid #1A3A27;
}

#progressbar li.completed::before {
    background-color: #1A3A27;
    color: #fff;
}

#progressbar li#qualifications::before {
    content: "\e90a";
}

#progressbar li#possible_uses::before {
    content: "\e90d";
}

#progressbar li#cv_and_certificates::before {
    content: "\e909";
}

.appointment_form_main_dv {
    width: 100%;
}

.appointment_form_main_dv .center-text a {
    color: #1A3A27;
}

.main_page_title {
    background-color: #EDF4F1;
    text-align: center;
    padding: 60px 15px 30px;
}

.main_page_title h1,
.main_page_title h2 {
    font-weight: 500;
    font-size: 46px;
    line-height: 1.4em;
    color: #1A3A27;
    letter-spacing: -0.03em;
    margin-bottom: 0;
}

.main_page_title h1 span {
    color: #18C867;
}

.main_page_title .second {
    display: none;
}

.page-zur-kasse .main_page_title {
    background-color: #FFF;
    padding: 0;
    margin-bottom: 30px;
}

.appointment_form_main_dv .container {
    width: 100%;
    max-width: 1060px;
    min-height: inherit;
    padding: 0 15px;
    margin: auto;
    border: none;
}

.multisteps_form_main_dv {
    margin: 50px 0;
    padding: 55px 60px;
    background-color: #EDF4F1;
    border-radius: 25px;
}

.first_section_dv {
    margin: 50px 0;
    padding: 50px 50px;
    background-color: #EDF4F1;
    border-radius: 25px;
}

.center-text {
    text-align: center;
}

.first_section_dv p {
    color: #11101D;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 33px;
}

.application_form_listing h5 {
    color: #1A3A27;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.03em;
    margin-bottom: 3px;
}

.application_form_listing ol {
    margin: 0 0 31px;
    padding: 0;
    list-style: none;
    counter-reset: item;
}

.application_form_listing ol li {
    color: #11101D;
    font-size: 16px;
    line-height: 27px;
    padding-left: 18px;
    position: relative;
    counter-increment: item;
}

.application_form_listing ol li::before {
    content: counter(item)'.';
    position: absolute;
    left: 0;
    top: 0;
}


.first_step_btn,
#msform fieldset .action-button,
#msform fieldset input[type="submit"] {
    margin-top: 31px;
    font-weight: 500;
    padding: 15px 30px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    cursor: pointer;
    color: #FFF !important;
    background-color: #1A3A27;
    border: 1px solid #1A3A27;
    transition: 0.5s ease-in-out all;
}

.first_step_btn:hover,
#msform fieldset .action-button:hover,
#msform fieldset input[type="submit"]:hover {
    color: #FFF;
    background-color: #18C867;
    border: 1px solid #18C867;
}

.back_first_step,
.action-button-previous {
    margin-top: 31px;
    font-weight: 500;
    padding: 15px 30px !important;
    font-size: 16px !important;
    line-height: 22px !important;
    border-radius: 10px;
    cursor: pointer;
    color: #1A3A27 !important;
    background-color: #FFF;
    border: 1px solid #1A3A27;
    transition: 0.5s ease-in-out all;
}

.back_first_step:hover,
.action-button-previous:hover {
    color: #FFF !important;
    background-color: #1A3A27;
    border: 1px solid #1A3A27;
}

.errors {
    color: red;
    display: none;
}

.f-group-main {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 27px;
}

.f-group-main .fieldlabels {
    color: #11101D;
    font-size: 16px;
    font-weight: 400;
    width: 224px;
    padding-right: 11px;
    line-height: 27px;
}

.form-group-inner {
    width: calc(100% - 224px);
}


.form-card-4 .f-group-main .fieldlabels {
    width: 44.8%;
}

.form-card-4 .form-group-inner {
    width: 55.2%;
}


.f-group-main .fieldlabels span {
    color: red;
    margin-left: 5px;
}

.multisteps_form_main_dv .form-group input,
.multisteps_form_main_dv .form-group select {
    padding: 0 20px !important;
    min-height: 52px;
    border-radius: 10px;
    color: #1A3A27;
    border: 1px solid rgba(26, 58, 39, 0.12);
    outline: none !important;
}

.multisteps_form_main_dv .form-group input:focus,
.multisteps_form_main_dv .form-group select:focus {
    border-color: #18C867 !important;
}

.multisteps_form_main_dv .form-group select {
    background: url('assets/images/arrow-down.svg') no-repeat right 20px center/16px;
    background-color: #FFF;
}

.first-last-name {
    display: flex;
    flex-wrap: wrap;
}

.first-last-name .form-group {
    width: 100%;
    max-width: 175px;
    margin-right: 10px;
}

.radio-btn label {
    position: relative;
}

.radio-btn label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.radio-btn label span {
    color: #11101D;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    gap: 10px;
    line-height: 27px;
    position: relative;
    align-items: center;
}

.radio-btn label span::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 50px;
}

.radio-btn label input:checked+span::after {
    content: "";
    background-color: #1A3A27;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 6px;
    top: 9px;
    border-radius: 50px;
}

.radio-btn-main {
    display: flex;
    flex-wrap: wrap;
}

.radio-btn-main .radio-btn {
    margin-right: 50px;
}

.radio-btn-main .radio-btn:last-child {
    margin-right: 0;
}

.birth-date {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.birth-date .form-group {
    width: 100px;
}

.birth-date .form-group.year-group {
    width: 150px;
}

.email-group,
.mobile-group,
.about-group {
    max-width: 250px;
}

.btn-group {
    display: flex;
    justify-content: center;
}

.checkbox-main label {
    position: relative;
}

.checkbox-main label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    opacity: 0;
}

.checkbox-main label span {
    color: #464646;
    font-size: 16px;
    position: relative;
    padding-left: 30px;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
}

.checkbox-main label span a {
    display: inline-block;
}

.checkbox-main label span::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 5px;
    font-family: "Studypeak" !important;
    font-size: 12px;
    line-height: 10px;
    color: #1A3A27;
    align-items: center;
    justify-content: center;
    display: flex;
}

.checkbox-main label input:checked+span::before {
    content: "\e90b";
}

.checkbox-main-flex {
    display: flex !important;
    align-items: center;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 15px;
}

.checkbox-main-flex .checkbox-btn {
    margin-right: 50px;
}


.form-card-2 .form-group textarea {
    height: 120px;
    padding: 15px 20px !important;
    min-height: 52px;
    border-radius: 10px;
    color: #1A3A27;
    border: 1px solid rgba(26, 58, 39, 0.12);
    outline: none !important;
    resize: none;
}

.form-card-2 .form-group textarea:focus {
    border-color: #18C867 !important;
}

.form-card-2 .f-group-main .fieldlabels {
    width: 43.5%;
}

.form-card-2 .form-group-inner {
    width: 56.5%;
}

.form-card-3 .f-group-main .fieldlabels {
    width: 246px;
}

.form-card-3 .form-group-inner {
    width: calc(100% - 246px);
}

.form-card-3 .checkbox-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-card-3 .form-group textarea {
    height: 120px;
    padding: 15px 20px !important;
    min-height: 52px;
    border-radius: 10px;
    color: #1A3A27;
    border: 1px solid rgba(26, 58, 39, 0.12);
    outline: none !important;
    resize: none;
}

.form-card-2 .form-group textarea:focus {
    border-color: #18C867 !important;
}

.form-group-inner table {
    border-collapse: collapse;
    margin-bottom: 0;
}

.form-group-inner table tr th,
.form-group-inner table tr td:first-child {
    background-color: rgba(26, 58, 39, 0.08);
    border: 1px solid rgba(26, 58, 39, 0.08);
    color: #11101D;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    padding: 6px 5px;
}

.form-group-inner table tr td {
    text-align: center;
    padding: 6px 5px;
    border: 1px solid rgba(26, 58, 39, 0.08);
}

.form-group-inner table tr td .radio-btn label span {
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: auto;
    position: relative;
    cursor: pointer;
}

.form-group-inner table .radio-btn label input:checked+span::after {
    top: 6px;
}

.file-upload label {
    position: relative;
}

.file-upload.uploaded label::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 2px;
    right: 1px;
    bottom: 1px;
    background: url('assets/images/pdf.svg') no-repeat center center / 44px #ffffff;
    border-radius: 5px;
}

.file-upload label input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

#addFileInputButton,
.file-upload label span {
    width: 140px;
    height: 85px;
    display: flex;
    background-color: #fff;
    border: 1px dashed #11101D;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: normal;
    color: #11101D;
}

#addFileInputButton i,
.file-upload label span i {
    display: block;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 5px;
}

.file-upload label.error {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: red !important;
}

.file-upload label.error::before {
    display: none;
}

#addFileInputButton::before {
    font-size: 20px;
    margin-bottom: 8px;
}

.file-input-container {
    position: relative;
    padding-right: 30px;
    margin-bottom: 20px;
}

.file-input-container input {
    width: 100%;
    border: 1px solid rgba(26, 58, 39, 0.12);
    border-radius: 10px;
    outline: none;
    outline-color: inherit;
    box-shadow: unset;
    background: #fff;
    padding: 10px 15px;
}

.file-input-container .remove-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 20px;
    color: #11101D;
}

#addFileInputButton {
    background: rgba(26, 58, 39, 0.08);
}

.file-upload label span::before {
    font-size: 30px;
}

.file-upload {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    row-gap: 5px;
}

.file-upload.uploaded {
    display: flex;
    align-items: center;
    gap: 20px;
}

.form-group-inner table tr th:first-child {
    background: transparent;
    border-color: transparent;
}

.date-icon button,
.file-upload button {
    padding: 0;
    background: transparent !important;
    border: 0;
    border-radius: 0;
    color: #11101D;
    font-size: 24px;
    display: flex;
    line-height: 1;
    box-shadow: none;
}

/* Thank you page */
.page-bewerbungsformular .thank_you_page {
    display: none;
}

.page-bewerbungsformular .thank_you_page {
    text-align: center;
    padding: 60px 0 0;
}

.page-bewerbungsformular .thank_you_page img {
    width: 200px;
    margin: auto;
}

.page-bewerbungsformular .thank_you_page h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    margin: 20px 0;
}

.page-bewerbungsformular .thank_you_page p {
    width: 100%;
    max-width: 830px;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: rgb(17, 16, 29, 0.65);
    margin: auto;
}

.page-bewerbungsformular .thank_you_page p a {
    color: #18C867;
    transition: 0.5s ease-in-out;
}

.page-bewerbungsformular .thank_you_page p a:hover {
    color: #1A3A27;
}

.go-home-btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.go-home-btn a {
    display: flex;
    border-radius: 10px;
    min-height: 52px;
    padding: 15px 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    background-color: #1A3A27;
    transition: 0.5s ease-in-out all;
}

.go-home-btn a:hover {
    background-color: #18C867;
}

/* Multistep Form CSS End */

/* recaptcha */
.wpcf7-spinner {
    display: flex;
    margin: 5px auto;
}

.captcha-main {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 20px;
}

.captcha-input {
    max-width: 205px;
    width: 100%;
}

.captcha-btn {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.captcha-code {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.captcha-code span {
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    display: flex;
    font-style: italic;
    pointer-events: none;
    letter-spacing: 2px;
    color: #1A3A27;
}

.captcha-btn button[type="button"] {
    border-radius: 0;
    background: transparent url('assets/images/reload.svg') no-repeat center / contain;
    box-shadow: unset;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
}

.wpcf7 .captcha-input .wpcf7-not-valid-tip {
    display: block !important;
    color: red;
    font-weight: 400;
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-form-login-toggle .woocommerce-info {
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    border: 1px solid #18C867;
    background-color: #ffffff;
    border-radius: 10px;
    outline: none !important;
}

.woocommerce-notices-wrapper .woocommerce-message a,
.woocommerce-notices-wrapper .woocommerce-error a {
    margin-left: 0px !important;
    border-radius: 8px !important;
    transition: 0.3s ease-in-out all;
}

.woocommerce-notices-wrapper .woocommerce-message a:hover {
    color: #FFFFFF;
    background-color: #1A3A27;
}

.woocommerce-notices-wrapper .woocommerce-error {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    color: #F84F39;
    border: 1px solid #F84F39;
    background-color: #ffffff;
    border-radius: 10px;
    outline: none !important;
}

.woocommerce-notices-wrapper .woocommerce-error a {
    background-color: #F84F39;
    ;
}

.woocommerce-notices-wrapper .woocommerce-error a:hover {
    background-color: #dd2108 !important;
    border-color: #dd2108 !important;
}

/* Resets all styles */
/* .page .draggable,
.single-post .draggable {
    all: unset !important; 
} */


/*  */
.grade_calculation_section {
    display: block;
    width: 100%;
    max-width: 540px;
    margin: auto;
}

.grade_calculation_section .common_form {
    margin-bottom: 60px;
}

.grade_calculation_section .common_form h4 {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #1A3A27;
    letter-spacing: -0.03em;
}

.grade_calculation_section .common_form .bricks-button {
    max-width: 100%;
    transition: 0.3s ease-in-out all;
}

.grade_calculation_section .common_form .bricks-button:hover {
    background-color: #1A3A27 !important;
}

.grade_calculation_section .common_form input[type="number"] {
    -moz-appearance: textfield;
}

.grade_calculation_section .common_form input[type="number"]::-webkit-inner-spin-button,
.grade_calculation_section .common_form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.custom-number-input {
    position: relative;
}

.custom-number-input .increase,
.custom-number-input .decrease {
    width: 25px;
    height: 16px;
    max-width: inherit !important;
    padding: 2px 5px !important;
    font-size: 16px;
    line-height: 12px;
    color: rgba(26, 58, 39, 0.6);
    border: none;
    cursor: pointer;
    border-radius: 4px;
    background-color: transparent !important;
    transition: 0.3s ease-in-out all;
    position: absolute;
    right: 8px;
}

.custom-number-input .increase:hover,
.custom-number-input .decrease:hover {
    color: #ffffff !important;
    background-color: #18C867 !important;
}

.custom-number-input .increase {
    top: 10px;
}

.custom-number-input .decrease {
    bottom: 10px;
}

.total_grade_tbl {
    display: block;
    width: 100%;
    border-radius: 22px;
    background-color: #EDF4F1;
    padding: 40px;
}

.total_grade_tbl h4 {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

.total_grade_tbl .total_grade_card {
    display: block;
    width: 100%;
    padding: 20px 30px;
    background-color: #ffffff;
    border-radius: 10px;
}

.total_grade_tbl table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.total_grade_tbl table tbody tr th,
.total_grade_tbl table tbody tr td {
    width: 50%;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #1A3A27;
    letter-spacing: -0.03em;
    text-align: left;
    padding: 15px 0;
    border-bottom: 1px solid rgba(26, 58, 39, 0.12);
}

.total_grade_tbl table tbody tr.total_grade th,
.total_grade_tbl table tbody tr.total_grade td {
    font-size: 20px;
    border-bottom: none;
}

.curve_bg {
    background-size: contain !important;
    background-position: center !important;
}


/****************************************
    Theme color 
*****************************************/
/* Multicheck */
:root .page-multicheck-kurse header,
:root .page-multicheck-vorbereitung header {
    background-color: #f2f2f7;
}

:root .page-multicheck-kurse header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-multicheck-vorbereitung header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-multicheck-kurse header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover,
:root .page-multicheck-vorbereitung header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover {
    color: #6A66D5;
}

:root .page-multicheck-kurse header .bricks-button[class*="secondary"],
:root .page-multicheck-vorbereitung header .bricks-button[class*="secondary"] {
    background-color: #f2f2f7;
    border: 1px solid rgba(26, 58, 39, 0.16);
}

:root .page-multicheck-kurse header .bricks-button[class*="secondary"]:hover,
:root .page-multicheck-vorbereitung header .bricks-button[class*="secondary"]:hover {
    background-color: #24223F !important;
    border: 1px solid #24223F !important;
}

:root .page-multicheck-kurse header #brxe-fvzine .brxe-toggle,
:root .page-multicheck-kurse header .bricks-button[class*="primary"],
:root .page-multicheck-vorbereitung header #brxe-fvzine .brxe-toggle,
:root .page-multicheck-vorbereitung header .bricks-button[class*="primary"],
:root .page-multicheck-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary,
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-prev,
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-next {
    background-color: #24223F !important;
    border: 1px solid rgba(237, 244, 241, 0.12);
}

:root .page-multicheck-kurse header #brxe-fvzine .brxe-toggle:hover,
:root .page-multicheck-kurse header .bricks-button[class*="primary"]:hover,
:root .page-multicheck-vorbereitung header #brxe-fvzine .brxe-toggle:hover,
:root .page-multicheck-vorbereitung header .bricks-button[class*="primary"]:hover,
:root .page-multicheck-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary:hover,
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-prev:hover,
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-next:hover {
    background-color: #6A66D5 !important;
    border: 1px solid #6A66D5 !important;
}

:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-prev::before,
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-next::before {
    color: #FFFFFF;
}

:root .page-multicheck-kurse footer #brxe-vcyqke,
:root .page-multicheck-vorbereitung footer #brxe-vcyqke {
    background-color: #24223F !important;
}

:root .page-multicheck-kurse footer svg.brxe-svg path,
:root .page-multicheck-vorbereitung footer svg.brxe-svg path {
    fill: #E8E7FF;
}

:root .page-multicheck-kurse footer #brxe-yfvipo li,
:root .page-multicheck-vorbereitung footer #brxe-yfvipo li,
:root .page-multicheck-kurse .footer_contactus_links .brxe-text-link .icon,
:root .page-multicheck-vorbereitung .footer_contactus_links .brxe-text-link .icon {
    border: 1px solid rgba(221, 219, 255, 0.17) !important;
}

:root .page-multicheck-kurse footer h3,
:root .page-multicheck-vorbereitung footer h3 {
    color: #E8E7FF !important;
}

:root .page-multicheck-kurse footer #brxe-rhzxxn,
:root .page-multicheck-vorbereitung footer #brxe-rhzxxn {
    color: #BCBAD9;
}

:root .page-multicheck-kurse footer #brxe-gbsoml,
:root .page-multicheck-vorbereitung footer #brxe-gbsoml {
    background-color: #2D2B4C;
    color: #8380D2;
}

:root .page-multicheck-vorbereitung .spn-loader {
    border-color: #24223F #FFF #24223F #FFF;
}

:root .page-multicheck-vorbereitung .spn-loader:before,
:root .page-multicheck-vorbereitung .spn-loader:after {
    border-bottom-color: #24223F;
}

:root .page-multicheck-vorbereitung .spn-loader:after {
    border-color: #24223F #FFF #FFF #FFF;
}

:root .page-multicheck-vorbereitung .select2-container--default .select2-results__option[aria-selected=true],
:root .page-multicheck-vorbereitung .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f2f2f7;
    color: #6A66D5;
}

:root .page-multicheck-vorbereitung .pricing-popup {
    background-color: rgba(242, 242, 247, 0.95);
}

:root .page-multicheck-vorbereitung .pricing-popup .popup_content h4 {
    color: #6A66D5;
}

:root .page-multicheck-vorbereitung .preview-popup h3.popup-title {
    color: #24223F;
}

:root .page-multicheck-vorbereitung .pricing-popup .popup-body::-webkit-scrollbar-thumb,
:root .page-multicheck-vorbereitung .preview_owl_slider .preview_owl_items::-webkit-scrollbar-thumb {
    background-color: #6A66D5;
}

:root .page-multicheck-vorbereitung .common_filter_form .bricks-button {
    background-color: #6460C9 !important;
}

:root .page-multicheck-vorbereitung .common_filter_form .bricks-button:hover {
    background-color: #24223F !important;
}

:root .page-multicheck-kurse .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-multicheck-vorbereitung .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-multicheck-kurse :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-multicheck-kurse :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover,
:root .page-multicheck-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-multicheck-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
    color: #E8E7FF !important;
}

:root .page-multicheck-kurse #brxe-yfvipo li.has-link a:hover,
:root .page-multicheck-kurse #brxe-yfvipo li.no-link:hover,
:root .page-multicheck-vorbereitung #brxe-yfvipo li.has-link a:hover,
:root .page-multicheck-vorbereitung #brxe-yfvipo li.no-link:hover {
    background-color: #6A66D5;
}

:root .page-multicheck-kurse #brxe-993083 a {
    color: #6460C9 !important;
}

:root .page-multicheck-kurse .get_in_touch_form input[type=submit] {
    background-color: #6460C9 !important;
    transition: 0.3s ease-in-out all;
}

:root .page-multicheck-kurse .get_in_touch_form input[type=submit]:hover {
    background-color: #24223F !important;
}

:root .page-multicheck-kurse .get_in_touch_form .input:focus,
:root .page-multicheck-kurse .get_in_touch_form input:not([type=submit]):focus,
:root .page-multicheck-kurse .get_in_touch_form select:focus,
:root .page-multicheck-kurse .get_in_touch_form textarea:focus {
    border-color: #6460C9 !important;
}

:root .page-multicheck-kurse .select2-container--default .select2-results__option[aria-selected=true],
:root .page-multicheck-kurse .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f2f2f7;
    color: #6460C9;
}

:root .page-multicheck-kurse .captcha-code span,
:root .page-multicheck-kurse .get_in_touch_form label:not(.error) {
    color: #24223F !important;
}

/* Gymi */
:root .page-gymi-vorbereitung header,
:root .page-gymi-kurse header {
    background-color: #F7F2F2;
}

:root .page-gymi-vorbereitung header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-gymi-kurse header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-gymi-vorbereitung header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover,
:root .page-gymi-kurse header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover {
    color: #F84F39;
}

:root .page-gymi-kurse header .bricks-button[class*="secondary"],
:root .page-gymi-vorbereitung header .bricks-button[class*="secondary"] {
    background-color: #F7F2F2 !important;
    border: 1px solid rgba(26, 58, 39, 0.16) !important;
}

:root .page-gymi-kurse header .bricks-button[class*="secondary"]:hover,
:root .page-gymi-vorbereitung header .bricks-button[class*="secondary"]:hover {
    background-color: #391D1D !important;
    border: 1px solid #391D1D !important;
}

:root .page-gymi-kurse header #brxe-fvzine .brxe-toggle,
:root .page-gymi-kurse header .bricks-button[class*="primary"],
:root .page-gymi-vorbereitung header #brxe-fvzine .brxe-toggle,
:root .page-gymi-vorbereitung header .bricks-button[class*="primary"],
:root .page-gymi-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary,
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-prev,
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-next {
    background-color: #391D1D !important;
    border: 1px solid #391D1D !important;
}

:root .page-gymi-kurse header #brxe-fvzine .brxe-toggle:hover,
:root .page-gymi-kurse header .bricks-button[class*="primary"]:hover,
:root .page-gymi-vorbereitung header #brxe-fvzine .brxe-toggle:hover,
:root .page-gymi-vorbereitung header .bricks-button[class*="primary"]:hover,
:root .page-gymi-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary:hover,
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-prev:hover,
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-next:hover {
    background-color: #F84F39 !important;
    border: 1px solid #F84F39 !important;
}

:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-prev::before,
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-next::before {
    color: #FFFFFF;
}

:root .page-gymi-kurse footer #brxe-vcyqke,
:root .page-gymi-vorbereitung footer #brxe-vcyqke {
    background-color: rgba(57, 29, 29, 0.95) !important;
}

:root .page-gymi-kurse .ul-list-group ul li::before,
:root .page-gymi-vorbereitung .ul-list-group ul li::before {
    background-color: #F84F39;
}

:root .page-gymi-kurse #brxe-qulqwr svg.brxe-svg path,
:root .page-gymi-vorbereitung #brxe-qulqwr svg.brxe-svg path {
    stroke: #F84F39;
}

:root .page-gymi-kurse footer svg.brxe-svg path,
:root .page-gymi-vorbereitung footer svg.brxe-svg path {
    fill: #F84F39;
}

:root .page-gymi-kurse footer #brxe-yfvipo li,
:root .page-gymi-vorbereitung footer #brxe-yfvipo li,
:root .page-gymi-kurse .footer_contactus_links .brxe-text-link .icon,
:root .page-gymi-vorbereitung .footer_contactus_links .brxe-text-link .icon {
    border: 1px solid rgba(221, 219, 255, 0.17) !important;
}

:root .page-gymi-kurse footer h3,
:root .page-gymi-vorbereitung footer h3 {
    color: #F84F39 !important;
}

:root .page-gymi-kurse footer #brxe-rhzxxn,
:root .page-gymi-vorbereitung footer #brxe-rhzxxn {
    color: #FFF;
}

:root .page-gymi-kurse footer #brxe-gbsoml,
:root .page-gymi-vorbereitung footer #brxe-gbsoml {
    background-color: #391D1D;
    color: #F84F39;
}

:root .page-gymi-vorbereitung .spn-loader {
    border-color: #391D1D #FFF #391D1D #FFF;
}

:root .page-gymi-vorbereitung .spn-loader:before,
:root .page-gymi-vorbereitung .spn-loader:after {
    border-bottom-color: #391D1D;
}

:root .page-gymi-vorbereitung .spn-loader:after {
    border-color: #391D1D #FFF #FFF #FFF;
}

:root .page-gymi-vorbereitung .card-benefits.brxe-block {
    background-color: rgba(248, 79, 57, 0.06);
}

:root .page-gymi-vorbereitung .course-pricing-tabs .tabs .tab-btn-wrap {
    background-color: rgba(248, 79, 57, 0.08);
}

:root .page-gymi-vorbereitung .tab-btn-wrap .tab-btn.active {
    color: #F84F39 !important;
}

:root .page-gymi-vorbereitung .card-pricing-plans .plan-price h4 {
    color: #F84F39 !important;
}

:root .page-gymi-vorbereitung .plan-details .bricks-background-primary {
    background-color: #F84F39 !important;
    border: 1px solid #F84F39 !important;
}

:root .page-gymi-vorbereitung .plan-details .bricks-background-primary:hover {
    background-color: #391D1D !important;
}

:root .page-gymi-vorbereitung .card-platinum-plans .popular-plan {
    background-color: #F84F39 !important;
}

:root .page-gymi-vorbereitung .card-platinum-plans {
    /* background: linear-gradient(180deg, rgba(248, 79, 57, 0.00) 0%, rgba(248, 79, 57, 0.12) 100%), #FFEBE9; */
    background-color: #391D1D;
}

:root .page-gymi-vorbereitung .card-platinum-plans .plan-title h3 {
    color: #F84F39;
}

:root .page-gymi-vorbereitung .card-platinum-plans .plan-title p,
:root .page-gymi-vorbereitung .card-platinum-plans .plan-price p,
:root .page-gymi-vorbereitung .card-platinum-plans .plan-details ul li {
    color: #FFF;
}

:root .page-gymi-vorbereitung .course-pricing-tabs {
    border: 2px solid #fdb8b1;
}

:root .page-gymi-vorbereitung .course-pricing-wrapper .section-subtitle {
    background-color: #F7F2F2;
}

/* :root .page-gymi-vorbereitung .course-pricing-wrapper .plan-details-group {
    background: linear-gradient(180deg, rgba(248, 79, 57, 0.12) 0%, rgba(248, 79, 57, 0.12) 100%), #FFEBE9;
} */
:root .page-gymi-vorbereitung .plan-details-group .select2-container--default .select2-selection--single {
    background-color: #F84F39;
}

:root .page-gymi-vorbereitung .select2-container--default .select2-results__option[aria-selected=true],
:root .page-gymi-vorbereitung .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F7F2F2;
    color: #F84F39;
}

:root .page-gymi-vorbereitung .pricing-popup {
    background-color: rgba(247, 242, 242, 0.95);
}

:root .page-gymi-vorbereitung .pricing-popup .popup_content h4 {
    color: #F84F39;
}

:root .page-gymi-vorbereitung .preview-popup h3.popup-title {
    color: #391D1D !important;
}

:root .page-gymi-vorbereitung .pricing-popup .popup-body::-webkit-scrollbar-thumb,
:root .page-gymi-vorbereitung .preview_owl_slider .preview_owl_items::-webkit-scrollbar-thumb {
    background-color: #F84F39;
}

:root .page-gymi-vorbereitung .common_filter_form .bricks-button {
    background-color: #F84F39 !important;
}

:root .page-gymi-vorbereitung .common_filter_form .bricks-button:hover {
    background-color: #391D1D !important;
}

:root .page-gymi-vorbereitung .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-gymi-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-gymi-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
    color: #F84F39 !important;
}

:root .page-gymi-kurse #brxe-yfvipo li.has-link a:hover,
:root .page-gymi-kurse #brxe-yfvipo li.no-link:hover,
:root .page-gymi-vorbereitung #brxe-yfvipo li.has-link a:hover,
:root .page-gymi-vorbereitung #brxe-yfvipo li.no-link:hover {
    background-color: #F84F39;
}

:root .page-gymi-vorbereitung .common_filter_form .bricks-button {
    background-color: #F84F39 !important;
}

:root .page-gymi-vorbereitung .common_filter_form .bricks-button:hover {
    background-color: #391D1D !important;
}

/* gymi course */
:root .page-gymi-kurse .captcha-code span,
:root .page-gymi-kurse .get_in_touch_form label:not(.error) {
    color: #391D1D !important;
}

:root .page-gymi-kurse .get_in_touch_form input[type=submit],
:root .page-gymi-kurse .course-tbl .btn-action .bricks-background-primary {
    background-color: #F84F39 !important;
    transition: 0.3s ease-in-out all;
}

:root .page-gymi-kurse .get_in_touch_form input[type=submit]:hover,
:root .page-gymi-kurse .course-tbl .btn-action .bricks-background-primary:hover {
    background-color: #391D1D !important;
}

:root .page-gymi-kurse .get_in_touch_form .input:focus,
:root .page-gymi-kurse .get_in_touch_form input:not([type=submit]):focus,
:root .page-gymi-kurse .get_in_touch_form select:focus,
:root .page-gymi-kurse .get_in_touch_form textarea:focus {
    border-color: #F84F39 !important;
}

:root .page-gymi-kurse .select2-container--default .select2-results__option[aria-selected=true],
:root .page-gymi-kurse .select2-container--default .select2-results__option--highlighted[aria-selected],
:root .page-gymi-vorbereitung .select2-container--default .select2-results__option[aria-selected=true],
:root .page-gymi-vorbereitung .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f8f2f2;
    color: #F84F39;
}

:root .page-gymi-kurse #brxe-993083 a,
:root .page-gymi-kurse .tooltip_popup h3,
:root .page-gymi-kurse .accordion-header.active,
:root .page-gymi-kurse .accordion-header.active::before,
:root .page-gymi-kurse :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-gymi-kurse :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
    color: #F84F39 !important;
}

:root .page-gymi-kurse .course-tbl .btn-action .btn-tooltip {
    color: #F84F39 !important;
    background-color: rgba(248, 79, 57, 0.1);
    border-color: #F84F39 !important;
}


/* IMS */
:root .page-nachhilfe header,
:root .page-ims-kurse header,
:root .page-ims-kurse header,
:root .page-ims-vorbereitung header {
    background-color: #EFF6FA;
}

:root .page-nachhilfe header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-nachhilfe header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover,
:root .page-ims-kurse header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-ims-kurse header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover,
:root .page-ims-vorbereitung header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-ims-vorbereitung header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover {
    color: #2590F2;
}

:root .page-nachhilfe header .bricks-button[class*="secondary"],
:root .page-ims-kurse header .bricks-button[class*="secondary"],
:root .page-ims-vorbereitung header .bricks-button[class*="secondary"] {
    background-color: #EFF6FA;
    border: 1px solid rgba(26, 58, 39, 0.16);
}

:root .page-nachhilfe header .bricks-button[class*="secondary"]:hover,
:root .page-ims-kurse header .bricks-button[class*="secondary"]:hover,
:root .page-ims-vorbereitung header .bricks-button[class*="secondary"]:hover {
    background-color: #212A42 !important;
    border: 1px solid #212A42 !important;
}

:root .page-nachhilfe header #brxe-fvzine .brxe-toggle,
:root .page-ims-kurse header #brxe-fvzine .brxe-toggle,
:root .page-ims-vorbereitung header #brxe-fvzine .brxe-toggle,
:root .page-nachhilfe header .bricks-button[class*="primary"],
:root .page-ims-kurse header .bricks-button[class*="primary"],
:root .page-ims-vorbereitung header .bricks-button[class*="primary"],
:root .page-ims-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary,
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-prev,
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-next {
    background-color: #212A42 !important;
    border: 1px solid rgba(33, 42, 66, 0.12);
}

:root .page-nachhilfe header #brxe-fvzine .brxe-toggle:hover,
:root .page-ims-kurse header #brxe-fvzine .brxe-toggle:hover,
:root .page-ims-vorbereitung header #brxe-fvzine .brxe-toggle:hover,
:root .page-nachhilfe header .bricks-button[class*="primary"]:hover,
:root .page-ims-kurse header .bricks-button[class*="primary"]:hover,
:root .page-ims-vorbereitung header .bricks-button[class*="primary"]:hover,
:root .page-ims-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary:hover,
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-prev:hover,
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-next:hover {
    background-color: #2590F2 !important;
    border: 1px solid #2590F2 !important;
}

:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-prev::before,
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-next::before {
    color: #FFFFFF;
}

:root .page-nachhilfe footer #brxe-vcyqke,
:root .page-ims-kurse footer #brxe-vcyqke,
:root .page-ims-vorbereitung footer #brxe-vcyqke {
    background-color: rgba(33, 42, 66, 0.95) !important;
}

:root .page-ims-vorbereitung .ul-list-group ul li::before {
    background-color: #2590F2;
}

:root .page-ims-vorbereitung #brxe-qulqwr svg.brxe-svg path {
    stroke: #2590F2;
}

:root .page-nachhilfe footer svg.brxe-svg path,
:root .page-ims-kurse footer svg.brxe-svg path,
:root .page-ims-vorbereitung footer svg.brxe-svg path {
    fill: #2590F2;
}

:root .page-nachhilfe footer #brxe-yfvipo li,
:root .page-ims-kurse footer #brxe-yfvipo li,
:root .page-ims-vorbereitung footer #brxe-yfvipo li,
:root .page-nachhilfe .footer_contactus_links .brxe-text-link .icon,
:root .page-ims-kurse .footer_contactus_links .brxe-text-link .icon,
:root .page-ims-vorbereitung .footer_contactus_links .brxe-text-link .icon {
    border: 1px solid rgba(221, 219, 255, 0.17) !important;
}

:root .page-nachhilfe footer h3,
:root .page-ims-kurse footer h3,
:root .page-ims-vorbereitung footer h3 {
    color: #2590F2 !important;
}

:root .page-nachhilfe footer #brxe-rhzxxn,
:root .page-ims-kurse footer #brxe-rhzxxn,
:root .page-ims-vorbereitung footer #brxe-rhzxxn {
    color: #FFF;
}

:root .page-nachhilfe footer #brxe-gbsoml,
:root .page-ims-kurse footer #brxe-gbsoml,
:root .page-ims-vorbereitung footer #brxe-gbsoml {
    background-color: #212A42;
    color: #2590F2;
}

:root .page-ims-kurse .spn-loader,
:root .page-ims-vorbereitung .spn-loader {
    border-color: #212A42 #FFF #212A42 #FFF;
}

:root .page-ims-kurse .spn-loader:before,
:root .page-ims-kurse .spn-loader:after,
:root .page-ims-vorbereitung .spn-loader:before,
:root .page-ims-vorbereitung .spn-loader:after {
    border-bottom-color: #212A42;
}

:root .page-ims-kurse .spn-loader:after,
:root .page-ims-vorbereitung .spn-loader:after {
    border-color: #212A42 #FFF #FFF #FFF;
}

:root .page-ims-vorbereitung .card-benefits.brxe-block {
    background-color: rgba(33, 42, 66, 0.12);
}

:root .page-ims-vorbereitung .course-pricing-tabs .tabs .tab-btn-wrap {
    background-color: rgba(33, 42, 66, 0.08);
}

:root .page-ims-vorbereitung .tab-btn-wrap .tab-btn.active {
    color: #2590F2 !important;
}

:root .page-ims-vorbereitung .card-pricing-plans .plan-price h4 {
    color: #2590F2 !important;
}

:root .page-ims-vorbereitung .plan-details .bricks-background-primary {
    background-color: #2590F2 !important;
    border: 1px solid #2590F2 !important;
}

:root .page-ims-vorbereitung .plan-details .bricks-background-primary:hover {
    background-color: #212A42 !important;
}

:root .page-ims-vorbereitung .card-platinum-plans .popular-plan {
    background-color: #2590F2 !important;
}

:root .page-ims-vorbereitung .card-platinum-plans .plan-title h3 {
    color: #2590F2;
}

:root .page-ims-vorbereitung .card-platinum-plans {
    /* background: linear-gradient(180deg, rgba(37, 144, 242, 0.00) 0%, rgba(37, 144, 242, 0.12) 100%), #DCEFFF; */
    background-color: #212A42;
}

:root .page-ims-vorbereitung .card-platinum-plans .plan-title p,
:root .page-ims-vorbereitung .card-platinum-plans .plan-price p,
:root .page-ims-vorbereitung .card-platinum-plans .plan-details ul li {
    color: #FFF;
}

:root .page-ims-vorbereitung .pricing-popup {
    background-color: rgba(239, 246, 250, 0.95);
}

:root .page-ims-vorbereitung .pricing-popup .popup_content h4 {
    color: #2590F2;
}

:root .page-ims-vorbereitung .preview-popup h3.popup-title {
    color: #212A42 !important;
}

:root .page-ims-vorbereitung .pricing-popup .popup-body::-webkit-scrollbar-thumb,
:root .page-ims-vorbereitung .preview_owl_slider .preview_owl_items::-webkit-scrollbar-thumb {
    background-color: #2590F2;
}

:root .page-nachhilfe #brxe-1653c7 a,
:root .page-nachhilfe .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-ims-kurse .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-ims-vorbereitung .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-nachhilfe :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-nachhilfe :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover,
:root .page-ims-kurse :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-ims-kurse :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover,
:root .page-ims-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-ims-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
    color: #2590F2 !important;
}

:root .page-nachhilfe #brxe-yfvipo li.has-link a:hover,
:root .page-nachhilfe #brxe-yfvipo li.no-link:hover,
:root .page-ims-kurse #brxe-yfvipo li.has-link a:hover,
:root .page-ims-kurse #brxe-yfvipo li.no-link:hover,
:root .page-ims-vorbereitung #brxe-yfvipo li.has-link a:hover,
:root .page-ims-vorbereitung #brxe-yfvipo li.no-link:hover {
    background-color: #2590F2;
}

:root .page-ims-vorbereitung .common_filter_form .bricks-button {
    background-color: #2590F2 !important;
}

:root .page-ims-vorbereitung .common_filter_form .bricks-button:hover {
    background-color: #212A42 !important;
}

/* Ims course */
:root .page-nachhilfe .captcha-code span,
:root .page-ims-kurse .captcha-code span,
:root .page-nachhilfe .get_in_touch_form label:not(.error),
:root .page-ims-kurse .get_in_touch_form label:not(.error) {
    color: #212A42 !important;
}

:root .page-nachhilfe .get_in_touch_form input[type=submit],
:root .page-ims-kurse .get_in_touch_form input[type=submit] {
    background-color: #2590F2 !important;
    transition: 0.3s ease-in-out all;
}

:root .page-nachhilfe .get_in_touch_form input[type=submit]:hover,
:root .page-ims-kurse .get_in_touch_form input[type=submit]:hover {
    background-color: #212A42 !important;
}

:root .page-nachhilfe .get_in_touch_form .input:focus,
:root .page-nachhilfe .get_in_touch_form input:not([type=submit]):focus,
:root .page-nachhilfe .get_in_touch_form select:focus,
:root .page-nachhilfe .get_in_touch_form textarea:focus,
:root .page-ims-kurse .get_in_touch_form .input:focus,
:root .page-ims-kurse .get_in_touch_form input:not([type=submit]):focus,
:root .page-ims-kurse .get_in_touch_form select:focus,
:root .page-ims-kurse .get_in_touch_form textarea:focus {
    border-color: #2590F2 !important;
}

:root .page-nachhilfe .select2-container--default .select2-results__option[aria-selected=true],
:root .page-nachhilfe .select2-container--default .select2-results__option--highlighted[aria-selected],
:root .page-ims-kurse .select2-container--default .select2-results__option[aria-selected=true],
:root .page-ims-kurse .select2-container--default .select2-results__option--highlighted[aria-selected],
:root .page-ims-vorbereitung .select2-container--default .select2-results__option[aria-selected=true],
:root .page-ims-vorbereitung .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #EFF6FA;
    color: #2590F2;
}

:root .page-ims-kurse :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-ims-kurse :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
    color: #2590F2 !important;
}

:root .page-ims-vorbereitung .course-pricing-tabs {
    border: 2px solid #CAE6FA;
}

:root .page-ims-vorbereitung .course-pricing-wrapper .section-subtitle {
    background-color: #EFF6FA;
}

/* :root .page-ims-vorbereitung .course-pricing-wrapper .plan-details-group {
    background: linear-gradient(180deg, rgba(37, 144, 242, 0.12) 0%, rgba(37, 144, 242, 0.12) 100%), #DCEFFF;
} */
:root .page-ims-vorbereitung .plan-details-group .select2-container--default .select2-selection--single {
    background-color: #2590F2;
}

/* Stellwerktest */
:root .page-home header,
:root .page-ueber-uns header,
:root .page-stellwerktest-vorbereitung header,
:root .page-stellwerktest-kurse header {
    background-color: #EDF4F1;
}

:root .page-stellwerktest-vorbereitung header .bricks-button[class*="secondary"] {
    background-color: #EDF4F1;
    border: 1px solid rgba(26, 58, 39, 0.16);
}

:root .page-stellwerktest-vorbereitung header .bricks-button[class*="secondary"]:hover {
    background-color: #1a3a27 !important;
    border: 1px solid #1a3a27 !important;
}

:root .page-stellwerktest-vorbereitung header #brxe-fvzine .brxe-toggle,
:root .page-stellwerktest-vorbereitung header .bricks-button[class*="primary"] {
    background-color: #1a3a27 !important;
    border: 1px solid rgba(26, 58, 39, 0.12);
}

:root .page-stellwerktest-vorbereitung header #brxe-fvzine .brxe-toggle:hover,
:root .page-stellwerktest-vorbereitung header .bricks-button[class*="primary"]:hover {
    background-color: #18C867 !important;
    border: 1px solid #18C867 !important;
}

:root .page-stellwerktest-vorbereitung footer #brxe-vcyqke {
    background-color: rgba(26, 58, 39, 0.95) !important;
}

:root .page-stellwerktest-vorbereitung .ul-list-group ul li::before {
    background-color: #1FBB65;
}

:root .page-stellwerktest-vorbereitung #brxe-qulqwr svg.brxe-svg path {
    stroke: #1FBB65;
}

:root .page-stellwerktest-vorbereitung footer svg.brxe-svg path {
    fill: #1FBB65;
}

:root .page-stellwerktest-vorbereitung footer #brxe-yfvipo li {
    border: 1px solid rgba(221, 219, 255, 0.17);
}

:root .page-stellwerktest-vorbereitung footer h3 {
    color: #1FBB65 !important;
}

:root .page-stellwerktest-vorbereitung footer #brxe-rhzxxn {
    color: #FFF;
}

:root .page-stellwerktest-vorbereitung footer #brxe-gbsoml {
    background-color: #1a3a27;
    color: #1FBB65;
}

:root .page-stellwerktest-vorbereitung .spn-loader {
    border-color: #1a3a27 #FFF #1a3a27 #FFF;
}

:root .page-stellwerktest-vorbereitung .spn-loader:before,
:root .page-stellwerktest-vorbereitung .spn-loader:after {
    border-bottom-color: #1a3a27;
}

:root .page-stellwerktest-vorbereitung .spn-loader:after {
    border-color: #1a3a27 #FFF #FFF #FFF;
}

:root .page-stellwerktest-vorbereitung .card-benefits.brxe-block {
    background-color: #EDF4F1;
}

:root .page-stellwerktest-vorbereitung .course-pricing-tabs {
    border: 2px solid #58d4a1;
}

:root .page-stellwerktest-vorbereitung .course-pricing-wrapper .section-subtitle {
    background-color: #ecf4f1;
}

:root .page-stellwerktest-vorbereitung .course-pricing-tabs .tabs .tab-btn-wrap {
    background-color: rgba(26, 58, 39, 0.08);
}

:root .page-stellwerktest-vorbereitung .tab-btn-wrap .tab-btn.active {
    color: #1FBB65 !important;
}

:root .page-stellwerktest-vorbereitung .card-pricing-plans .plan-price h4 {
    color: #1FBB65 !important;
}

:root .page-stellwerktest-vorbereitung .common_filter_form .bricks-button {
    background-color: #1FBB65 !important;
}

:root .page-stellwerktest-vorbereitung .common_filter_form .bricks-button:hover {
    background-color: #1a3a27 !important;
}

:root .page-stellwerktest-vorbereitung .plan-details .bricks-background-primary {
    background-color: #1FBB65 !important;
    border: 1px solid #1FBB65 !important;
}

:root .page-stellwerktest-vorbereitung .plan-details .bricks-background-primary:hover {
    background-color: #1a3a27 !important;
}

:root .page-stellwerktest-vorbereitung .card-platinum-plans .popular-plan {
    background-color: #1FBB65 !important;
}

:root .page-stellwerktest-vorbereitung .card-platinum-plans .plan-title h3 {
    color: #1FBB65;
}

:root .page-stellwerktest-vorbereitung .card-platinum-plans {
    /* background: linear-gradient(180deg, rgba(31, 187, 101, 0.00) 0%, rgba(31, 187, 101, 0.15) 100%), #E4F6EF; */
    background-color: #1A3A27;
}

:root .page-stellwerktest-vorbereitung .card-platinum-plans .plan-title p,
:root .page-stellwerktest-vorbereitung .card-platinum-plans .plan-price p,
:root .page-stellwerktest-vorbereitung .card-platinum-plans .plan-details ul li {
    color: #FFF;
}

:root .page-stellwerktest-vorbereitung .pricing-popup .popup-body::-webkit-scrollbar-thumb {
    background-color: #1FBB65;
}

:root .page-stellwerktest-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-stellwerktest-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
    color: #1FBB65 !important;
}

/* stellwerktest course */
:root .page-stellwerktest-kurse .get_in_touch_form label:not(.error) {
    color: #1A3A27 !important;
}

:root .page-stellwerktest-kurse .get_in_touch_form input[type=submit] {
    background-color: #1FBB65 !important;
    transition: 0.3s ease-in-out all;
}

:root .page-stellwerktest-kurse .get_in_touch_form input[type=submit]:hover {
    background-color: #1A3A27 !important;
}

:root .page-stellwerktest-kurse .get_in_touch_form .input:focus,
:root .page-stellwerktest-kurse .get_in_touch_form input:not([type=submit]):focus,
:root .page-stellwerktest-kurse .get_in_touch_form select:focus,
:root .page-stellwerktest-kurse .get_in_touch_form textarea:focus {
    border-color: #1FBB65 !important;
}

:root .page-stellwerktest-kurse .select2-container--default .select2-results__option[aria-selected=true],
:root .page-stellwerktest-kurse .select2-container--default .select2-results__option--highlighted[aria-selected],
:root .page-stellwerktest-vorbereitung .select2-container--default .select2-results__option[aria-selected=true],
:root .page-stellwerktest-vorbereitung .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #EDF4F1;
    color: #1FBB65;
}

:root .page-stellwerktest-kurse :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-stellwerktest-kurse :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
    color: #1FBB65 !important;
}

/* :root .page-stellwerktest-vorbereitung .course-pricing-wrapper .plan-details-group {
    background: linear-gradient(180deg, rgba(31, 187, 101, 0.15) 0%, rgba(31, 187, 101, 0.15) 100%), #E4F6EF;
} */
:root .page-stellwerktest-vorbereitung .plan-details-group .select2-container--default .select2-selection--single {
    background-color: #1FBB65;
}

:root .page-stellwerktest-vorbereitung .common_filter_form .bricks-button {
    background-color: #1FBB65 !important;
}

:root .page-stellwerktest-vorbereitung .common_filter_form .bricks-button:hover {
    background-color: #1A3A27 !important;
}

/* common */
:root .page-kontakt header,
:root .single-post header,
:root .page-karriere header,
:root .page-persoenliche-unterstuetzung header,
:root .page-kontakt-formular header,
:root .page-bewerbungsformular header,
:root .page-notenrechner header,
:root .page-alte-pruefungen header {
    background-color: #EDF4F1;
}

:root .single-post header .bricks-button[class*="secondary"],
:root .page-kontakt header .bricks-button[class*="secondary"],
:root .page-karriere header .bricks-button[class*="secondary"],
:root .page-kontakt-formular header .bricks-button[class*="secondary"],
:root .page-bewerbungsformular header .bricks-button[class*="secondary"],
:root .page-persoenliche-unterstuetzung header .bricks-button[class*="secondary"],
:root .page-notenrechner header .bricks-button[class*="secondary"],
:root .page-alte-pruefungen header .bricks-button[class*="secondary"] {
    background-color: #EDF4F1;
    border: 1px solid rgba(26, 58, 39, 0.16);
}


/* common border */
:root .page-faq header .brx-nav-nested-items,
:root .page-blog header .brx-nav-nested-items,
:root .page-angebot header .brx-nav-nested-items,
:root .page-impressum header .brx-nav-nested-items,
:root .page-multicheck-kurse header .brx-nav-nested-items {
    border: 1px solid var(--Light-Green, rgba(237, 244, 241, 1));
    box-shadow: 0px 2px 8px 0px rgba(26, 58, 39, 0.02);
}

:root .page-faq header #brxe-asnyjr,
:root .page-blog header #brxe-asnyjr,
:root .page-angebot header #brxe-asnyjr,
:root .page-impressum header #brxe-asnyjr,
:root .page-multicheck-kurse header #brxe-asnyjr {
    border: 1px solid var(--Light-Green, rgba(237, 244, 241, 1));
    box-shadow: 0px 2px 8px 0px rgba(26, 58, 39, 0.02);
}

:root .page-faq header .bricks-button[class*="secondary"],
:root .page-blog header .bricks-button[class*="secondary"],
:root .page-angebot header .bricks-button[class*="secondary"],
:root .page-impressum header .bricks-button[class*="secondary"],
:root .page-multicheck-kurse header .bricks-button[class*="secondary"] {
    background-color: #FFF;
    border: 1px solid rgba(26, 58, 39, 0.16);
}

/* header .brx-nav-nested-items{
    position: relative;
}
header .brx-nav-nested-items li:last-child {
    position: absolute;
    top: 0; left: 0;
} */


:root .page-agbs,
:root .page-datenschutz,
:root .page-schulberatung,
:root .page-pruefungsvorbereitung,
:root .page-lehrstellenberatung,
:root .page-agbs header,
:root .page-datenschutz header,
:root .page-schulberatung header,
:root .page-pruefungsvorbereitung header,
:root .page-lehrstellenberatung header {
    background-color: #EDF4F1;
}

/* IOS */
@supports (-webkit-touch-callout: none) {

    :root .page-home,
    :root .page-mein-konto,
    :root .page-kontakt,
    :root .page-ueber-uns,
    :root .page-karriere,
    :root .page-registrieren-sie-sich,
    :root .page-stellwerktest-vorbereitung,
    :root .page-schulberatung,
    :root .page-pruefungsvorbereitung,
    :root .page-lehrstellenberatung,
    :root .page-mein-profil,
    :root .page-meine-kurse,
    :root .single-sfwd-courses,
    :root .single-sfwd-courses,
    :root .single-sfwd-lessons,
    :root .single-sfwd-topic,
    :root .single-sfwd-quiz,
    :root .single-post,
    :root .page-kaufhistorie,
    :root .page-details-zum-kaufverlauf {
        background-color: #DFECE6;
    }

    :root .page-multicheck-vorbereitung {
        background-color: #24223f;
    }

    :root .page-gymi-vorbereitung {
        background-color: #391d1d;
    }

    :root .page-nachhilfe,
    :root .page-ims-kurse,
    :root .page-ims-vorbereitung {
        background-color: #212a42;
    }
}

.ul-list-group {
    font-size: 16px !important;
}

/* ============= font design 29-8-25 ============= */

.course-listing-section .ld-status-in-progress.ld-secondary-in-progress-icon {
    width: 30px;
    height: 30px;
}

.course-listing-section .ld-status-in-progress.ld-secondary-in-progress-icon {
    max-width: 30px;
}

.course-listing-section .ld-status-in-progress.ld-secondary-in-progress-icon {
    width: 30px;
    height: 30px;
    display: flex;
    padding: 3px;
}


/* ============================== */

.timer-container {
    background: #cbe5da !important;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    margin-bottom: 30px;
    color: #212A42 !important;
}

.wpProQuiz_list .times-up {
    padding-top: 0 !important;
}

.course-listing-section .ld-item-name.ld-primary-color-hover:hover span {
    color: #18C867 !important;
}

/* ================ Preise new section css  1-9-25 ================= */

.pricing-row .card-pricing-plans.card-platinum-plans.premium-plan:nth-child(1) {
    flex: 100%;
    display: flex;
    flex-direction: row;
    gap: 60px;
    padding: 30px;
}

.cardleft_area .popular-plan {
    top: 0;
    left: 0;
    margin-bottom: 20px;
    width: max-content;
    position: relative;
}

.cardleft_area {
    width: 42%;
    position: relative;
}

.cardright_area {
    width: 52%;
}

.cardleft_area .bricks-button.bricks-background-primary.btn-buy-now {
    background-color: #f84f39 !important;
    width: 100%;
    padding: 15px;
}

.cardleft_area .bricks-button.bricks-background-primary.btn-buy-now:hover {
    background-color: #391D1D !important;
    outline: 1px solid #F84F39 !important;
}

.text-white {
    color: #ffffff !important;
}

.plan-details.ul-list-group ul {
    margin-top: 0;
}

.page-gymi-vorbereitung .popular-plan {
    display: none;
}

.page-gymi-vorbereitung .cardleft_area .popular-plan {
    display: block;
}

.page-gymi-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) {
    padding: 30px;
}

:root .page-gymi-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) {
    background-color: #ffffff;
}

.page-gymi-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) .plan-title p {
    color: rgba(17, 16, 29, 0.5);
}

.page-gymi-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) .plan-icon img {
    filter: brightness(0);
}

.page-gymi-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) .plan-title h3,
.page-gymi-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) .plan-price h4,
.page-gymi-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) .plan-icon span {
    color: #000000;
}


:root .page-gymi-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) .plan-price p,
:root .page-gymi-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) .plan-details ul li {
    color: #000000;
}

:root .page-gymi-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) .plan-title p {
    color: rgba(17, 16, 29, 0.5);
}

.pricing-row .card-pricing-plans:nth-child(4) hr {
    border-color: rgba(17, 16, 29, 0.12);
    margin-bottom: 20px;
}

.page-gymi-vorbereitung .pricing-row .card-pricing-plans {
    padding: 30px !important;
}



/* ==================  15-9-25   ==================== */
.cky-consent-container.cky-box-bottom-left {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    border-radius: 22px !important;
    width: 632px;
    /*z-index: 111111111;*/
}

/*.cky-overlay.cky-hide {
    display: block;
}*/
.cky-consent-container .cky-consent-bar {
    border-radius: 22px !important;
    z-index: 11;
}

.cky-notice-btn-wrapper {
    flex-direction: row-reverse;
}

.cky-btn {
    margin-right: 15px !important;
    border-radius: 10px !important;
}

.cky-btn:first-child {
    margin-right: 0 !important;
}

.cky-notice .cky-title,
.cky-preference-title {
    color: #000000 !important;
    font-size: 32px !important;
    margin-bottom: 40px !important;
    text-align: center;
}

.cky-notice-des p {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 40px;
    display: inline-block;
}

.cky-notice-des {
    margin-bottom: 40px;
}

.cky-consent-container .cky-consent-bar {
    width: 632px;
    border-radius: 40px;
    padding: 40px !important;
}

.cky-consent-container .cky-banner-btn-close,
.cky-preference-header .cky-btn-close {
    display: none;
}

.cky-preference-header {
    border-bottom: 0 !important;
    padding: 40px 40px 0 40px !important;
    justify-content: center !important;
}

.cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept {
    order: 1;
    border: 1px solid #1A3A27;
}

.cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept:hover {
    background: #ffffff;
}

.cky-prefrence-btn-wrapper .cky-btn.cky-btn-preferences {
    order: 3;
    margin-right: 0;
}

.cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject {
    margin-right: 16px !important;
    border: 1px solid #18C867 !important;
}

.cky-preference-body-wrapper {
    padding: 0 40px !important;
}

.cky-prefrence-btn-wrapper {
    padding: 22px 40px 40px 40px !important;
}

.cky-modal.cky-modal-open .cky-preference-center,
.cky-modal.cky-modal-open {
    border-radius: 22px !important;
    overflow: hidden;
}

.cky-preference-content-wrapper .cky-show-desc-btn,
button.cky-show-desc-btn:not(:hover):not(:active) {
    color: #18c867 !important;
}

.cky-prefrence-btn-wrapper .cky-btn,
.cky-notice-btn-wrapper .cky-btn {
    font-size: 16px !important;
}

.cky-btn-revisit-wrapper {
    background: #1fbb65 !important;
}

.cky-hide.cky-open {
    background: #000000;
    opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    display: block;
}

/* button.cky-btn.cky-btn-accept */

.cky-btn-customize:hover {
    background: #DBDBDB !important;
}

.cky-btn {
    transition: 0.3s ease;
}

.cky-btn:hover {
    opacity: 1 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    transition: 0.3s ease;
}

.cky-btn.cky-btn-accept:hover {
    background: #ffffff !important;
    color: #1A3A27 !important;
    border-color: #1A3A27 !important;
}

.cky-btn.cky-btn-reject:hover {
    background: #ffffff !important;
    color: #18C867 !important;
    border-color: #18C867 !important;
}

.cky-consent-container.cky-box-bottom-left {
    z-index: 111111111 !important;
}


@media only screen and (max-width:767px) {
    .cky-consent-container.cky-box-bottom-left {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: auto;
        border-radius: 22px !important;
        width: 100%;
    }

    .cky-consent-container .cky-consent-bar {
        width: calc(100% - 20px);
        border-radius: 40px;
        padding: 40px !important;
        margin: 10px;
    }

    .cky-modal {
        max-width: calc(100% - 30px);
    }

    .cky-notice .cky-title,
    .cky-preference-title {
        color: #000000 !important;
        font-size: 26px !important;
        margin-bottom: 40px !important;
        text-align: center;
    }

    .cky-consent-container .cky-consent-bar {
        padding: 20px 0;
    }

    .cky-btn {
        margin-left: 0 !important;
    }
}

/* ==================  15-9-25   ==================== */

@media only screen and (max-width:1024px) {
    .cardleft_area {
        width: 100%;
    }

    .cardright_area {
        width: 100%;
    }

    .pricing-row .card-pricing-plans.card-platinum-plans.premium-plan:nth-child(1) {
        flex-wrap: wrap;
    }

    .pricing-row .card-pricing-plans:nth-child(1) .plan-icon {
        flex-wrap: wrap;
    }

    .cardleft_area .popular-plan {
        margin-bottom: 5px;
        width: max-content;
        position: static;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        margin: 0 0 0 auto;
    }
}


/***************************************
    Responsive
****************************************/
@media screen and (max-width: 1480px) {
    .reset_password_form_sec {
        background: url('assets/images/form_bg_shape_top_line.svg') no-repeat top -120px center/102%;
        background-color: #1A3A27;
    }
}

@media screen and (max-width: 1200px) {
    .reset_password_form_sec {
        background: url('assets/images/form_bg_shape_top_line.svg') no-repeat top -80px center/102%;
        background-color: #1A3A27;
    }

    .banner_sticky_form {
        width: 98%;
    }

    .popup-body {
        gap: 30px;
    }

    .popup-body .left_team_image {
        min-width: 380px;
        max-width: 380px;
        min-height: 380px;
    }

    .popup-body .right_team_content h3 {
        font-size: 32px;
    }

    .popup-body .right_team_content>p {
        font-size: 14px;
    }

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

    .form_left_content .form_logo,
    .reset_password_form_sec .form_left_content .form_logo {
        max-width: 280px;
    }

    .form_left_content h1,
    .reset_password_form_sec .form_left_content h1 {
        font-size: 25px;
        line-height: 28px;
    }

    .form_left_content p {
        font-size: 20px;
        line-height: 22px;
    }

    .common_forms_section .prev_page_link {
        left: 15px;
    }

    .my_profile_wrap {
        gap: 20px;
    }

    .sidebar_menu {
        max-width: 300px;
        min-width: 300px;
        padding: 30px 20px;
    }

    .sidebar_menu ul li a {
        padding: 15px;
        font-size: 18px;
    }

    .user_profile_wrap {
        margin-bottom: 50px;
    }

    .common_form_card {
        padding: 30px 20px;
    }

    .course_events_wrap {
        gap: 30px;
    }

    .course_event_profile,
    .course_event_content {
        padding: 50px 30px;
    }

    .course_event_profile {
        max-width: 300px;
    }

    .course_listing_card .course_list_items {
        flex: calc(50% - 25px);
    }

    .woocommerce-checkout #customer_details {
        width: 50%;
    }

    .woocommerce-checkout #order_review {
        width: 47%;
    }

    .checkout-page-wrapper h1 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .checkout_form .woocommerce-billing-fields,
    .checkout_form .woocommerce-shipping-fields,
    .checkout_form .woocommerce-additional-fields .order-payment-main,
    .woocommerce-checkout #order_review .shop_table,
    .order-detail-popup .order-overview {
        padding: 20px;
    }

    .checkout_form .checkout_title {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .shop_table .product-name .pro-group-detail .group-name {
        font-size: 24px;
        line-height: 28px;
    }

    .checkout_form .checkout_inner_title,
    .order-detail-popup h3,
    .thanks_cart_box h3,
    .thank-you-blog h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .price_delete_sec .product-total .amount,
    .cart_item>.product-total .card_img_txt,
    .shop_table .product-name .pro-group-detail .accessday-detail,
    .product-checkout .checkout_question,
    .woocommerce-form-coupon-toggle .woocommerce-info,
    .woocommerce-privacy-policy-text {
        font-size: 16px;
        line-height: 22px;
    }

    .place-order .validate-required label,
    .cus_checkbox_checkout label {
        font-size: 16px;
        line-height: 26px;
    }

    .order-total p {
        font-size: 24px;
        line-height: 28px;
    }

    .job_card_wrap {
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .job_card_wrap .job_card_box {
        width: calc(33.33% - 12px);
    }

    .course-pricing-tabs .tabs {
        width: initial;
    }

    .brxe-container .brxe-image {
        width: 100%;
        /* padding-left: 100px; */
    }

    .brxe-section #brxe-spaxfs.brxe-container .brxe-image {
        width: 100%;
        padding-left: 100px;
    }

    header#brx-header {
        padding: 0 15px !important;
    }

    .course-tbl tbody th,
    .course-tbl tbody td,
    .course-tbl tbody td p {
        font-size: 13px;
    }
}

@media screen and (max-width: 1024px) {
    .woocommerce-checkout #customer_details {
        width: 100%;
        margin-right: 0px;
    }

    .woocommerce-checkout #order_review {
        width: 100%;
    }

    .our_teams_carousel .teams-card .team_image {
        max-height: 380px;
    }

    .brx-nav-nested-items {
        margin-right: 10px;
    }

    .offline-course-tbl h5 {
        font-size: 17px;
    }

    .blog_card .bricks-layout-item .image-wrapper img {
        transform: scale(1.5);
    }
}

@media screen and (max-width: 991px) {
    header .brx-nav-nested-items>li.menu-item:last-child {
        display: block;
    }

    header .brx-nav-nested-items li:last-child {
        position: relative;
    }

    .user_profile .brx-submenu-toggle {
        padding: 21px !important;
    }

    :root .page-multicheck-vorbereitung header .brx-nav-nested-items {
        background-color: #f2f2f7 !important;
    }

    .mb-nav-item {
        display: none;
    }

    .brxe-nav-nested.brx-open .mb-nav-item {
        display: flex;
    }

    .popup-content {
        border-radius: 25px;
        max-height: 800px;
    }

    .popup-body {
        align-items: flex-start;
        flex-direction: column;
    }

    .popup-body .left_team_image {
        min-width: 280px;
        max-width: 280px;
        min-height: 360px;
        margin: auto;
        border-radius: 20px;
    }

    .popup-body .right_team_content {
        padding-top: 0;
    }

    .pricing-row {
        flex-wrap: wrap;
    }

    .card-pricing-plans {
        flex: calc(50% - 20px);
    }

    /* .team_listing .teams-card {
        flex: calc(50% - 20px);
    } */

    .team_listing .teams-card .team_image {
        max-height: 480px;
    }

    .offer_section_wrapper .card_offers {
        flex: 100%;
    }

    .course-tbl tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        align-items: center;
    }

    .course-tbl tbody tr th {
        width: 100%;
    }

    .course-tbl tbody tr td {
        width: 50%;
    }

    /* .plan-details {
        display: flex;
        flex-direction: column;
        height: inherit;
        max-height: inherit;
    } */

    .we_help_with_section .we_help_card {
        width: calc(50% - 10px);
    }

    .tutoring_pricing_wrapper table tr th {
        width: 100%;
        min-width: 100%;
    }

    .tutoring_pricing_wrapper .desc {
        width: 100%;
    }

    .reset_password_form_sec {
        padding: 50px 0;
    }

    .common_forms_wrap {
        flex-direction: column-reverse;
        align-items: center;
    }

    .form_left_content {
        text-align: center;
    }

    .form_left_content .form_logo {
        margin: 0px auto 50px;
    }

    .form_right_content {
        width: 100%;
    }

    .course_overview_wrap {
        padding: 30px;
    }

    .course_overview_card {
        padding: 20px;
    }

    .course_card .course_info {
        margin-bottom: 20px;
    }

    .course_card:not(:last-child) {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .thankyou_order_details .sub_title,
    .course_card .course_info .course_title h4,
    .user_profile_wrap .user_name,
    .order-detail-popup h3,
    .thanks_cart_box h3,
    .thank-you-blog h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .thanks_cart_box .order-item .item_num,
    .order-summary .thank_subtotal:last-child h2,
    .order-summary .thank_subtotal:last-child .amount,
    .course_card .course_info .course_price,
    .thanks_cart_box .order-item .card_icon .card_img_txt {
        font-size: 18px;
        line-height: 20px;
    }

    .course_card .course_info .course_wrap .title {
        font-size: 18px;
        line-height: 20px;
    }

    .order-detail-popup p,
    .thankyou_order_details .sub_desc,
    .course_card .course_dates .start_date,
    .course_card .course_dates .end_date {
        font-size: 16px;
        line-height: 26px;
    }

    .thankyou_order_details .order_view {
        margin-bottom: 50px;
    }

    .my_profile_wrap {
        flex-direction: column;
        gap: 30px;
    }

    .my_profile_section {
        margin-top: 140px;
    }

    .sidebar_menu {
        position: relative;
        top: 0px;
        max-width: 100%;
        min-width: 100%;
        border-radius: 20px;
    }

    .common_form_card {
        margin-bottom: 30px;
    }

    .course_events_wrap {
        flex-direction: column;
    }

    .course_event_wrap {
        max-width: 100%;
        padding: 20px;
    }

    .course_event_profile,
    .course_event_content {
        padding: 30px 20px;
    }

    .course_listing_card .course_list_items {
        height: inherit;
    }

    .course_listing_card .course_list_items .course_title h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .course_event_wrap h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .go_back_to_group a {
        font-size: 18px;
        line-height: 22px;
    }

    .go_back_to_group a i {
        font-size: 22px;
    }

    .custom_tbl thead {
        display: none;
    }

    .custom_tbl tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        align-items: center;
        margin-bottom: 20px;
    }

    .custom_tbl tbody tr td {
        position: relative;
        width: 100%;
        padding: 10px 15px;
        display: flex;
        align-items: center;
        border-radius: 0px !important;
        color: rgba(26, 58, 39, 0.65);
        font-size: 16px;
        line-height: 22px;
        word-break: break-word;
    }

    .custom_tbl tbody tr td:not(:first-child) {
        margin-top: -1px;
    }

    .custom_tbl tbody tr td[data-title]:before {
        content: attr(data-title);
        display: inline-block;
        min-width: 126px;
        color: #1A3A27;
        margin: 5px 0px;
    }

    .custom_tbl .actions_btn {
        flex-wrap: wrap;
    }

    .single-sfwd-courses .layout-default,
    .single-sfwd-lessons .layout-default,
    .single-sfwd-topic .layout-default,
    .single-sfwd-quiz .layout-default,
    .checkout-page-wrapper,
    .purchase_history_section,
    .purchase_history_detail_section {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

    .course_event_wrap,
    .course_event_facts_box {
        border-radius: 20px;
    }

    .avatar-items .img-card {
        padding: 10px;
    }

    .offline_courses_card .card_header {
        flex-direction: column;
        padding: 0;
        gap: 0;
    }

    .course_price_card {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }

    .course_price_card::after,
    .course_price_card::before {
        display: none;
    }

    .offline_courses_card .card_header .main_title {
        max-width: 100%;
        text-align: center;
        padding: 30px 15px;
    }

    .offline_courses_card .card_body {
        padding: 20px;
    }

    .offline_course_content {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .gymi-offline-course-pricing-wrapper .offline-course-tbl tbody th:first-child {
        max-width: 100%;
    }

    .gymi-offline-course-pricing-wrapper .offline_courses_card h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .gymi-offline-course-pricing-wrapper .offline-course-tbl .btn-action {
        min-height: inherit;
    }

    .first_section_dv,
    .multisteps_form_main_dv {
        padding: 30px;
    }

    .checkbox-main-flex .checkbox-btn {
        margin-right: 20px;
    }

    .course-pricing-wrapper .plan-details-group {
        display: block;
    }

    .course-pricing-wrapper .plan-details-group .common_filter_form {
        min-width: 100%;
        margin-bottom: 15px;
    }

    .course-pricing-tabs {
        padding: 20px;
    }

    .course-pricing-tabs .tabs {
        margin-left: auto;
    }

    .card-pricing-plans {
        padding: 40px 20px;
    }

    #brxe-gpniac #brxe-iadwzv .brx-submenu-toggle,
    #brxe-gpniac #brxe-xoiril .brx-submenu-toggle {
        padding: 20px !important;
    }

    .custom_nav_tabs .nav_tabs .nav_link {
        font-size: 18px;
        padding: 10px 10px;
    }

    #brxe-6d4c5d .bricks-layout-wrapper[data-layout=list] img {
        height: 334px;
    }
}

@media screen and (max-width: 767px) {
    #brxe-ikxtwq {
        position: relative;
    }

    .banner_sticky_form {
        position: relative !important;
    }

    .online_kurs_wrap {
        padding: 50px 0;
    }

    .course_listing_wrap,
    .thank-you-blog {
        padding: 30px 20px;
    }

    .course_listing_card .course_list_items {
        flex: 100%;
    }

    .course_listing_card .course_list_items .course_title {
        padding: 30px 20px;
    }

    .accordion-header {
        padding: 15px 30px 15px 15px;
        font-size: 18px;
        line-height: 26px;
        border-radius: 16px;
    }

    .accordion_item>a {
        font-size: 18px;
        padding: 20px;
        padding-right: 50px;
    }

    .accordion_body {
        padding: 20px;
    }

    .accordion_item>a span:not(.icon_arrow) {
        font-size: 14px;
        white-space: pre-wrap;
    }

    .course_event_profile .user_profile {
        width: 150px;
        height: 150px;
    }

    .course_event_content .review_rating h4 {
        font-size: 30px;
        line-height: 36px;
    }

    .common_filter_form {
        flex-direction: column;
    }

    .common_filter_form .form-group {
        width: 100%;
        flex: 1;
    }

    .common_filter_form .form-group .bricks-button {
        width: 100%;
    }

    .modal_main_con {
        grid-template-columns: repeat(3, 1fr);
    }

    .checkout-page-wrapper h1 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    .job_card_wrap .job_card_box {
        width: calc(50% - 12px);
    }

    .our_teams_carousel .owl-item {
        padding: 30px 20px;
    }

    .our_teams_carousel .teams-card .team_image {
        max-height: 480px;
    }

    .first_section_dv,
    .multisteps_form_main_dv {
        padding: 30px 20px;
    }

    .main_page_title h1,
    .main_page_title h2 {
        font-size: 44px;
        line-height: 52px;
    }

    #progressbar li {
        font-size: 0;
        line-height: normal;
    }

    .form-card-1 .f-group-main .fieldlabels,
    .form-card-2 .f-group-main .fieldlabels,
    .form-card-3 .f-group-main .fieldlabels,
    .form-card-4 .f-group-main .fieldlabels {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        padding: 0;
        margin-bottom: 5px;
    }

    .first-last-name .form-group {
        max-width: 45%;
    }

    .form-group-inner,
    .form-card-2 .form-group-inner,
    .form-card-3 .form-group-inner,
    .form-card-4 .form-group-inner {
        width: 100%;
    }

    .multisteps_form_main_dv .radio-btn-main .radio-btn {
        min-width: 200px;
    }

    .radio-btn-main .radio-btn {
        margin-right: 20px;
    }

    .email-group,
    .mobile-group,
    .about-group {
        max-width: 100%;
    }

    .page-bewerbungsformular .thank_you_page img {
        width: 120px;
        margin: auto;
    }

    .course-pricing-wrapper .plan-details-group .common_filter_form,
    .course-pricing-wrapper .plan-details-group .bricks-background-primary,
    .course-pricing-tabs .tabs {
        max-width: 100%;
        width: 100%;
    }

    .course-pricing-wrapper .section-subtitle {
        font-size: 20px;
        line-height: 28px;
        margin: -36px auto 30px;
    }

    .blog-slider-wrapper {
        margin-top: 50px;
    }

    .blog-slider-wrapper .owl-nav button.owl-prev,
    .blog-slider-wrapper .owl-nav button.owl-next {
        top: -60px;
        transform: none;
    }

    .blog-slider-wrapper .owl-nav button.owl-prev {
        left: inherit;
        right: 60px;
    }

    .blog-slider-wrapper .owl-nav button.owl-next {
        right: 0;
    }

    .course-pricing-wrapper .plan-details-group {
        display: block;
        flex-direction: column;
    }

    .course-pricing-wrapper .plan-details-group .common_filter_form {
        min-width: 100%;
        margin-bottom: 15px;
    }

    .course-pricing-wrapper .plan-details-group .bricks-background-primary {
        margin-bottom: 15px;
    }

    .preview-popup h3.popup-title {
        font-size: 22px;
        line-height: 26px;
    }

    .preview_owl_slider .preview_images {
        height: auto;
    }

    .preview_owl_slider .preview_images .magnify .magnify-lens {
        width: 120px !important;
        height: 120px !important;
    }
}

@media screen and (max-width: 680px) {
    .card-pricing-plans {
        flex: 100%;
    }

    /* .team_listing .teams-card {
        flex: 100%;
    } */

    .get_in_touch_form .form-row {
        flex-direction: column;
    }

    .get_in_touch_form .form-row .form-group {
        width: 100%;
    }

    .offer-popup .popup-content,
    .pricing-popup .popup-content {
        padding: 80px 20px 20px;
    }

    .course-prepration-popup .popup-content {
        padding: 50px 20px;
    }

    .course-tbl {
        padding: 15px;
    }

    .pricing-popup .popup-content {
        max-height: 520px;
        height: calc(100% - 60px);
    }

    .course-prepration-popup .popup-content {
        max-height: inherit;
        height: auto;
    }

    .popup-content .close-popup {
        width: 40px;
        height: 40px;
    }

    .popup_content h5 {
        font-size: 24px;
        line-height: 30px;
    }

    .popup_content .offer-content {
        font-size: 15px;
        line-height: 24px;
    }

    .popup_content .offer-image,
    .popup_content .offer-content img {
        max-height: 300px;
    }

    .course-tbl .btn-action .tooltip_popup {
        left: 25px;
        width: 270px;
        padding: 20px;
        margin-left: 10px;
    }

    .tooltip_popup::after,
    .tooltip_popup::before {
        right: 100%;
        transform: rotate(180deg);
    }

    .online_kurs_wrap h3,
    .course_listing_wrap h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .course_event_facts_box {
        flex-direction: column-reverse;
    }

    .course_event_profile {
        max-width: 100%;
    }

    .course_event_profile::before {
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, rgba(119, 226, 167, 0) 0%, #77E2A7 45.5%, rgba(119, 226, 167, 0) 100%);
    }

    .learndash-wrapper .ld-quiz-actions {
        flex-direction: column-reverse;
    }

    .learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
    .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
    .learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_TipButton,
    .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.wpProQuiz_TipButton {
        width: 100%;
        margin: 10px 0px !important;
    }

    /* .course-pricing-wrapper .plan-details-group {
        display: grid;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .course-pricing-wrapper .plan-details-group .common_filter_form {
        min-width: 100%;
    } */

    .custom_nav_tabs {
        padding: 30px;
    }

    .custom_nav_tabs .nav_tabs {
        gap: 10px;
    }

    .custom_nav_tabs .nav_tabs .nav_link {
        display: block;
        padding: 10px 20px;
        font-size: 20px;
    }

    .offline_course_content .kurs-icon {
        width: 120px;
        min-width: 120px;
        height: 120px;
        padding: 20px;
    }

    #progressbar::before {
        left: 50px;
        right: 50px;
    }

    .first_section_dv,
    .multisteps_form_main_dv {
        padding: 30px 15px;
    }

    .multisteps_form_main_dv .form-group input,
    .multisteps_form_main_dv .form-group select {
        padding: 0px 15px !important;
    }

    .form-card-2 .form-group textarea,
    .form-card-3 .form-group textarea {
        padding: 15px !important;
    }

    .captcha-code span {
        font-size: 24px;
    }

    .brxe-container .brxe-image {
        width: 100%;
        padding-left: 0;
    }

    /* .plan-details .ul-list-group {
        min-height: inherit;
    } */
    .custom_nav_tabs .nav_tabs {
        flex-direction: column;
        align-items: flex-start;
    }

}

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

    .login_flow .form_body,
    .login_flow .form_footer {
        padding: 30px 20px;
    }

    .reset_password_form_sec {
        background: url('assets/images/form_bg_shape_top_line.svg') no-repeat top -50px center/102%;
        background-color: #1A3A27;
    }

    .course-pricing-tabs .tabs {
        margin-top: 0px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .course-tbl tbody tr td {
        width: 100%;
    }

    .common_forms_section .prev_page_link {
        position: relative;
        top: 0px;
        margin-bottom: 15px;
    }

    .form_row_wrap {
        flex-direction: column;
        gap: 0;
    }

    .common_form .input-group {
        flex-direction: column;
    }

    .common_form .form-group .input-group .form-control {
        padding-right: 25px !important;
    }

    .common_form .input-group button {
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        max-width: 340px;
        line-height: 22px;
        margin-top: 30px;
    }

    .course_event_profile .user_name {
        font-size: 24px;
        line-height: 28px;
    }

    .course_event_wrap h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .cart_item .product-name,
    .cart_item>.product-total {
        flex-direction: column;
        align-items: flex-start;
    }

    .cus_icon_title_dv {
        flex-direction: column;
    }

    .thanks_cart_box .order-item {
        flex-wrap: wrap;
    }

    .thanks_cart_box .order-item .item_num {
        text-align: left;
    }

    .order-summary .thank_subtotal .amount {
        white-space: nowrap;
    }

    .modal_main_con {
        grid-template-columns: repeat(2, 1fr);
    }

    .job_card_wrap .job_card_box {
        width: 100%;
    }

    .main_page_title h1,
    .main_page_title h2 {
        text-align: left;
    }

    .total_grade_tbl {
        padding: 25px 15px;
    }

    .total_grade_tbl .total_grade_card {
        padding: 20px 15px;
    }

}

@media screen and (max-width: 480px) {
    .popup-body .left_team_image {
        min-width: 100%;
        max-width: 100%;
    }

    .popup_content .offer-image,
    .popup_content .offer-content img {
        max-height: 260px;
    }

    .we_help_with_section .we_help_card {
        width: 100%;
    }

    .course_overview_wrap {
        padding: 30px 15px;
    }

    .course_overview_card {
        padding: 20px 15px;
    }

    .course_overview_wrap h2 {
        font-size: 25px;
    }

    .course_overview_wrap .desc {
        font-size: 14px;
    }

    .course_card .course_info {
        flex-direction: column;
        align-items: flex-start;
    }

    .course_card .course_info .course_title h4 {
        font-size: 18px;
    }

    .order-summary .thank_subtotal h2,
    .order-summary .thank_subtotal .amount,
    .order-summary .thank_subtotal:last-child h2,
    .order-summary .thank_subtotal:last-child .amount,
    .thanks_cart_box .order-item .item_num,
    .course_card .course_info .course_wrap .title,
    .course_card .course_info .course_price {
        font-size: 16px;
    }

    .course_card .course_dates {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .course_card .course_dates .start_date,
    .course_card .course_dates .end_date {
        font-size: 14px;
        line-height: 22px;
        padding: 0;
        border: none;
    }

    .modal_con_p .btn_upload {
        flex-wrap: wrap;
    }

    .woocommerce-checkout .payment_methods .payment_bx {
        flex: 100%;
    }

    .checkout_form .cards {
        flex-direction: column;
        align-items: flex-start;
    }


    .custom_nav_tabs .nav_tabs .nav_items {
        width: 100%;
    }

    .birth-date .form-group,
    .birth-date .form-group.year-group {
        width: 100%;
    }

    .form-group-inner table tr th,
    .form-group-inner table tr td:first-child {
        font-size: 11px;
        line-height: 14px;
    }

    .our_course_carousel {
        max-width: 320px;
    }

    .our_course_carousel .owl-nav button.owl-next {
        right: -18px;
    }

    .our_course_carousel .owl-nav button.owl-prev {
        left: -18px;
    }

    #brxe-ecekra>.tab-menu .tab-title {
        width: 100%;
    }
}

.wpProQuiz_response .extra-message,
.learndash-quiz-review-legend-item-answered {
    display: none;
}

.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem:not(.mc-concentration_numbers) .wpProQuiz_questionList[data-type="cloze_answer"] .wpProQuiz_questionListItem .wpProQuiz_cloze {
    background: #ffffff;
    border: 1px solid #C8C8C8;
    color: red;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_cloze input {
    border: none;
}

.wpProQuiz_questionList .wpProQuiz_cloze .wpProQuiz_answerIncorrect {
    display: none;
}

.mc-concentration_numbers_short_term .wpProQuiz_questionListItem label {
    padding: 20px 0 20px 50px !important;
}

.mc-concentration_numbers_short_term .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label {
    border-width: 2px;
}

.mc-numerical_processing label {
    border: none !important;
}

.mc-numerical_processing .wpProQuiz_question_text {
    border: none !important;
}

.wpProQuiz_listItem[data-type="free_answer"] .wpProQuiz_questionListItem label {
    border: none !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] label {
    padding: 20px 16px !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] label input[type="text"] {
    border: 1px solid #C8C8C8 !important;
    padding: 3px 6px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label {
    border: 2px solid #F84F39 !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect .wpProQuiz_sortable,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label {
    background: none !important;
    border: 2px solid #00c349 !important;
    color: currentcolor !important;
}


.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] input {
    width: 100% !important;
    border-radius: 10px;
    margin: 0;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_freeCorrect {
    display: block;
    padding-top: 5px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_questionListItem:not(.wpProQuiz_answerIncorrect):not(.wpProQuiz_answerCorrect) label {
    padding: 0 !important;
}

.mc-ungraded-response-explanation {
    font-weight: 700;
    font-size: 1.1rem;
}

.single-sfwd-courses .learndash-wrapper .ld-table-list .ld-table-list-header.ld-primary-background {
    display: none !important;
}

.mc-bigger-fill-in-blanks-inputs .wpProQuiz_cloze {
    max-width: 405px !important;
}

.mc-bigger-fill-in-blanks-inputs .wpProQuiz_cloze input {
    max-width: 400px !important;
    width: 400px !important;
}


/* Only applies when the parent has .package-32332 */
/*.package-32332 .course_list_items:nth-child(1) {
    order: 3 !important;
}
.package-32332 .course_list_items:nth-child(2) {
    order: 4 !important;
}
.package-32332 .course_list_items:nth-child(3) {
    order: 2 !important;
}
.package-32332 .course_list_items:nth-child(4) {
    order: 1 !important;
}
*/

.learndash-cpt-sfwd-lessons-71401-parent .calculator-trigger {
    display: none;
}

.learndash-cpt-sfwd-quiz-74823-current .wpProQuiz_freeCorrect,
.learndash-cpt-sfwd-quiz-74151-current .wpProQuiz_freeCorrect,
.learndash-cpt-sfwd-quiz-74799-current .wpProQuiz_freeCorrect,
.learndash-cpt-sfwd-quiz-74144-current .wpProQuiz_freeCorrect,
.learndash-cpt-sfwd-quiz-74138-current .wpProQuiz_freeCorrect,
.learndash-cpt-sfwd-quiz-74154-current .wpProQuiz_freeCorrect {
    display: none !important;
}

.banner_form {
    display: flex;
}

.form-field-course-wrapper {
    width: 100%;
}

.bricks-404-wrapper {
    padding: 0 30px;
}

.bricks-search-form {
    justify-content: center;
}



@media (max-width: 575px) {
    .banner_form {
        flex-direction: column;
        gap: 12px;
    }

    .bricks-404-wrapper h1 {
        font-size: 28px;
    }

    .banner_form .bricks-button {
        padding-top: 20.65px;
        padding-bottom: 20.65px;
    }

    #post-listing-multifilters .brxe-heading {
        font-size: 22px;
    }

    .bricks-404-wrapper h1 {
        font-size: 40px;
        text-align: center;
    }

    .blog_card .bricks-layout-item .image-wrapper img {
        transform: scale(1.0);
    }

    #brxe-nwxrjm .bricks-layout-item .image-wrapper img {
        transform: scale(1);
    }

    #brxe-ptphtt .custom_nav_tabs .nav_tabs {
        flex-direction: row;
    }

    .custom_nav_tabs .nav_tabs .nav_link {
        display: block;
        padding: 10px 10px;
        font-size: 16px;
    }
}

@media (min-width: 575px) {
    .banner_form {
        padding: 0.62rem 0.66rem 0.62rem 0.5rem;
        border-radius: 23px;
        background-color: #fff;
        justify-content: space-between;
        gap: 20px;
        /*width: max-content;*/
    }


}

/* Spinner animation */
.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    margin-right: 8px;
    vertical-align: middle;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.mc-ungraded span.wpProQuiz_freeCorrect {
    display: none !important;
}

.mc-ungraded-response-explanation {
    padding: 25px 30px;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #404040;
    background: linear-gradient(180deg, rgb(255 255 255 / 59%) 0%, rgb(132 132 132 / 2%) 100%);
    background-color: #ddd;
    border-radius: 20px;
    text-align: center;
}

.learndash-cpt-sfwd-quiz-75885-current .graded-disclaimer,
.learndash-cpt-sfwd-quiz-77355-current .graded-disclaimer,
.learndash-cpt-sfwd-quiz-75174-current .graded-disclaimer {
    display: none;
}

.sp-question-77728 .drag-drop-target-image {
    height: auto !important;
}


/* Online-course-image-animation-start */
.online-course-image-animation {
    -webkit-animation: courseImgAnimate 1s ease-in-out infinite;
    animation: courseImgAnimate 1s ease-in-out infinite;
    transition: transform 0.3s ease;
}



@keyframes courseImgAnimate {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-8px) rotate(2deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

@-webkit-keyframes courseImgAnimate {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-8px) rotate(2deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

/* New Avater */

#avatar svg.rounded-full {
    position: relative;
    width: 360px;
    height: 360px;
}

.da-main-container {
    display: flex;
}

#avatar {
    width: 360px;
}

.da-header-content {
    width: 100%;
    display: block;
    margin-left: 30px;
    overflow: hidden;
}

#avatar #menu_lines div {
    position: absolute;
    left: 10px;
    width: 40px;
    height: 7px;
    background-color: #707070;
    -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}

#avatar #menu.active #menu1 {
    top: 22px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}

#avatar #menu.active #menu2 {
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    transition: opacity 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}

#avatar #menu.active #menu3 {
    top: 22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}

#avatar #options {
    position: absolute;
    top: 0;
    left: 61px;
    width: 299px;
    height: 99px;
}

#avatar #options_title {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding-top: 8px;
}

#avatar #options_div {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 34px;
    left: 0;
    width: 299px;
    height: 65px;
    overflow-y: hidden;
}

.skins,
.eyes,
.eyebrows,
.mouths,
.hairstyles,
.clothes,
.glasses {
    flex: 0 0 auto;
    top: 0;
    width: 53px;
    height: 53px;
    margin: 5px;
    border: 1px solid #707070;
    cursor: pointer;
    border-radius: 10px;
    display: inline-block;
}

.options_content #options_div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 70px;
    row-gap: 40px;
}

.options_content #options_div>div {
    margin: 0;
    border: 1px solid #D2E5DB;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 180px;
    background: transparent !important;
    transition: all 0.3s ease-in-out;
}

.options_content #options_div>div img {
    width: auto;
    height: auto;
    object-fit: contain;
}

.options_content #options_div>div:hover {
    background: #1FBB650D !important;
}

.options_content #options_div>div.active {
    border: 3px solid #1A3A27;
    background: #1FBB650D !important;
}

.options_content #options_div>div.skins {
    align-items: flex-end;
    padding: 5px 0 0;
}

.options_content #options_div>div.fab_base,
.options_content #options_div>div.bgc_base {
    padding: 16px;
    height: 165px;
}

.options_content #options_div>div.fab_base .fabriccolors,
.options_content #options_div>div.bgc_base .backgroundcolors {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.bottom_icon_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px auto;
    max-width: 245px;
    width: 100%;
}

.bottom_icon_menu #pre-var,
.bottom_icon_menu #next-var,
.bottom_icon_menu #random,
.bottom_icon_menu #download {
    border: 1.25px solid #1A3A2729;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    transition: all 0.3s ease-in-out;
}

.bottom_icon_menu #pre-var:hover,
.bottom_icon_menu #next-var:hover,
.bottom_icon_menu #random:hover,
.bottom_icon_menu #download:hover {
    background: #1A3A27;
}

.bottom_icon_menu #pre-var:hover svg path,
.bottom_icon_menu #next-var:hover svg path,
.bottom_icon_menu #random:hover svg path,
.bottom_icon_menu #download:hover svg path {
    stroke: #ffffff;
}

.profile-pic-menus {
    display: flex;
    gap: 10px;
}

.profile-pic-menus #save_svg,
.profile-pic-menus #reset_svg {
    width: 100%;
    flex: 1;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 15px 20px !important;
    color: #FFF;
    background-color: #1A3A27;
    border-radius: 10px;
    transition: 0.5s ease-in-out all;
}

.profile-pic-menus #save_svg:hover,
.profile-pic-menus #reset_svg {
    background-color: #1FBB65;
}

.profile-pic-menus #reset_svg:hover {
    background-color: #1A3A27;
}

/*.glasses { background-image:url(https://i.imgur.com/q0DdlUI.png); } */
.da-header-content #menu_list {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    border-bottom: 1px solid #1A3A274D;
    margin-bottom: 40px;
    overflow: auto;
}

.da-header-content #menu_list .btn {
    padding: 0 8px 18px;
    background: transparent;
    color: #1A3A27A6;
    white-space: nowrap;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    position: relative;
}

.da-header-content #menu_list .btn.active {
    color: #1A3A27;
}

.da-header-content #menu_list .btn::before {
    width: 100%;
    height: 3px;
    background: #1A3A27;
    border-radius: 3px 3px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.da-header-content #menu_list .btn.active::before {
    content: '';
}

#avatar #menu_list div {
    width: 100%;
    cursor: pointer;
    padding: 7px 0 7px 0;
    font-size: 19px;
    font-weight: bold;
    color: #707070;
}

/* Model Session Start */

.single-session-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background: #00000060;
}

.single-session-modal .modal-dialog {
    min-height: calc(100% - 3.5rem);
    transition: transform .3s ease-out;
    max-width: 550px;
    margin: 1.75rem auto;
    display: flex;
    align-items: center;
    position: relative;
}

.single-session-modal .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 22px;
    outline: 0;
    padding: 40px;
}

.single-session-modal .modal-header .close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #18C867;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 7px;
    right: 7px;
    transition: all 0.3s ease-in-out;
}

.single-session-modal .modal-header .close:hover {
    background: #1A3A27;
}

.single-session-modal .modal-header .close span {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-session-modal .modal-header .close span svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-session-modal h2 {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    letter-spacing: -2px;
    margin-bottom: 30px;
}

.single-session-modal .content {
    margin-bottom: 30px;
}

.single-session-modal .content p {
    font-size: 14px;
    line-height: 19px;
    color: #212A42;
    letter-spacing: -0.2px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
}

.single-session-modal .content p:last-child {
    margin-bottom: 0;
}

.single-session-modal .btns {
    border: 1px solid #EDF4F11F;
    background: #1A3A27;
    padding: 14px 16px;
    border-radius: 10px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    width: 100%;
    letter-spacing: -0.2px;
    transition: all 0.3s ease-in-out;
}

.single-session-modal .btns:hover {
    background: #18C867;
}



@media only screen and (max-width: 1200px) {
    .options_content #options_div {
        gap: 24px;
    }
}

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

    /* New */
    .avatar-popup .popup-content {
        padding: 24px 16px;
    }

    .avatar-popup .modal_title .popup_title {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 24px;
    }

    .options_content #options_div {
        column-gap: 24px;
        row-gap: 24px;
    }

    .da-main-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
    }

    .bottom_icon_menu {
        margin: 15px auto;
    }

    .da-header-content {
        margin: 0;
    }
}

@media only screen and (max-width: 640px) {
    .options_content #options_div {
        grid-template-columns: repeat(3, 1fr);
    }

    .options_content #options_div {
        column-gap: 16px;
        row-gap: 16px;
    }

    .avatar-popup .modal_title .popup_title {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 16px;
    }

    .options_content #options_div>div.fab_base,
    .options_content #options_div>div.bgc_base {
        padding: 6px;
        height: 120px;
    }

    /* Model Session Start */

    .single-session-modal .modal-dialog {
        position: relative;
        width: auto;
        margin: .5rem;
        pointer-events: none;
    }

    .single-session-modal .modal-content {
        padding: 45px 16px 24px;
    }

    .single-session-modal h2 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 24px;
    }

    .single-session-modal .content,
    .single-session-modal .content p {
        margin-bottom: 24px;
    }

    .single-session-modal .btns {
        font-size: 14px;
    }

    .single-session-modal .modal-header .close {
        width: 32px;
        height: 32px;
    }

    /* Model Session End */
}

@media only screen and (max-width: 480px) {
    .options_content #options_div {
        grid-template-columns: repeat(2, 1fr);
    }

    .options_content #options_div {
        column-gap: 10px;
        row-gap: 10px;
    }
}

/* Online-course-image-animation-end */

@media screen and (min-device-width: 768px) and (max-device-width: 820px) {
    .banner_form {
        width: max-content;
        min-width: 472px
    }
}



/* Blur styles */
.studypeak-blur {
    filter: blur(6px);
    pointer-events: none;
    user-select: none;
    opacity: 0.95;
    transition: filter .25s ease, opacity .25s ease;
}

/* Exception when unblurred */
.studypeak-unblur {
    filter: none !important;
    pointer-events: auto !important;
    user-select: auto !important;
    opacity: 1 !important;
}

/* If you want to highlight unblurred things */
.studypeak-highlight {
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

/* Popup / overlay */
.studypeak-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    padding: 20px;
}

.studypeak-popup {
    background: #fff;
    max-width: 820px;
    width: 100%;
    border-radius: 12px;
    padding: 26px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.studypeak-popup h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
}

.studypeak-popup p {
    margin: 8px 0 16px;
    color: #444;
}

/* progress bar */
.studypeak-progress {
    height: 12px;
    background: #e9ecef;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 14px;
}

.studypeak-progress__bar {
    height: 100%;
    width: 0%;
    background: #1f6f3a;
    /* green */
    transition: width 700ms ease;
}

/* Buttons row */
.studypeak-btns {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 10px;
}

.studypeak-btn {
    padding: 10px 14px;
    border-radius: 8px;
    border: 0;
    cursor: pointer;
    font-weight: 600;
    background: #1f6f3a;
    color: #fff;
}

.studypeak-btn.secondary {
    background: #f0f0f0;
    color: #333;
}

/* Small note style */
.studypeak-note {
    font-size: 13px;
    color: #666;
}

/* Make sure overlays don't interfere with page scrolling while open */
body.studypeak-modal-open {
    overflow: hidden;
}

/* Add a nice marker to timer area when we unblur it */
.studypeak-timer-highlight {
    outline: 3px solid rgba(31, 111, 58, 0.12);
    border-radius: 6px;
    padding: 6px;
}


/*.checkout-page-wrapper .wordpress.post-6169 .woocommerce {
    display: flex;
}*/


#billing_phone_field .woocommerce-input-wrapper {
    display: block;
    width: 100%;
}

#billing_phone_field .woocommerce-input-wrapper .iti.iti--allow-dropdown {
    width: 100%;
    position: relative;
}

#billing_phone_field .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

#billing_phone_field .woocommerce-input-wrapper .iti__flag-container {
    height: 52px;
}

/* Correct selector + force chatbot behind */
body.thank_you_popup_open #cart_popup {
    z-index: 9999999999 !important
}





/* 26 Dec 2026 */

.page-id-108133 {
    background-color: #EDF4F1;
}

.profile-compass-head h1 {
    font-weight: 700;
    font-size: 61px;
    line-height: 102%;
    color: #1A3A27;
    margin-bottom: 30px;
}

.profile-compass-head {
    padding: 60px 15px 0;
    width: 100%;
    max-width: 815px;
    margin: auto;
    text-align: center;
}

.profile-compass-head h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: rgba(26, 58, 39, 0.7);
}

.profile-compass-section {
    padding: 60px 15px 100px;
    background: #FFFFFF;
    border-radius: 50px 50px 0px 0px;
    margin-top: 60px;
}

.profile-compass-section .container {
    width: 100%;
    max-width: 900px;
    margin: auto;
}

.profile-compass-section .progress-section {
    padding: 30px;
    width: 100%;
    background: #CBE5DA;
    border-radius: 8px;
    margin-bottom: 29px;
}

.profile-compass-section .progress-info {
    display: flex;
    justify-content: space-between;
}

.profile-compass-section .progress-bar-container {
    width: 100%;
    height: 23px;
    background: #FFFFFF;
    border: 1px solid #C8C8C8;
    border-radius: 30px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    padding: 0 3px;
}

.profile-compass-section #progress-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 110%;
    color: #212A42;
}

.profile-compass-section .progress-fraction {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    color: #212A42;
}

.profile-compass-section .progress-bar-fill {
    gap: 10px;
    height: 17px;
    background: #1A3A27;
    border-radius: 300px;
}

.profile-compass-section .question-wrapper .question-card {
    padding: 40px;
    background: #EDF4F1;
    border-radius: 10px;
}

.profile-compass-section .question-wrapper .question-text {
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    color: #1A3A27;
    margin-bottom: 20px;
}

.profile-compass-section .answer-options {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.profile-compass-section .answer-options button {
    padding: 15px 20px;
    background: #FFFFFF;
    border: 1px solid #1A3A27;
    border-radius: 14px;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    color: #212A42;
}

.profile-compass-section .answer-options button:hover,
.profile-compass-section .answer-options button.selected {
    background-color: #1A3A27;
    color: #1FBB65;
}

.profile-compass-section .prev-btn-main {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.profile-compass-section .prev-btn-main button {
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #1A3A27;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #1A3A27;
}

.profile-compass-section .prev-btn-main button svg path {
    fill: #1A3A27;
}

.profile-compass-section .prev-btn-main button:hover {
    background-color: #1A3A27;
    color: #fff;
}

.profile-compass-section .prev-btn-main button:hover svg path {
    fill: #fff;
}

.profile-compass-section .prev-btn-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.profile-compass-section .specification-banner {
    padding: 35px 60px;
    background: #1A3A27 url(./assets/images/step-bg.png) no-repeat center center / cover;
    border-radius: 10px;
    margin-bottom: 30px;
}

.profile-compass-section .specification-banner h5 {
    font-weight: 700;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.profile-compass-section .specification-banner p {
    font-weight: 400;
    font-size: 25px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFFFFF;
}

.profile-compass-section .results-content {
    width: 100%;
    max-width: 900px;
    margin: auto;
}

.profile-compass-section .tips-section {
    padding: 30px;
    background: #EDF4F1;
    border-radius: 10px;
    margin: 30px 0;
}

.profile-compass-section .tips-section h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    color: #1A3A27;
    margin-bottom: 20px;
    letter-spacing: 0;
}

.profile-compass-section .tips-section ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.profile-compass-section .tips-section ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 110%;
    color: #11101D;
    position: relative;
    padding-left: 23px;
}

.profile-compass-section .tips-section ul li::before {
    content: "";
    background: #1FBB65;
    border: 1px solid #1FBB65;
    width: 13.333333969116211px;
    height: 13.333333969116211px;
    position: absolute;
    top: 4px;
    left: 0;
    border-radius: 50%;
}

.profile-compass-section .weakness-addon.tips-section ul li b {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    color: #1A3A27;
}

.profile-compass-section .weakness-addon.tips-section a.course-link-btn {
    margin: 20px 0 0;
    align-self: center;
}

.profile-compass-section .cta-section {
    padding: 30px;
    background: linear-gradient(180deg, rgba(248, 79, 57, 0) 0%, rgba(171, 28, 9, 0.12) 100%), #FFEBE9;
    border-radius: 10px;
}

.profile-compass-section .cta-section h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 102%;
    color: #11101D;
    letter-spacing: 0;
    margin-bottom: 20px;
}

.profile-compass-section .cta-content-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.profile-compass-section .cta-content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #11101D;
}

.profile-compass-section .cta-content {
    width: 48%;
}

.profile-compass-section .cta-box-main {
    width: 48%;
    display: flex;
    justify-content: space-between;
    align-self: start;
}

.profile-compass-section .cta-box {
    width: calc(50% - 15px);
    padding: 19.7px 11.7989px;
    background: linear-gradient(216.94deg, rgba(254, 237, 214, 0.2) 22.14%, rgba(190, 190, 190, 0.2) 79.22%), #FFFFFF;
    box-shadow: 0px 1.17989px 7.07937px rgba(26, 58, 39, 0.09);
    border-radius: 18px;
    text-align: center;
    transition: 0.5s ease-in-out;
}

.profile-compass-section .cta-box:hover {
    background-color: rgba(248, 79, 57, 0.14);
}

.profile-compass-section .cta-box-icon {
    width: 70px;
    height: 70px;
    background: radial-gradient(58.11% 58.11% at 66.89% 31.76%, #FF5A44 0%, #FF5B45 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.profile-compass-section .cta-box strong {
    display: inline-flex;
    padding: 5px 4.71958px;
    background-color: rgba(254, 198, 25, 0.1);
    border-radius: 4.71958px;
    margin: 16px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 7px;
    color: #FF5A44;
}

.profile-compass-section .cta-box p {
    font-weight: 700;
    font-size: 22.418px;
    line-height: 110%;
    text-align: center;
    color: #FF5A44;
}

.profile-compass-section .profile-result {
    padding: 40px 8px 8px;
    background: #1A3A27 url(./assets/images/endergebnis-bg.png) no-repeat top center;
    border-radius: 10px;
}

.profile-compass-section .profile-box h5 {
    font-weight: 700;
    font-size: 25px;
    line-height: 131%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin: 0 0 10px 0;
}

.profile-compass-section .profile-box p {
    font-weight: 700;
    font-size: 30px;
    line-height: 131%;
    text-align: center;
    color: #FFFFFF;
    margin: 10px auto 30px;
    width: 100%;
    max-width: 570px;
}

.profile-compass-section .result-section {
    padding: 30px;
    background: #FFFFFF;
    border-radius: 10px;
}

.profile-compass-section .result-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.profile-compass-section .result-section ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 110%;
    color: #11101D;
    padding: 10px 0 10px 34px;
    position: relative;
}

.profile-compass-section .result-section ul li::before {
    content: "";
    width: 24px;
    height: 28px;
    background: url(./assets/images/CheckCircle.svg) no-repeat center center;
    position: absolute;
    left: 0;
    top: 6px;
}

.profile-compass-section .result-section ul li b {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    color: #1A3A27;
}

.profile-compass-section .result-section p {
    font-weight: 400;
    font-size: 18px;
    color: #11101D;
    /*padding: 10px 0 10px 0px;*/
    margin-bottom: 15px;
}

.profile-compass-section .result-section p b {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    color: #1A3A27;
}

.profile-compass-section .cta-box button {
    background: transparent !important;
    border: 0 !important;
    padding: 0;
    width: 73px;
    height: 22px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #1A3A2C !important;
    text-decoration: underline;
}

.profile-compass-section button.gymi_button_link:hover {
    color: #f84f39 !important;
}

.profile-compass-section .profile-box {
    text-align: center;
}

.profile-compass-section .profile-box p.mb-0 {
    margin: 10px auto;
    max-width: 100%;
}

.profile-compass-section .profile-box a.course-link-btn {
    margin: 30px 0 36px;
}

.profile-compass-section .profile-box small {
    font-weight: 400;
    font-size: 25px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFFFFF;
}

@media screen and (max-width: 991px) {
    .profile-compass-section .cta-content {
        width: 100%;
    }

    .profile-compass-section .cta-box-main {
        width: 100%;
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .profile-compass-section .cta-section {
        padding: 15px;
    }

    .profile-compass-section .cta-box p {
        font-size: 18px;
    }

    .profile-compass-section .cta-box {
        width: calc(50% - 5px);
    }

    .profile-compass-section .profile-compass-head h1 {
        font-size: 38px;
    }

    .profile-compass-section .question-wrapper .question-card {
        padding: 15px;
    }

    .profile-compass-section .specification-banner {
        padding: 35px 30px;
    }
}




/* ======================  9-1-26  ======================== */

.pricing-row .card-pricing-plans.card-platinum-plans.essay-plan {
    flex: 100%;
    display: flex;
    flex-direction: row;
    gap: 60px;
    padding: 30px;
    row-gap: 0;
}
:root .page-gymi-vorbereitung .card-platinum-plans.card-pricing-plans:last-child {
    background-color: #391D1D;
    flex-wrap: wrap;
}
:root .page-gymi-vorbereitung .card-platinum-plans.essay-plan .plan-title p, 
:root .page-gymi-vorbereitung .card-platinum-plans.essay-plan .plan-price p, 
:root .page-gymi-vorbereitung .card-platinum-plans.essay-plan .plan-details ul li {
    color: #FFF !important;
}

.page-gymi-vorbereitung .pricing-row .card-platinum-plans.essay-plan .plan-icon img{
    filter: brightness(100);
}

.bottom_div{
    width: 100%;
}

.card-pricing-plans.essay-plan .plan-icon {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    margin-bottom: 40px;
    border: 1px solid #E9E8FF2E;
    display: inline-block;
    padding: 17.5px 9px;
    border-radius: 16px;
}

.card-platinum-plans.essay-plan  .btn-link.bricks-button.bricks-background-primary {
    display: block;
}

.card-platinum-plans.essay-plan .bricks-button.bricks-background-primary.btn-buy-now, 
.card-platinum-plans.essay-plan .btn-link.bricks-button.bricks-background-primary {
    margin-top: 19px;
    background-color: #f84f39 !important;
    width: 100%;
    padding: 15px;
    transition: 0.3s ease;
}

.bottom_div{
    display: flex;
    align-items: center;
    border-top: 1px solid #E9E8FF2E;
    gap: 15px;
    /* flex-wrap: wrap; */
}


@media only screen and (max-width:575px){
    .bottom_div {
     
        flex-wrap: wrap;
    }
}



/**
 * Booking Calendar Styles 21-01-2026
 */

 .booking-calendar-section .section-title{
    letter-spacing: -0.5px;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 28px;
 }
 .booking-calendar-section{
    max-width: 500px;
 }

.booking-calendar-wrapper {
    max-width: 1200px;
    margin: 100px auto;
    padding: 0 20px;
    margin-bottom: 40px;
}

.booking-calendar-container {
    background: #fff;
    border-radius: 30px;
    border: 1px solid rgba(26, 58, 39, 0.12);
    padding: 30px 15px 40px 30px;
    box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.04);
    min-width: 838px;
    max-height: 552px;
}

.booking-calendar-header {
    margin-bottom: 26px;
}

.booking-title {
    font-weight: 700;
    font-size: 35px;
    line-height: 102%;
    letter-spacing: -0.05em;
    color: #1A3A27;
    text-align: center;
}

.booking-calendar-content {
    display: block;
    width: 100%;
   
}

.booking-calendar-content.date-selected {
    display: grid;
    grid-template-columns: 1fr 291px;
    gap: 61px;
}

.booking-calendar-section {
    display: flex;
    flex-direction: column;
    width: 424px;
    margin: 0 auto;
    align-self: flex-start;
}

.booking-times-section {
    display: none;
    flex-direction: column;
}

.booking-calendar-content.date-selected .booking-times-section {
    display: flex;
}

.section-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 1.5rem 0;
    color: #000;
}

/* Calendar Navigation */
.calendar-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.calendar-nav-btn {
    background: rgba(26, 58, 39, 0.07);
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: rgba(26, 58, 39, 1);
    transition: color 0.3s ease;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.calendar-nav-btn:hover {
    color: #22c55e;
}

.calendar-nav-btn.next-month {
    background: rgba(26, 58, 39, 1);
    color: #fff;
    border-radius: 50%;
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.calendar-nav-btn i {
    font-size: 18px;
}

.calendar-month-year {
    font-size: 19px;
    font-weight: 500;
    color: #333;
    font-family: 'Satoshi – Medium';
}

/* Calendar Grid */
.calendar-wrapper {
    width: 100%;
}

.calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.weekday {
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
    color: #666;
    padding: 0.5rem;
}

.calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.5rem;
}

.calendar-day {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
}

.calendar-day.empty {
    cursor: default;
    visibility: hidden;
}

.calendar-day.available {
    background: rgba(26, 58, 39, 0.07);
    color: #333;
    border-radius: 50%;
}

.calendar-day.available:hover {
    background: #e0e0e0;
}

.calendar-day.today {
    border: 1px solid rgba(26, 58, 39, 0.05)
}

.calendar-day.selected {
    background: rgba(26, 58, 39, 1);
    color: #fff;
    font-weight: 700;
}

.calendar-day.disabled {
    background: transparent;
    color: #ccc;
    cursor: not-allowed;
}

/* Time Slots - Calendar Style */
.time-slots-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 0.75rem;
    padding: 0 0;
}

.time-slots-calendar-view {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    max-width: 100%;
    max-height: 424px;
    overflow: auto; 
}

.time-slot .time-text {
    text-align: center;
    border: 1px solid rgba(31, 112, 68, 1);
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    padding: 12.25px 20px;
    color: rgba(31, 112, 68, 1);
    font-weight: 700;
    width: 100%;
}

.time-slot {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-right: 15px;
}

.time-slot.available {
    cursor: pointer;
}

.time-slot.available:hover {
    background: #f0f9ff;
    border-color: #16a34a;
}

/* .time-slot.selected {
    background: #22c55e;
    border-color: #16a34a;
    border-width: 2px;
} */

.time-slot.selected .time-text {
    font-weight: 700;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.02em;
    align-items: center;
    color: rgba(31, 112, 68, 1);
    display: flex;
    justify-content: center;
}
.time-slot .time-text:hover{
    background: rgba(31, 112, 68, 1);
    color: #ffffff;
}

.time-slot.booked {
    background: #f0f0f0;
    border-color: #ccc;
    cursor: not-allowed;
}

.time-text {
    color: rgba(31, 112, 68, 1);
    font-weight: 500;
}

.time-slot.booked .time-text {
    color: rgba(31, 112, 68, 0.7);
    font-weight: 700;
}

.time-slots-calendar-view::-webkit-scrollbar{
    width: 10px;
    border-radius: 10px;
}

.time-slots-calendar-view::-webkit-scrollbar{
    width: 10px;
    border-radius: 10px;
}
.time-slots-calendar-view::-webkit-scrollbar{
    width: 6px;
    border-radius: 10px;
}
.time-slots-calendar-view::-webkit-scrollbar-thumb{
   background: rgba(217, 217, 217, 1);
    border-radius: 10px;
}

.btn-book-now {
    padding: 12.25px 20px;
    background: #1a3a27;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
   border: 1px solid #1a3a27;
    margin-top: 0;
    width: 100%;
    text-align: center;
}

.btn-book-now:hover {
    background: #ffffff;
}
.time-slot.booked .time-text {
    background: #ebebeb;
    border: 1px solid rgba(31, 112, 68, 0.7);
}

.time-slot.booked .btn-book-now {
    display: none;
}

.no-date-selected,
.no-slots {
    text-align: center;
    color: #999;
    padding: 2rem;
}

/* Booking Form */
.booking-form-container {
    padding: 1rem 0;
}

.selected-time-display {
    background: #f0f9ff;
    border: 1px solid #22c55e;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.booking-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #333;
}

.form-group input {
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 1rem;
}

.form-group input:focus {
    outline: none;
    border-color: #22c55e;
}


.btn-book-now:hover {
    background: #16a34a;
}

/* Booking Modal */
.booking-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    align-items: center;
    justify-content: center;
}

.booking-modal.active {
    display: flex;
}

.booking-modal-content {
    background: rgba(246, 255, 250, 1);
    border-radius: 12px;
    padding: 30px;
    max-width: 550px;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(24, 200, 103, 1);
}
.booking-modal-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #22c55e;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    transition: background 0.3s ease;
}

.booking-modal-close:hover {
    background: #16a34a;
}

.booking-modal-header {
    text-align: center;
    margin-bottom: 2rem;
}

.success-icon {
    margin: 0 auto 30px;
}

.booking-modal-header h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 110%;
    color: #1A3A27;
    letter-spacing: -0.21px;
}

.booking-modal-header p {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.3px;
    color: #212A42;
    margin-top: 10px;
}
.booking-modal-body {
  margin-top: 30px;
  background: url(./assets/images/popup-bg.png) no-repeat center;
  padding: 35px 40px;
  background-size: cover;
  border-radius: 20px;
  text-align: center;
}

.booking-details-box {
    background: rgba(35, 74, 50, 1);
    border-radius: 16px;
    padding: 30px;
    background-image: url(./assets/images/inner-cal.svg);
    background-position: center right 15px;
    background-repeat: no-repeat;
    border: 1px solid rgba(31, 187, 101, 1);
}
/* 
.booking-details-box::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgba(255,255,255,0.1)" d="M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM5 8V6h14v2H5z"/></svg>') no-repeat center;
    background-size: 150px;
    opacity: 0.3;
} */

.booking-detail-item {
    margin-bottom: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.booking-detail-item:last-child {
    margin-bottom: 0;
}

.booking-detail-item strong {
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    flex-grow: 0;
}
.booking-detail-item span {
    color: rgba(24, 200, 103, 1);
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}   

.booking-confirmation-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.3px;
    color: #FFFFFF;
    font-family: 'Satoshi &#8211; Medium';
    margin-top: 25px;
}

.booking-modal-footer {
    text-align: center;
}

.btn-book-another {
    padding: 15px 30px;
    background: #1FBB65;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 100%;
    text-align: center;
    margin: 25px auto 0;
}

.btn-book-another:hover {
    background: #16a34a;
}

@media only screen and (max-width:575px){
    .time-slots-calendar-view {

    }
    .success-icon{
        margin-bottom: 10px;
    }
    .booking-modal-content{
        padding: 15px;
    }
    .success-icon svg {
        width: 50px;
        height: 50px;
    }
    .booking-modal-header h2{
        font-size: 20px;
    }
    .booking-calendar-container{
        min-width: 100%;
    }
    .booking-calendar-content.date-selected{
        grid-template-columns: 1fr;
    }
    .booking-calendar-section{
        width: 100%;
    }
    .booking-calendar-wrapper{
        padding: 0;
    }
    /*.booking-calendar-container{
        min-height: 952px;
    }*/
    .booking-calendar-container:has( .booking-calendar-content.date-selected) {
        min-height: 952px;
    }
    .booking-modal-content{
        max-height: 97%;
        max-width: 400px;
    }
    .booking-modal-body{
        padding: 15px;
    }
    .booking-details-box{
        padding: 15px;
    }
    .time-slots-calendar-view{
        max-height: 324px;
    }
}


/* Responsive */
@media (max-width: 768px) {
    .booking-calendar-content {
        grid-template-columns: 1fr;
    }
    
    .booking-title {
        font-size: 1.5rem;
    }
    
    .calendar-days {
        gap: 0.25rem;
    }
    
    .calendar-day {
        font-size: 0.9rem;
    }
}

/* Loader Styles (if not already defined) */
/*.site-loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.site-loader.active {
    display: flex;
}

.site-loader::after {
    content: '';
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #22c55e;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

*/









/* ================================  30-1-26   ==================================== */


.page-multicheck-vorbereitung .pricing-row .card-pricing-plans.pro-premium-plan.first_section,
.page-multicheck-vorbereitung .pricing-row .simulation-two-plan {
    flex: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px;
    row-gap: 0px;
    padding: 30px;
    background: #24223F;
}
.page-multicheck-vorbereitung .card-pricing-plans.card-platinum-plans.pro-premium-plan.first_section .cardright_area{
    width: 50%;
}
.page-multicheck-vorbereitung .bottom_div {
    display: flex;
    align-items: center;
    border-top: 1px solid #E9E8FF2E;
    gap: 15px;
    width: 100%;
}
.page-multicheck-vorbereitung .first_section .bricks-button.bricks-background-primary.btn-buy-now, 
.page-multicheck-vorbereitung .first_section .btn-link.bricks-button.bricks-background-primary,
.page-multicheck-vorbereitung .bottom_div .bricks-button.bricks-background-primary.btn-buy-now, 
.page-multicheck-vorbereitung .bottom_div .btn-link.bricks-button.bricks-background-primary {
    margin-top: 19px;
    background-color: #6460C9 !important;
    border: 1px solid #6460C9 !important;
    width: 100%;
    padding: 15px;
    transition: 0.3s 
ease;
}

.page-multicheck-vorbereitung .first_section .bricks-button.bricks-background-primary.btn-buy-now:hover, 
.page-multicheck-vorbereitung .first_section .btn-link.bricks-button.bricks-background-primary:hover,
.page-multicheck-vorbereitung .bottom_div .bricks-button.bricks-background-primary.btn-buy-now:hover, 
.page-multicheck-vorbereitung .bottom_div .btn-link.bricks-button.bricks-background-primary:hover {
   background-color: #24223f !important;
}

.page-multicheck-vorbereitung .cardleft_area .popular-plan {
    background: #6460C9;
    right: 20px;
    display: block;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 12px;
    color: #FFF;
    border-radius: 8px;
    width: max-content;
}
:root .page-multicheck-vorbereitung .pro-premium-plan  .plan-title p, 
:root .page-multicheck-vorbereitung .pro-premium-plan .plan-price p, 
:root .page-multicheck-vorbereitung .pro-premium-plan .plan-details ul li,
:root .page-multicheck-vorbereitung .pro-premium-plan .plan-title h3,
:root .page-multicheck-vorbereitung .simulation-two-plan  .plan-title p, 
:root .page-multicheck-vorbereitung .simulation-two-plan .plan-price p, 
:root .page-multicheck-vorbereitung .simulation-two-plan .plan-details ul li,
:root .page-multicheck-vorbereitung .simulation-two-plan .plan-title h3{
    color: #fff;
}
:root .page-multicheck-vorbereitung  .pro-premium-plan .plan-icon img,
:root .page-multicheck-vorbereitung  .simulation-two-plan .plan-icon img{
    filter: brightness(100);
}
:root .page-multicheck-vorbereitung .pro-premium-plan hr, 
:root .page-multicheck-vorbereitung .pro-premium-plan .plan-icon img, 
:root .page-multicheck-vorbereitung .pro-premium-plan .plan-details ul li,
:root .page-multicheck-vorbereitung .simulation-two-plan hr, 
:root .page-multicheck-vorbereitung .simulation-two-plan .plan-details ul li{
    border-color: rgba(233, 232, 255, 0.18);
}
:root .page-multicheck-vorbereitung .simulation-two-plan .plan-icon {
    padding: 0;
    border: none;
}
:root .page-multicheck-vorbereitung .simulation-two-plan i.fas.fa-plus,
:root .page-multicheck-vorbereitung .pro-premium-plan i.fas.fa-plus {
    color: #fff;
}
.page-multicheck-vorbereitung .card-pricing-plans.simulation-two-plan {
    row-gap: 10px;
}
/*.page-multicheck-vorbereitung .plan-details .ul-list-group{
    margin-bottom: 0;
}*/
.page-multicheck-vorbereitung .pricing-row .card-pricing-plans:nth-child(4) hr {
    border-color: rgb(76 76 76);
    margin-bottom: 20px;
}

:root .page-multicheck-vorbereitung .simulation-two-plan .plan-price h4,
:root .page-multicheck-vorbereitung .pro-premium-plan .plan-price h4 {
  color: #FFF;
}

/* ===================================================== */

.page-ims-vorbereitung .pricing-row .card-pricing-plans.pro-premium-plan.first_section, 
.page-ims-vorbereitung .pricing-row .simulation-two-plan {
    flex: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px;
    row-gap: 0px;
    padding: 30px;
    background: #212A42;
}
.page-ims-vorbereitung .cardleft_area .popular-plan {
    background: #2590F2;
    right: 20px;
    display: block;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 12px;
    color: #FFF;
    border-radius: 8px;
    width: max-content;
}
.page-ims-vorbereitung .pro-premium-plan .plan-title p, 
.page-ims-vorbereitung .pro-premium-plan .plan-price p, 
.page-ims-vorbereitung .pro-premium-plan .plan-details ul li, 
.page-ims-vorbereitung .pro-premium-plan .plan-title h3, 
.page-ims-vorbereitung .simulation-two-plan .plan-title p, 
.page-ims-vorbereitung .simulation-two-plan .plan-price p, 
.page-ims-vorbereitung .simulation-two-plan .plan-details ul li, 
.page-ims-vorbereitung .simulation-two-plan .plan-title h3{
    color: #fff;
}


.page-ims-vorbereitung .pro-premium-plan hr, 
.page-ims-vorbereitung .pro-premium-plan .plan-icon img, 
.page-ims-vorbereitung .pro-premium-plan .plan-details ul li, 
.page-ims-vorbereitung .simulation-two-plan hr, 
.page-ims-vorbereitung .simulation-two-plan .plan-details ul li {
    border-color: rgba(233, 232, 255, 0.18);
}
.page-ims-vorbereitung  .pro-premium-plan .plan-icon img, 
.page-ims-vorbereitung  .simulation-two-plan .plan-icon img {
    filter: brightness(100);
}

.page-ims-vorbereitung .first_section .bricks-button.bricks-background-primary.btn-buy-now, 
.page-ims-vorbereitung .first_section .btn-link.bricks-button.bricks-background-primary, 
.page-ims-vorbereitung .bottom_div .bricks-button.bricks-background-primary.btn-buy-now, 
.page-ims-vorbereitung .bottom_div .btn-link.bricks-button.bricks-background-primary {
    margin-top: 19px;
    background-color: #2590F2 !important;
    border: 1px solid #2590F2 !important;
    width: 100%;
    padding: 15px;
    transition: 0.3s 
ease;
}
.page-ims-vorbereitung .bottom_div {
    display: flex;
    align-items: center;
    border-top: 1px solid #E9E8FF2E;
    gap: 15px;
    width: 100%;
}
.page-ims-vorbereitung .simulation-two-plan i.fas.fa-plus, 
.page-ims-vorbereitung .pro-premium-plan i.fas.fa-plus{
    color: #ffffff;
}


.page-ims-vorbereitung .first_section .bricks-button.bricks-background-primary.btn-buy-now:hover, 
.page-ims-vorbereitung .first_section .btn-link.bricks-button.bricks-background-primary:hover, 
.page-ims-vorbereitung .bottom_div .bricks-button.bricks-background-primary.btn-buy-now:hover, 
.page-ims-vorbereitung .bottom_div .btn-link.bricks-button.bricks-background-primary:hover{
    background-color: #212A42 !important;
    border: 1px solid #2590F2 !important;
    width: 100%;
    padding: 15px;
    transition: 0.3s ease;
}

@media only screen and (max-width:550px){
    .page-ims-vorbereitung .cardleft_area .popular-plan{
        margin-left: 0;
        margin-bottom: 15px;
    }
}

.offline-course-popup-overlay {
    position: fixed; left: 0; top: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5); z-index: 99999;
    display: flex; align-items: center; justify-content: center;
}
.offline-course-popup-box {
    background: #fff;     padding: 35px 24px 24px; border-radius: 8px; max-width: 420px; width: 90%; position: relative;
}
.offline-course-popup-close {
    position: absolute; right: 12px; top: 12px; background: none; border: none; font-size: 24px; cursor: pointer; line-height: 1;
}
.offline-course-popup-box .form-group { margin-bottom: 16px; }
.offline-course-popup-box .form-group-selection select { width: 100%; padding: 8px; }


.page-multicheck-kurse .select2-dropdown{
    z-index: 9999999;
}
.offline-course-popup-overlay .groupf-form{
    flex-direction: column;
    justify-content: center;
    gap: 0;
}
.offline-course-popup-overlay .offline-course-popup-box .form-group{
    width: 100%;
}
.offline-course-popup-overlay .offline-course-popup-box h4{
    text-align: center;
}
button#offline-multicheck-popup-submit {
    width: max-content;
    margin: 10px auto 0;
    border: 1px solid #6460C9;
    background: #6460C9 !important;
    transition: 0.3s linear;
}
button#offline-multicheck-popup-submit:hover{
    background: #24223F !important;
    color: #ffffff !important;
    border: 1px solid #24223F;
    transition: 0.3s linear;
}