/* =========================================================
   COURSE BANNER - LEFT SIDE REDESIGN
   Parent ID: #course_banner
   Theme Color: #2563eb
   ========================================================= */

#course_banner {
    background: #f8fafc;
    --ms-primary: #2563eb;
    --ms-primary-dark: #134cc5;
    --ms-primary-soft: #2563eb14 ;
    --ms-text: #151515;
    --ms-text-light: #555;
    --ms-border: #d7dde9;
    --ms-star: #ffb000;
}

/* Left Side Main Area */
#course_banner .col-lg-8 .course_banner_content {
    position: relative;
    padding: 34px 0 0px;
    max-width: 850px;
}

.course_banner_content p{
    margin-bottom: 0px !important;
}

.course_curriculum_wrap .head_content {
    width: 65%;
}

/* Small Training Badge */
#course_banner .col-lg-8 .course_banner_content::before {
    content: "Instructor-Led Live Online Training";
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 8px 16px;
    margin-bottom: 20px;

    background: var(--ms-primary);
    color: #fff;

    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    border-radius: 7px;

    box-shadow: 0 6px 18px rgba(187, 41, 41, 0.15);
}

/* =========================
   COURSE TITLE
   ========================= */

#course_banner .col-lg-8 .course_banner_content .title {
    max-width: 820px;
    margin: 0 0 22px;

    color: var(--ms-text);
    font-size: clamp(36px, 3.1vw, 54px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -1.2px;
}

/* =========================
   RATING + LEARNERS
   ========================= */

#course_banner .col-lg-8 .course_banner_content > .row {
    align-items: center;
    margin-bottom: 27px;
    --bs-gutter-x: 0;
}

#course_banner .col-lg-8 .course_banner_content > .row > .col-auto {
    display: flex;
    align-items: center;
    padding: 0;
}

#course_banner .col-lg-8 .course_banner_content > .row > .col-auto + .col-auto {
    position: relative;
    margin-left: 28px;
    padding-left: 29px;
}

#course_banner .col-lg-8 .course_banner_content > .row > .col-auto + .col-auto::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 22px;

    background: #c9b6b6;
    transform: translateY(-50%);
}

/* Rating blocks */
#course_banner .col-lg-8 .rating-main {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 !important;
}

/* Remove Bootstrap inline spacing */
#course_banner .col-lg-8 .rating-main ul {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
}

#course_banner .col-lg-8 .rating-main ul li {
    margin: 0 !important;
    line-height: 1;
}

/* Stars */
#course_banner .col-lg-8 .rating-main .fa-star {
    color: var(--ms-star);
    font-size: 18px;
}

/* User Icon */
#course_banner .col-lg-8 .rating-main .fa-user {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    color: var(--ms-primary);
    font-size: 17px;
}

/* Rating / Learners Text */
#course_banner .col-lg-8 .rating-main span {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}

/* =========================
   DESCRIPTION
   If there is a paragraph in banner
   ========================= */

#course_banner .col-lg-8 .course_banner_content > p {
    max-width: 790px;
    margin: -4px 0 29px;

    color: var(--ms-text-light);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}

/* =========================
   ACTION BUTTONS
   ========================= */

#course_banner .col-lg-8 .cls_an_btn {
    justify-content: flex-start !important;
    align-items: center;
    gap: 18px;

    margin-top: 0;
    margin-bottom: 28px;
}

/* Reset both buttons */
#course_banner .col-lg-8 .cls_an_btn > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 52px;
    padding: 0 27px;

    border-radius: 7px;
    text-decoration: none;

    font-size: 15px;
    font-weight: 600;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* Download Brochure */
#course_banner .col-lg-8 .cls_an_btn .animated-arrow {
    min-width: 250px;

    background: var(--ms-primary);
    border: 1px solid var(--ms-primary);
    color: #fff;

    box-shadow: 0 8px 22px rgb(37 99 235 / 34%);
}

/* Remove previous arrow animation styling */
#course_banner .col-lg-8 .cls_an_btn .animated-arrow .the-arrow {
    display: none;
}

#course_banner .col-lg-8 .cls_an_btn .animated-arrow .main {
    display: flex;
    align-items: center;
    justify-content: center;
}

#course_banner .col-lg-8 .cls_an_btn .animated-arrow .text {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/* Download Icon */
#course_banner .col-lg-8 .cls_an_btn .animated-arrow .main::before {
    content: "\f019";
    margin-right: 11px;

    font-family: "Font Awesome 6 Free";
    font-size: 15px;
    font-weight: 900;
}

/* Second CTA */
#course_banner .col-lg-8 .cls_an_btn > a:last-child {
    min-width: 210px;

    background: #fff;
    border: 1px solid var(--ms-primary);
    color: var(--ms-primary);
}

/* Change Interview Questions visually to Talk to Expert */
#course_banner .col-lg-8 .cls_an_btn > a:last-child {
    font-size: 0;
}

#course_banner .col-lg-8 .cls_an_btn > a:last-child::before {
    content: "Talk to an Expert";
    font-size: 15px;
    font-weight: 600;
}

#course_banner .col-lg-8 .cls_an_btn > a:last-child::after {
    content: "\f095";
    margin-left: 23px;

    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    font-weight: 900;
}

/* Button Hover */
#course_banner .col-lg-8 .cls_an_btn .animated-arrow:hover {
    background: var(--ms-primary-dark);
    border-color: var(--ms-primary-dark);
    color: #fff;

    box-shadow: 0 11px 28px rgb(19 76 197 / 30%);
    transform: translateY(-2px);
}

#course_banner .col-lg-8 .cls_an_btn > a:last-child:hover {
    background: var(--ms-primary-soft);
    color: var(--ms-primary);
    transform: translateY(-2px);
}

/* =========================
   GOOGLE REVIEW +
   FREE CONSULTATION CARD
   ========================= */

#course_banner .col-lg-8 .gy-wrap {
    display: flex !important;
    align-items: stretch !important;

    width: 100%;
    max-width: 660px;
    min-height: 98px;

    margin-top: 0;
    padding: 0;

    background: #fff;
    border: 1px solid var(--ms-border);
    border-radius: 10px;

    box-shadow: 0 10px 35px rgba(48, 20, 20, 0.045);

    overflow: hidden;
}

/* Both Review Links */
#course_banner .col-lg-8 .gy-wrap > a {
    position: relative;

    display: flex !important;
    align-items: center !important;
    justify-content: center;

    margin: 0;
    padding: 20px 30px;

    color: #181818;
    text-decoration: none;

    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

/* Google side */
#course_banner .col-lg-8 .gy-wrap > a:first-child {
    flex: 1.1;
    justify-content: flex-start;
    gap: 19px;
}

/* Divider */
#course_banner .col-lg-8 .gy-wrap > a:first-child::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    bottom: 18px;

    width: 1px;

    background: var(--ms-border);
}

/* Google image */
#course_banner .col-lg-8 .gy-wrap .img-2 {
    width: 115px;
    max-height: 50px;
    object-fit: contain;
    margin: 0;
}

/* Consultation Side */
#course_banner .col-lg-8 .gy-wrap > a:last-child {
    flex: 0.9;
    gap: 15px;
    text-align: left !important;
}

/* Calendar Icon */
#course_banner .col-lg-8 .gy-wrap > a:last-child::before {
    content: "\f073";

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 42px;
    width: 42px;
    height: 42px;

    color: var(--ms-primary);

    font-family: "Font Awesome 6 Free";
    font-size: 24px;
    font-weight: 900;
}

/* Hover */
#course_banner .col-lg-8 .gy-wrap > a:hover {
    background: #f8fafc;
}

/* =========================
   BREADCRUMB
   ========================= */

#course_banner .breadcrumb_domain_wrap {
    margin-bottom: 12px;
}

#course_banner .breadcrumb_domain_wrap ul {
    gap: 0;
    align-items: center;
}

#course_banner .breadcrumb_domain_wrap li {
    position: relative;

    color: #333;
    font-size: 13px;
    font-weight: 500;

    list-style: none;
}

#course_banner .breadcrumb_domain_wrap li:not(:last-child) {
    margin-right: 22px;
}

#course_banner .breadcrumb_domain_wrap li:not(:last-child)::after {
    content: "\f054";

    position: absolute;
    top: 50%;
    right: -14px;

    color: var(--ms-primary);

    font-family: "Font Awesome 6 Free";
    font-size: 9px;
    font-weight: 900;

    transform: translateY(-50%);
}

#course_banner .breadcrumb_domain_wrap a {
    color: #333;
    text-decoration: none;
}

#course_banner .breadcrumb_domain_wrap a:hover {
    color: var(--ms-primary);
}

/* Home icon before first breadcrumb */
#course_banner .breadcrumb_domain_wrap li:first-child a::before {
    content: "\f015";
    margin-right: 9px;

    color: #333;

    font-family: "Font Awesome 6 Free";
    font-size: 12px;
    font-weight: 900;
}

/* =========================
   TABLET
   ========================= */

@media (max-width: 991.98px) {

    #course_banner .col-lg-8 .course_banner_content {
        max-width: 100%;
        padding: 28px 0 34px;
    }

    #course_banner .col-lg-8 .course_banner_content .title {
        max-width: 700px;
        font-size: 42px;
    }

    #course_banner .col-lg-8 .gy-wrap {
        max-width: 650px;
    }
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 767.98px) {

    #course_banner .col-lg-8 .course_banner_content {
        padding: 23px 0 28px;
    }

    #course_banner .col-lg-8 .course_banner_content::before {
        margin-bottom: 17px;
        padding: 7px 12px;

        font-size: 11px;
    }

    #course_banner .col-lg-8 .course_banner_content .title {
        margin-bottom: 18px;

        font-size: 33px;
        line-height: 1.14;
        letter-spacing: -0.6px;
    }

    #course_banner .col-lg-8 .course_banner_content > .row {
        gap: 11px;
        margin-bottom: 22px;
    }

    #course_banner .col-lg-8 .course_banner_content > .row > .col-auto + .col-auto {
        margin-left: 0;
        padding-left: 0;
    }

    #course_banner .col-lg-8 .course_banner_content > .row > .col-auto + .col-auto::before {
        display: none;
    }

    #course_banner .col-lg-8 .rating-main {
        gap: 8px;
    }

    #course_banner .col-lg-8 .rating-main .fa-star {
        font-size: 15px;
    }

    #course_banner .col-lg-8 .rating-main span {
        font-size: 13px;
    }

    #course_banner .col-lg-8 .cls_an_btn {
        gap: 12px;
    }

    #course_banner .col-lg-8 .cls_an_btn > a,
    #course_banner .col-lg-8 .cls_an_btn .animated-arrow {
        width: 100%;
        min-width: 0;
    }

    #course_banner .col-lg-8 .gy-wrap {
        display: block !important;
        width: 100%;
        max-width: 100%;
    }

    #course_banner .col-lg-8 .gy-wrap > a {
        min-height: 88px;
        padding: 17px 20px;
    }

    #course_banner .col-lg-8 .gy-wrap > a:first-child::after {
        top: auto;
        right: 18px;
        bottom: 0;
        left: 18px;

        width: auto;
        height: 1px;
    }

    #course_banner .col-lg-8 .gy-wrap .img-2 {
        width: 105px;
    }
}

/* =========================
   SMALL MOBILE
   ========================= */

@media (max-width: 480px) {

    #course_banner .col-lg-8 .course_banner_content .title {
        font-size: 29px;
    }

    #course_banner .col-lg-8 .course_banner_content > .row {
        flex-direction: column;
        align-items: flex-start;
    }

    #course_banner .col-lg-8 .gy-wrap > a:first-child {
        gap: 12px;
        padding-left: 16px;
        padding-right: 16px;
    }

    #course_banner .col-lg-8 .gy-wrap > a {
        font-size: 15px;
    }
}


/* =========================================================
   RIGHT SIDE BANNER FEATURE STRIP
   Parent: #course_banner
   Theme: #2563eb
   ========================================================= */

#course_banner .banner-feature-strip {
    width: 100%;
    margin-top: 18px;
    padding: 17px 10px 15px;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;

    background: linear-gradient(
        135deg,
        #8f1c22 0%,
        #2563eb 52%,
        #a51f24 100%
    );

    border-radius: 16px;

    box-shadow:
        0 12px 28px rgb(19 76 202 / 27%);

    overflow: hidden;
}


/* Each Feature */

#course_banner .banner-feature-item {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    min-width: 0;
    padding: 0 8px;

    text-align: center;
}


/* Vertical Divider */

#course_banner .banner-feature-item:not(:last-child)::after {
    content: "";

    position: absolute;
    top: 2px;
    right: 0;

    width: 1px;
    height: calc(100% - 4px);

    background: rgba(255, 255, 255, 0.55);
}


/* Icon White Circle */

#course_banner .banner-feature-strip .feature-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 10px;

    background: #fff;
    border-radius: 50%;

    color: #2563eb;

    box-shadow:
        0 5px 14px rgba(0, 0, 0, 0.12);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* Icons */

#course_banner .banner-feature-strip .feature-icon i {
    font-size: 21px;
    line-height: 1;
}


/* Feature Text */

#course_banner .banner-feature-strip .feature-title {
    color: #fff;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;

    letter-spacing: 0;
}


/* Hover */

#course_banner .banner-feature-item:hover .feature-icon {
    transform: translateY(-3px);

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.18);
}

/* ==========================================
   COURSE HIGHLIGHTS
   Theme: #2563eb
   ========================================== */

.course_hightlight-wrap {
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #2563eb03 100%);
    border: 1px solid #dce2f1;
    border-radius: 14px;
    box-shadow: 0 8px 30px rgb(248 250 252);
    overflow: hidden;
}

/* Subtle decorative shape */
.course_hightlight-wrap::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    bottom: -90px;
    border: 28px solid rgb(60 102 193 / 6%);
    border-radius: 50%;
    pointer-events: none;
}


/* ==========================================
   HEADING
   ========================================== */

.course_hightlight-wrap .head_content {
    position: relative;
    z-index: 1;
}

.course_hightlight-wrap .head_content h3 {
    margin: 0 0 7px;
    color: #2563eb;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.course_hightlight-wrap .head_content h2 {
    position: relative;
    margin: 0;
    padding-bottom: 14px;
    color: #171717;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.25;
}

/* Small underline */
.course_hightlight-wrap .head_content h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 3px;
    background: #2563eb;
    border-radius: 10px;
}


/* ==========================================
   HIGHLIGHTS LIST
   ========================================== */

.course_hightlight-wrap .course_hightlight {
    position: relative;
    z-index: 1;
}

.course_hightlight-wrap .course_hightlight ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 35px;
    margin: 0;
    padding: 0 !important;
}

.course_hightlight-wrap .course_hightlight ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;

    color: #4b4b4b;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    list-style: none;
}


/* ==========================================
   CHECK ICON
   ========================================== */

.course_hightlight-wrap .course_hightlight ul li i {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    color: #2563eb;
    font-size: 16px;

    transition: transform 0.25s ease;
}

.course_hightlight-wrap .course_hightlight ul li:hover i {
    transform: scale(1.12);
}


/* ==========================================
   OPTIONAL HOVER EFFECT
   ========================================== */

.course_hightlight-wrap {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.course_hightlight-wrap:hover {
    border-color: rgb(19 76 202 / 27%);
    box-shadow: 0 12px 35px rgba(32, 32, 32, 0.08);
}


/* =====================================================
   COURSE OVERVIEW
   Theme: #2563eb
   Parent: #course_curriculums
===================================================== */

#course_curriculums {
    position: relative;
    margin-top: 42px;
    /* padding: 32px 36px 34px; */
    background: #ffffff;
    /* border: 1px solid #eeeeee; */
    border-radius: 12px;
    /* box-shadow: 0 8px 30px rgba(0, 0, 0, 0.045); */
    overflow: hidden;
}

/* Soft decorative background */
#course_curriculums::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    top: -80px;
    border-radius: 50%;
    background: rgb(60 102 193 / 6%);
    pointer-events: none;
}

/* =========================
   HEADING AREA
========================= */

#course_curriculums .head_content {
    position: relative;
    z-index: 1;
    margin-top: 0 !important;
    margin-bottom: 24px;
    padding-bottom: 17px;
}

#course_curriculums .head_content::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background: #2563eb;
    border-radius: 10px;
}

#course_curriculums .head_content h2 {
    margin: 0;
    max-width: 850px;
    color: #171717;
    font-size: 27px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -0.35px;
}

/* =========================
   COURSE DESCRIPTION
========================= */

#course_curriculums .course_overview_content {
    position: relative;
    z-index: 1;
    margin-top: 0 !important;
}

#course_curriculums .course_overview_content p {
    margin: 0 0 17px;
    color: #4e4e4e;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

#course_curriculums .course_overview_content p:last-child {
    margin-bottom: 0;
}

/* Strong / Bold text inside description */
#course_curriculums .course_overview_content strong,
#course_curriculums .course_overview_content b {
    color: #222222;
    font-weight: 600;
}

/* Links inside description */
#course_curriculums .course_overview_content a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

#course_curriculums .course_overview_content a:hover {
    color: #8f1e1e;
    text-decoration: underline;
}

/* =========================
   LISTS IF PRESENT IN DB CONTENT
========================= */

#course_curriculums .course_overview_content ul {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

#course_curriculums .course_overview_content ul li {
    position: relative;
    margin-bottom: 11px;
    padding-left: 27px;
    color: #4e4e4e;
    font-size: 15px;
    line-height: 1.65;
}

#course_curriculums .course_overview_content ul li::before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 2px;
    color: #2563eb;
    font-family: "Font Awesome 6 Free";
    font-size: 15px;
    font-weight: 900;
}

