.testi-style1 .testi-text,
.testi-style1 .testi-text p {
    color: #fff !important;
}



/* .brand-logo-slider img {
    width: 120px;
    height: 70px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
} */


/* =========================================================
   PREMIUM 5-LOGO ROW — CENTERED
   ========================================================= */

.premium-brand-carousel {
    align-items: center;
    margin-left: 0;
    margin-right: 0;
}

.premium-brand-carousel .brand-logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
}

.premium-brand-carousel .brand-logo-box {
    width: 200px;
    height: 80px;

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

    background: #fff;
}

/* INCREASE LOGO HEIGHT */
.premium-brand-carousel .brand-logo-box img {
    width: 190px;
    height: 80px;

    object-fit: contain;
    object-position: center;

    display: block;

    transition: all 0.35s ease;
    margin-left: 80px ;   
}


/* Premium hover */
.premium-brand-carousel .brand-logo-box:hover {
    transform: translateY(-3px);
}

.premium-brand-carousel .brand-logo-box:hover img {
    transform: scale(1.04);
}


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

@media (max-width: 991px) {

    .premium-brand-carousel {
        margin-left: 0;
        margin-right: 0;
    }

    .premium-brand-carousel .brand-logo-box {
        width: 180px;
        height: 75px;
    }

    .premium-brand-carousel .brand-logo-box img {
        width: 165px;
        height: 65px;
    }
}


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

@media (max-width: 575px) {

    .premium-brand-carousel .brand-logo-box {
        width: 160px;
        height: 70px;
    }

    .premium-brand-carousel .brand-logo-box img {
        width: 145px;
        height: 60px;
    }
}

.about-layout1 {
    padding-bottom: 70px !important;
    padding-top: 50px;
}

/* ABOUT IMAGE */
.about-layout1 .about-img {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;

    overflow: hidden;
}

.about-layout1 .about-img img {
    width: 100%;
    height: 560px;

    display: block;

    object-fit: cover;
    object-position: center;

    border-radius: 20px;

    transition: transform 0.5s ease;
}

.about-layout1 .about-img:hover img {
    transform: scale(1.04);
}



/* =========================================================
   FEATURE SECTION
   Same color system as About section
   ========================================================= */

.feature-layout1 {
    position: relative;
    background: #F7FBF8;
    padding-top: 50px;
    padding-bottom: 10px;
    overflow: hidden;
}


/* ---------------------------------------------------------
   FEATURE ROW
   --------------------------------------------------------- */

.feature-layout1 .vs-carousel {
    margin-top: 10px;
}

.feature-layout1 .slick-slide {
    padding: 15px;
}


/* ---------------------------------------------------------
   FEATURE CARD
   --------------------------------------------------------- */

.feature-layout1 .feature-style3 {
    position: relative;

    min-height: 300px;

    height: 100%;

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

    text-align: center;

    padding: 42px 30px 35px;

    background: #FFFFFF;

    border: 1px solid rgba(8, 166, 60, 0.12);

    border-radius: 24px;

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

    overflow: hidden;
}


/* Small yellow top line */

.feature-layout1 .feature-style3::before {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 70px;
    height: 4px;

    transform: translateX(-50%);

    background-color: #F9B900 !important;

    border-radius: 0 0 20px 20px;

    transition: width 0.35s ease;
}


/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */

.feature-layout1 .feature-style3:hover {
    transform: translateY(-8px);

    border-color: rgba(8, 166, 60, 0.25);

    box-shadow: 0 18px 45px rgba(198, 255, 217, 0.13);
}

.feature-layout1 .feature-style3:hover::before {
    width: 110px;
}


.feature-style3::after {
    background-color: #F9B900 !important;
}

/* ---------------------------------------------------------
   FEATURE ICON
   --------------------------------------------------------- */