/* =========================================================
   COURSE SCHEDULE SECTION
   Parent ID: #schedule
   Theme Color: #2563eb
   Clean / Modern Course Details UI
   ========================================================= */

#schedule {
    --ms-primary: #2563eb;
    --ms-primary-dark: #134cc5;
    --ms-primary-light: #eff6ff;
    --ms-text: #171717;
    --ms-text-muted: #666;
    --ms-border: #eadede;
    --ms-bg-soft: #fafafa;

    position: relative;
    padding: 35px;
    background: #fff;
    border: 1px solid #f0e7e7;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(44, 18, 18, 0.06);
}


/* =========================================================
   TOP HEADING
   ========================================================= */

#schedule .head_content {
    margin-bottom: 25px;
}

#schedule .head_content h3 {
    position: relative;
    display: inline-block;

    margin: 0;
    padding-bottom: 14px;

    color: var(--ms-text);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.35;
}

#schedule .head_content h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 55px;
    height: 3px;

    background: var(--ms-primary);
    border-radius: 20px;
    transform: translateX(-50%);
}


/* =========================================================
   SCHEDULE HEADER + TABS
   ========================================================= */

#schedule .custom_schedule_wrap {
    justify-content: space-between !important;
    gap: 20px;

    padding: 18px 22px;
    margin-top: 25px !important;

    background: #f8fafc;
    border: 1px solid #e3e8f4;
    border-radius: 12px;
}

#schedule .custom_schedule_wrap h2 {
    margin: 0 !important;

    color: var(--ms-text);
    font-size: 20px;
    font-weight: 650;
}


/* =========================================================
   NAV TABS
   ========================================================= */

#schedule .nav-tabs {
    width: 100%;
    display: flex;
    justify-content: space-between;;
    align-items: center;
    gap: 5px;

    margin: 0;
    padding: 4px;

    background: #fff;
    border: 1px solid var(--ms-border);
    border-radius: 9px;
}

#schedule .nav-tabs .nav-item {
    margin: 0;
}

#schedule .nav-tabs .nav-link {
    min-width: 125px;
    padding: 10px 18px;

    background: transparent;
    border: 0 !important;
    border-radius: 7px;

    color: #555;
    font-size: 14px;
    font-weight: 600;

    transition: all 0.25s ease;
}

#schedule .nav-tabs .nav-link:hover {
    color: var(--ms-primary);
    background: var(--ms-primary-light);
}

#schedule .nav-tabs .nav-link.active {
    color: #fff;
    background: var(--ms-primary);

    box-shadow: 0 5px 14px rgb(19 76 202 / 27%);
}


/* =========================================================
   TAB CONTENT
   ========================================================= */

#schedule .tab-content {
    margin-top: 5px;
}

#schedule .tab-pane {
    width: 100%;
}


/* =========================================================
   SCHEDULE TABLE WRAPPER
   ========================================================= */

#schedule .schedule_table .table-responsive {
    margin-top: 22px !important;

    border: 1px solid #ece3e3;
    border-radius: 14px;

    overflow: hidden;

    box-shadow: 0 5px 20px rgba(35, 20, 20, 0.035);
}


/* =========================================================
   TABLE
   ========================================================= */

#schedule .schedule_table table {
    width: 100%;
    margin: 0;

    border-collapse: separate;
    border-spacing: 0;

    background: #fff;
}

#schedule .schedule_table table tbody tr {
    background: #fff;

    transition: background-color 0.2s ease;
}

#schedule .schedule_table table.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #f8fafc;
}

#schedule .schedule_table table tbody tr:hover {
    background: #fff6f6;
}


/* Table Cells */
#schedule .schedule_table table tbody td {
    position: relative;

    padding: 20px 18px;
    vertical-align: middle;

    color: #333;
    font-size: 15px;
    font-weight: 500;

    border-bottom: 1px solid #eee6e6;
}

#schedule .schedule_table table tbody tr:last-child td {
    border-bottom: 0;
}


/* Month Column */
#schedule .schedule_table table tbody td:first-child {
    width: 22%;

    color: var(--ms-primary);
    font-size: 15px;
    font-weight: 700;
}


/* Batch Type */
#schedule .schedule_table table tbody td:nth-child(2) {
    width: 22%;

    color: #202020;
    font-weight: 650;
}


/* Days */
#schedule .schedule_table table tbody td:nth-child(3) {
    width: 22%;

    color: var(--ms-text-muted);
}


/* Action */
#schedule .schedule_table table tbody td:last-child {
    width: 25%;
}


/* =========================================================
   ENQUIRE NOW BUTTON
   ========================================================= */

#schedule .schedule_table table tbody td:last-child a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 125px;
    padding: 10px 18px;

    background: #fff;
    border: 1px solid var(--ms-primary);
    border-radius: 7px;

    color: var(--ms-primary);
    text-decoration: none;

    font-size: 13px;
    font-weight: 650;

    transition: all 0.25s ease;
}

#schedule .schedule_table table tbody td:last-child a::after {
    content: "\f061";
    margin-left: 9px;

    font-family: "Font Awesome 6 Free";
    font-size: 11px;
    font-weight: 900;

    transition: transform 0.25s ease;
}

#schedule .schedule_table table tbody td:last-child a:hover {
    background: var(--ms-primary);
    color: #fff;

    box-shadow: 0 6px 18px rgba(187, 41, 41, 0.2);

    transform: translateY(-1px);
}

#schedule .schedule_table table tbody td:last-child a:hover::after {
    transform: translateX(3px);
}


/* =========================================================
   OPTIONAL BATCH ICONS
   ========================================================= */

#schedule .schedule_table table tbody td:nth-child(2)::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 29px;
    height: 29px;
    margin-right: 8px;

    background: var(--ms-primary-light);
    border-radius: 50%;

    color: var(--ms-primary);

    font-family: "Font Awesome 6 Free";
    font-size: 12px;
    font-weight: 900;

    vertical-align: middle;
}

#schedule .schedule_table table tbody tr:nth-child(odd) td:nth-child(2)::before {
    content: "\f783";
}

#schedule .schedule_table table tbody tr:nth-child(even) td:nth-child(2)::before {
    content: "\f5da";
}


/* =========================================================
   CORPORATE TRAINING TAB
   ========================================================= */

#schedule #corporate {
    margin-top: 23px;

    padding: 25px;

    background: #fcfafa;
    border: 1px solid #efe5e5;
    border-radius: 14px;
}

#schedule #corporate .corporate_form {
    width: 100%;
}

#schedule #corporate .corporate_head {
    margin-bottom: 22px;
}

#schedule #corporate .corporate_head h4 {
    margin: 0;

    color: var(--ms-text);
    font-size: 21px;
    font-weight: 700;
}

#schedule #corporate .corporate_head hr {
    width: 45px;
    height: 3px;

    margin: 11px 0 0;

    background: var(--ms-primary);
    border: 0;
    border-radius: 10px;

    opacity: 1;
}


/* =========================================================
   CORPORATE / SCHEDULE FORMS
   ========================================================= */

#schedule .corporate_form input,
#schedule .corporate_form select,
#schedule .corporate_form textarea,
#schedule .bbc_form input,
#schedule .bbc_form select,
#schedule .bbc_form textarea {
    width: 100%;

    min-height: 48px;
    padding: 11px 14px;

    background: #fff;
    border: 1px solid #ddd3d3;
    border-radius: 7px;

    color: #222;

    font-size: 14px;

    outline: none;

    transition: all 0.2s ease;
}

#schedule .corporate_form textarea,
#schedule .bbc_form textarea {
    min-height: 100px;
    resize: vertical;
}

#schedule .corporate_form input:focus,
#schedule .corporate_form select:focus,
#schedule .corporate_form textarea:focus,
#schedule .bbc_form input:focus,
#schedule .bbc_form select:focus,
#schedule .bbc_form textarea:focus {
    border-color: var(--ms-primary);

    box-shadow: 0 0 0 3px rgba(187, 41, 41, 0.08);
}


/* Form Buttons */
#schedule .corporate_form button,
#schedule .corporate_form input[type="submit"],
#schedule .bbc_form button,
#schedule .bbc_form input[type="submit"] {
    min-height: 48px;
    padding: 11px 25px;

    background: var(--ms-primary);
    border: 1px solid var(--ms-primary);
    border-radius: 7px;

    color: #fff;

    font-size: 14px;
    font-weight: 650;

    transition: all 0.25s ease;
}

#schedule .corporate_form button:hover,
#schedule .corporate_form input[type="submit"]:hover,
#schedule .bbc_form button:hover,
#schedule .bbc_form input[type="submit"]:hover {
    background: var(--ms-primary-dark);
    border-color: var(--ms-primary-dark);

    box-shadow: 0 7px 18px rgb(19 76 202 / 27%);
}


/* =========================================================
   BUILD YOUR OWN SCHEDULE FORM
   ========================================================= */

#schedule .bbc_form {
    position: relative;

    margin-top: 30px !important;
    padding: 27px;

    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #f8fafc 100%
        );

    border: 1px solid #eedfdf;
    border-radius: 14px;
}

#schedule .bbc_form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 27px;

    width: 55px;
    height: 3px;

    background: var(--ms-primary);
    border-radius: 0 0 5px 5px;
}


/* =========================================================
   BUILD SCHEDULE
   ========================================================= */

#schedule .build_schedule {
    margin-top: 20px;
}

#schedule .build_schedule a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 11px 20px;

    background: var(--ms-primary-light);
    border: 1px solid #efcccc;
    border-radius: 7px;

    color: var(--ms-primary);
    text-decoration: none;

    font-size: 14px;
    font-weight: 600;
}

#schedule .build_schedule a:hover {
    background: var(--ms-primary);
    color: #fff;
}


/* =========================================================
   COURSE CONTENT / CURRICULUM SECTION
   Parent ID: #coursecont
   Theme Color: #2563eb
   ========================================================= */

#coursecont {
    --ms-primary: #2563eb;
    --ms-primary-dark: #8f1f1f;
    --ms-primary-light: #eff6ff;
    --ms-primary-soft: #fdf8f8;

    --ms-text: #161616;
    --ms-text-light: #5e5e5e;

    --ms-border: #eadede;
    --ms-bg: #ffffff;
    --ms-soft-bg: #fafafa;

    position: relative;
    padding: 34px;
    border: 1px solid #f0e5e5;
    border-radius: 18px;
    background: #fff;

    box-shadow:
        0 12px 40px rgba(31, 20, 20, 0.05),
        0 2px 8px rgba(31, 20, 20, 0.03);

    overflow: hidden;
}

/* subtle decorative background */
#coursecont::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;

    width: 260px;
    height: 260px;

    border-radius: 50%;
    background: rgb(60 102 193 / 6%);

    pointer-events: none;
}

#coursecont::after {
    content: "";
    position: absolute;
    top: -40px;
    right: 30px;

    width: 130px;
    height: 130px;

    border: 1px solid rgba(187, 41, 41, 0.08);
    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   TOP HEADING AREA
   ========================================================= */

#coursecont > .d-flex {
    position: relative;
    z-index: 2;

    gap: 25px;
    padding-bottom: 25px;
    margin-bottom: 10px;

    border-bottom: 1px solid #f0e5e5;
}

#coursecont > .d-flex .head_content {
    max-width: 650px;
}

#coursecont > .d-flex .head_content h3 {
    position: relative;

    margin: 0 0 8px;

    color: var(--ms-primary);

    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;

    text-transform: uppercase;
    letter-spacing: 0.7px;
}

#coursecont > .d-flex .head_content h2 {
    margin: 0;
    color: var(--ms-text);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.4px;
}


/* =========================================================
   DOWNLOAD CURRICULUM BUTTON
   ========================================================= */

#coursecont .download_btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 10px !important;
    margin: 0 !important;
    border: 1px solid var(--ms-primary);
    border-radius: 8px;
    background: #fff;
    color: var(--ms-primary);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: 0.3px;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

#coursecont .download_btn a img {
    width: 18px !important;
    margin-right: 8px !important;
}

#coursecont .download_btn a:hover {
    background: var(--ms-primary);
    color: #fff;

    transform: translateY(-2px);

    box-shadow: 0 9px 22px rgb(19 76 202 / 27%);
}


/* =========================================================
   CURRICULUM WRAPPER
   ========================================================= */

#coursecont #course_curriculums {
    position: relative;
    z-index: 2;
}


/* =========================================================
   SECTION HEADINGS
   Course Prerequisite / Target Audience / Course Content
   ========================================================= */

#coursecont #course_curriculums > .head_content {
    position: relative;

    margin-top: 38px !important;
    margin-bottom: 14px;

    padding-left: 17px;
}

#coursecont #course_curriculums > .head_content::before {
    content: "";

    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;

    width: 4px;

    border-radius: 20px;

    background: var(--ms-primary);
}

#coursecont #course_curriculums > .head_content h2 {
    margin: 0;

    color: var(--ms-text);

    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}


/* =========================================================
   ACCORDION ITEM
   ========================================================= */

#coursecont .accordion-item {
    margin-bottom: 13px;

    border: 1px solid var(--ms-border) !important;
    border-radius: 10px !important;

    background: #fff;

    overflow: hidden;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

#coursecont .accordion-item:hover {
    border-color: rgb(39 99 233) !important;

    box-shadow: 0 8px 24px rgba(44, 28, 28, 0.05);
}


/* =========================================================
   ACCORDION BUTTON
   ========================================================= */

#coursecont .accordion-button {
    position: relative;

    min-height: 62px;
    padding: 17px 55px 17px 22px;

    border: 0 !important;
    box-shadow: none !important;

    background: #fff;

    color: #252525;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}


/* Open Accordion */
#coursecont .accordion-button:not(.collapsed) {
    background: linear-gradient(90deg, rgb(39 99 233 / 12%) 0%, rgb(37 99 235 / 2%) 100%);

    color: var(--ms-primary);
}


/* left indicator line */
#coursecont .accordion-button::before {
    content: "";

    position: absolute;
    top: 16px;
    bottom: 16px;
    left: 0;

    width: 3px;

    border-radius: 0 10px 10px 0;

    background: transparent;

    transition: background-color 0.25s ease;
}

#coursecont .accordion-button:not(.collapsed)::before {
    background: var(--ms-primary);
}


/* =========================================================
   CUSTOM ACCORDION PLUS / MINUS ICON
   ========================================================= */

#coursecont .accordion-button::after {
    content: "\2b";

    position: absolute;
    top: 50%;
    right: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    margin: 0;

    border-radius: 50%;

    background-image: none !important;
    background: var(--ms-primary-light);

    color: var(--ms-primary);

    font-family: "Font Awesome 6 Free";
    font-size: 13px;
    font-weight: 900;

    transform: translateY(-50%) !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* Open state */
#coursecont .accordion-button:not(.collapsed)::after {
    content: "\f068";

    background: var(--ms-primary);
    color: #fff;

    transform: translateY(-50%) !important;
}


/* =========================================================
   ACCORDION BODY
   ========================================================= */

#coursecont .accordion-body {
    position: relative;

    padding: 22px 24px 24px;

    border-top: 1px solid #f1e8e8;

    background: #fff;

    color: var(--ms-text-light);

    font-size: 14px;
    line-height: 1.75;
}


/* Paragraph */
#coursecont .accordion-body p {
    margin-bottom: 13px;

    color: var(--ms-text-light);

    font-size: 14px;
    line-height: 1.75;
}


/* Lists */
#coursecont .accordion-body ul,
#coursecont .accordion-body ol {
    margin: 12px 0;
    padding-left: 0;

    list-style: none;
}

#coursecont .accordion-body li {
    position: relative;

    margin-bottom: 9px;
    padding-left: 25px;

    color: #505050;

    line-height: 1.6;
}


/* check icon */
#coursecont .accordion-body li::before {
    content: "\f058";

    position: absolute;
    top: 1px;
    left: 0;

    color: var(--ms-primary);

    font-family: "Font Awesome 6 Free";
    font-size: 13px;
    font-weight: 900;
}


/* Nested list */
#coursecont .accordion-body li ul {
    margin-top: 8px;
}

#coursecont .accordion-body li ul li::before {
    content: "\f111";

    top: 8px;

    font-size: 5px;
}


/* =========================================================
   DOWNLOAD BUTTON INSIDE ACCORDION
   ========================================================= */

#coursecont .accordion-body > a {
    display: inline-flex;
    align-items: center;

    min-height: 42px;
    padding: 0 16px;

    margin-top: 15px !important;
    margin-bottom: 0 !important;

    border: 1px solid rgba(187, 41, 41, 0.28);
    border-radius: 7px;

    background: var(--ms-primary-light);

    color: var(--ms-primary);

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 0.25px;

    text-decoration: none;

    transition: all 0.25s ease;
}

#coursecont .accordion-body > a img {
    width: 17px !important;
    margin-right: 8px !important;
}

#coursecont .accordion-body > a:hover {
    border-color: var(--ms-primary);

    background: var(--ms-primary);
    color: #fff;

    transform: translateY(-1px);

    box-shadow: 0 7px 18px rgba(187, 41, 41, 0.15);
}


/* =========================================================
   COURSE OBJECTIVE / PREREQUISITE / AUDIENCE
   SPECIAL LOOK
   ========================================================= */

#coursecont #courseobjective,
#coursecont #courseprerequisite,
#coursecont #coursetargetaudience {
    background: var(--ms-primary-soft);
}

#coursecont #courseobjective .accordion-body,
#coursecont #courseprerequisite .accordion-body,
#coursecont #coursetargetaudience .accordion-body {
    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #fff 70%,
            #fff8f8 100%
        );
}


/* =========================================================
   COURSE CONTENT MODULE ACCORDION
   ========================================================= */

#coursecont #course_content + .accordion {
    position: relative;
}

#coursecont #course_content + .accordion .accordion-item {
    border-left: 3px solid transparent !important;
}

#coursecont #course_content + .accordion .accordion-item:hover {
    border-left-color: var(--ms-primary) !important;
}


/* =========================================================
   ACTIVE MODULE
   ========================================================= */

#coursecont #course_content + .accordion .accordion-button:not(.collapsed) {
    font-weight: 700;
}


/* =========================================================
   REMOVE BOOTSTRAP DEFAULT FOCUS
   ========================================================= */

#coursecont .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}


/* =========================================================
   LINK STYLING INSIDE CONTENT
   ========================================================= */

#coursecont .accordion-body a:not(.mt-4) {
    color: var(--ms-primary);
    font-weight: 600;
    text-decoration: none;
}

#coursecont .accordion-body a:not(.mt-4):hover {
    text-decoration: underline;
}


/* =========================================================
   STRONG / BOLD TEXT
   ========================================================= */

#coursecont .accordion-body strong,
#coursecont .accordion-body b {
    color: #292929;
    font-weight: 600;
}


/* =========================================================
   TABLES IF PRESENT INSIDE CONTENT
   ========================================================= */

#coursecont .accordion-body table {
    width: 100%;

    margin: 18px 0;

    border-collapse: separate;
    border-spacing: 0;

    border: 1px solid var(--ms-border);
    border-radius: 8px;

    overflow: hidden;
}

#coursecont .accordion-body table th {
    padding: 12px 14px;

    background: var(--ms-primary-light);
    color: var(--ms-primary);

    font-size: 13px;
    font-weight: 700;
}

#coursecont .accordion-body table td {
    padding: 12px 14px;

    border-top: 1px solid var(--ms-border);

    color: #555;

    font-size: 13px;
}


/* =========================================================
   COURSE ASSESSMENT SECTION
   Theme: #2563eb
   Parent: #assessment_wrapper
   ========================================================= */

#assessment_wrapper {
    --assessment-primary: #2563eb;
    --assessment-primary-dark: #092ed1;
    --assessment-soft: #f4f6fc;
    --assessment-text: #171717;
    --assessment-muted: #5f6368;
    --assessment-border: #2563eb3d;

    position: relative;
    padding: 70px 0;
    background: #fff;
    overflow: hidden;
}

/* Subtle Background Decoration */
#assessment_wrapper::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    right: -160px;
    top: -180px;
    border-radius: 50%;
    background: rgb(60 102 193 / 6%);
    pointer-events: none;
}

#assessment_wrapper::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    left: -110px;
    bottom: -120px;
    border-radius: 50%;
    background: rgb(60 102 193 / 6%);
    pointer-events: none;
}

#assessment_wrapper .container {
    position: relative;
    z-index: 2;
}

/* =========================================================
   IMAGE AREA
   ========================================================= */

#assessment_wrapper .assessment_img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 420px;
    padding: 35px;

    background: linear-gradient(135deg, #2563eb03 0%, #ffffff 60%, #2563eb0f 100%);

    border: 1px solid var(--assessment-border);
    border-radius: 22px;
}

/* Decorative Border */
#assessment_wrapper .assessment_img::before {
    content: "";
    position: absolute;
    top: 22px;
    left: 22px;

    width: 65px;
    height: 65px;

    border-top: 3px solid var(--assessment-primary);
    border-left: 3px solid var(--assessment-primary);
    border-radius: 10px 0 0 0;
}

/* Decorative Dots */
#assessment_wrapper .assessment_img::after {
    content: "";
    position: absolute;
    right: 25px;
    bottom: 25px;

    width: 65px;
    height: 65px;

    opacity: 0.35;

    background-image: radial-gradient(
        var(--assessment-primary) 2px,
        transparent 2px
    );

    background-size: 12px 12px;
}

#assessment_wrapper .assessment_img img {
    position: relative;
    z-index: 2;

    display: block;
    width: auto;
    max-width: 100%;
    max-height: 365px;

    object-fit: contain;

    transition: transform 0.35s ease;
}

#assessment_wrapper .assessment_img:hover img {
    transform: translateY(-5px);
}


/* =========================================================
   RIGHT CONTENT
   ========================================================= */

#assessment_wrapper .course_certificate_content {
    position: relative;
    padding: 10px 0 10px 15px;
}

/* Small Label */
#assessment_wrapper .course_certificate_content::before {
    content: "Evaluate Your Learning";

    display: inline-flex;
    align-items: center;

    margin-bottom: 13px;
    padding: 7px 13px;

    background: var(--assessment-soft);
    border: 1px solid #2563eb3d;
    border-radius: 50px;

    color: var(--assessment-primary);

    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.3px;
}


/* =========================================================
   HEADING
   ========================================================= */

#assessment_wrapper .course_certificate_content h3 {
    position: relative;

    margin: 0 0 20px;
    padding-bottom: 18px;

    color: var(--assessment-text);

    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

/* Heading Underline */
#assessment_wrapper .course_certificate_content h3::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 52px;
    height: 3px;

    background: var(--assessment-primary);
    border-radius: 10px;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

#assessment_wrapper .course_certificate_content p {
    max-width: 600px;
    margin: 0 0 23px;

    color: var(--assessment-muted);

    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}


/* =========================================================
   FEATURES LIST
   ========================================================= */

#assessment_wrapper .course_certificate_content ul {
    display: flex;
    flex-direction: column;
    gap: 13px;

    margin: 0 0 28px;
    padding: 0;

    list-style: none;
}

#assessment_wrapper .course_certificate_content ul li {
    display: flex;
    align-items: flex-start;
    gap: 11px;

    margin: 0;

    color: #303030;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

/* Check Icon */
#assessment_wrapper .course_certificate_content ul li i {
    flex: 0 0 auto;

    margin-top: 3px;

    color: var(--assessment-primary);

    font-size: 17px;
}


/* =========================================================
   CTA BUTTON
   ========================================================= */

#assessment_wrapper .course_certificate_content > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    min-height: 48px;
    padding: 0 24px;

    background: var(--assessment-primary);
    border: 1px solid var(--assessment-primary);
    border-radius: 7px;

    color: #fff;
    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    box-shadow: 0 9px 20px rgb(37 99 235 / 18%);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

#assessment_wrapper .course_certificate_content > a i {
    font-size: 11px;

    transition: transform 0.25s ease;
}

#assessment_wrapper .course_certificate_content > a:hover {
    background: var(--assessment-primary-dark);
    border-color: var(--assessment-primary-dark);

    color: #fff;

    transform: translateY(-2px);

    box-shadow: 0 12px 27px rgba(187, 41, 41, 0.23);
}

#assessment_wrapper .course_certificate_content > a:hover i {
    transform: translateX(4px);
}

/* =========================================================
   CORPORATE TRAINING SECTION
   Parent: #course_corporate_wrap
   Theme: #2563eb
   Existing HTML - No changes required
   ========================================================= */

#course_corporate_wrap {
    --corp-primary: #2563eb;
    --corp-primary-dark: #941f1f;
    --corp-primary-soft: #eff6ff;
    --corp-text: #171717;
    --corp-muted: #626262;
    --corp-border: #eedede;

    position: relative;
    padding: 75px 0;
    background: #fff;
    overflow: hidden;
}

/* Soft background decoration */
#course_corporate_wrap::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -170px;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    background: rgb(60 102 193 / 6%);
}

#course_corporate_wrap::after {
    content: "";
    position: absolute;
    left: -120px;
    bottom: -150px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgb(60 102 193 / 6%);
}

#course_corporate_wrap .container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

#course_corporate_wrap .corporate_describe {
    padding: 15px 15px 15px 0;
}

/* Small Label */
#course_corporate_wrap .corporate_describe::before {
    content: "Enterprise Learning Solutions";

    display: inline-flex;
    align-items: center;

    margin-bottom: 14px;
    padding: 7px 14px;

    background: var(--corp-primary-soft);
    border: 1px solid #f1d7d7;
    border-radius: 50px;

    color: var(--corp-primary);

    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
}


/* Heading */

#course_corporate_wrap .corporate_describe h3 {
    position: relative;

    margin-bottom: 20px !important;
    padding-bottom: 17px;

    color: var(--corp-text);

    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.5px;
}

#course_corporate_wrap .corporate_describe h3::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 52px;
    height: 3px;

    background: var(--corp-primary);
    border-radius: 20px;
}


/* Description */

#course_corporate_wrap .corporate_describe > p {
    margin-bottom: 25px !important;

    color: var(--corp-muted);

    font-size: 15px;
    line-height: 1.75;
}


/* Divider */

#course_corporate_wrap .corporate_describe hr {
    margin: 25px 0 0;

    border: 0;
    border-top: 1px solid #e9e9e9;

    opacity: 1;
}


/* =========================================================
   CLIENT STATISTICS
   ========================================================= */

#course_corporate_wrap .corporate_describe > .row {
    margin-top: 23px !important;
    margin-bottom: 0;
}

#course_corporate_wrap .client_count,
#course_corporate_wrap .client_rating {
    min-height: 70px;

    color: #777;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}


/* Vertical divider */

#course_corporate_wrap .corporate_describe > .row .col-md-6:first-child {
    position: relative;
}

#course_corporate_wrap .corporate_describe > .row .col-md-6:first-child::after {
    content: "";

    position: absolute;
    top: 5px;
    right: 15px;

    width: 1px;
    height: 55px;

    background: #e8dddd;
}


/* Numbers */

#course_corporate_wrap .client_count span,
#course_corporate_wrap .client_rating span {
    margin-bottom: 4px;

    color: var(--corp-text);

    font-size: 20px;
    font-weight: 600;
}

#course_corporate_wrap .client_count strong {
    color: var(--corp-primary);

    font-size: 31px;
    font-weight: 700;
    line-height: 1;
}

#course_corporate_wrap .client_rating strong {
    margin-right: 8px;

    color: var(--corp-primary);

    font-size: 29px;
    font-weight: 700;
}


/* Rating Stars */

#course_corporate_wrap .client_rating i {
    margin-right: 2px;

    color: #f5a800;

    font-size: 13px;
}


/* =========================================================
   CLIENT LOGOS
   ========================================================= */

#course_corporate_wrap .corporate_client_logo {
    display: flex !important;
    align-items: center;

    width: 100%;

    margin-top: 18px !important;
    margin-bottom: 28px;

    padding: 13px 18px;

    background: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 10px;
}

#course_corporate_wrap .corporate_client_logo img {
    width: 25%;
    height: 35px;

    padding: 4px 13px !important;

    object-fit: contain;

    filter: grayscale(100%);
    opacity: .65;

    transition:
        filter .25s ease,
        opacity .25s ease,
        transform .25s ease;
}

#course_corporate_wrap .corporate_client_logo img:hover {
    filter: grayscale(0);
    opacity: 1;

    transform: translateY(-2px);
}


/* =========================================================
   EXPLORE MORE BUTTON
   ========================================================= */

#course_corporate_wrap .corporate_describe > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 0 24px;

    background: var(--corp-primary);
    border: 1px solid var(--corp-primary);
    border-radius: 7px;

    color: #fff;

    font-size: 14px;
    font-weight: 600;
    text-decoration: none;

    box-shadow: 0 8px 22px rgba(187, 41, 41, .16);

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

#course_corporate_wrap .corporate_describe > a i {
    font-size: 11px;

    transition: transform .25s ease;
}

#course_corporate_wrap .corporate_describe > a:hover {
    background: var(--corp-primary-dark);
    border-color: var(--corp-primary-dark);

    color: #fff;

    transform: translateY(-2px);

    box-shadow: 0 11px 26px rgba(187, 41, 41, .23);
}

#course_corporate_wrap .corporate_describe > a:hover i {
    transform: translateX(4px);
}


/* =========================================================
   RIGHT SIDE CARDS
   ========================================================= */

#course_corporate_wrap .course_corporate_training_card {
    position: relative;

    padding: 15px 0 0 35px;
}


/* Soft Red Background Shape */

#course_corporate_wrap .course_corporate_training_card::before {
    content: "";

    position: absolute;
    top: 65px;
    right: 0;

    width: 90%;
    height: calc(100% - 100px);

    background:
        linear-gradient(135deg, #2563eb0d 0%, #fff 100%);

    border-radius: 24px;

    z-index: -1;
}


/* Remove excessive Bootstrap spacing */

#course_corporate_wrap .course_corporate_training_card > .row {
    --bs-gutter-x: 22px;

    justify-content: center !important;
}


/* =========================================================
   INDIVIDUAL CARD
   ========================================================= */

#course_corporate_wrap .corporate_card {
    position: relative;

    height: 100%;
    min-height: 255px;

    padding: 28px 25px;

    background: #fff;

    border: 1px solid 2563eb3d;
    border-radius: 15px;

    box-shadow:
        0 12px 35px rgba(40, 20, 20, .06);

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


/* Red top line */

#course_corporate_wrap .corporate_card::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: var(--corp-primary);

    transition: width .3s ease;
}


/* Decorative Circle */

#course_corporate_wrap .corporate_card::after {
    content: "";

    position: absolute;
    top: -45px;
    right: -45px;

    width: 105px;
    height: 105px;

    background: var(--corp-primary-soft);

    border-radius: 50%;

    transition: transform .35s ease;
}


/* Hover */

#course_corporate_wrap .corporate_card:hover {
    border-color: #2564eb60;

    transform: translateY(-6px);

    box-shadow:
        0 18px 40px rgba(20, 24, 80, 0.1);
}

#course_corporate_wrap .corporate_card:hover::before {
    width: 100%;
}

#course_corporate_wrap .corporate_card:hover::after {
    transform: scale(1.2);
}


/* =========================================================
   CARD ICON
   ========================================================= */

#course_corporate_wrap .corporate_card > i {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    margin-bottom: 20px;

    background: var(--corp-primary-soft);
    border: 1px solid #f0d7d7;
    border-radius: 12px;

    color: var(--corp-primary);

    font-size: 21px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}

#course_corporate_wrap .corporate_card:hover > i {
    background: var(--corp-primary);
    color: #fff;

    transform: rotate(-5deg);
}


/* =========================================================
   CARD TITLE
   ========================================================= */

#course_corporate_wrap .corporate_card h4 {
    position: relative;
    z-index: 2;

    margin: 0 0 12px;

    color: var(--corp-text);

    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
}


/* =========================================================
   CARD DESCRIPTION
   ========================================================= */

#course_corporate_wrap .corporate_card p {
    position: relative;
    z-index: 2;

    color: #6a6a6a;

    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================================================
   COURSE CERTIFICATION SECTION
   Parent: #course_certification
   Theme Color: #2563eb
   ========================================================= */

#course_certification {
    --cert-primary: #2563eb;
    --cert-primary-dark: #0e42b1;
    --cert-soft: #f4f6fc;
    --cert-text: #171717;
    --cert-muted: #626262;
    --cert-border: #2563eb3d;

    position: relative;
    padding: 70px 0;
    background: #fff;
    overflow: hidden;
}

/* Soft background element */
#course_certification::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -140px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgb(60 102 193 / 6%);
    pointer-events: none;
}

#course_certification .container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   CERTIFICATE IMAGE AREA
   ========================================================= */

#course_certification .course_certificate_img {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 430px;
    padding: 40px;

    background:
        radial-gradient(circle at 85% 15%, rgb(37 99 235 / 11%), transparent 28%), linear-gradient(135deg, #2563eb03 0%, #ffffff 65%);

    border: 1px solid var(--cert-border);
    border-radius: 22px;

    box-shadow: 0 15px 45px rgba(48, 20, 20, 0.05);
}

/* Top-left decorative corner */
#course_certification .course_certificate_img::before {
    content: "";
    position: absolute;
    top: 22px;
    left: 22px;

    width: 65px;
    height: 65px;

    border-top: 3px solid var(--cert-primary);
    border-left: 3px solid var(--cert-primary);

    border-radius: 10px 0 0 0;
}

/* Decorative dotted pattern */
#course_certification .course_certificate_img::after {
    content: "";
    position: absolute;
    right: 25px;
    bottom: 25px;

    width: 70px;
    height: 70px;

    opacity: 0.3;

    background-image: radial-gradient(
        var(--cert-primary) 2px,
        transparent 2px
    );

    background-size: 12px 12px;
}


/* Main Certificate Image */

#course_certification .course_certificate_img > img {
    position: relative;
    z-index: 2;

    display: block;
    max-width: 100%;
    max-height: 345px;
    width: auto;

    object-fit: contain;

    filter: drop-shadow(0 15px 20px rgba(0, 0, 0, 0.08));

    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}

#course_certification .course_certificate_img:hover > img {
    transform: translateY(-5px);

    filter: drop-shadow(
        0 20px 25px rgba(0, 0, 0, 0.12)
    );
}


/* =========================================================
   ZOOM BUTTON
   ========================================================= */

#course_certification .certificate-zoom {
    position: absolute;
    z-index: 5;

    right: 25px;
    bottom: 25px;
}

#course_certification .certificate-zoom a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 42px;
    padding: 8px 15px;

    background: #fff;
    border: 1px solid var(--cert-border);
    border-radius: 7px;

    color: var(--cert-primary);
    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.07);

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

#course_certification .certificate-zoom a img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

#course_certification .certificate-zoom a:hover {
    background: var(--cert-primary);
    border-color: var(--cert-primary);
    color: #fff;

    transform: translateY(-2px);
}