.feature-layout1 .feature-icon {
    width: 78px;
    height: 78px;

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

    margin-bottom: 25px;

    background: #08A63C;

    color: #FFFFFF;

    border-radius: 50%;

    font-size: 32px;

    box-shadow: 0 10px 25px rgba(8, 166, 60, 0.20);

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

.feature-layout1 .feature-icon i {
    color: #FFFFFF !important;
    font-size: 32px !important;
}


/* Icon hover */

.feature-layout1 .feature-style3:hover .feature-icon {
    background: #F9B900;

    color: #ffffff;

    transform: translateY(-4px) rotate(3deg);

    box-shadow: 0 12px 28px rgba(249, 185, 0, 0.25);
}

.feature-layout1 .feature-style3:hover .feature-icon i {
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   FEATURE TITLE
   --------------------------------------------------------- */

.feature-layout1 .feature-title {
    color: #172B3A;

    font-size: 21px;

    line-height: 1.35;

    font-weight: 700;

    margin: 0 0 13px;

    min-height: 28px;
}

.feature-layout1 .feature-title a {
    color: #172B3A;

    text-decoration: none;

    transition: color 0.3s ease;
}

.feature-layout1 .feature-title a:hover {
    color: #08A63C;
}


/* ---------------------------------------------------------
   FEATURE DESCRIPTION
   --------------------------------------------------------- */

.feature-layout1 .feature-text {
    color: #63727D;

    font-size: 15px;

    line-height: 1.75;

    margin: 0;

    max-width: 320px;
}


/* ---------------------------------------------------------
   DECORATIVE BACKGROUND
   --------------------------------------------------------- */

.feature-layout1::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -70px;
    top: 50px;

    background: #F9B900;

    border-radius: 50%;

    opacity: 0.08;

    pointer-events: none;
}

.feature-layout1::before {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    left: -70px;
    bottom: 40px;

    background: #08A63C;

    border-radius: 50%;

    opacity: 0.06;

    pointer-events: none;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1199px) {

    .feature-layout1 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .feature-layout1 .feature-style3 {
        min-height: 290px;
        padding: 38px 25px 30px;
    }

    .feature-layout1 .feature-icon {
        width: 72px;
        height: 72px;
    }

    .feature-layout1 .feature-icon i {
        font-size: 30px !important;
    }

    .feature-layout1 .feature-title {
        font-size: 20px;
    }
}


@media (max-width: 991px) {

    .feature-layout1 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .feature-layout1 .feature-style3 {
        min-height: 280px;
    }
}


@media (max-width: 575px) {

    .feature-layout1 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .feature-layout1 .slick-slide {
        padding: 10px;
    }

    .feature-layout1 .feature-style3 {
        min-height: 270px;

        padding: 35px 22px 30px;

        border-radius: 20px;
    }

    .feature-layout1 .feature-icon {
        width: 68px;
        height: 68px;

        margin-bottom: 20px;
    }

    .feature-layout1 .feature-icon i {
        font-size: 28px !important;
    }

    .feature-layout1 .feature-title {
        font-size: 19px;
    }

    .feature-layout1 .feature-text {
        font-size: 14px;
        line-height: 1.7;
    }
}


/* =========================================================
   ABOUT TEAM - EXTRA WIDE
   ========================================================= */

.about-team-section .container {
    width: 100% !important;
    max-width: 1740px !important;

    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 50px;

    background: #f2fcf5 !important;
}

.about-team-section .row {
    width: 100% !important;
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.about-team-section .row>.col-12 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.about-team-section .team-style2 {
    width: 100% !important;
}

/* =========================================================
   ABOUT TEAM - LARGER CONTENT
========================================================= */

/* Teacher name */
.about-team-section .team-name {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
}

/* Designation */
.about-team-section .team-degi {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-bottom: 10 !important;
}

/* Lessons */
.about-team-section .team-courses {
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* Rate */
.about-team-section .team-rate {
    font-size: 15px !important;
}

.about-team-section .team-price {
    font-size: 21px !important;
    font-weight: 700 !important;
}

/* Experience */
.about-team-section .team-experi {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Rating */
.about-team-section .team-review {
    font-size: 15px !important;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.about-team-section .sec-subtitle {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px;
}

.about-team-section .sec-title {
    font-size: 44px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

/* Large screens */
@media (min-width: 1400px) {

    .about-team-section .container {
        max-width: 1790px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}


/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {

    .about-team-section .container {
        max-width: 100% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .about-team-section .row {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .about-team-section .row>.col-12 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

}


/* =========================================================
   TEACHER SECTION
   ========================================================= */

section.team-layout1 {
    position: relative !important;

    padding-top: 50px !important;
    padding-bottom: 60px !important;

    margin-bottom: 0 !important;

    background: #f2fcf5 !important;

    overflow: hidden;
}

section.team-layout1.space-top {
    padding-top: 50px !important;
}

section.team-layout1.space-extra-bottom {
    padding-bottom: 60px !important;
}

/* SECTION HEADING */

.team-layout1 .title-area3 {
    margin-bottom: 45px;
}

.team-layout1 .sec-subtitle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    color: #08A63C !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 8px;
}

.team-layout1 .sec-subtitle::before,
.team-layout1 .sec-subtitle::after {
    content: "";
    width: 40px;
    height: 3px;
    background: #F9B900;
    border-radius: 20px;
}

.team-layout1 .sec-title {
    color: #172B3A;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
}


/* =========================================================
   CAROUSEL
   ========================================================= */

/* Give hover space above the cards */
.team-layout1 .vs-carousel {
    padding-top: 12px;
    padding-bottom: 12px;
}

.team-layout1 .vs-carousel>div {
    display: flex;
    height: auto;
}

.team-layout1 .vs-carousel .slick-track {
    display: flex !important;
    align-items: stretch;
}

.team-layout1 .vs-carousel .slick-slide {
    height: auto;
}

.team-layout1 .vs-carousel .slick-slide>div {
    height: 100%;
}


/* =========================================================
   TEACHER CARD
   ========================================================= */

.team-layout1 .team-style2 {
    width: 100%;
    height: 90%;
    min-height: 385px;

    display: flex;
    flex-direction: column;
    background: #ffffff;

    border: 1px solid rgba(8, 166, 60, 0.14);
    border-radius: 18px;

    padding: 25px 10px;

    box-shadow: 0 6px 18px rgba(23, 43, 58, 0.06);

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

    overflow: visible;
}


/* HOVER */

.team-layout1 .team-style2:hover {

    border-color: #08A63C;

    box-shadow: 0 12px 28px rgba(8, 166, 60, 0.14);

    z-index: 5;
}


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

.team-layout1 .team-content {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}


/* =========================================================
   NAME
   ========================================================= */

.team-layout1 .team-name {
    width: 100%;

    min-height: 28px;

    margin: 0 0 3px;

    color: #172B3A;

    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

.team-layout1 .team-name a {
    color: #172B3A;
    transition: color 0.3s ease;
}

.team-layout1 .team-name a:hover {
    color: #08A63C;
}


/* =========================================================
   DESIGNATION
   ========================================================= */

.team-layout1 .team-degi {
    width: 100%;

    min-height: 20px;

    margin: 0 0 5px;

    color: #63727D;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 15px;
}


/* =========================================================
   COURSES
   ========================================================= */

.team-layout1 .team-courses {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 85px;
    min-height: 26px;

    padding: 4px 11px;

    margin-bottom: 25px;

    background: #EAF7EE;
    color: #08A63C;

    border-radius: 20px;

    font-size: 11px;
    line-height: 1;
    font-weight: 700;

    transition: all 0.3s ease;
}

.team-layout1 .team-style2:hover .team-courses {
    background: #F9B900;
    color: #ffffff;
}


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

.team-layout1 .team-img {
    width: 100%;
    max-width: 190px;

    height: 190px;

    margin: 0 auto 12px;

    overflow: hidden;

    background: transparent !important;

    border: none !important;

    flex-shrink: 0;
}

.team-layout1 .team-img::before,
.team-layout1 .team-img::after {
    display: none !important;
    background: transparent !important;
}

.team-layout1 .team-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.team-layout1 .team-img img {
    width: 100% !important;
    height: 100% !important;

    display: block;

    object-fit: cover;

    transition: transform 0.4s ease;
}

.team-layout1 .team-style2:hover .team-img img {
    transform: scale(1.04);
}


/* =========================================================
   STUDENTS
   ========================================================= */

.team-layout1 .team-title {
    display: block;

    min-height: 20px;

    margin-bottom: 2px;

    color: #172B3A;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
}


/* =========================================================
   EXPERIENCE
   ========================================================= */

.team-layout1 .team-experi {
    margin-bottom: 8px !important;
    line-height: 1.4;
}


/* =========================================================
   RATING
   ========================================================= */

.team-layout1 .team-review {
    line-height: 1;
}

.team-layout1 .team-review i {
    color: #F9B900 !important;
    font-size: 13px;
    line-height: 1;
}

.team-layout1 .team-review .far {
    color: #D8D8D8 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {

    .team-layout1 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .team-layout1 .sec-title {
        font-size: 34px;
    }

    .team-layout1 .team-style2 {
        min-height: 440px;
    }

    .team-layout1 .team-img {
        max-width: 180px;
        height: 180px;
    }
}


@media (max-width: 991px) {

    .team-layout1 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .team-layout1 .title-area3 {
        margin-bottom: 28px;
    }

    .team-layout1 .sec-title {
        font-size: 32px;
    }

    .team-layout1 .team-style2 {
        min-height: 435px;
    }

    .team-layout1 .team-img {
        max-width: 180px;
        height: 180px;
    }
}


@media (max-width: 767px) {

    /* Reset carousel wrapper */
    .team-layout1 .vs-carousel {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    .team-layout1 .vs-carousel .slick-list {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

    .team-layout1 .vs-carousel .slick-track {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
    }

    /* Every ORIGINAL teacher */
    .team-layout1 .vs-carousel .slick-slide {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: auto !important;

        float: none !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;

        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;

        margin: 0 0 25px 0 !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }

    /* Hide Slick duplicates */
    .team-layout1 .vs-carousel .slick-cloned {
        display: none !important;
    }

    /* Card */
    .team-layout1 .vs-carousel .team-style2 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 20px !important;
    }

    .team-layout1 .vs-carousel .team-img {
        width: 100% !important;
    }

    .team-layout1 .vs-carousel .team-img img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}


@media (max-width: 575px) {

    .team-layout1 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .team-layout1 .sec-subtitle {
        font-size: 11px;
    }

    .team-layout1 .sec-title {
        font-size: 28px;
    }

    .team-layout1 .team-style2 {
        min-height: 425px;
        padding: 16px 14px;
    }

    .team-layout1 .team-img {
        max-width: 175px;
        height: 175px;
    }
}



/* faq section */

/* =========================================================
   FAQ SECTION
   ========================================================= */

.faq-layout1 {
    position: relative;
    background: #F7FBF8;
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 60px;
}


/* =========================================================
   SECTION TITLE
   ========================================================= */

.faq-layout1 .title-area {
    margin-bottom: 30px;
}

/* Subtitle - same as About */

.faq-layout1 .sec-subtitle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    color: #08A63C !important;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 8px;
}

/* Yellow line before subtitle */

.faq-layout1 .sec-subtitle::before {
    content: "" !important;
    display: inline-block !important;
    width: 40px !important;
    height: 4px !important;
    background: #F9B900 !important;
    border-radius: 20px !important;
    flex-shrink: 0 !important;
    position: static !important;
    margin-bottom: 2px !important;
    margin-right: 15px !important;
    transform: none !important;
}

.faq-layout1 .sec-subtitle::after {
    content: "" !important;
    display: inline-block !important;
    width: 40px !important;
    height: 4px !important;
    background: #F9B900 !important;
    border-radius: 20px !important;
    flex-shrink: 0 !important;
    position: static !important;
    margin-bottom: 2px !important;
    margin-left: 15px !important;

    transform: none !important;
}


/* Main heading */

.faq-layout1 .sec-title {
    color: #172B3A;
    font-size: 42px;
    line-height: 1.18;
    font-weight: 700;
    margin-bottom: 0;
}


/* =========================================================
   FAQ ACCORDION
   ========================================================= */

.faq-layout1 .accordion-style1 {
    width: 100%;
}

.faq-layout1 .accordion {
    margin: 0;
}


/* Individual FAQ item */

.faq-layout1 .accordion-item {
    position: relative;

    background: #FFFFFF;

    border: 1px solid rgba(8, 166, 60, 0.12) !important;
    border-radius: 12px !important;

    margin-bottom: 14px;

    overflow: hidden;

    box-shadow: 0 5px 18px rgba(23, 43, 58, 0.05);

    transition: all 0.3s ease;
}

/* =========================================
   REMOVE BLUE LINE FROM OPEN FAQ
   ========================================= */

/* Remove active/open item blue border */
.faq-layout1 .accordion-item.active {
    border-left: none !important;
    border-right: none !important;
}

/* Remove any blue line from the answer area */
.faq-layout1 .accordion-item.active .accordion-body {
    border: none !important;
    border-left: none !important;
    border-top: none !important;
}

/* Remove Bootstrap/theme focus styling */
.faq-layout1 .accordion-item.active .accordion-button {
    border: none !important;
    border-left: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove possible pseudo-element creating the blue line */
.faq-layout1 .accordion-item.active::before,
.faq-layout1 .accordion-item.active::after,
.faq-layout1 .accordion-item.active .accordion-body::before,
.faq-layout1 .accordion-item.active .accordion-body::after {
    display: none !important;
    content: none !important;
}

/* Hover */

.faq-layout1 .accordion-item:hover {
    border-color: rgba(8, 166, 60, 0.30) !important;

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(8, 166, 60, 0.08);
}


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

.faq-layout1 .accordion-header {
    margin: 0;
}


/* Button */

.faq-layout1 .accordion-button {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;

    min-height: 68px;

    padding: 18px 60px 18px 24px !important;

    background: #FFFFFF !important;

    color: #172B3A !important;

    border: 0 !important;

    box-shadow: none !important;

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

    line-height: 1.5;

    text-align: left;

    transition: all 0.3s ease;
}


/* Question hover */

.faq-layout1 .accordion-button:hover {
    color: #08A63C !important;
}


/* Active question */

.faq-layout1 .accordion-button:not(.collapsed) {
    color: #08A63C !important;

    background: #F7FBF8 !important;
}


/* Remove Bootstrap default arrow */

.faq-layout1 .accordion-button::after {
    display: none !important;
}

.faq-layout1 .accordion-button:hover::before {
    background: #EAF7EE !important;
    color: #08A63C !important;
    border: none !important;
    box-shadow: none !important;
}


.faq-layout1 .accordion-button:focus::before,
.faq-layout1 .accordion-button:active::before,
.faq-layout1 .accordion-button:not(.collapsed):hover::before {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove blue outline/shadow from the whole button */
.faq-layout1 .accordion-button,
.faq-layout1 .accordion-button:hover,
.faq-layout1 .accordion-button:focus,
.faq-layout1 .accordion-button:active {
    outline: none !important;
    box-shadow: none !important;
}

/* =========================================================
   PLUS / MINUS ICON
   LEFT SIDE
   ========================================================= */

.faq-layout1 .accordion-button::before {
    content: "+";

    position: absolute;

    left: 18px;
    top: 50%;

    width: 27px;
    height: 27px;

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

    transform: translateY(-50%);

    background: #EAF7EE;

    color: #08A63C;

    border-radius: 50%;

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

    line-height: 1;

    transition: all 0.3s ease;
    border: none !important;
    box-shadow: none !important;
}


/* Move question text slightly right */

.faq-layout1 .accordion-button {
    padding-left: 60px !important;
}


/* Active = minus */

.faq-layout1 .accordion-button:not(.collapsed)::before {
    content: "−";
  background: #08A63C !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
}


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

.faq-layout1 .accordion-body {
    padding: 0 24px 22px 60px !important;

    background: #F7FBF8;

    color: #63727D;

    font-size: 15px;

    line-height: 1.8;

    border-top: none !important;
}


/* Remove paragraph extra spacing */

.faq-layout1 .accordion-body p {
    margin: 0;
    color: #63727D;
}


/* =========================================================
   SUPPORT LINK
   ========================================================= */

.faq-layout1 .support-link {
    display: block;

    margin-top: 20px;

    color: #63727D;

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


/* Support link */

.faq-layout1 .support-link a {
    color: #08A63C;

    font-weight: 700;

    text-decoration: none;

    transition: 0.3s ease;
}


.faq-layout1 .support-link a:hover {
    color: #F9B900;
}


/* =========================================================
   RIGHT IMAGE CARD
   ========================================================= */

.faq-layout1 .img-box5 {
    position: relative;

    min-height: 420px;

    border-radius: 22px;

    overflow: hidden;

    background: #EAF7EE;

    border: 2px solid rgba(8, 166, 60, 0.12);

    box-shadow: 0 12px 35px rgba(23, 43, 58, 0.08);

    margin-bottom: 25px;
}


/* Image wrapper */

.faq-layout1 .img-box5 .img-1 {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 420px;
}


/* Image */

.faq-layout1 .img-box5 .img-1 img {
    width: 100%;
    height: 420px;

    object-fit: cover;

    display: block;

    transition: transform 0.5s ease;
}


/* Image hover */

.faq-layout1 .img-box5:hover .img-1 img {
    transform: scale(1.04);
}


/* Dark overlay */

.faq-layout1 .img-box5 .img-1::after {
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(to top,
            rgba(23, 43, 58, 0.05),
            rgba(23, 43, 58, 0.82));

    pointer-events: none;
}


/* =========================================================
   IMAGE CONTENT
   ========================================================= */

.faq-layout1 .img-box5 .box-content {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 2;

    padding: 30px;
}


/* Image title */

.faq-layout1 .img-box5 .img-title {
    color: #FFFFFF;

    font-size: 27px;
    line-height: 1.25;

    font-weight: 700;

    margin-bottom: 10px;
}


/* Image description */

.faq-layout1 .img-box5 .img-text {
    color: rgba(255, 255, 255, 0.88);

    font-size: 15px;
    line-height: 1.7;

    margin-bottom: 20px;
}


/* =========================================================
   FAQ IMAGE BUTTON
   Same button as About
   ========================================================= */

.faq-layout1 .img-box5 .vs-btn {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    background: #08A63C !important;
    background-color: #08A63C !important;

    color: #ffffff !important;

    border: 2px solid #08A63C !important;
    border-radius: 30px !important;

    padding: 13px 27px !important;

    min-height: 50px;
    margin-right: 60px;

    font-size: 14px;
    font-weight: 700;
    line-height: 1;

    overflow: hidden;

    box-shadow: none !important;

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


.faq-layout1 .img-box5 .vs-btn:hover {
    background: #F9B900 !important;

    border-color: #F9B900 !important;

    color: #ffffff !important;

    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(249, 185, 0, 0.25);
}

/* Pseudo-element - Before */
.faq-layout1 .img-box5 .vs-btn::before {
    background: #08A63C !important;
    background-color: #08A63C !important;
    border-color: #08A63C !important;
    color: #ffffff !important;
}


/* Pseudo-element - After */
.faq-layout1 .img-box5 .vs-btn::after {
    background: #08A63C !important;
    background-color: #08A63C !important;
    border-color: #08A63C !important;
    color: #ffffff !important;
}


/* =========================================================
   ADMISSION / CONTACT CARD
   ========================================================= */

.faq-layout1 .media-style5 {
    position: relative;

    background: #FFFFFF;

    border: 1px solid rgba(8, 166, 60, 0.12);

    border-radius: 18px;

    padding: 28px 25px;

    box-shadow: 0 8px 25px rgba(23, 43, 58, 0.06);

    transition: all 0.3s ease;
}


.faq-layout1 .media-style5:hover {
    border-color: rgba(8, 166, 60, 0.30);

    transform: translateY(-3px);

    box-shadow: 0 12px 28px rgba(8, 166, 60, 0.10);
}


/* Icon */

.faq-layout1 .media-style5 .icon {
    width: 52px;
    height: 52px;

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

    margin-bottom: 15px;

    background: #08A63C;

    color: #FFFFFF;

    border-radius: 50%;

    font-size: 18px;

    box-shadow: 0 8px 20px rgba(8, 166, 60, 0.20);
}


/* Contact title */

.faq-layout1 .media-style5 .media-title {
    color: #172B3A;

    font-size: 19px;

    font-weight: 700;

    margin-bottom: 15px;
}


/* Phone */

.faq-layout1 .media-style5 .phone {
    display: block;

    color: #172B3A;

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 8px;

    text-decoration: none;

    transition: 0.3s ease;
}


/* Email */

.faq-layout1 .media-style5 .mail {
    display: block;

    color: #63727D;

    font-size: 14px;

    font-weight: 500;

    text-decoration: none;

    transition: 0.3s ease;
}


.faq-layout1 .media-style5 .phone:hover,
.faq-layout1 .media-style5 .mail:hover {
    color: #08A63C;
}


/* Contact icons */

.faq-layout1 .media-style5 .phone i,
.faq-layout1 .media-style5 .mail i {
    color: #08A63C;

    margin-right: 7px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {

    .faq-layout1 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .faq-layout1 .sec-title {
        font-size: 36px;
    }

    .faq-layout1 .img-box5 {
        min-height: 520px;
    }

}


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

@media (max-width: 991px) {

    .faq-layout1 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .faq-layout1 .sec-title {
        font-size: 34px;
    }

    .faq-layout1 .img-box5 {
        min-height: 500px;
        margin-top: 20px;
    }

    .faq-layout1 .media-style5 {
        margin-top: 20px;
    }

}


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

@media (max-width: 767px) {

    .faq-layout1 {
        padding-top: 55px;
        padding-bottom: 35px;
    }

    .faq-layout1 .sec-title {
        font-size: 28px;
        line-height: 1.25;
    }

    .faq-layout1 .sec-subtitle {
        font-size: 11px;
        right: 50px;
    }

    .faq-layout1 .sec-subtitle::before {
        width: 22px;
        height: 3px;
    }

    .faq-layout1 .accordion-button {
        min-height: 62px;

        font-size: 15px;

        padding-top: 16px !important;
        padding-bottom: 16px !important;

        padding-left: 55px !important;
        padding-right: 20px !important;
    }

    .faq-layout1 .accordion-button::before {
        left: 16px;

        width: 25px;
        height: 25px;
    }

    .faq-layout1 .accordion-body {
        padding-left: 55px !important;
        padding-right: 20px !important;

        font-size: 14px;
    }

    .faq-layout1 .img-box5 {
        min-height: 480px;
        border-radius: 18px;
        top: -40px;
    }

    .faq-layout1 .img-box5 .box-content {
        padding: 24px;
    }

    .faq-layout1 .img-box5 .img-title {
        font-size: 23px;
    }

    .faq-layout1 .media-style5 {
        top: -40px;
    }

}


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

@media (max-width: 575px) {

    .faq-layout1 .img-box5 {
        min-height: 430px;
    }

    .faq-layout1 .img-box5 .img-title {
        font-size: 21px;
    }

    .faq-layout1 .img-box5 .img-text {
        font-size: 14px;
    }

    .faq-layout1 .img-box5 .vs-btn {
        padding: 11px 23px;
        font-size: 13px;
    }

}





/* =========================================================
   PREMIUM TESTIMONIAL STYLE
   Layout remains unchanged
   ========================================================= */

.testi-layout1 {
    background: #f2fcf5 !important;
    padding-top: 60px;
    padding-bottom: 40px;
}


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

.testi-layout1 .title-area3 {
    position: relative;
    z-index: 2;
}

.testi-layout1 .title-area3 .sec-subtitle {
    color: #08A63C !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.testi-layout1 .title-area3 .sec-subtitle::before {
    background: #F9B900 !important;
}

.testi-layout1 .title-area3 .sec-subtitle::after {
    background: #F9B900 !important;
}

.testi-layout1 .title-area3 .sec-title {
    color: #172B3A !important;
    font-size: 42px;
    line-height: 1.18;
    font-weight: 700;
}


/* =========================================================
   TESTIMONIAL CARD
   ========================================================= */

.testi-layout1 .testi-style1 {
    background: #ffffff !important;

    border: 1px solid rgba(8, 166, 60, 0.10);

    border-radius: 18px;

    box-shadow:
        0 5px 15px rgba(23, 43, 58, 0.04),
        0 15px 35px rgba(23, 43, 58, 0.06);

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


/* Premium hover */
.testi-layout1 .testi-style1:hover {
    transform: translateY(-5px);

    border-color: rgba(8, 166, 60, 0.22);

    box-shadow:
        0 8px 18px rgba(23, 43, 58, 0.05),
        0 20px 45px rgba(23, 43, 58, 0.11);
}


/* =========================================================
   QUOTE ICON
   ========================================================= */

.testi-layout1 .testi-icon2 {
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #08A63C !important;

    font-size: 18px !important;
}

.testi-layout1 .testi-style1:hover .testi-icon2 {
    color: #F9B900 !important;
}


.testi-layout1 .testi-icon2 i,
.testi-layout1 .testi-icon2 svg {
    color: #08A63C !important;
    font-size: 18px !important;
}

.testi-layout1 .testi-style1:hover .testi-icon2 i,
.testi-layout1 .testi-style1:hover .testi-icon2 svg {
    color: #F9B900 !important;
}

/* =========================================================
   TESTIMONIAL TEXT
   ========================================================= */

.testi-layout1 .testi-text,
.testi-layout1 .testi-text p {
    color: #63727D !important;

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


/* =========================================================
   STUDENT INFORMATION
   ========================================================= */

.testi-layout1 .testi-name {
    color: #172B3A !important;

    font-weight: 700;
}

.testi-layout1 .testi-name a {
    color: #172B3A !important;

    transition: color 0.25s ease;
}

.testi-layout1 .testi-name a:hover {
    color: #08A63C !important;
}


/* =========================================================
   DESIGNATION
   ========================================================= */

.testi-layout1 .testi-degi {
    color: #7A858D !important;

    font-size: 13px;
}


/* =========================================================
   RATING
   ========================================================= */

.testi-layout1 .testi-rating {
    display: flex;
    align-items: center;
    gap: 3px;
}

.testi-layout1 .testi-rating i {
    color: #F9B900 !important;

    font-size: 13px;

    transition: transform 0.2s ease;
}

.testi-layout1 .testi-rating .far {
    color: #D9DED9 !important;
}

.testi-layout1 .testi-style1:hover .testi-rating i {
    transform: translateY(-1px);
}


/* =========================================================
   STUDENT IMAGE
   ========================================================= */

.testi-layout1 .testi-client img {
    border: 3px solid #EAF7EE;

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

.testi-layout1 .testi-style1:hover .testi-client img {
    border-color: #F9B900;

    box-shadow: 0 5px 15px rgba(249, 185, 0, 0.18);
}


/* =========================================================
   SUBTLE DIVIDER
   ========================================================= */

.testi-layout1 .testi-client {
    border-top: 1px solid rgba(8, 166, 60, 0.10);
}


/* =========================================================
   CAROUSEL DOTS
   ========================================================= */

/* TESTIMONIAL CAROUSEL DOTS */

.testi-layout1 .slick-dots li button {
    width: 9px !important;
    height: 9px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: #08A63C !important;
    opacity: 0.35 !important;
    font-size: 0 !important;
}

/* Hide default Slick pseudo element */
.testi-layout1 .slick-dots li button::before {
    display: none !important;
}

/* ACTIVE DOT */
.testi-layout1 .slick-dots li.slick-active button {
    background: #F9B900 !important;
    opacity: 1 !important;
}

.testi-layout1 .slick-dots li button {
    width: 10px !important;
    height: 10px !important;
    padding: 0 !important;
    border-radius: 50% !important;

    background: #08A63C !important;
    border: none !important;

    font-size: 0 !important;
}

.testi-layout1 .slick-dots li button:before {
    display: none !important;

}

.testi-layout1 .slick-dots li.slick-active button:before {
    background: #F9B900 !important;

}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {

    .testi-layout1 .title-area3 .sec-title {
        font-size: 36px;
    }
}


@media (max-width: 991px) {

    .testi-layout1 .title-area3 .sec-title {
        font-size: 34px;
    }
}


@media (max-width: 575px) {

    .testi-layout1 .title-area3 .sec-title {
        font-size: 28px;
        
    }

    .testi-layout1 .title-area3 .sec-subtitle {
        font-size: 11px;
        letter-spacing: 1px;
        right: 25px;
    }
}




/* =========================================================
   BREADCRUMB / PAGE HERO
   ========================================================= */
.breadcumb-wrapper {
    position: relative !important;

    width: 100% !important;

    min-height: 460px !important;
    height: 460px !important;

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

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
}


/* PREMIUM OVERLAY */

.breadcumb-wrapper::before {
    content: "";

    position: absolute !important;

    inset: 0 !important;

    background: linear-gradient(
        135deg,
        rgba(23, 43, 58, 0.78),
        rgba(8, 166, 60, 0.30)
    ) !important;

    z-index: 0 !important;
}


/* CONTAINER */

.breadcumb-wrapper .container {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;
}


/* CONTENT */

.breadcumb-content {
    position: relative !important;

    width: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;
}


/* =========================================================
   PAGE TITLE
   ========================================================= */

.breadcumb-title {
    color: #ffffff !important;

    font-size: 48px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;

    letter-spacing: 0.2px !important;
    top: 20px !important;

    margin: 0 0 16px !important;

    text-align: center !important;

    position: relative !important;
}


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

.breadcumb-menu-wrap {
    width: 100% !important;

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;
}


.breadcumb-menu {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 10px !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

    text-align: center !important;
}


.breadcumb-menu li {
    position: relative !important;

    color: rgba(255, 255, 255, 0.85) !important;

    font-size: 14px !important;

    line-height: 1.4 !important;

    font-weight: 500 !important;

    margin: 0 !important;

    padding: 0 !important;
}


.breadcumb-menu li a {
    color: #ffffff !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    transition: color 0.3s ease !important;
}


.breadcumb-menu li a:hover {
    color: #F9B900 !important;
}


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

.breadcumb-menu li + li::before {
    content: "•" !important;

    color: #F9B900 !important;

    margin-right: 10px !important;

    font-size: 13px !important;

    vertical-align: middle !important;
}



/* =========================================================
   BREADCRUMB - MOBILE PREMIUM
   ========================================================= */

@media (max-width: 767px) {

    .breadcumb-wrapper {
       height: 280px !important;
        min-height: 280px !important;
        padding-top: 70px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        background-position: center center !important;
        background-size: cover !important;

        position: relative !important;
        overflow: hidden !important;
    }

    /* Premium dark overlay */
    .breadcumb-wrapper::before {
        content: "";
        position: absolute;

        inset: 0;

        background: linear-gradient(
            135deg,
            rgba(23, 43, 58, 0.78),
            rgba(8, 166, 60, 0.35)
        );

        z-index: 0;
    }

    .breadcumb-wrapper .container {
        position: relative !important;
        z-index: 2 !important;

        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .breadcumb-content {
        width: 100% !important;
        position: relative !important;
        top: 20px !important;
        text-align: center !important;

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

    /* PAGE TITLE */
    .breadcumb-title {
        color: #ffffff !important;

        font-size: 32px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
margin-top: 50px !important;
        margin: 0 0 12px !important;

        text-align: center !important;

        letter-spacing: 0.2px !important;
    }

    /* BREADCRUMB */
    .breadcumb-menu-wrap {
        display: flex !important;
        justify-content: center !important;

        width: 100% !important;
    }

    .breadcumb-menu {
        display: flex !important;

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

        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;

        text-align: center !important;
    }

    .breadcumb-menu li {
        color: rgba(255, 255, 255, 0.85) !important;

        font-size: 13px !important;
        line-height: 1.4 !important;

        font-weight: 500 !important;
    }

    .breadcumb-menu li a {
        color: #ffffff !important;

        font-weight: 600 !important;

        text-decoration: none !important;
    }

}