/* =========================================================
   RIGHT CONTENT
   ========================================================= */

#course_certification .course_certificate_content {
    position: relative;
    padding: 10px 0 10px 15px;
}


/* Small label */

#course_certification .course_certificate_content::before {
    content: "Professional Certification";

    display: inline-flex;
    align-items: center;

    margin-bottom: 14px;
    padding: 7px 14px;

    background: var(--cert-soft);
    border: 1px solid #f1d8d8;
    border-radius: 50px;

    color: var(--cert-primary);

    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.3px;
}


/* =========================================================
   HEADING
   ========================================================= */

#course_certification .course_certificate_content h3 {
    position: relative;

    margin: 0 0 20px;
    padding-bottom: 18px;

    color: var(--cert-text);

    font-size: 31px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.5px;
}

/* Red underline */

#course_certification .course_certificate_content h3::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 52px;
    height: 3px;

    background: var(--cert-primary);
    border-radius: 10px;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

#course_certification .course_certificate_content p {
    margin: 0 0 23px;

    color: var(--cert-muted);

    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}


/* =========================================================
   CERTIFICATE FEATURES
   ========================================================= */

#course_certification .course_certificate_content ul {
    display: flex;
    flex-direction: column;
    gap: 13px;

    margin: 0 0 29px;
    padding: 0;

    list-style: none;
}

#course_certification .course_certificate_content ul li {
    display: flex;
    align-items: flex-start;
    gap: 11px;

    margin: 0;

    color: #303030;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

#course_certification .course_certificate_content ul li i {
    flex: 0 0 auto;

    margin-top: 3px;

    color: var(--cert-primary);

    font-size: 17px;
}


/* =========================================================
   REQUEST CERTIFICATE BUTTON
   ========================================================= */

#course_certification .course_certificate_content > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    min-height: 49px;
    padding: 0 25px;

    background: var(--cert-primary);
    border: 1px solid var(--cert-primary);
    border-radius: 7px;

    color: #fff;
    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    box-shadow:
        0 8px 22px rgb(37 99 235 / 18%);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

#course_certification .course_certificate_content > a i {
    font-size: 11px;

    transition: transform 0.25s ease;
}

#course_certification .course_certificate_content > a:hover {
    background: var(--cert-primary-dark);
    border-color: var(--cert-primary-dark);

    color: #fff;

    transform: translateY(-2px);

    box-shadow:
        0 12px 28px rgba(43, 41, 187, 0.24);
}

#course_certification .course_certificate_content > a:hover i {
    transform: translateX(4px);
}


/* =========================================================
   TRAINER PROFILE SECTION
   Parent: #trainer-profile
   Theme Color: #2563eb
   Existing HTML unchanged
   ========================================================= */

#trainer-profile {
    --trainer-primary: #2563eb;
    --trainer-primary-dark: #921f1f;
    --trainer-soft: #f4f6fc;
    --trainer-text: #171717;
    --trainer-muted: #626262;
    --trainer-border: #2563eb3d;

    position: relative;
    margin-top: 0 !important;
    padding: 65px 0 45px;
    background: #fff;
    overflow: hidden;
}

/* Soft background decoration */
#trainer-profile::before {
    content: "";
    position: absolute;
    top: -160px;
    right: -140px;

    width: 360px;
    height: 360px;

    border-radius: 50%;
    background: rgb(60 102 193 / 6%);
    pointer-events: none;
}

#trainer-profile .container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

#trainer-profile .head_content {
    max-width: 850px;
    margin: 0 auto 35px !important;
}

#trainer-profile .head_content::before {
    content: "Learn From Industry Experts";

    display: inline-flex;
    align-items: center;

    margin-bottom: 11px;
    padding: 7px 15px;

    background: var(--trainer-soft);
    border: 1px solid #2563eb3d;
    border-radius: 50px;

    color: var(--trainer-primary);

    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.3px;
}

#trainer-profile .head_content h2 {
    position: relative;

    margin: 0;
    padding-bottom: 16px;

    color: var(--trainer-text);

    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

/* Heading underline */
#trainer-profile .head_content h2::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 0;

    width: 52px;
    height: 3px;

    background: var(--trainer-primary);
    border-radius: 10px;

    transform: translateX(-50%);
}


/* =========================================================
   BOOTSTRAP ROW
   ========================================================= */

#trainer-profile .row {
    row-gap: 0;
}


/* =========================================================
   TRAINER CARDS
   ========================================================= */

#trainer-profile .corporate_card {
    position: relative;

    height: 100%;
    min-height: 215px;

    padding: 30px 27px 27px;

    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 14px;

    overflow: hidden;

    box-shadow:
        0 8px 30px rgba(30, 20, 20, 0.045);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* Red top line */
#trainer-profile .corporate_card::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--trainer-primary);

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.35s ease;
}


/* Soft circle decoration */
#trainer-profile .corporate_card::after {
    content: "";

    position: absolute;
    right: -35px;
    bottom: -40px;

    width: 115px;
    height: 115px;

    border-radius: 50%;

    background: rgb(60 102 193 / 6%);

    transition:
        width 0.35s ease,
        height 0.35s ease,
        background-color 0.35s ease;
}


/* Card hover */
#trainer-profile .corporate_card:hover {
    border-color: #efd2d2;

    transform: translateY(-6px);

    box-shadow:
        0 16px 38px rgba(70, 25, 25, 0.09);
}

#trainer-profile .corporate_card:hover::before {
    transform: scaleX(1);
}

#trainer-profile .corporate_card:hover::after {
    width: 135px;
    height: 135px;

    background: rgba(187, 41, 41, 0.055);
}


/* =========================================================
   CARD ICON
   Icons created through CSS + Font Awesome
   ========================================================= */

#trainer-profile .corporate_card h4::before {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    margin-bottom: 20px;

    background: var(--trainer-soft);
    border: 1px solid #f3dddd;
    border-radius: 10px;

    color: var(--trainer-primary);

    font-family: "Font Awesome 6 Free";
    font-size: 19px;
    font-weight: 900;

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


/* Different Icon For Each Card */

/* Experienced */
#trainer-profile .ccd2 h4::before {
    content: "\f017";
}

/* Professionals Trained */
#trainer-profile .ccd3 h4::before {
    content: "\f0c0";
}

/* Certified Experts */
#trainer-profile .ccd4 h4::before {
    content: "\f559";
}

/* Hands-on Learning */
#trainer-profile .ccd5 h4::before {
    content: "\f0b1";
}

/* Certification Guidance */
#trainer-profile .ccd6 h4::before {
    content: "\f5a2";
}

/* Customized Training */
#trainer-profile .ccd1 h4::before {
    content: "\f085";
}


/* Icon Hover */

#trainer-profile .corporate_card:hover h4::before {
    background: var(--trainer-primary);
    border-color: var(--trainer-primary);

    color: #fff;

    transform: translateY(-2px);
}


/* =========================================================
   CARD TITLE
   ========================================================= */

#trainer-profile .corporate_card h4 {
    position: relative;
    z-index: 2;

    margin: 0 0 12px;

    color: var(--trainer-text);

    font-size: 18px;
    font-weight: 650;
    line-height: 1.4;

    transition: color 0.25s ease;
}

#trainer-profile .corporate_card:hover h4 {
    color: var(--trainer-primary);
}


/* =========================================================
   CARD DESCRIPTION
   ========================================================= */

#trainer-profile .corporate_card p {
    position: relative;
    z-index: 2;

    margin: 0 !important;

    color: var(--trainer-muted);

    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

/* =========================================================
   COURSE FAQ SECTION
   Parent: #faq_wrapper
   Theme Color: #2563eb
   ========================================================= */

#faq_wrapper {
    --faq-primary: #2563eb;
    --faq-primary-dark: #134cc5;
    --faq-soft: #fff6f6;
    --faq-text: #171717;
    --faq-muted: #606060;
    --faq-border: #eadede;

    position: relative;
    padding: 65px 0 70px;
    background: #fff;
    overflow: hidden;
}

/* Override existing mt-5 spacing */
#faq_wrapper.mt-5 {
    margin-top: 0 !important;
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

#faq_wrapper .head_content {
    position: relative;
    max-width: 760px;
    margin: 0 auto 35px !important;
}

#faq_wrapper .head_content::before {
    content: "Frequently Asked Questions";

    display: inline-flex;
    align-items: center;

    margin-bottom: 12px;
    padding: 7px 14px;

    background: var(--faq-soft);
    border: 1px solid #f0d8d8;
    border-radius: 50px;

    color: var(--faq-primary);

    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.3px;
}

#faq_wrapper .head_content h2 {
    position: relative;

    margin: 0;
    padding-bottom: 17px;

    color: var(--faq-text);

    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

/* Small heading line */
#faq_wrapper .head_content h2::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 0;

    width: 55px;
    height: 3px;

    background: var(--faq-primary);
    border-radius: 20px;

    transform: translateX(-50%);
}


/* =========================================================
   FAQ WIDTH
   ========================================================= */

#faq_wrapper .accordion {
    max-width: 980px;
    margin: 0 auto;
}


/* =========================================================
   ACCORDION ITEM
   ========================================================= */

#faq_wrapper .accordion-item {
    position: relative;

    margin-bottom: 13px;

    background: #fff;
    border: 1px solid #ece5e5 !important;
    border-radius: 10px !important;

    overflow: hidden;

    box-shadow: 0 5px 20px rgba(35, 20, 20, 0.035);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

#faq_wrapper .accordion-item:last-child {
    margin-bottom: 0;
}

#faq_wrapper .accordion-item:hover {
    border-color: #e5c5c5 !important;

    box-shadow: 0 9px 28px rgba(50, 20, 20, 0.06);

    transform: translateY(-1px);
}


/* =========================================================
   QUESTION BUTTON
   ========================================================= */

#faq_wrapper .accordion-button {
    position: relative;

    min-height: 67px;
    padding: 19px 65px 19px 24px;

    background: #fff;

    color: var(--faq-text);

    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;

    box-shadow: none !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}


/* Active/Open Question */
#faq_wrapper .accordion-button:not(.collapsed) {
    background: var(--faq-soft);
    color: var(--faq-primary);

    box-shadow: none;
}


/* Remove Bootstrap default arrow */
#faq_wrapper .accordion-button::after {
    display: none;
}


/* =========================================================
   CUSTOM PLUS / MINUS ICON
   ========================================================= */

#faq_wrapper .accordion-button::before {
    content: "+";

    position: absolute;
    top: 50%;
    right: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    background: #fff;
    border: 1px solid #ead5d5;
    border-radius: 50%;

    color: var(--faq-primary);

    font-size: 21px;
    font-weight: 400;
    line-height: 1;

    transform: translateY(-50%);

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}


/* Minus when FAQ is open */
#faq_wrapper .accordion-button:not(.collapsed)::before {
    content: "−";

    background: var(--faq-primary);
    border-color: var(--faq-primary);

    color: #fff;
}


/* =========================================================
   LEFT ACTIVE INDICATOR
   ========================================================= */

#faq_wrapper .accordion-button:not(.collapsed)::after {
    content: "";

    display: block;

    position: absolute;
    top: 17px;
    bottom: 17px;
    left: 0;

    width: 3px;
    height: auto;

    background-image: none;
    background-color: var(--faq-primary);

    border-radius: 0 5px 5px 0;

    transform: none;
}


/* =========================================================
   FAQ ANSWER
   ========================================================= */

#faq_wrapper .accordion-collapse {
    background: #fff;
}

#faq_wrapper .accordion-body {
    position: relative;

    padding: 4px 65px 23px 24px;

    color: var(--faq-muted);
    background: #fdf3f3;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
}


/* Paragraphs inside dynamic FAQ content */
#faq_wrapper .accordion-body p {
    margin: 0 0 10px;

    color: var(--faq-muted);

    font-size: inherit;
    line-height: inherit;
}

#faq_wrapper .accordion-body p:last-child {
    margin-bottom: 0;
}


/* Dynamic UL */
#faq_wrapper .accordion-body ul {
    margin: 12px 0 0;
    padding-left: 0;

    list-style: none;
}

#faq_wrapper .accordion-body ul li {
    position: relative;

    margin-bottom: 8px;
    padding-left: 21px;

    color: var(--faq-muted);

    line-height: 1.6;
}

#faq_wrapper .accordion-body ul li::before {
    content: "";

    position: absolute;
    top: 9px;
    left: 2px;

    width: 6px;
    height: 6px;

    background: var(--faq-primary);
    border-radius: 50%;
}


/* Links inside answers */
#faq_wrapper .accordion-body a {
    color: var(--faq-primary);
    font-weight: 500;
    text-decoration: none;
}

#faq_wrapper .accordion-body a:hover {
    color: var(--faq-primary-dark);
    text-decoration: underline;
}


/* =========================================================
   FOCUS STATE
   ========================================================= */

#faq_wrapper .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
    outline: none;
}


/* =========================================================
   OPTIONAL SUBTLE BACKGROUND DECORATION
   ========================================================= */

#faq_wrapper::before {
    content: "";

    position: absolute;
    top: -160px;
    left: -170px;

    width: 350px;
    height: 350px;

    background: rgb(60 102 193 / 6%);
    border-radius: 50%;

    pointer-events: none;
}

#faq_wrapper::after {
    content: "";

    position: absolute;
    right: -100px;
    bottom: -140px;

    width: 300px;
    height: 300px;

    background: rgb(60 102 193 / 6%);
    border-radius: 50%;

    pointer-events: none;
}

#faq_wrapper .container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   RELATED COURSE SECTION
   Parent: #related_course_slider
   Theme: #2563eb
   ========================================================= */

#related_course_slider {
    --rc-primary: #2563eb;
    --rc-primary-dark: #134cc5;
    --rc-soft: #f4f6fc;
    --rc-text: #171717;
    --rc-muted: #666;
    --rc-border: #eee5e5;

    position: relative;
    background: #fff;
    overflow: hidden;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

#related_course_slider .head_content {
    position: relative;
    margin-bottom: 8px;
}

#related_course_slider .head_content h2 {
    position: relative;
    display: inline-block;

    margin: 0;
    padding-bottom: 13px;

    color: var(--rc-text);

    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.4px;
}

#related_course_slider .head_content h2::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 48px;
    height: 3px;

    background: var(--rc-primary);
    border-radius: 10px;
}


/* =========================================================
   BOOTSTRAP ROW
   ========================================================= */

#related_course_slider .row {
    row-gap: 24px;
}

#related_course_slider .row > [class*="col-"] {
    display: flex;
}


/* =========================================================
   COURSE CARD
   ========================================================= */

#related_course_slider .rel_card {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    min-height: 205px;
    padding: 25px 22px 20px;

    background: #fff;

    border: 1px solid var(--rc-border);
    border-radius: 14px;

    box-shadow:
        0 8px 30px rgba(33, 18, 18, 0.055);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* Top accent */

#related_course_slider .rel_card::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: var(--rc-primary);
}


/* Soft decorative circle */

#related_course_slider .rel_card::after {
    content: "";

    position: absolute;
    top: -55px;
    right: -55px;

    width: 120px;
    height: 120px;

    border-radius: 50%;

    background: rgba(187, 41, 41, 0.045);

    transition:
        width 0.3s ease,
        height 0.3s ease,
        background-color 0.3s ease;
}


/* Hover */

#related_course_slider .rel_card:hover {
    transform: translateY(-6px);

    border-color: #e6cccc;

    box-shadow:
        0 16px 38px rgba(40, 20, 20, 0.10);
}

#related_course_slider .rel_card:hover::after {
    width: 145px;
    height: 145px;

    background: rgba(187, 41, 41, 0.065);
}


/* =========================================================
   COURSE TITLE
   ========================================================= */

#related_course_slider .rel_card h3 {
    position: relative;
    z-index: 2;

    margin: 0;
    padding-right: 10px;

    color: var(--rc-text);

    font-size: 18px;
    font-weight: 650;
    line-height: 1.45;

    transition: color 0.25s ease;
}

#related_course_slider .rel_card:hover h3 {
    color: var(--rc-primary);
}


/* =========================================================
   BOTTOM CONTENT
   ========================================================= */

#related_course_slider .rel_ccp {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
}


/* Override mt-4 slightly */

#related_course_slider .rel_inter_details {
    position: relative;

    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-top: 28px !important;
    padding-top: 18px;

    border-top: 1px solid #f0e7e7;
}


/* =========================================================
   VIEW DETAILS
   ========================================================= */

#related_course_slider .rel_learners {
    flex: 1;
}

#related_course_slider .rel_learners a {
    position: relative;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #333;
    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    transition: color 0.25s ease;
}


/* Arrow */

#related_course_slider .rel_learners a::after {
    content: "\f061";

    font-family: "Font Awesome 6 Free";
    font-size: 10px;
    font-weight: 900;

    color: var(--rc-primary);

    transition: transform 0.25s ease;
}

#related_course_slider .rel_learners a:hover {
    color: var(--rc-primary);
}

#related_course_slider .rel_learners a:hover::after {
    transform: translateX(4px);
}


/* =========================================================
   ENQUIRE NOW
   ========================================================= */

#related_course_slider .rel_redirect {
    flex-shrink: 0;
}

#related_course_slider .rel_redirect a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;
    padding: 0 15px;

    background: var(--rc-soft);

    border: 1px solid #f0d3d3;
    border-radius: 6px;

    color: var(--rc-primary);
    text-decoration: none;

    font-size: 12px;
    font-weight: 600;

    white-space: nowrap;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

#related_course_slider .rel_redirect a:hover {
    background: var(--rc-primary);
    border-color: var(--rc-primary);

    color: #fff;

    transform: translateY(-2px);
}


/* =========================================================
   CARD HOVER - BUTTON EFFECT
   ========================================================= */

#related_course_slider .rel_card:hover .rel_redirect a {
    border-color: rgba(187, 41, 41, 0.3);
}

/* =========================================================
   GOOGLE REVIEW STYLE TESTIMONIAL CARDS
   Parent: #testimonial_slider
   Theme: #2563eb
   ========================================================= */

#testimonial_slider {
    --review-primary: #2563eb;
    --review-text: #202124;
    --review-muted: #5f6368;
    --review-border: #e3e6ea;
    --review-star: #fbbc04;
    --review-bg: #ffffff;

    padding: 65px 0;
    background: #fafafa;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

#testimonial_slider .testimonial_content {
    padding-right: 30px;
}

#testimonial_slider .testimonial_content h3 {
    margin: 0 0 15px;

    color: #171717;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
}

#testimonial_slider .testimonial_content p {
    color: #666;
    font-size: 15px;
    line-height: 1.75;
}

#testimonial_slider .testimonial_content > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    margin-top: 8px;

    color: var(--review-primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

#testimonial_slider .testimonial_content > a i {
    font-size: 11px;
    transition: transform .25s ease;
}

#testimonial_slider .testimonial_content > a:hover i {
    transform: translateX(4px);
}


/* =========================================================
   CAROUSEL ITEM LAYOUT
   ========================================================= */

#testimonial_slider #recipeCarousel .carousel-item {
    gap: 18px;
}

#testimonial_slider #recipeCarousel .carousel-item.active,
#testimonial_slider #recipeCarousel .carousel-item-next,
#testimonial_slider #recipeCarousel .carousel-item-prev {
    display: flex;
}

#testimonial_slider #recipeCarousel .carousel-item > .col-md-4 {
    padding: 0 9px;
}


/* =========================================================
   REVIEW CARD
   ========================================================= */

#testimonial_slider .card {
    position: relative;

    height: 100%;
    min-height: 250px;

    padding: 22px;

    background: var(--review-bg);
    border: 1px solid var(--review-border);
    border-radius: 12px;

    box-shadow: 0 3px 12px rgba(60, 64, 67, 0.08);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

#testimonial_slider .card:hover {
    transform: translateY(-3px);

    border-color: #d8dadd;

    box-shadow: 0 8px 24px rgba(60, 64, 67, 0.12);
}


/* Google G Style Indicator */

#testimonial_slider .card::after {
    content: "G";

    position: absolute;
    top: 20px;
    right: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 50%;

    background:
        conic-gradient(
            #4285f4 0deg 90deg,
            #34a853 90deg 180deg,
            #fbbc05 180deg 270deg,
            #ea4335 270deg 360deg
        );

    color: #fff;
    font-size: 15px;
    font-weight: 700;
    font-family: Arial, sans-serif;

    box-shadow: inset 0 0 0 6px #fff;
}


/* =========================================================
   USER HEADER
   ========================================================= */

#testimonial_slider .testimonial_name_icon {
    padding-right: 35px;
}


/* Initial Avatar */

#testimonial_slider .testimonial_name_icon > span {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    margin-right: 12px;

    border-radius: 50%;

    background: var(--review-primary);

    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;

    box-shadow: none;
}


/* Reviewer name */

#testimonial_slider .testimonial_name_icon > p {
    color: var(--review-text);

    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}


/* Stars */

#testimonial_slider .testimonial_name_icon i.fa-star {
    color: var(--review-star);

    font-size: 12px;
    margin-right: 1px;
}


/* =========================================================
   REVIEW TEXT
   ========================================================= */

#testimonial_slider .card > p.mt-4 {
    position: relative;

    margin-top: 18px !important;
    margin-bottom: 0;

    color: var(--review-muted);

    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.65;
}


/* Optional small verified line */

#testimonial_slider .card > p.mt-4::before {
    content: "Google Review";

    display: block;
    margin-bottom: 10px;

    color: #80868b;

    font-size: 11px;
    font-weight: 500;
}


/* Read More */

#testimonial_slider .card > p.mt-4 a {
    color: var(--review-text);

    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

#testimonial_slider .card > p.mt-4 a:hover {
    color: var(--review-primary);
}


/* =========================================================
   NAVIGATION BUTTONS
   ========================================================= */

#testimonial_slider .prev_next_btn {
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px !important;
}

#testimonial_slider .prev_next_btn .carousel-control-prev,
#testimonial_slider .prev_next_btn .carousel-control-next {
    position: relative;

    top: auto;
    right: auto;
    bottom: auto;
    left: auto;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px !important;
    height: 42px;

    opacity: 1;

    background: #fff !important;
    border: 1px solid var(--review-border);
    border-radius: 50%;

    box-shadow: 0 4px 12px rgba(60, 64, 67, 0.08);

    transition:
        background-color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

#testimonial_slider .prev_next_btn .carousel-control-prev:hover,
#testimonial_slider .prev_next_btn .carousel-control-next:hover {
    background: var(--review-primary) !important;
    border-color: var(--review-primary);

    transform: translateY(-2px);
}


/* Remove Bootstrap default icons */

#testimonial_slider .carousel-control-prev-icon,
#testimonial_slider .carousel-control-next-icon {
    width: auto;
    height: auto;

    background-image: none;
}

#testimonial_slider .carousel-control-prev-icon::before {
    content: "\f053";

    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;

    color: #444;
}

#testimonial_slider .carousel-control-next-icon::before {
    content: "\f054";

    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;

    color: #444;
}

#testimonial_slider .prev_next_btn a:hover .carousel-control-prev-icon::before,
#testimonial_slider .prev_next_btn a:hover .carousel-control-next-icon::before {
    color: #fff;
}


/* =========================================================
   COURSE RELATED ARTICLES
   Theme: #2563eb
   ========================================================= */

#course_related_articles {
    --article-primary: #2563eb;
    --article-primary-dark: #1049c5;
    --article-soft: #f4f6fc;
    --article-text: #181818;
    --article-muted: #666;
    --article-border: #ececec;

    position: relative;

    padding: 75px 0;

    background:
        linear-gradient(
            180deg,
            #fff 0%,
            #f8fafc 100%
        );

    overflow: hidden;
}


/* Background decoration */
#course_related_articles::before {
    content: "";

    position: absolute;
    top: -160px;
    right: -130px;

    width: 360px;
    height: 360px;

    border-radius: 50%;

    background: rgb(60 102 193 / 6%);
}

#course_related_articles .container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

#course_related_articles .related_articles_heading {
    max-width: 720px;

    margin: 0 auto 42px;
}

#course_related_articles .section_badge {
    display: inline-flex;
    align-items: center;

    margin-bottom: 13px;
    padding: 7px 15px;

    background: var(--article-soft);
    border: 1px solid #2563eb3d;
    border-radius: 50px;

    color: var(--article-primary);

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

#course_related_articles .related_articles_heading h2 {
    margin: 0 0 13px;

    color: var(--article-text);

    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

#course_related_articles .related_articles_heading p {
    margin: 0;

    color: var(--article-muted);

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   ARTICLE CARD
   ========================================================= */

#course_related_articles .article_card {
    height: 100%;

    overflow: hidden;

    background: #fff;

    border: 1px solid var(--article-border);
    border-radius: 15px;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.045);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

#course_related_articles .article_card:hover {
    transform: translateY(-7px);

    border-color: #f0d2d2;

    box-shadow:
        0 18px 38px rgba(38, 20, 20, 0.09);
}


/* =========================================================
   ARTICLE IMAGE
   ========================================================= */

#course_related_articles .article_img {
    position: relative;

    height: 190px;

    overflow: hidden;

    background: #f3f3f3;
}

#course_related_articles .article_img > a {
    display: block;

    width: 100%;
    height: 100%;
}

#course_related_articles .article_img img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.4s ease;
}

#course_related_articles .article_card:hover .article_img img {
    transform: scale(1.055);
}


/* Category Badge */

#course_related_articles .article_category {
    position: absolute;

    left: 15px;
    bottom: 15px;

    display: inline-flex;
    align-items: center;

    padding: 6px 11px;

    background: var(--article-primary);

    border-radius: 5px;

    color: #fff;

    font-size: 11px;
    font-weight: 600;

    box-shadow:
        0 5px 12px rgb(19 76 197 / 30%);
}


/* =========================================================
   ARTICLE CONTENT
   ========================================================= */

#course_related_articles .article_content {
    display: flex;
    flex-direction: column;

    height: calc(100% - 190px);

    padding: 20px;
}


/* =========================================================
   META
   ========================================================= */

#course_related_articles .article_meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    margin-bottom: 13px;
}

#course_related_articles .article_meta span {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #888;

    font-size: 11px;
    font-weight: 500;
}

#course_related_articles .article_meta i {
    color: var(--article-primary);

    font-size: 11px;
}


/* =========================================================
   ARTICLE TITLE
   ========================================================= */

#course_related_articles .article_content h3 {
    margin: 0 0 11px;

    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

#course_related_articles .article_content h3 a {
    display: -webkit-box;

    overflow: hidden;

    color: var(--article-text);

    text-decoration: none;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    transition: color 0.25s ease;
}

#course_related_articles .article_content h3 a:hover {
    color: var(--article-primary);
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

#course_related_articles .article_content p {
    display: -webkit-box;

    overflow: hidden;

    margin: 0 0 19px;

    color: var(--article-muted);

    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* =========================================================
   READ MORE
   ========================================================= */

#course_related_articles .article_read_more {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    width: fit-content;

    margin-top: auto;

    color: var(--article-primary);

    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    transition:
        color 0.25s ease,
        gap 0.25s ease;
}

#course_related_articles .article_read_more i {
    font-size: 11px;

    transition: transform 0.25s ease;
}

#course_related_articles .article_read_more:hover {
    color: var(--article-primary-dark);

    gap: 10px;
}

#course_related_articles .article_read_more:hover i {
    transform: translateX(3px);
}


/* =========================================================
   VIEW ALL BUTTON
   ========================================================= */

#course_related_articles .related_articles_btn {
    margin-top: 38px;
}

#course_related_articles .related_articles_btn > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 48px;

    padding: 0 24px;

    background: var(--article-primary);

    border: 1px solid var(--article-primary);
    border-radius: 7px;

    color: #fff;

    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    box-shadow:
        0 9px 20px rgb(37 99 235 / 18%);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

#course_related_articles .related_articles_btn > a i {
    font-size: 11px;

    transition: transform 0.25s ease;
}

#course_related_articles .related_articles_btn > a:hover {
    background: var(--article-primary-dark);

    border-color: var(--article-primary-dark);

    color: #fff;

    transform: translateY(-2px);

    box-shadow:
        0 12px 28px rgba(41, 51, 187, 0.24);
}

#course_related_articles .related_articles_btn > a:hover i {
    transform: translateX(4px);
}

/* =========================================================
   TRENDING COURSES SLIDER
   Theme Color: #2563eb
   ========================================================= */

#trending_courses {
    --tc-primary: #2563eb;
    --tc-primary-dark: #982020;
    --tc-soft: #f4f6fc;
    --tc-text: #171717;
    --tc-muted: #777;
    --tc-border: #efdede;

    position: relative;

    padding: 65px 0;

    background: #fff;

    overflow: hidden;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

#trending_courses .trending_course_header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 25px;

    margin-bottom: 30px;
}


/* Small upper text */

#trending_courses .trending_title > span {
    display: inline-block;

    margin-bottom: 6px;

    color: var(--tc-primary);

    font-size: 12px;
    font-weight: 600;

    letter-spacing: 0.4px;
}


/* Main heading */

#trending_courses .trending_title h2 {
    position: relative;

    margin: 0;
    padding-bottom: 15px;

    color: var(--tc-text);

    font-size: 29px;
    font-weight: 700;

    line-height: 1.2;
}


/* Red underline */

#trending_courses .trending_title h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 43px;
    height: 3px;

    background: var(--tc-primary);

    border-radius: 10px;
}


/* =========================================================
   SLIDER ARROWS
   ========================================================= */

#trending_courses .trending_slider_nav {
    display: flex;
    align-items: center;

    gap: 9px;
}

#trending_courses .trending_slider_nav button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 0;

    background: #fff;

    border: 1px solid var(--tc-border);
    border-radius: 50%;

    color: var(--tc-primary);

    font-size: 13px;

    cursor: pointer;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.04);

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

#trending_courses .trending_slider_nav button:hover {
    background: var(--tc-primary);

    border-color: var(--tc-primary);

    color: #fff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgb(19 76 202 / 27%);
}


/* =========================================================
   SLIDER
   ========================================================= */

#trending_courses .trending_slider_wrapper {
    width: 100%;

    overflow: hidden;
}

#trending_courses .trending_slider {
    display: flex;

    gap: 20px;

    width: 100%;

    overflow-x: auto;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;

    padding: 3px 2px 22px;
}

#trending_courses .trending_slider::-webkit-scrollbar {
    display: none;
}


/* =========================================================
   SLIDE WIDTH
   4 Cards Desktop
   ========================================================= */

#trending_courses .trending_slide {
    flex:
        0 0
        calc((100% - 60px) / 4);

    min-width: 0;

    scroll-snap-align: start;
}


/* =========================================================
   COURSE CARD
   ========================================================= */

#trending_courses .trending_course_card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 225px;
    height: 100%;

    padding: 22px 20px 19px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 70%,
            #fff8f8 100%
        );

    border: 1px solid var(--tc-border);

    border-top: 4px solid var(--tc-primary);

    border-radius: 13px;

    box-shadow:
        0 10px 27px rgba(30, 20, 20, 0.05);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}


/* Decorative shape similar to your reference */

#trending_courses .trending_course_card::before {
    content: "";

    position: absolute;

    width: 85px;
    height: 85px;

    top: -35px;
    right: -32px;

    background: var(--tc-soft);

    border-radius: 50%;

    pointer-events: none;
}


/* second decoration */

#trending_courses .trending_course_card::after {
    content: "";

    position: absolute;

    width: 55px;
    height: 55px;

    right: -30px;
    bottom: -30px;

    border: 1px solid rgba(187, 41, 41, 0.08);

    border-radius: 50%;
}


/* Card hover */

#trending_courses .trending_course_card:hover {
    transform: translateY(-6px);

    border-color: #e6caca;
    border-top-color: var(--tc-primary);

    box-shadow:
        0 17px 36px rgba(30, 20, 20, 0.09);
}


/* =========================================================
   TRENDING BADGE
   ========================================================= */

#trending_courses .trending_badge {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;

    gap: 6px;

    width: fit-content;

    margin-bottom: 13px;
    padding: 5px 10px;

    background: var(--tc-soft);

    border-radius: 50px;

    color: var(--tc-primary);

    font-size: 10px;
    font-weight: 600;
}

#trending_courses .trending_badge i {
    font-size: 10px;
}


/* =========================================================
   COURSE NAME
   ========================================================= */

#trending_courses .trending_course_card h3 {
    position: relative;
    z-index: 2;

    display: -webkit-box;

    min-height: 51px;

    margin: 0 0 16px;

    overflow: hidden;

    color: var(--tc-text);

    font-size: 17px;
    font-weight: 700;

    line-height: 1.45;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* =========================================================
   COURSE INFO
   ========================================================= */

#trending_courses .trending_course_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 15px;

    margin-bottom: 18px;
}

#trending_courses .trending_course_info span {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: var(--tc-muted);

    font-size: 11px;
    font-weight: 500;
}

#trending_courses .trending_course_info i {
    color: var(--tc-primary);

    font-size: 11px;
}

#trending_courses .trending_course_info .fa-star {
    color: #ffad00;
}


/* =========================================================
   CARD FOOTER
   ========================================================= */

#trending_courses .trending_course_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-top: auto;

    padding-top: 16px;

    border-top: 1px solid #ece4e4;
}


/* View Details */

#trending_courses .view_course {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: var(--tc-primary);

    text-decoration: none;

    font-size: 12px;
    font-weight: 600;

    transition:
        gap 0.25s ease,
        color 0.25s ease;
}

#trending_courses .view_course i {
    font-size: 10px;

    transition: transform 0.25s ease;
}

#trending_courses .view_course:hover {
    color: var(--tc-primary-dark);

    gap: 9px;
}

#trending_courses .view_course:hover i {
    transform: translateX(3px);
}


/* Enquire button */

#trending_courses .enquire_course {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 35px;

    padding: 0 14px;

    background: #fff8f8;

    border: 1px solid #eccaca;

    border-radius: 6px;

    color: var(--tc-primary);

    text-decoration: none;

    font-size: 11px;
    font-weight: 600;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}

#trending_courses .enquire_course:hover {
    background: var(--tc-primary);

    border-color: var(--tc-primary);

    color: #fff;
}

/* =========================================================
   COURSE LOCATIONS SECTION
   Theme: #2563eb
   Parent: #course_locations
   ========================================================= */

#course_locations {
    --loc-primary: #2563eb;
    --loc-primary-dark: #941f1f;
    --loc-soft: #eff6ff;
    --loc-text: #171717;
    --loc-muted: #656565;
    --loc-border: #ecdada;

    position: relative;
    padding: 65px 0;

    background: #fff;
}


/* =========================================================
   MAIN WRAPPER
   ========================================================= */

#course_locations .course_locations_wrap {
    position: relative;

    padding: 42px 45px;

    overflow: hidden;

    background:
        linear-gradient(
            110deg,
            #ffffff 0%,
            #ffffff 62%,
            #fff7f7 100%
        );

    border: 1px solid #eeeeee;
    border-radius: 20px;

    box-shadow:
        0 14px 40px rgba(20, 20, 20, 0.055);
}


/* Decorative Background */

#course_locations .course_locations_wrap::before {
    content: "";

    position: absolute;
    top: -90px;
    right: -80px;

    width: 270px;
    height: 270px;

    background: rgba(187, 41, 41, 0.04);

    border-radius: 50%;

    pointer-events: none;
}

#course_locations .course_locations_wrap::after {
    content: "";

    position: absolute;
    right: 30%;
    bottom: -130px;

    width: 220px;
    height: 220px;

    border: 1px solid rgba(187, 41, 41, 0.06);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

#course_locations .course_locations_content {
    position: relative;
    z-index: 2;

    max-width: 820px;
}


/* Badge */

#course_locations .location_badge {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-bottom: 14px;
    padding: 7px 14px;

    background: var(--loc-soft);

    border: 1px solid var(--loc-border);
    border-radius: 50px;

    color: var(--loc-primary);

    font-size: 12px;
    font-weight: 600;
}

#course_locations .location_badge i {
    font-size: 12px;
}


/* =========================================================
   HEADING
   ========================================================= */

#course_locations .course_locations_content h2 {
    position: relative;

    margin: 0 0 18px;
    padding-bottom: 16px;

    color: var(--loc-text);

    font-size: 30px;
    font-weight: 700;

    line-height: 1.3;
    letter-spacing: -0.4px;
}

#course_locations .course_locations_content h2::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 50px;
    height: 3px;

    background: var(--loc-primary);

    border-radius: 10px;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

#course_locations .course_locations_content p {
    max-width: 760px;

    margin: 0 0 24px;

    color: var(--loc-muted);

    font-size: 14px;
    font-weight: 400;

    line-height: 1.8;
}


/* =========================================================
   LOCATION BUTTONS
   ========================================================= */

#course_locations .location_list {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;
}

#course_locations .location_list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 37px;

    padding: 0 15px;

    background: #fff;

    border: 1px solid #e7dede;
    border-radius: 7px;

    color: #444;

    text-decoration: none;

    font-size: 13px;
    font-weight: 500;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

#course_locations .location_list a::before {
    content: "\f3c5";

    margin-right: 6px;

    color: var(--loc-primary);

    font-family: "Font Awesome 6 Free";
    font-size: 10px;
    font-weight: 900;

    opacity: 0;

    width: 0;

    transition:
        opacity 0.25s ease,
        width 0.25s ease;
}

#course_locations .location_list a:hover {
    background: var(--loc-primary);

    border-color: var(--loc-primary);

    color: #fff;

    transform: translateY(-2px);

    box-shadow:
        0 7px 16px rgba(187, 41, 41, 0.14);
}

#course_locations .location_list a:hover::before {
    width: 11px;

    color: #fff;

    opacity: 1;
}


/* =========================================================
   RIGHT VISUAL
   ========================================================= */

#course_locations .course_locations_visual {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 245px;

    margin-left: 20px;

    background:
        radial-gradient(
            circle,
            rgba(187, 41, 41, 0.08) 0%,
            rgb(60 102 193 / 6%) 50%,
            transparent 72%
        );

    border-radius: 50%;
}


/* Large Globe */

#course_locations .location_globe {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 118px;
    height: 118px;

    background: #fff;

    border: 1px solid var(--loc-border);
    border-radius: 50%;

    color: var(--loc-primary);

    font-size: 58px;

    box-shadow:
        0 12px 35px rgb(37 99 235 / 34%);
}


/* Location Pins */

#course_locations .location_pin {
    position: absolute;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    background: var(--loc-primary);

    border: 4px solid #fff;
    border-radius: 50%;

    color: #fff;

    font-size: 14px;

    box-shadow:
        0 8px 18px rgba(187, 41, 41, 0.2);
}

#course_locations .pin_1 {
    top: 25px;
    left: 24%;
}

#course_locations .pin_2 {
    top: 62px;
    right: 15%;
}

#course_locations .pin_3 {
    bottom: 56px;
    left: 17%;
}


/* =========================================================
   SMALL TEXT BELOW VISUAL
   ========================================================= */

#course_locations .location_visual_text {
    position: absolute;

    bottom: 3px;
    left: 50%;

    display: flex;
    flex-direction: column;

    width: 100%;

    text-align: center;

    transform: translateX(-50%);
}

#course_locations .location_visual_text strong {
    margin-bottom: 2px;

    color: var(--loc-text);

    font-size: 14px;
    font-weight: 700;
}

#course_locations .location_visual_text span {
    color: #777;

    font-size: 11px;
}


/* =========================================================
   PROFESSIONAL GROWTH / CAREER BENEFITS
   Theme: #2563eb
   Parent: #career_benefits
   ========================================================= */

#career_benefits {
    --cb-primary: #2563eb;
    --cb-primary-dark: #952020;
    --cb-soft: #f4f6fc;
    --cb-text: #181818;
    --cb-muted: #666;
    --cb-border: #eee1e1;

    position: relative;
    padding: 70px 0;

    background: #fff;
    overflow: hidden;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

#career_benefits .career_benefits_heading {
    max-width: 780px;
    margin: 0 auto 40px;
}

#career_benefits .career_benefits_heading > span {
    display: inline-flex;
    align-items: center;

    margin-bottom: 10px;
    padding: 7px 14px;

    background: var(--cb-soft);
    border: 1px solid #2563eb3d;
    border-radius: 30px;

    color: var(--cb-primary);

    font-size: 12px;
    font-weight: 600;
}

#career_benefits .career_benefits_heading h2 {
    position: relative;

    margin: 0 0 14px;
    padding-bottom: 17px;

    color: var(--cb-text);

    font-size: 33px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

#career_benefits .career_benefits_heading h2 strong {
    color: var(--cb-primary);
    font-weight: 700;
}

#career_benefits .career_benefits_heading h2::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 0;

    width: 55px;
    height: 3px;

    background: var(--cb-primary);
    border-radius: 10px;

    transform: translateX(-50%);
}

#career_benefits .career_benefits_heading p {
    max-width: 700px;

    margin: 0 auto;

    color: var(--cb-muted);

    font-size: 14px;
    line-height: 1.75;
}


/* =========================================================
   BENEFIT CARD
   ========================================================= */

#career_benefits .career_benefit_card {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 18px;

    height: 100%;
    min-height: 145px;

    padding: 22px;

    overflow: hidden;

    background: #fff;

    border: 1px solid #ededed;
    border-radius: 13px;

    box-shadow:
        0 8px 25px rgba(20, 20, 20, 0.045);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* Subtle decorative corner */

#career_benefits .career_benefit_card::before {
    content: "";

    position: absolute;
    top: -42px;
    right: -42px;

    width: 100px;
    height: 100px;

    background: var(--cb-soft);

    border-radius: 50%;

    transition: transform 0.35s ease;
}


#career_benefits .career_benefit_card:hover {
    transform: translateY(-5px);

    border-color: var(--cb-border);

    box-shadow:
        0 15px 35px rgba(40, 20, 20, 0.08);
}

#career_benefits .career_benefit_card:hover::before {
    transform: scale(1.2);
}


/* =========================================================
   ICON
   ========================================================= */

#career_benefits .career_benefit_icon {
    position: relative;
    z-index: 2;

    flex: 0 0 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 55px;
    height: 55px;

    background: var(--cb-primary);

    border-radius: 15px 15px 15px 5px;

    color: #fff;

    font-size: 22px;

    box-shadow:
        0 8px 18px rgba(187, 41, 41, 0.16);

    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}

#career_benefits .career_benefit_card:hover .career_benefit_icon {
    background: var(--cb-primary-dark);

    transform: translateY(-3px);
}


/* =========================================================
   CONTENT
   ========================================================= */

#career_benefits .career_benefit_content {
    position: relative;
    z-index: 2;

    flex: 1;
}

#career_benefits .career_benefit_content h3 {
    margin: 0 0 8px;

    color: var(--cb-text);

    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}

#career_benefits .career_benefit_content p {
    margin: 0;

    color: var(--cb-muted);

    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================================================
   SELF-PACED LEARNING ENQUIRY FORM
   Theme: #2563eb
   ========================================================= */

#schedule .self_paced_enquiry_form {
    position: relative;
    margin-top: 24px;
    padding: 28px;
    background: #fff;
    border: 1px solid #eadede;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(30, 20, 20, 0.05);
    overflow: hidden;
}

/* Top Accent */

#schedule .self_paced_enquiry_form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #2563eb;
}

/* =========================================================
   FORM HEADING
   ========================================================= */

#schedule .self_paced_form_head {
    margin-bottom: 24px;
}

#schedule .self_paced_form_head h4 {
    position: relative;
    margin: 0 0 8px;
    padding-left: 15px;
    color: #181818;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
}

#schedule .self_paced_form_head h4::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 4px;
    background: #2563eb;
    border-radius: 10px;
}

#schedule .self_paced_form_head p {
    max-width: 720px;
    margin: 0;
    color: #6d6d6d;
    font-size: 13px;
    line-height: 1.65;
}

/* =========================================================
   FORM ROW
   ========================================================= */

#schedule .self_paced_enquiry_form .row {
    --bs-gutter-x: 18px;
}

/* =========================================================
   LABELS
   ========================================================= */

#schedule .self_paced_enquiry_form .form-label {
    display: block;
    margin-bottom: 6px;
    color: #333;
    font-size: 12px;
    font-weight: 600;
}

/* =========================================================
   INPUTS
   ========================================================= */

#schedule .self_paced_enquiry_form .form-control {
    width: 100%;
    min-height: 46px;
    padding: 10px 13px;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 7px;
    color: #222;
    font-size: 13px;
    font-weight: 400;
    outline: none;
    box-shadow: none;
    transition: all 0.25s ease;
}

#schedule .self_paced_enquiry_form .form-control::placeholder {
    color: #999;
    opacity: 1;
}

/* Input Hover */

#schedule .self_paced_enquiry_form .form-control:hover {
    border-color: #d8c6c6;
}

/* Input Focus */

#schedule .self_paced_enquiry_form .form-control:focus {
    background: #fff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(187, 41, 41, 0.08);
}

/* =========================================================
   COURSE FIELD
   ========================================================= */

#schedule .self_paced_enquiry_form #sp_course {
    background: #f8fafc;
}

/* =========================================================
   TEXTAREA
   ========================================================= */

#schedule .self_paced_enquiry_form textarea.form-control {
    min-height: 90px;
    padding-top: 11px;
    resize: vertical;
}

/* =========================================================
   FORM SPACING
   ========================================================= */

#schedule .self_paced_enquiry_form .form-group {
    position: relative;
}

#schedule .self_paced_enquiry_form .form-group.mb-3 {
    margin-bottom: 16px !important;
}

/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

#schedule .self_paced_enquiry_form .self_paced_submit_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 170px;
    min-height: 45px;
    padding: 0 20px;
    margin-top: 2px;
    background: #2563eb;
    border: 1px solid #2563eb;
    border-radius: 7px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 7px 18px rgba(187, 41, 41, 0.16);
    transition: all 0.25s ease;
}

#schedule .self_paced_enquiry_form .self_paced_submit_btn i {
    font-size: 10px;
    transition: transform 0.25s ease;
}

/* Button Hover */

#schedule .self_paced_enquiry_form .self_paced_submit_btn:hover {
    background: #971f1f;
    border-color: #971f1f;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(187, 41, 41, 0.23);
}

#schedule .self_paced_enquiry_form .self_paced_submit_btn:hover i {
    transform: translateX(3px);
}

/* =========================================================
   VALID / INVALID STATES
   ========================================================= */

#schedule .self_paced_enquiry_form .form-control:focus:invalid {
    border-color: #2563eb;
}

#schedule .self_paced_enquiry_form .form-control:disabled,
#schedule .self_paced_enquiry_form .form-control[readonly] {
    background: #f6f6f6;
    color: #777;
    cursor: not-allowed;
}


/* =========================================================
   COURSE RESOURCES SECTION
   Theme: #2563eb
   Parent: #course_resources
   ========================================================= */

#course_resources {
    --cr-primary: #2563eb;
    --cr-primary-dark: #134cc5;
    --cr-soft: #f4f6fc;
    --cr-text: #191919;
    --cr-muted: #686868;
    --cr-border: #eee1e1;

    position: relative;
    padding: 70px 0;
    background: #fff;
    overflow: hidden;
}

/* Background Decoration */

#course_resources::before {
    content: "";
    position: absolute;
    top: -170px;
    right: -130px;
    width: 360px;
    height: 360px;
    background: rgb(60 102 193 / 6%);
    border-radius: 50%;
    pointer-events: none;
}

#course_resources .container {
    position: relative;
    z-index: 2;
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

#course_resources .course_resources_head {
    max-width: 720px;
    margin: 0 auto 40px;
}

#course_resources .course_resources_head > span {
    display: inline-flex;
    align-items: center;
    margin-bottom: 11px;
    padding: 7px 14px;
    background: var(--cr-soft);
    border: 1px solid #2563eb3d;
    border-radius: 30px;
    color: var(--cr-primary);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

#course_resources .course_resources_head h2 {
    position: relative;
    margin: 0 0 14px;
    padding-bottom: 16px;
    color: var(--cr-text);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

#course_resources .course_resources_head h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 52px;
    height: 3px;
    background: var(--cr-primary);
    border-radius: 10px;
    transform: translateX(-50%);
}

#course_resources .course_resources_head p {
    max-width: 660px;
    margin: 0 auto;
    color: var(--cr-muted);
    font-size: 14px;
    line-height: 1.75;
}

/* =========================================================
   RESOURCE CARD
   ========================================================= */

#course_resources .course_resource_card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    height: 100%;
    min-height: 250px;
    padding: 27px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 15px;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 9px 28px rgba(30, 20, 20, 0.045);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Decorative Circle */

#course_resources .course_resource_card::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 155px;
    height: 155px;
    background: var(--cr-soft);
    border-radius: 50%;
    transition: transform 0.35s ease;
}

/* Bottom Red Line */

#course_resources .course_resource_card::after {
    content: "";
    position: absolute;
    left: 27px;
    bottom: 0;
    width: 0;
    height: 3px;
    background: var(--cr-primary);
    border-radius: 10px 10px 0 0;
    transition: width 0.3s ease;
}

#course_resources .course_resource_card:hover {
    transform: translateY(-6px);
    border-color: var(--cr-border);
    box-shadow: 0 18px 38px rgba(40, 20, 20, 0.09);
}

#course_resources .course_resource_card:hover::before {
    transform: scale(1.12);
}

#course_resources .course_resource_card:hover::after {
    width: 60px;
}

/* =========================================================
   ICON
   ========================================================= */

#course_resources .resource_icon {
    position: relative;
    z-index: 2;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    background: var(--cr-primary);
    border-radius: 15px 15px 15px 5px;
    color: #fff;
    font-size: 22px;
    box-shadow: 0 9px 20px rgb(37 99 235 / 18%);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#course_resources .course_resource_card:hover .resource_icon {
    background: var(--cr-primary-dark);
    transform: translateY(-3px);
}

/* =========================================================
   CONTENT
   ========================================================= */

#course_resources .resource_content {
    position: relative;
    z-index: 2;
    flex: 1;
}

/* Card Number */

#course_resources .resource_number {
    position: absolute;
    top: -12px;
    right: 0;
    color: rgb(37 99 235 / 34%);
    font-size: 42px;
    font-weight: 800;
    line-height: 1;
}

#course_resources .resource_content h3 {
    position: relative;
    margin: 3px 0 10px;
    padding-right: 40px;
    color: var(--cr-text);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
}

#course_resources .resource_content p {
    margin: 0 0 20px;
    color: var(--cr-muted);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
}

/* =========================================================
   CARD LINK
   ========================================================= */

#course_resources .resource_link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--cr-primary);
    font-size: 13px;
    font-weight: 600;
    transition: color 0.25s ease, gap 0.25s ease;
}

#course_resources .resource_link i {
    font-size: 10px;
    transition: transform 0.25s ease;
}

#course_resources .course_resource_card:hover .resource_link {
    color: var(--cr-primary-dark);
    gap: 10px;
}

#course_resources .course_resource_card:hover .resource_link i {
    transform: translateX(3px);
}


/* =========================================================
   TRAINING COMPARISON SECTION
   Theme: #2563eb
   ========================================================= */

#training_comparison {
    --tc-primary: #2563eb;
    --tc-primary-dark: #941f1f;
    --tc-soft: #f4f6fc;
    --tc-text: #1c1c1c;
    --tc-muted: #6d6d6d;
    --tc-border: #eadede;

    padding: 70px 0;
    background: #fafafa;
}

/* =========================================================
   HEADING
   ========================================================= */

#training_comparison .training_comparison_head {
    max-width: 760px;
    margin: 0 auto 40px;
}

#training_comparison .training_comparison_head > span {
    display: inline-flex;
    align-items: center;
    padding: 7px 14px;
    margin-bottom: 11px;
    background: var(--tc-soft);
    border: 1px solid #2563eb3d;
    border-radius: 30px;
    color: var(--tc-primary);
    font-size: 12px;
    font-weight: 600;
}

#training_comparison .training_comparison_head h2 {
    position: relative;
    margin: 0 0 14px;
    padding-bottom: 16px;
    color: var(--tc-text);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
}

#training_comparison .training_comparison_head h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 52px;
    height: 3px;
    background: var(--tc-primary);
    border-radius: 10px;
    transform: translateX(-50%);
}

#training_comparison .training_comparison_head p {
    margin: 0;
    color: var(--tc-muted);
    font-size: 14px;
    line-height: 1.75;
}

/* =========================================================
   COMPARISON WRAPPER
   ========================================================= */

#training_comparison .comparison_wrapper {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--tc-border);
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(40, 25, 25, 0.06);
}

/* =========================================================
   TOP AREA
   ========================================================= */

#training_comparison .comparison_top {
    border-bottom: 1px solid var(--tc-border);
}

#training_comparison .comparison_title_box {
    height: 100%;
    padding: 28px;
    background: #fff;
}

#training_comparison .comparison_small_text {
    display: block;
    margin-bottom: 7px;
    color: var(--tc-primary);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

#training_comparison .comparison_title_box h3 {
    margin: 0 0 8px;
    color: var(--tc-text);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
}

#training_comparison .comparison_title_box p {
    margin: 0;
    color: var(--tc-muted);
    font-size: 13px;
    line-height: 1.65;
}

/* Brand Headings */

#training_comparison .comparison_brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    height: 100%;
    min-height: 145px;
    padding: 25px;
    border-left: 1px solid var(--tc-border);
    font-size: 16px;
    font-weight: 700;
}

#training_comparison .multisoft_brand {
    background: linear-gradient(135deg, #2563eb, #1242ab);
    color: #fff;
}

#training_comparison .other_brand {
    background: #f7f7f7;
    color: #333;
}

#training_comparison .comparison_brand_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border-radius: 12px;
    font-size: 17px;
}

#training_comparison .multisoft_brand .comparison_brand_icon {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

#training_comparison .other_brand .comparison_brand_icon {
    background: #fff;
    color: #777;
    border: 1px solid #e5e5e5;
}

/* =========================================================
   ROWS
   ========================================================= */

#training_comparison .comparison_row {
    min-height: 105px;
    border-bottom: 1px solid #f0e8e8;
    transition: background 0.25s ease;
}

#training_comparison .comparison_row:last-child {
    border-bottom: 0;
}

#training_comparison .comparison_row:hover {
    background: #f8fafc;
}

/* =========================================================
   FEATURE COLUMN
   ========================================================= */

#training_comparison .comparison_feature {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 22px 28px;
}

#training_comparison .feature_icon {
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: var(--tc-soft);
    border: 1px solid #efdede;
    border-radius: 11px;
    color: var(--tc-primary);
    font-size: 16px;
}

#training_comparison .comparison_feature h4 {
    margin: 1px 0 5px;
    color: var(--tc-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

#training_comparison .comparison_feature p {
    margin: 0;
    color: var(--tc-muted);
    font-size: 12px;
    line-height: 1.55;
}

/* =========================================================
   VALUE COLUMNS
   ========================================================= */

#training_comparison .comparison_value {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 105px;
    height: 100%;
    padding: 22px 28px;
    border-left: 1px solid #f0e8e8;
    font-size: 13px;
    line-height: 1.55;
}

#training_comparison .multisoft_value {
    background: rgb(60 102 193 / 6%);
    color: #333;
    font-weight: 600;
}

#training_comparison .multisoft_value i {
    flex: 0 0 auto;
    color: var(--tc-primary);
    font-size: 17px;
}

#training_comparison .other_value {
    color: #777;
}

#training_comparison .other_value i {
    flex: 0 0 auto;
    color: #aaa;
    font-size: 16px;
}

/* =========================================================
   BOTTOM CTA
   ========================================================= */

#training_comparison .comparison_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 25px 28px;
    background: linear-gradient(90deg, #2563eb0f 0%, #ffffff 100%);
    border-top: 1px solid var(--tc-border);
}

#training_comparison .comparison_bottom_content {
    display: flex;
    align-items: center;
    gap: 15px;
    max-width: 720px;
}

#training_comparison .comparison_bottom_icon {
    flex: 0 0 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    background: var(--tc-primary);
    border-radius: 12px;
    color: #fff;
    font-size: 18px;
}

#training_comparison .comparison_bottom h4 {
    margin: 0 0 5px;
    color: var(--tc-text);
    font-size: 16px;
    font-weight: 700;
}

#training_comparison .comparison_bottom p {
    margin: 0;
    color: var(--tc-muted);
    font-size: 12.5px;
    line-height: 1.6;
}

#training_comparison .comparison_cta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 45px;
    padding: 0 20px;
    background: var(--tc-primary);
    border: 1px solid var(--tc-primary);
    border-radius: 7px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 8px 18px rgb(37 99 235 / 18%);
    transition: all 0.25s ease;
}

#training_comparison .comparison_cta:hover {
    background: var(--tc-primary-dark);
    border-color: var(--tc-primary-dark);
    color: #fff;
    transform: translateY(-2px);
}

#training_comparison .comparison_cta i {
    font-size: 10px;
    transition: transform 0.25s ease;
}

#training_comparison .comparison_cta:hover i {
    transform: translateX(3px);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #training_comparison {
        padding: 58px 0;
    }

    #training_comparison .training_comparison_head h2 {
        font-size: 29px;
    }

    #training_comparison .comparison_brand {
        min-height: 90px;
        border-top: 1px solid var(--tc-border);
    }

    #training_comparison .comparison_value {
        min-height: auto;
        border-left: 0;
        border-top: 1px solid #f0e8e8;
    }

    #training_comparison .comparison_bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #training_comparison {
        padding: 48px 0;
    }

    #training_comparison .training_comparison_head {
        margin-bottom: 28px;
    }

    #training_comparison .training_comparison_head h2 {
        font-size: 25px;
    }

    #training_comparison .comparison_title_box {
        padding: 22px 20px;
    }

    #training_comparison .comparison_title_box h3 {
        font-size: 19px;
    }

    #training_comparison .comparison_feature {
        padding: 18px 20px;
    }

    #training_comparison .comparison_value {
        padding: 16px 20px;
    }

    #training_comparison .comparison_bottom {
        padding: 21px 20px;
    }

    #training_comparison .comparison_bottom_content {
        align-items: flex-start;
    }

    #training_comparison .comparison_cta {
        width: 100%;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #course_resources {
        padding: 58px 0;
    }

    #course_resources .course_resources_head {
        margin-bottom: 34px;
    }

    #course_resources .course_resources_head h2 {
        font-size: 29px;
    }

    #course_resources .course_resource_card {
        min-height: 235px;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #course_resources {
        padding: 48px 0;
    }

    #course_resources .course_resources_head {
        margin-bottom: 28px;
    }

    #course_resources .course_resources_head h2 {
        font-size: 25px;
    }

    #course_resources .course_resources_head p {
        font-size: 13px;
    }

    #course_resources .course_resource_card {
        min-height: auto;
        padding: 22px 20px;
        gap: 16px;
    }

    #course_resources .resource_icon {
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
        font-size: 19px;
    }

    #course_resources .resource_content h3 {
        font-size: 17px;
    }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #course_resources {
        padding: 42px 0;
    }

    #course_resources .course_resources_head h2 {
        font-size: 23px;
    }

    #course_resources .course_resource_card {
        padding: 19px 17px;
    }

    #course_resources .resource_content p {
        font-size: 12.5px;
    }

    #course_resources .resource_number {
        font-size: 36px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #schedule .self_paced_enquiry_form {
        padding: 24px;
    }

    #schedule .self_paced_form_head h4 {
        font-size: 20px;
    }

}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #schedule .self_paced_enquiry_form {
        margin-top: 20px;
        padding: 21px 17px;
        border-radius: 11px;
    }

    #schedule .self_paced_form_head {
        margin-bottom: 20px;
    }

    #schedule .self_paced_form_head h4 {
        font-size: 18px;
    }

    #schedule .self_paced_form_head p {
        font-size: 12px;
        line-height: 1.6;
    }

    #schedule .self_paced_enquiry_form .form-control {
        min-height: 44px;
        font-size: 12px;
    }

    #schedule .self_paced_enquiry_form textarea.form-control {
        min-height: 85px;
    }

    #schedule .self_paced_enquiry_form .self_paced_submit_btn {
        width: 100%;
        min-height: 45px;
    }

}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #career_benefits {
        padding: 58px 0;
    }

    #career_benefits .career_benefits_heading {
        margin-bottom: 34px;
    }

    #career_benefits .career_benefits_heading h2 {
        font-size: 29px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #career_benefits {
        padding: 48px 0;
    }

    #career_benefits .career_benefits_heading {
        margin-bottom: 28px;
    }

    #career_benefits .career_benefits_heading h2 {
        font-size: 25px;
    }

    #career_benefits .career_benefits_heading p {
        font-size: 13px;
    }

    #career_benefits .career_benefit_card {
        min-height: auto;

        padding: 19px;

        gap: 15px;
    }

    #career_benefits .career_benefit_icon {
        flex-basis: 48px;

        width: 48px;
        height: 48px;

        font-size: 19px;
    }

    #career_benefits .career_benefit_content h3 {
        font-size: 16px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #career_benefits .career_benefits_heading h2 {
        font-size: 23px;
    }

    #career_benefits .career_benefit_card {
        padding: 17px 15px;
    }

    #career_benefits .career_benefit_content p {
        font-size: 12.5px;
    }

}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #course_locations {
        padding: 55px 0;
    }

    #course_locations .course_locations_wrap {
        padding: 35px;
    }

    #course_locations .course_locations_content {
        max-width: 100%;
    }

    #course_locations .course_locations_content h2 {
        font-size: 27px;
    }

    #course_locations .course_locations_visual {
        max-width: 430px;

        min-height: 240px;

        margin: 35px auto 0;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #course_locations {
        padding: 45px 0;
    }

    #course_locations .course_locations_wrap {
        padding: 27px 22px;

        border-radius: 16px;
    }

    #course_locations .course_locations_content h2 {
        margin-bottom: 16px;

        font-size: 24px;
    }

    #course_locations .course_locations_content p {
        margin-bottom: 20px;

        font-size: 13px;
        line-height: 1.7;
    }

    #course_locations .location_list {
        gap: 8px;
    }

    #course_locations .location_list a {
        min-height: 35px;

        padding: 0 12px;

        font-size: 12px;
    }

    #course_locations .course_locations_visual {
        min-height: 220px;

        margin-top: 30px;
    }

    #course_locations .location_globe {
        width: 100px;
        height: 100px;

        font-size: 48px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #course_locations .course_locations_wrap {
        padding: 23px 17px;
    }

    #course_locations .course_locations_content h2 {
        font-size: 21px;
    }

    #course_locations .location_badge {
        font-size: 10px;
    }

    #course_locations .location_list a {
        padding: 0 10px;
    }

    #course_locations .course_locations_visual {
        min-height: 200px;
    }

    #course_locations .location_globe {
        width: 90px;
        height: 90px;

        font-size: 42px;
    }

    #course_locations .location_pin {
        width: 34px;
        height: 34px;

        font-size: 12px;
    }
}

/* =========================================================
   TABLET
   2.5 Cards
   ========================================================= */

@media (max-width: 991.98px) {

    #trending_courses {
        padding: 55px 0;
    }

    #trending_courses .trending_slide {
        flex:
            0 0
            calc((100% - 20px) / 2);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #trending_courses {
        padding: 45px 0;
    }

    #trending_courses .trending_course_header {
        align-items: center;

        margin-bottom: 25px;
    }

    #trending_courses .trending_title > span {
        font-size: 11px;
    }

    #trending_courses .trending_title h2 {
        font-size: 25px;
    }

    #trending_courses .trending_slider_nav button {
        width: 38px;
        height: 38px;
    }

    #trending_courses .trending_slide {
        flex: 0 0 82%;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #trending_courses .trending_slide {
        flex: 0 0 92%;
    }

    #trending_courses .trending_course_card {
        min-height: 215px;

        padding: 19px 17px 17px;
    }

    #trending_courses .trending_course_card h3 {
        font-size: 16px;
    }

    #trending_courses .trending_course_footer {
        gap: 6px;
    }

    #trending_courses .enquire_course {
        padding: 0 11px;
    }

}



/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1200px) {

    #course_related_articles .article_content h3 {
        font-size: 17px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #course_related_articles {
        padding: 60px 0;
    }

    #course_related_articles .related_articles_heading {
        margin-bottom: 35px;
    }

    #course_related_articles .related_articles_heading h2 {
        font-size: 30px;
    }

    #course_related_articles .article_img {
        height: 210px;
    }

    #course_related_articles .article_content {
        height: calc(100% - 210px);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #course_related_articles {
        padding: 50px 0;
    }

    #course_related_articles .related_articles_heading {
        margin-bottom: 30px;
    }

    #course_related_articles .related_articles_heading h2 {
        font-size: 27px;
    }

    #course_related_articles .related_articles_heading p {
        font-size: 14px;
    }

    #course_related_articles .article_card {
        max-width: 480px;

        margin: 0 auto;
    }

    #course_related_articles .article_img {
        height: 220px;
    }

    #course_related_articles .article_content {
        height: auto;

        padding: 18px;
    }

    #course_related_articles .article_content h3 {
        font-size: 17px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #course_related_articles {
        padding: 42px 0;
    }

    #course_related_articles .related_articles_heading h2 {
        font-size: 24px;
    }

    #course_related_articles .article_img {
        height: 190px;
    }

    #course_related_articles .article_meta {
        gap: 8px;
    }

    #course_related_articles .related_articles_btn {
        margin-top: 30px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #testimonial_slider {
        padding: 55px 0;
    }

    #testimonial_slider .testimonial_content {
        padding-right: 0;
        margin-bottom: 30px;
    }

    #testimonial_slider .testimonial_content h3 {
        font-size: 28px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #testimonial_slider {
        padding: 45px 0;
    }

    #testimonial_slider .testimonial_content h3 {
        font-size: 25px;
    }

    #testimonial_slider #recipeCarousel .carousel-item {
        display: block;
    }

    #testimonial_slider #recipeCarousel .carousel-item > .col-md-4 {
        display: none;
        width: 100%;
        padding: 0;
    }

    #testimonial_slider #recipeCarousel .carousel-item > .col-md-4:first-child {
        display: block;
    }

    #testimonial_slider .card {
        min-height: auto;
        padding: 20px;
    }

    #testimonial_slider .prev_next_btn {
        justify-content: flex-start;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #related_course_slider .head_content h2 {
        font-size: 27px;
    }

    #related_course_slider .rel_card {
        min-height: 195px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #related_course_slider {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    #related_course_slider .row {
        margin-top: 25px !important;
        row-gap: 16px;
    }

    #related_course_slider .head_content h2 {
        font-size: 25px;
    }

    #related_course_slider .rel_card {
        min-height: 175px;

        padding: 22px 18px 18px;

        border-radius: 11px;
    }

    #related_course_slider .rel_card h3 {
        font-size: 17px;
    }

    #related_course_slider .rel_inter_details {
        margin-top: 22px !important;
        padding-top: 15px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #related_course_slider .head_content h2 {
        font-size: 23px;
    }

    #related_course_slider .rel_card {
        min-height: 165px;
    }

    #related_course_slider .rel_inter_details {
        gap: 8px;
    }

    #related_course_slider .rel_learners a {
        font-size: 12px;
    }

    #related_course_slider .rel_redirect a {
        min-height: 36px;
        padding: 0 12px;

        font-size: 11px;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #faq_wrapper {
        padding: 55px 0 60px;
    }

    #faq_wrapper .accordion {
        max-width: 100%;
    }

    #faq_wrapper .head_content {
        margin-bottom: 30px !important;
    }

    #faq_wrapper .head_content h2 {
        font-size: 29px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #faq_wrapper {
        padding: 45px 0 50px;
    }

    #faq_wrapper .head_content {
        margin-bottom: 25px !important;
    }

    #faq_wrapper .head_content::before {
        margin-bottom: 10px;

        padding: 6px 12px;

        font-size: 11px;
    }

    #faq_wrapper .head_content h2 {
        padding-bottom: 14px;

        font-size: 25px;
        line-height: 1.35;
    }

    #faq_wrapper .accordion-item {
        margin-bottom: 10px;

        border-radius: 8px !important;
    }

    #faq_wrapper .accordion-button {
        min-height: 62px;

        padding: 17px 55px 17px 18px;

        font-size: 14px;
        line-height: 1.45;
    }

    #faq_wrapper .accordion-button::before {
        right: 15px;

        width: 29px;
        height: 29px;

        font-size: 19px;
    }

    #faq_wrapper .accordion-body {
        padding: 2px 18px 20px;

        font-size: 13px;
        line-height: 1.7;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #faq_wrapper {
        padding: 38px 0 42px;
    }

    #faq_wrapper .head_content h2 {
        font-size: 22px;
    }

    #faq_wrapper .accordion-button {
        min-height: 58px;

        padding: 15px 49px 15px 15px;

        font-size: 13px;
    }

    #faq_wrapper .accordion-button::before {
        right: 12px;

        width: 27px;
        height: 27px;

        font-size: 18px;
    }

    #faq_wrapper .accordion-body {
        padding: 0 15px 18px;

        font-size: 13px;
    }
}


/* =========================================================
   ALTERNATIVE SUBTLE BACKGROUND FOR SECOND ROW
   Gives visual variety without making section colorful
   ========================================================= */

#trainer-profile .ccd5,
#trainer-profile .ccd6,
#trainer-profile .ccd1 {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 72%,
            #fff9f9 100%
        );
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #trainer-profile {
        padding: 55px 0 35px;
    }

    #trainer-profile .head_content {
        margin-bottom: 30px !important;
    }

    #trainer-profile .head_content h2 {
        font-size: 29px;
    }

    #trainer-profile .corporate_card {
        min-height: 225px;
        padding: 27px 24px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #trainer-profile {
        padding: 45px 0 25px;
    }

    #trainer-profile .head_content {
        margin-bottom: 26px !important;
    }

    #trainer-profile .head_content::before {
        padding: 6px 12px;

        font-size: 11px;
    }

    #trainer-profile .head_content h2 {
        padding-bottom: 14px;

        font-size: 25px;
        line-height: 1.35;
    }

    #trainer-profile .col-md-6 {
        margin-bottom: 15px !important;
    }

    #trainer-profile .corporate_card {
        min-height: auto;

        padding: 24px 22px;

        border-radius: 12px;
    }

    #trainer-profile .corporate_card h4::before {
        width: 42px;
        height: 42px;

        margin-bottom: 16px;

        font-size: 17px;
    }

    #trainer-profile .corporate_card h4 {
        margin-bottom: 9px;

        font-size: 17px;
    }

    #trainer-profile .corporate_card p {
        font-size: 13px;
        line-height: 1.65;
    }

    /* Disable large hover movement on touch screens */
    #trainer-profile .corporate_card:hover {
        transform: translateY(-3px);
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #trainer-profile {
        padding: 38px 0 22px;
    }

    #trainer-profile .head_content h2 {
        font-size: 22px;
    }

    #trainer-profile .corporate_card {
        padding: 22px 20px;
    }

    #trainer-profile .corporate_card h4 {
        font-size: 16px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #course_certification {
        padding: 55px 0;
    }

    #course_certification .row {
        row-gap: 40px;
    }

    #course_certification .course_certificate_img {
        max-width: 650px;
        min-height: 380px;

        margin: 0 auto;
        padding: 35px;
    }

    #course_certification .course_certificate_img > img {
        max-height: 310px;
    }

    #course_certification .course_certificate_content {
        max-width: 650px;

        margin: 0 auto;
        padding: 0;
    }

    #course_certification .course_certificate_content h3 {
        font-size: 29px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #course_certification {
        padding: 45px 0;
    }

    #course_certification .row {
        row-gap: 30px;
    }

    #course_certification .course_certificate_img {
        min-height: 320px;
        padding: 30px 20px 70px;

        border-radius: 16px;
    }

    #course_certification .course_certificate_img > img {
        max-height: 250px;
    }

    #course_certification .course_certificate_img::before {
        top: 15px;
        left: 15px;

        width: 45px;
        height: 45px;
    }

    #course_certification .course_certificate_img::after {
        right: 15px;
        bottom: 15px;

        width: 50px;
        height: 50px;
    }

    #course_certification .certificate-zoom {
        right: 20px;
        bottom: 18px;
    }

    #course_certification .course_certificate_content::before {
        margin-bottom: 11px;
        font-size: 11px;
    }

    #course_certification .course_certificate_content h3 {
        margin-bottom: 17px;
        padding-bottom: 15px;

        font-size: 25px;
    }

    #course_certification .course_certificate_content p {
        margin-bottom: 20px;

        font-size: 14px;
        line-height: 1.7;
    }

    #course_certification .course_certificate_content ul {
        gap: 11px;
        margin-bottom: 24px;
    }

    #course_certification .course_certificate_content ul li {
        font-size: 13px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #course_certification {
        padding: 38px 0;
    }

    #course_certification .course_certificate_img {
        min-height: 280px;
        padding: 25px 15px 65px;
    }

    #course_certification .course_certificate_img > img {
        max-height: 215px;
    }

    #course_certification .course_certificate_content h3 {
        font-size: 22px;
    }

    #course_certification .course_certificate_content > a {
        min-height: 46px;
        padding: 0 20px;

        font-size: 13px;
    }

    #course_certification .certificate-zoom a {
        padding: 7px 12px;
        font-size: 12px;
    }
}


/* =========================================================
   STAGGERED DESKTOP DESIGN
   Creates a more creative card arrangement
   ========================================================= */

@media (min-width: 992px) {

    #course_corporate_wrap .course_corporate_training_card
    .row > div:nth-child(2) {
        transform: translateY(30px);
    }

    #course_corporate_wrap .course_corporate_training_card
    .row > div:nth-child(3) {
        transform: translateY(-5px);
    }

    #course_corporate_wrap .course_corporate_training_card
    .row > div:nth-child(4) {
        transform: translateY(25px);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #course_corporate_wrap {
        padding: 60px 0;
    }

    #course_corporate_wrap .corporate_describe {
        max-width: 750px;

        margin: 0 auto 45px;
        padding: 0;
    }

    #course_corporate_wrap .course_corporate_training_card {
        max-width: 750px;

        margin: 0 auto;
        padding: 0;
    }

    #course_corporate_wrap .course_corporate_training_card::before {
        top: 50px;
        width: 100%;
    }

    #course_corporate_wrap .corporate_card {
        min-height: 235px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #course_corporate_wrap {
        padding: 45px 0;
    }

    #course_corporate_wrap .corporate_describe {
        margin-bottom: 35px;
    }

    #course_corporate_wrap .corporate_describe::before {
        margin-bottom: 12px;

        font-size: 11px;
    }

    #course_corporate_wrap .corporate_describe h3 {
        margin-bottom: 17px !important;
        padding-bottom: 15px;

        font-size: 26px;
    }

    #course_corporate_wrap .corporate_describe > p {
        font-size: 14px;
        line-height: 1.7;
    }


    /* Stats */

    #course_corporate_wrap .corporate_describe > .row {
        row-gap: 15px;
    }

    #course_corporate_wrap
    .corporate_describe > .row
    .col-md-6:first-child::after {
        display: none;
    }

    #course_corporate_wrap .client_count,
    #course_corporate_wrap .client_rating {
        min-height: auto;

        padding: 12px 0;
    }


    /* Logos */

    #course_corporate_wrap .corporate_client_logo {
        flex-wrap: wrap;

        padding: 12px;
    }

    #course_corporate_wrap .corporate_client_logo img {
        width: 50%;
        height: 42px;

        margin: 5px 0;
    }


    /* Cards */

    #course_corporate_wrap .course_corporate_training_card::before {
        display: none;
    }

    #course_corporate_wrap .corporate_card {
        min-height: auto;

        padding: 24px 22px;
    }

    #course_corporate_wrap .corporate_card h4 br {
        display: none;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #course_corporate_wrap {
        padding: 38px 0;
    }

    #course_corporate_wrap .corporate_describe h3 {
        font-size: 23px;
    }

    #course_corporate_wrap .client_count strong,
    #course_corporate_wrap .client_rating strong {
        font-size: 26px;
    }

    #course_corporate_wrap .corporate_client_logo img {
        padding: 5px 15px !important;
    }

    #course_corporate_wrap .corporate_card > i {
        width: 46px;
        height: 46px;

        margin-bottom: 16px;

        font-size: 19px;
    }

    #course_corporate_wrap .corporate_card h4 {
        font-size: 18px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #assessment_wrapper {
        padding: 55px 0;
    }

    #assessment_wrapper .row {
        row-gap: 40px;
    }

    #assessment_wrapper .assessment_img {
        min-height: 360px;
        max-width: 650px;

        margin: 0 auto;
        padding: 30px;
    }

    #assessment_wrapper .assessment_img img {
        max-height: 310px;
    }

    #assessment_wrapper .course_certificate_content {
        max-width: 650px;

        margin: 0 auto;
        padding: 0;
    }

    #assessment_wrapper .course_certificate_content h3 {
        font-size: 29px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #assessment_wrapper {
        padding: 45px 0;
    }

    #assessment_wrapper .row {
        row-gap: 30px;
    }

    #assessment_wrapper .assessment_img {
        min-height: auto;
        padding: 25px 20px;

        border-radius: 16px;
    }

    #assessment_wrapper .assessment_img img {
        max-height: 260px;
    }

    #assessment_wrapper .assessment_img::before {
        top: 15px;
        left: 15px;

        width: 45px;
        height: 45px;
    }

    #assessment_wrapper .assessment_img::after {
        right: 15px;
        bottom: 15px;

        width: 50px;
        height: 50px;
    }

    #assessment_wrapper .course_certificate_content::before {
        margin-bottom: 11px;

        font-size: 11px;
    }

    #assessment_wrapper .course_certificate_content h3 {
        margin-bottom: 17px;
        padding-bottom: 15px;

        font-size: 25px;
        line-height: 1.3;
    }

    #assessment_wrapper .course_certificate_content p {
        margin-bottom: 20px;

        font-size: 14px;
        line-height: 1.7;
    }

    #assessment_wrapper .course_certificate_content ul {
        gap: 11px;
        margin-bottom: 24px;
    }

    #assessment_wrapper .course_certificate_content ul li {
        font-size: 13px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #assessment_wrapper {
        padding: 38px 0;
    }

    #assessment_wrapper .assessment_img {
        padding: 20px 15px;
    }

    #assessment_wrapper .assessment_img img {
        max-height: 220px;
    }

    #assessment_wrapper .course_certificate_content h3 {
        font-size: 22px;
    }

    #assessment_wrapper .course_certificate_content > a {
        min-height: 46px;
        padding: 0 21px;

        font-size: 13px;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #coursecont {
        padding: 28px;
        border-radius: 14px;
    }

    #coursecont > .d-flex {
        align-items: flex-start !important;
    }

    #coursecont > .d-flex .head_content h2 {
        font-size: 25px;
    }

    #coursecont .download_btn a {
        min-height: 44px;
        padding: 0 16px !important;

        font-size: 12px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #coursecont {
        padding: 21px 16px;
        margin-top: 30px !important;

        border-radius: 12px;
    }

    #coursecont > .d-flex {
        display: block !important;

        padding-bottom: 20px;
    }

    #coursecont > .d-flex .head_content {
        width: 100%;
    }

    #coursecont > .d-flex .head_content h3 {
        font-size: 12px;
    }

    #coursecont > .d-flex .head_content h2 {
        font-size: 22px;
    }

    #coursecont .download_btn {
        margin-top: 18px;
    }

    #coursecont .download_btn a {
        width: 100%;

        min-height: 46px;
    }

    #coursecont #course_curriculums {
        margin-top: 25px !important;
    }

    #coursecont #course_curriculums > .head_content {
        margin-top: 30px !important;
    }

    #coursecont #course_curriculums > .head_content h2 {
        font-size: 19px;
    }

    #coursecont .accordion-item {
        margin-bottom: 10px;

        border-radius: 8px !important;
    }

    #coursecont .accordion-button {
        min-height: 56px;

        padding: 14px 50px 14px 16px;

        font-size: 14px;
        line-height: 1.4;
    }

    #coursecont .accordion-button::after {
        right: 14px;

        width: 27px;
        height: 27px;

        font-size: 11px;
    }

    #coursecont .accordion-body {
        padding: 18px 16px 20px;

        font-size: 13px;
        line-height: 1.7;
    }

    #coursecont .accordion-body p {
        font-size: 13px;
    }

    #coursecont .accordion-body li {
        padding-left: 22px;

        font-size: 13px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #coursecont {
        padding-left: 13px;
        padding-right: 13px;
    }

    #coursecont > .d-flex .head_content h2 {
        font-size: 20px;
    }

    #coursecont .accordion-button {
        padding-left: 14px;

        font-size: 13px;
    }

    #coursecont .accordion-body {
        padding-left: 14px;
        padding-right: 14px;
    }
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #schedule {
        padding: 28px;
    }

    #schedule .custom_schedule_wrap {
        justify-content: center !important;
        text-align: center;
    }

    #schedule .custom_schedule_wrap h2 {
        width: 100%;
        margin-bottom: 5px !important;
    }

    #schedule .schedule_table table tbody td {
        padding: 17px 13px;
        font-size: 14px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #schedule {
        padding: 20px 15px;
        border-radius: 12px;
    }

    #schedule .head_content h3 {
        font-size: 21px;
    }

    #schedule .custom_schedule_wrap {
        padding: 16px;
        border-radius: 10px;
    }

    #schedule .custom_schedule_wrap h2 {
        font-size: 18px;
    }

    #schedule .nav-tabs {
        width: 100%;
    }

    #schedule .nav-tabs .nav-item {
        flex: 1;
    }

    #schedule .nav-tabs .nav-link {
        width: 100%;
        min-width: auto;
        padding: 10px 8px;

        font-size: 13px;
    }


    /* Convert table into cards */
    #schedule .schedule_table .table-responsive {
        border: 0;
        box-shadow: none;
        overflow: visible;
    }

    #schedule .schedule_table table,
    #schedule .schedule_table tbody,
    #schedule .schedule_table tr,
    #schedule .schedule_table td {
        display: block;
        width: 100% !important;
    }

    #schedule .schedule_table tbody tr {
        margin-bottom: 14px;
        padding: 18px;

        background: #fff !important;
        border: 1px solid #eadede;
        border-radius: 10px;

        box-shadow: 0 6px 20px rgba(35, 20, 20, 0.045);
    }

    #schedule .schedule_table table tbody td {
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 9px 0;

        border: 0;

        text-align: right;
    }

    #schedule .schedule_table table tbody td::after {
        display: none;
    }

    #schedule .schedule_table table tbody td:first-child {
        padding-top: 0;
        margin-bottom: 4px;

        color: var(--ms-primary);
        font-size: 16px;
        text-align: left;
    }

    #schedule .schedule_table table tbody td:last-child {
        justify-content: flex-start;

        padding-top: 13px;
    }

    #schedule .schedule_table table tbody td:last-child a {
        width: 100%;
    }

    #schedule #corporate {
        padding: 18px;
    }

    #schedule .bbc_form {
        padding: 20px 16px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    #schedule .head_content h3 {
        font-size: 19px;
    }

    #schedule .custom_schedule_wrap h2 {
        font-size: 17px;
    }

    #schedule .nav-tabs .nav-link {
        font-size: 12px;
    }
}

/* =========================
   TABLET
========================= */

@media (max-width: 991.98px) {

    #course_curriculums {
        margin-top: 32px;
        padding: 28px 30px;
    }

    #course_curriculums .head_content h2 {
        font-size: 25px;
    }
}

/* =========================
   MOBILE
========================= */

@media (max-width: 767.98px) {

    #course_curriculums {
        margin-top: 25px;
        padding: 24px 20px 26px;
        border-radius: 10px;
    }

    #course_curriculums .head_content {
        margin-bottom: 20px;
        padding-bottom: 14px;
    }

    #course_curriculums .head_content::after {
        width: 45px;
    }

    #course_curriculums .head_content h2 {
        font-size: 22px;
        line-height: 1.35;
    }

    #course_curriculums .course_overview_content p {
        font-size: 14px;
        line-height: 1.75;
    }

    #course_curriculums .course_overview_content ul li {
        font-size: 14px;
    }
}

/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    #course_curriculums {
        padding: 21px 17px 23px;
    }

    #course_curriculums .head_content h2 {
        font-size: 20px;
    }
}

/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 991.98px) {

    .course_hightlight-wrap .course_hightlight ul {
        gap: 12px 25px;
    }

    .course_hightlight-wrap .head_content h2 {
        font-size: 25px;
    }
}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767.98px) {

    .course_hightlight-wrap {
        padding: 20px !important;
        border-radius: 12px;
    }

    .course_hightlight-wrap .head_content h3 {
        font-size: 13px;
    }

    .course_hightlight-wrap .head_content h2 {
        font-size: 23px;
    }

    .course_hightlight-wrap .course_hightlight {
        margin-top: 20px !important;
    }

    .course_hightlight-wrap .course_hightlight ul {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .course_hightlight-wrap .course_hightlight ul li {
        font-size: 14px;
    }
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    #course_banner .banner-feature-strip {
        padding: 18px 10px 16px;
    }

    #course_banner .banner-feature-strip .feature-icon {
        width: 50px;
        height: 50px;
    }

    #course_banner .banner-feature-strip .feature-title {
        font-size: 13px;
    }
}


/* =========================================================
   LAPTOP
   col-lg-4 width gets smaller
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    #course_banner .banner-feature-strip {
        padding: 15px 5px 14px;
        border-radius: 13px;
    }

    #course_banner .banner-feature-item {
        padding: 0 5px;
    }

    #course_banner .banner-feature-strip .feature-icon {
        width: 42px;
        height: 42px;
        margin-bottom: 8px;
    }

    #course_banner .banner-feature-strip .feature-icon i {
        font-size: 18px;
    }

    #course_banner .banner-feature-strip .feature-title {
        font-size: 11px;
        line-height: 1.3;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    #course_banner .banner-feature-strip {
        max-width: 650px;
        margin: 18px auto 0;

        padding: 18px 10px;

        grid-template-columns: repeat(4, 1fr);
    }

    #course_banner .banner-feature-strip .feature-title {
        font-size: 13px;
    }
}


/* =========================================================
   MOBILE
   2 x 2 Layout
   ========================================================= */

@media (max-width: 575.98px) {

    #course_banner .banner-feature-strip {
        grid-template-columns: repeat(2, 1fr);

        padding: 8px;

        border-radius: 14px;
    }

    #course_banner .banner-feature-item {
        padding: 15px 8px;
    }

    /* remove desktop dividers */
    #course_banner .banner-feature-item:not(:last-child)::after {
        display: none;
    }

    /* Vertical divider between columns */
    #course_banner .banner-feature-item:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.35);
    }

    /* Horizontal divider */
    #course_banner .banner-feature-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    }

    #course_banner .banner-feature-strip .feature-icon {
        width: 44px;
        height: 44px;

        margin-bottom: 8px;
    }

    #course_banner .banner-feature-strip .feature-icon i {
        font-size: 19px;
    }

    #course_banner .banner-feature-strip .feature-title {
        font-size: 12px;
    }
}