/* =========================================================
   AGITE UPGRADED THEME CSS
   Use this file after Bootstrap/theme CSS.
========================================================= */

:root{
    --agite-primary:#0B6B4F;
    --agite-primary-dark:#064E3B;
    --agite-secondary:#21B6A8;
    --agite-secondary-dark:#0EA5A4;
    --agite-accent:#F4D35E;
    --agite-soft:#FFF8E7;
    --agite-dark:#12343B;
    --agite-text:#5D6B6F;
    --agite-white:#ffffff;

    --gttc-primary:var(--agite-primary);
    --gttc-primary-dark:var(--agite-primary-dark);
    --gttc-secondary:var(--agite-secondary);
    --gttc-secondary-dark:var(--agite-secondary-dark);
    --gttc-white:var(--agite-white);
    --gttc-dark:var(--agite-dark);
    --gttc-muted:var(--agite-text);
    --gttc-soft:var(--agite-soft);
    --msie-primary:var(--agite-primary);
    --msie-dark:var(--agite-dark);
    --msie-muted:var(--agite-text);
    --msie-radius:24px;
}

:root{
    --agite-primary:#0B6B4F;
    --agite-primary-dark:#064E3B;
    --agite-secondary:#21B6A8;
    --agite-accent:#F4D35E;
    --agite-soft:#EAFBF8;
    --agite-dark:#12343B;
    --agite-text:#5D6B6F;
    --agite-white:#ffffff;
}
.msie-home.msie-upgraded{font-family:inherit;color:var(--agite-dark);background:#fff;overflow:hidden;}
.msie-kicker,.gttc-courses-kicker,.gttc-social-kicker,.gttc-admission-kicker,.gttc-partner-kicker,.gttc-testimonial-kicker,.gttc-blog-kicker,.gttc-final-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:50px;background:var(--agite-soft);color:var(--agite-primary);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.5px;}
.msie-title,.gttc-courses-title,.gttc-social-title,.gttc-admission-title,.gttc-partner-title,.gttc-testimonial-title,.gttc-blog-title{font-size:42px;line-height:1.2;font-weight:800;color:var(--agite-dark);margin:18px 0;}
.msie-title span,.gttc-courses-title span,.gttc-social-title span,.gttc-partner-title span,.gttc-testimonial-title span,.gttc-blog-title span{color:var(--agite-primary);}
.msie-text,.gttc-social-text,.gttc-admission-text,.gttc-partner-text,.gttc-testimonial-text,.gttc-blog-text{font-size:16px;line-height:1.8;color:var(--agite-text);}
.msie-btn,.gttc-courses-btn,.gttc-course-link,.gttc-admission-btn,.gttc-youtube-btn,.facilities-modern__btn,.gttc-blog-link,.gttc-final-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:50px;background:linear-gradient(135deg,var(--agite-primary),var(--agite-secondary));color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 15px 30px rgba(11,107,79,.20);transition:.3s;}
.msie-btn:hover,.gttc-courses-btn:hover,.gttc-course-link:hover,.gttc-admission-btn:hover,.gttc-youtube-btn:hover,.facilities-modern__btn:hover,.gttc-blog-link:hover,.gttc-final-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(11,107,79,.28);}
.msie-hero-section{position:relative;}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,92,44,.88),rgba(33,182,168,.62),rgba(6,92,44,.20));}
.hero-content{position:relative;z-index:2;max-width:760px;color:#fff;}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:50px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-weight:700;margin-bottom:22px;}
.hero-content h1{font-size:64px;line-height:1.05;font-weight:900;color:#fff;margin-bottom:20px;}
.hero-content p{font-size:20px;line-height:1.8;color:rgba(255,255,255,.92);}
.hero-btn-group{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px;}
.hero-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 25px;border-radius:50px;font-weight:800;text-decoration:none;}
.btn-light-custom{background:#fff;color:var(--agite-primary)!important;}
.btn-gold-custom{background:var(--agite-accent);color:#142015!important;}
.swiper-button-next,.swiper-button-prev{color:#fff;}
.msie-stats-wrap{padding:70px 0;background:var(--agite-soft);}
.msie-stat-card{height:100%;text-align:center;background:#fff;border-radius:26px;padding:36px 25px;box-shadow:0 16px 45px rgba(16,37,26,.08);border:1px solid rgba(11,107,79,.08);}
.msie-stat-card i{width:70px;height:70px;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,var(--agite-primary),var(--agite-secondary));color:#fff;font-size:28px;margin-bottom:18px;}
.msie-stat-card h3{font-size:36px;font-weight:900;color:var(--agite-primary);margin-bottom:8px;}
.msie-stat-card p{color:var(--agite-text);font-weight:600;margin:0;}
.gttc-notice-section,.gttc-courses-section,.gttc-social-iframe-section,.facilities-modern,.gttc-admission-section,.gttc-partner-section,.gttc-testimonial-section,.gttc-blog-section{position:relative;padding:95px 0;}
.gttc-about-section,.gttc-courses-section,.facilities-modern,.gttc-partner-section,.gttc-blog-section{background:#fff;}
.gttc-notice-section,.gttc-social-iframe-section,.gttc-admission-section,.gttc-testimonial-section{background:linear-gradient(180deg,#f7fcf9 0%,#fff 100%);}
.gttc-about-image-box{position:relative;padding:20px;}
.gttc-about-image img{width:100%;border-radius:32px;box-shadow:0 25px 60px rgba(16,37,26,.16);}
.gttc-about-badge,.gttc-about-card{position:absolute;background:#fff;border-radius:22px;padding:18px 22px;box-shadow:0 18px 45px rgba(16,37,26,.16);}
.gttc-about-badge{left:0;bottom:45px;text-align:center;}
.gttc-about-badge h3{color:var(--agite-primary);font-weight:900;margin:0;}
.gttc-about-card{right:0;top:55px;display:flex;align-items:center;gap:14px;}
.gttc-about-card i{color:var(--agite-accent);font-size:30px;}
.gttc-about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:26px 0;}
.gttc-about-feature,.gttc-admission-step,.gttc-course-card,.gttc-notice-card,.gttc-social-box,.facilities-modern__card,.gttc-partner-card,.gttc-testimonial-card,.gttc-blog-card{background:#fff;border-radius:28px;box-shadow:0 18px 50px rgba(16,37,26,.08);border:1px solid rgba(11,107,79,.08);overflow:hidden;}
.gttc-about-feature{padding:16px;display:flex;align-items:center;gap:12px;font-weight:700;color:var(--agite-dark);}
.gttc-about-feature i{color:var(--agite-primary);}
.gttc-notice-card{padding:30px;height:100%;}
.gttc-notice-header{display:flex;align-items:center;gap:16px;margin-bottom:22px;}
.gttc-notice-icon{width:58px;height:58px;border-radius:18px;background:var(--agite-soft);color:var(--agite-primary);display:flex;align-items:center;justify-content:center;font-size:24px;}
.gttc-notice-header h3{margin:0;font-weight:800;color:var(--agite-dark);}
.gttc-notice-list{list-style:none;padding:0;margin:0;}
.gttc-notice-list li{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid rgba(11,107,79,.10);}
.gttc-notice-list a{font-weight:700;color:var(--agite-dark);text-decoration:none;}
.gttc-notice-date{display:block;color:var(--agite-text);font-size:13px;margin-top:6px;}
.gttc-new-badge{align-self:flex-start;padding:4px 9px;border-radius:30px;background:var(--agite-accent);font-size:11px;font-weight:900;color:#142015;}
.gttc-course-img img,.facilities-modern__image img,.gttc-blog-img img{width:100%;height:250px;object-fit:cover;}
.gttc-course-body,.facilities-modern__content,.gttc-blog-body{padding:26px;}
.gttc-course-label,.facilities-modern__badge{position:absolute;left:18px;top:18px;background:var(--agite-accent);color:#142015;border-radius:30px;padding:7px 13px;font-weight:800;font-size:12px;}
.gttc-course-img,.facilities-modern__image,.gttc-blog-img{position:relative;}
.gttc-course-meta,.gttc-blog-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--agite-primary);font-size:14px;font-weight:700;margin-bottom:14px;}
.gttc-course-body h3,.gttc-blog-body h3{font-size:22px;font-weight:850;line-height:1.35;}
.gttc-course-body h3 a,.gttc-blog-body h3 a,.facilities-modern__content a{color:var(--agite-dark);text-decoration:none;}
.gttc-course-text,.facilities-modern__content p,.gttc-blog-body p{color:var(--agite-text);line-height:1.75;}
.gttc-social-box{height:100%;}
.gttc-social-head{padding:20px 25px;color:#fff;display:flex;align-items:center;gap:12px;}
.gttc-social-head h3{margin:0;color:#fff;font-weight:800;}
.facebook-bg{background:#1877f2;}.instagram-bg{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);}.youtube-bg{background:#ff0000;}
.gttc-social-frame iframe{border-radius:0 0 28px 28px;}
.gttc-youtube-card{text-align:center;padding:55px 30px;}
.gttc-youtube-icon{font-size:58px;color:#ff0000;margin-bottom:18px;}
.gttc-admission-section{background:linear-gradient(135deg,var(--agite-primary-dark),var(--agite-primary));color:#fff;}
.gttc-admission-section .gttc-admission-title,.gttc-admission-section .gttc-admission-text{color:#fff;}
.gttc-admission-step{padding:30px;position:relative;height:100%;}
.gttc-step-no{position:absolute;right:22px;top:18px;font-size:44px;font-weight:900;color:rgba(11,107,79,.10);}
.gttc-step-icon{width:62px;height:62px;border-radius:18px;background:var(--agite-soft);color:var(--agite-primary);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px;}
.gttc-admission-step h4{font-weight:850;color:var(--agite-dark);}
.gttc-admission-step p{color:var(--agite-text);line-height:1.7;}
.gttc-partner-card{text-align:center;padding:30px;height:100%;}
.gttc-partner-logo img{max-width:150px;max-height:90px;object-fit:contain;margin-bottom:16px;}
.gttc-testimonial-card{padding:32px;height:100%;}
.gttc-quote-icon{font-size:40px;color:var(--agite-primary);opacity:.25;}
.gttc-stars{color:var(--agite-accent);margin:12px 0;}
.gttc-testimonial-desc{color:var(--agite-text);line-height:1.8;}
.gttc-testimonial-user{display:flex;align-items:center;gap:14px;margin-top:20px;}
.gttc-user-icon{width:52px;height:52px;border-radius:50%;background:var(--agite-soft);color:var(--agite-primary);display:flex;align-items:center;justify-content:center;}
.gttc-blog-date{position:absolute;left:20px;bottom:20px;background:#fff;border-radius:16px;text-align:center;padding:10px 14px;box-shadow:0 10px 25px rgba(16,37,26,.15);}
.gttc-blog-date span{display:block;font-weight:900;color:var(--agite-primary);font-size:24px;line-height:1;}
.gttc-blog-date small{font-weight:800;color:var(--agite-dark);}
.gttc-final-cta-section{padding:80px 0;background:#fff;}
.gttc-final-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--agite-primary-dark),var(--agite-secondary));border-radius:34px;padding:55px;color:#fff;}
.gttc-final-cta h2{font-size:42px;font-weight:900;color:#fff;margin:12px 0;}
.gttc-final-cta p{color:rgba(255,255,255,.9);font-size:17px;}
.gttc-final-btn-group{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap;}
.gttc-call-btn{background:#fff!important;color:var(--agite-primary)!important;}.gttc-apply-btn{background:var(--agite-accent)!important;color:#142015!important;}
@media(max-width:991px){.hero-content h1{font-size:44px}.msie-title,.gttc-courses-title,.gttc-social-title,.gttc-admission-title,.gttc-partner-title,.gttc-testimonial-title,.gttc-blog-title{font-size:32px}.gttc-about-features{grid-template-columns:1fr}.gttc-final-btn-group{justify-content:flex-start}.gttc-final-cta{padding:35px}.gttc-final-cta h2{font-size:32px}}

/* =========================================================
   AGITE
   PREMIUM HEADER CSS
========================================================= */

:root{
    --gttc-primary:#0B6B4F;
    --gttc-primary-dark:#064E3B;
    --gttc-secondary:#21B6A8;
    --gttc-secondary-dark:#0EA5A4;
    --gttc-white:#ffffff;
    --gttc-dark:#12343B;
    --gttc-muted:#5D6B6F;
    --gttc-soft:#FFF8E7;
}

/* =========================================================
   HEADER WRAPPER
========================================================= */

.main-header-two{
    position:relative;
    z-index:999;
    background:#fff;
    width:100%;
}

/* =========================================================
   TOP BAR
========================================================= */

.main-menu-two__top{
    background:linear-gradient(
        135deg,
        var(--gttc-primary-dark),
        var(--gttc-primary)
    );
    padding:10px 0;
}

.main-menu-two__top-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.main-menu-two__contact-list{
    display:flex;
    align-items:center;
    gap:28px;
    margin:0;
    padding:0;
    list-style:none;
}

.main-menu-two__contact-list li{
    display:flex;
    align-items:center;
    gap:10px;
}

.main-menu-two__contact-list .icon{
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    display:flex;
    align-items:center;
    justify-content:center;
}

.main-menu-two__contact-list .icon i{
    color:var(--gttc-secondary);
    font-size:14px;
}

.main-menu-two__contact-list .text a,
.main-menu-two__contact-list .text span{
    color:#fff;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}

/* =========================================================
   SOCIAL
========================================================= */

.main-menu__top-right{
    display:flex;
    align-items:center;
    gap:16px;
}

.main-menu__social-title{
    margin:0;
    color:#fff;
    font-size:14px;
    font-weight:700;
}

.main-menu__social{
    display:flex;
    align-items:center;
    gap:10px;
}

.main-menu__social a{
    width:36px;
    height:36px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    transition:.3s ease;
}

.main-menu__social a:hover{
    background:var(--gttc-secondary);
    transform:translateY(-3px);
}

/* =========================================================
   NAVBAR
========================================================= */

.msie-navbar{
    background:#fff;
    padding:14px 0;
    box-shadow:0 8px 35px rgba(0,0,0,.05);
}

/* =========================================================
   LOGO
========================================================= */

.navbar-brand{
    display:flex;
    align-items:center;
}

.navbar-brand img{
    max-height:78px;
    width:auto;
    transition:.3s ease;
}

/* =========================================================
   NAV LINKS
========================================================= */

.navbar-nav{
    align-items:center;
    gap:5px;
}

.navbar-nav .nav-item{
    position:relative;
}

.navbar-nav .nav-link{
    color:var(--gttc-dark) !important;
    font-size:15px;
    font-weight:800;
    padding:16px 14px !important;
    transition:.3s ease;
    position:relative;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item:hover > .nav-link,
.navbar-nav .nav-link.active{
    color:var(--gttc-secondary) !important;
}

/* UNDERLINE EFFECT */

.navbar-nav .nav-link::after{
    content:"";
    position:absolute;
    left:14px;
    bottom:8px;
    width:0;
    height:3px;
    background:var(--gttc-secondary);
    border-radius:10px;
    transition:.3s ease;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-item:hover > .nav-link::after{
    width:55%;
}

/* =========================================================
   DROPDOWN
========================================================= */

.dropdown-menu{
    border:none;
    border-radius:18px;
    padding:14px 0;
    min-width:240px;
    box-shadow:0 20px 60px rgba(0,0,0,.10);
    animation:fadeUp .25s ease;
}

.dropdown-item{
    padding:12px 22px;
    font-size:14px;
    font-weight:700;
    color:var(--gttc-dark);
    transition:.3s ease;
}

.dropdown-item:hover{
    background:var(--gttc-soft);
    color:var(--gttc-secondary);
    padding-left:28px;
}

/* =========================================================
   APPLY BUTTON
========================================================= */

.msie-header-btn .thm-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 28px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        var(--gttc-secondary),
        var(--gttc-secondary-dark)
    );
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 14px 35px rgba(33,182,168,.22);
    transition:.35s ease;
}

.msie-header-btn .thm-btn:hover{
    background:linear-gradient(
        135deg,
        var(--gttc-primary),
        var(--gttc-primary-dark)
    );
    transform:translateY(-4px);
}

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

@media(max-width:991px){

    .main-menu-two__top-inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .main-menu-two__contact-list{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .navbar-collapse{
        margin-top:18px;
        padding-top:15px;
        border-top:1px solid #eee;
    }

    .navbar-nav{
        align-items:flex-start;
    }

    .navbar-nav .nav-link{
        padding:12px 0 !important;
        width:100%;
    }

    .navbar-nav .nav-link::after{
        display:none;
    }

    .dropdown-menu{
        border-radius:12px;
        box-shadow:none;
        border:1px solid #eee;
        margin-top:8px;
    }

    .msie-header-btn{
        margin-top:20px;
        width:100%;
    }

    .msie-header-btn .thm-btn{
        width:100%;
        justify-content:center;
    }
}

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

@media(max-width:575px){

    .navbar-brand img{
        max-height:60px;
    }

    .main-menu__social-title{
        display:none;
    }

    .main-menu-two__contact-list .text a,
    .main-menu-two__contact-list .text span{
        font-size:13px;
    }
}

/* =========================================================
   ANIMATION
========================================================= */

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(10px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* =========================================================
   AGITE
   HEADER PAGE PREMIUM CSS
========================================================= */

:root{
    --gttc-primary:#0B6B4F;
    --gttc-primary-dark:#064E3B;
    --gttc-secondary:#21B6A8;
    --gttc-secondary-dark:#0EA5A4;
    --gttc-white:#ffffff;
    --gttc-dark:#12343B;
    --gttc-muted:#5D6B6F;
    --gttc-soft:#FFF8E7;
}

/* =========================================================
   HEADER WRAPPER
========================================================= */

.main-header-two{
    position:relative;
    z-index:999;
    width:100%;
    background:#fff;
}

/* =========================================================
   TOP BAR
========================================================= */

.main-menu-two__top{
    background:linear-gradient(
        135deg,
        var(--gttc-primary-dark),
        var(--gttc-primary)
    );
    padding:10px 0;
}

.main-menu-two__top-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.main-menu-two__contact-list{
    display:flex;
    align-items:center;
    gap:30px;
    list-style:none;
    margin:0;
    padding:0;
}

.main-menu-two__contact-list li{
    display:flex;
    align-items:center;
    gap:10px;
}

.main-menu-two__contact-list .icon{
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    display:flex;
    align-items:center;
    justify-content:center;
}

.main-menu-two__contact-list .icon i{
    color:var(--gttc-secondary);
    font-size:14px;
}

.main-menu-two__contact-list .text a,
.main-menu-two__contact-list .text span{
    color:#fff;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}

/* =========================================================
   SOCIAL
========================================================= */

.main-menu__top-right{
    display:flex;
    align-items:center;
    gap:14px;
}

.main-menu__social-title{
    color:#fff;
    margin:0;
    font-size:14px;
    font-weight:700;
}

.main-menu__social{
    display:flex;
    align-items:center;
    gap:10px;
}

.main-menu__social a{
    width:36px;
    height:36px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s ease;
}

.main-menu__social a:hover{
    background:var(--gttc-secondary);
    transform:translateY(-3px);
}

/* =========================================================
   NAVBAR
========================================================= */

.msie-navbar{
    background:#fff;
    padding:14px 0;
    box-shadow:0 8px 35px rgba(0,0,0,.05);
}

/* =========================================================
   LOGO
========================================================= */

.navbar-brand{
    display:flex;
    align-items:center;
}

.navbar-brand img{
    max-height:80px;
    width:auto;
    transition:.3s ease;
}

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

.navbar-nav{
    align-items:center;
    gap:5px;
}

.navbar-nav .nav-item{
    position:relative;
}

.navbar-nav .nav-link{
    color:var(--gttc-dark)!important;
    font-size:15px;
    font-weight:800;
    padding:16px 14px!important;
    transition:.3s ease;
    position:relative;
}

/* HOVER */

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item:hover > .nav-link,
.navbar-nav .nav-link.active{
    color:var(--gttc-secondary)!important;
}

/* UNDERLINE EFFECT */

.navbar-nav .nav-link::after{
    content:"";
    position:absolute;
    left:14px;
    bottom:8px;
    width:0;
    height:3px;
    border-radius:20px;
    background:var(--gttc-secondary);
    transition:.3s ease;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-item:hover > .nav-link::after{
    width:55%;
}

/* =========================================================
   DROPDOWN
========================================================= */

.dropdown-menu{
    border:none;
    border-radius:18px;
    min-width:240px;
    padding:14px 0;
    box-shadow:0 20px 60px rgba(0,0,0,.10);
    animation:fadeUp .3s ease;
}

.dropdown-item{
    padding:12px 24px;
    font-size:14px;
    font-weight:700;
    color:var(--gttc-dark);
    transition:.3s ease;
}

.dropdown-item:hover{
    background:var(--gttc-soft);
    color:var(--gttc-secondary);
    padding-left:30px;
}

/* =========================================================
   APPLY BUTTON
========================================================= */

.msie-header-btn .thm-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 28px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        var(--gttc-secondary),
        var(--gttc-secondary-dark)
    );
    color:#fff!important;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 14px 35px rgba(33,182,168,.22);
    transition:.35s ease;
}

.msie-header-btn .thm-btn:hover{
    background:linear-gradient(
        135deg,
        var(--gttc-primary),
        var(--gttc-primary-dark)
    );
    transform:translateY(-4px);
}

/* =========================================================
   TOGGLER
========================================================= */

.navbar-toggler{
    border:1px solid rgba(255,255,255,.5);
    box-shadow:none !important;
    padding:8px;
}

.navbar-toggler:focus{
    box-shadow:none !important;
}

.navbar-toggler-icon{
    filter:brightness(0) invert(1);
}

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

@media(max-width:991px){

    .main-menu-two__top-inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .main-menu-two__contact-list{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .navbar-collapse{
        margin-top:18px;
        padding-top:15px;
        border-top:1px solid #eee;
    }

    .navbar-nav{
        align-items:flex-start;
        width:100%;
    }

    .navbar-nav .nav-link{
        width:100%;
        padding:12px 0!important;
    }

    .navbar-nav .nav-link::after{
        display:none;
    }

    .dropdown-menu{
        border-radius:12px;
        box-shadow:none;
        border:1px solid #eee;
        margin-top:8px;
    }

    .msie-header-btn{
        width:100%;
        margin-top:20px;
    }

    .msie-header-btn .thm-btn{
        width:100%;
    }
}

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

@media(max-width:575px){

    .navbar-brand img{
        max-height:60px;
    }

    .main-menu__social-title{
        display:none;
    }

    .main-menu-two__contact-list .text a,
    .main-menu-two__contact-list .text span{
        font-size:13px;
    }
}

/* =========================================================
   ANIMATION
========================================================= */

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(10px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* =========================================================
   AGITE
   FOOTER + CTA PREMIUM CSS
========================================================= */

:root{
    --gttc-primary:#0B6B4F;
    --gttc-primary-dark:#064E3B;
    --gttc-secondary:#21B6A8;
    --gttc-secondary-dark:#0EA5A4;
    --gttc-white:#ffffff;
    --gttc-dark:#12343B;
    --gttc-muted:#5D6B6F;
    --gttc-soft:#FFF8E7;
}

/* =========================================================
   CTA SECTION
========================================================= */

.cta-one{
    position:relative;
    margin-bottom:-80px;
    z-index:5;
}

.cta-one__inner{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:50px 35px;
    background:linear-gradient(
        135deg,
        #043D35,
        #064E3B,
        #0B6B4F
    );
    box-shadow:0 25px 70px rgba(0,0,0,.18);
}

.cta-one__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:.08;
}

.cta-one__single{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:28px;
    border-radius:24px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
    height:100%;
    transition:.35s ease;
}

.cta-one__single:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.12);
}

.cta-one__icon{
    width:70px;
    height:70px;
    border-radius:22px;
    background:linear-gradient(
        135deg,
        var(--gttc-secondary),
        var(--gttc-secondary-dark)
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    flex:0 0 70px;
}

.cta-one__content h3{
    color:#fff;
    font-size:24px;
    font-weight:900;
    margin-bottom:10px;
}

.cta-one__content p{
    color:rgba(255,255,255,.78);
    line-height:1.8;
    margin:0;
}

/* =========================================================
   FOOTER
========================================================= */

.site-footer{
    position:relative;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #022C2A 0%,
        #043D35 35%,
        #064E3B 70%,
        #0B6B4F 100%
    );
    color:#fff;
    padding-top:160px;
}

.site-footer__map{
    position:absolute;
    inset:0;
    background-repeat:no-repeat;
    background-position:center;
    opacity:.05;
}

.site-footer__top{
    position:relative;
    z-index:2;
    padding-bottom:70px;
}

/* =========================================================
   FOOTER LOGO
========================================================= */

.footer-widget__about-logo img{
    max-height:75px;
    width:auto;
    background:#fff;
    padding:10px 14px;
    border-radius:16px;
}

.footer-widget__about-text{
    margin-top:24px;
    color:rgba(255,255,255,.72);
    line-height:1.9;
    font-size:15px;
}

/* =========================================================
   FOOTER TITLE
========================================================= */

.footer-widget__title{
    color:#fff;
    font-size:24px;
    font-weight:900;
    margin-bottom:28px;
    position:relative;
}

.footer-widget__title::after{
    content:"";
    display:block;
    width:55px;
    height:3px;
    border-radius:20px;
    background:var(--gttc-secondary);
    margin-top:10px;
}

/* =========================================================
   FOOTER LINKS
========================================================= */

.footer-widget__links-list{
    margin:0;
    padding:0;
    list-style:none;
}

.footer-widget__links-list li{
    margin-bottom:14px;
}

.footer-widget__links-list li a{
    color:rgba(255,255,255,.74);
    text-decoration:none;
    font-weight:600;
    transition:.3s ease;
}

.footer-widget__links-list li a:hover{
    color:var(--gttc-secondary);
    padding-left:8px;
}

/* =========================================================
   CONTACT INFO
========================================================= */

.footer-widget__contact-info-list{
    margin:0;
    padding:0;
    list-style:none;
}

.footer-widget__contact-info-list li{
    display:flex;
    gap:14px;
    margin-bottom:20px;
}

.footer-widget__contact-info-list .icon{
    width:44px;
    height:44px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 44px;
}

.footer-widget__contact-info-list .icon span{
    color:var(--gttc-secondary);
    font-size:16px;
}

.footer-widget__contact-info-list .text p,
.footer-widget__contact-info-list .text a{
    margin:0;
    color:rgba(255,255,255,.75);
    line-height:1.7;
    text-decoration:none;
}

.footer-widget__contact-info-list .text a:hover{
    color:var(--gttc-secondary);
}

/* =========================================================
   SOCIAL
========================================================= */

.footer-widget__social-box{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:28px;
}

.footer-widget__social-box a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s ease;
    text-decoration:none;
}

.footer-widget__social-box a:hover{
    background:var(--gttc-secondary);
    transform:translateY(-5px);
}

/* =========================================================
   FOOTER BOTTOM
========================================================= */

.site-footer__bottom{
    position:relative;
    z-index:2;
    border-top:1px solid rgba(255,255,255,.08);
    padding:24px 0;
}

.site-footer__bottom-inner{
    text-align:center;
}

.site-footer__copyright-text{
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:15px;
}

.site-footer__copyright-text a{
    color:var(--gttc-secondary);
    font-weight:700;
    text-decoration:none;
}

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

.mobile-nav__wrapper{
    position:fixed;
    inset:0;
    z-index:9999;
    visibility:hidden;
    opacity:0;
    transition:.3s;
}

.mobile-nav__wrapper.expanded{
    visibility:visible;
    opacity:1;
}

.mobile-nav__overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.70);
}

.mobile-nav__content{
    position:absolute;
    top:0;
    left:0;
    width:320px;
    max-width:85%;
    height:100%;
    background:#043D35;
    padding:30px;
    overflow-y:auto;
    transform:translateX(-100%);
    transition:.35s ease;
}

.mobile-nav__wrapper.expanded .mobile-nav__content{
    transform:translateX(0);
}

.mobile-nav__close{
    display:block;
    text-align:right;
    color:#fff;
    font-size:22px;
    margin-bottom:20px;
    cursor:pointer;
}

.mobile-nav__content .logo-box img{
    max-height:65px;
    background:#fff;
    padding:10px;
    border-radius:14px;
}

.mobile-nav__contact{
    margin:30px 0;
    padding:0;
    list-style:none;
}

.mobile-nav__contact li{
    display:flex;
    gap:10px;
    margin-bottom:16px;
    color:#fff;
}

.mobile-nav__contact li i{
    color:var(--gttc-secondary);
}

.mobile-nav__contact li a{
    color:rgba(255,255,255,.78);
    text-decoration:none;
}

.mobile-nav__social{
    display:flex;
    gap:12px;
}

.mobile-nav__social a{
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.mobile-nav__social a:hover{
    background:var(--gttc-secondary);
}

/* =========================================================
   SCROLL TOP
========================================================= */

.scroll-to-top{
    position:fixed;
    right:25px;
    bottom:25px;
    width:50px;
    height:50px;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        var(--gttc-secondary),
        var(--gttc-secondary-dark)
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    box-shadow:0 14px 35px rgba(33,182,168,.28);
    z-index:99;
    transition:.35s ease;
}

.scroll-to-top:hover{
    transform:translateY(-5px);
    background:linear-gradient(
        135deg,
        var(--gttc-primary),
        var(--gttc-primary-dark)
    );
}

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

@media(max-width:991px){

    .cta-one{
        margin-bottom:-40px;
    }

    .cta-one__single{
        margin-bottom:18px;
    }

    .site-footer{
        padding-top:120px;
    }
}

@media(max-width:767px){

    .cta-one__inner{
        padding:28px 22px;
        border-radius:24px;
    }

    .cta-one__single{
        flex-direction:column;
        text-align:center;
    }

    .cta-one__icon{
        margin:auto;
    }

    .site-footer{
        padding-top:90px;
    }

    .footer-widget__about,
    .footer-widget__links,
    .footer-widget__contact-info{
        margin-bottom:35px;
    }

    .site-footer__copyright-text{
        font-size:14px;
        line-height:1.8;
    }
}

/* =========================================================
   AGITE
   HOME PAGE PREMIUM CSS
========================================================= */

:root{
    --gttc-primary:#0B6B4F;
    --gttc-primary-dark:#064E3B;
    --gttc-secondary:#21B6A8;
    --gttc-secondary-dark:#0EA5A4;
    --gttc-white:#ffffff;
    --gttc-dark:#12343B;
    --gttc-muted:#5D6B6F;
    --gttc-soft:#FFF8E7;
}

/* =========================================================
   COMMON
========================================================= */

.msie-home{
    overflow:hidden;
}

.msie-section{
    padding:100px 0;
    position:relative;
}

.msie-section-soft{
    background:linear-gradient(
        180deg,
        #FFF8E7 0%,
        #ffffff 100%
    );
}

.msie-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(11,107,79,.08);
    color:var(--gttc-primary);
    font-size:14px;
    font-weight:800;
    margin-bottom:18px;
}

.msie-kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--gttc-secondary);
}

.msie-title{
    font-size:48px;
    line-height:1.15;
    font-weight:900;
    color:var(--gttc-dark);
    margin-bottom:20px;
}

.msie-title span{
    color:var(--gttc-primary);
}

.msie-text{
    color:var(--gttc-muted);
    line-height:1.9;
    font-size:16px;
}

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

.msie-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:15px 30px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        var(--gttc-secondary),
        var(--gttc-secondary-dark)
    );
    color:#fff!important;
    font-weight:800;
    text-decoration:none;
    transition:.35s ease;
    box-shadow:0 16px 35px rgba(33,182,168,.22);
}

.msie-btn:hover{
    background:linear-gradient(
        135deg,
        var(--gttc-primary),
        var(--gttc-primary-dark)
    );
    transform:translateY(-4px);
}

.msie-btn-outline{
    background:#fff;
    color:var(--gttc-primary)!important;
    border:2px solid rgba(11,107,79,.12);
    box-shadow:none;
}

.msie-btn-light{
    background:#fff;
    color:var(--gttc-primary)!important;
}


/* ==========================================================
   AGITE HERO SLIDER CSS
   Responsive + No Extra Space Mobile
========================================================== */

.msie-hero-section{
    position:relative;
    overflow:hidden;
    margin:0;
    padding:0;
    background:#ffffff;
}

/* SWIPER */

.heroSlider{
    width:100%;
    position:relative;
    overflow:hidden;
}

.heroSlider .swiper-wrapper{
    display:flex;
    align-items:center;
}

.heroSlider .swiper-slide{
    width:100% !important;
    position:relative;
    overflow:hidden;
    flex-shrink:0;
    background:#ffffff;
}

/* BANNER IMAGE */

.agite-banner-img{
    width:100%;
    height:auto;
    display:block;
    vertical-align:middle;
    object-fit:contain;
}

/* NAVIGATION */

.swiper-button-next,
.swiper-button-prev{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#ffffff;
    color:#0f6b52;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    transition:.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
    background:#0f6b52;
    color:#ffffff;
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:18px;
    font-weight:700;
}

/* PAGINATION */

.swiper-pagination{
    bottom:15px !important;
}

.swiper-pagination-bullet{
    width:10px;
    height:10px;
    opacity:.6;
    background:#ffffff;
}

.swiper-pagination-bullet-active{
    background:#14b8a6;
    opacity:1;
}

/* LARGE SCREEN */

@media(min-width:1400px){

    .agite-banner-img{
        width:100%;
    }

}

/* LAPTOP */

@media(max-width:1199px){

    .swiper-button-next,
    .swiper-button-prev{
        width:48px;
        height:48px;
    }

}

/* TABLET */

@media(max-width:991px){

    .swiper-button-next,
    .swiper-button-prev{
        display:none;
    }

    .swiper-pagination{
        bottom:10px !important;
    }

}

/* MOBILE */

@media(max-width:575px){

    .msie-hero-section{
        margin:0;
        padding:0;
    }

    .heroSlider{
        height:auto !important;
        min-height:auto !important;
    }

    .heroSlider .swiper-wrapper{
        height:auto !important;
    }

    .heroSlider .swiper-slide{
        height:auto !important;
        min-height:auto !important;
    }

    .agite-banner-img{
        width:100%;
        height:auto !important;
        display:block;
        object-fit:contain;
    }

    .swiper-pagination{
        bottom:5px !important;
    }

}

/* EXTRA SMALL */

/*@media(max-width:420px){

    .swiper-pagination-bullet{
        width:8px;
        height:8px;
    }*/

}


/* =========================================================
   STATS
========================================================= */

.msie-stats-wrap,
.msie-hero-cards{
    position:relative;
    margin-top:-85px;
    z-index:5;
    padding-bottom:40px;
}

.msie-stat-card{
    position:relative;
    overflow:hidden;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(10px);
    border-radius:var(--msie-radius);
    padding:28px;
    box-shadow:0 18px 50px rgba(16,42,67,.12);
    height:100%;
    border:0;
}

.msie-stat-card:after{
    content:"";
    position:absolute;
    right:-35px;
    top:-35px;
    width:95px;
    height:95px;
    background:rgba(11,107,79,.08);
    border-radius:50%;
}

.msie-stat-card i{
    font-size:34px;
    color:var(--msie-primary);
    margin-bottom:14px;
    position:relative;
    z-index:2;
}

.msie-stat-card h3{
    font-size:32px;
    font-weight:900;
    margin:0;
    color:var(--msie-dark);
    position:relative;
    z-index:2;
}

.msie-stat-card p{
    margin:6px 0 0;
    color:var(--msie-muted);
    font-weight:700;
    position:relative;
    z-index:2;
}
/* =========================================================
   ABOUT
========================================================= */

.msie-image-stack{
    position:relative;
}

.msie-image-stack img{
    width:100%;
    border-radius:30px;
    box-shadow:0 20px 60px rgba(0,0,0,.12);
}

.msie-floating-badge{
    position:absolute;
    left:30px;
    bottom:30px;
    background:#fff;
    padding:22px;
    border-radius:22px;
    box-shadow:0 18px 50px rgba(0,0,0,.10);
}

.msie-floating-badge strong{
    display:block;
    font-size:24px;
    color:var(--gttc-primary);
    font-weight:900;
}

.msie-floating-badge span{
    color:var(--gttc-muted);
}

.msie-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin:30px 0;
}

.msie-feature{
    display:flex;
    align-items:center;
    gap:12px;
    background:#fff;
    border-radius:18px;
    padding:16px;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
    transition:.3s;
}

.msie-feature:hover{
    transform:translateY(-4px);
}

.msie-feature i{
    color:var(--gttc-secondary);
    font-size:20px;
}

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

@media(max-width:991px){

    .hero-content h1{
        font-size:48px;
    }

    .msie-title{
        font-size:36px;
    }

   

    .admission-card{
        margin-top:40px;
    }
}

@media(max-width:767px){

    .msie-section{
        padding:70px 0;
    }

    .hero-content h1{
        font-size:34px;
        line-height:1.3;
    }

    .hero-content p{
        font-size:15px;
    }

    .hero-btn{
        width:100%;
        justify-content:center;
    }

    .msie-title{
        font-size:30px;
        line-height:1.3;
    }

    .msie-feature-grid{
        grid-template-columns:1fr;
    }

    .swiper-button-next,
    .swiper-button-prev{
        display:none;
    }

    .msie-stats-wrap{
        margin-top:-40px;
    }
}




/* =========================================================
   PREMIUM NOTICE SECTION CSS
========================================================= */

.gttc-notice-section{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

.gttc-notice-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.gttc-notice-shape-1{
    width:320px;
    height:320px;
    background:rgba(33,182,168,.08);
    top:-140px;
    left:-120px;
}

.gttc-notice-shape-2{
    width:220px;
    height:220px;
    background:rgba(33,182,168,.10);
    right:-80px;
    bottom:40px;
}

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

.gttc-notice-card{
    position:relative;
    background:#fff;
    border-radius:32px;
    padding:35px;
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    border:1px solid rgba(33,182,168,.08);
    overflow:hidden;
    transition:.4s ease;
}

.gttc-notice-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 80px rgba(33,182,168,.14);
}

.gttc-notice-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:6px;
    background:linear-gradient(
        90deg,
        #21B6A8,
        #21B6A8,
        #064E3B
    );
}

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

.gttc-notice-header{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:30px;
}

.gttc-notice-icon{
    width:72px;
    height:72px;
    border-radius:22px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    box-shadow:0 18px 40px rgba(33,182,168,.22);
}

.gttc-notice-header h3{
    margin:0;
    font-size:28px;
    font-weight:900;
    color:#12343B;
}

.gttc-notice-header span{
    color:#5D6B6F;
    font-size:14px;
    font-weight:600;
}

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

.gttc-notice-list{
    list-style:none;
    margin:0;
    padding:0;
}

.gttc-notice-list li{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding:18px 0;
    border-bottom:1px dashed rgba(33,182,168,.12);
}

.gttc-notice-list li:last-child{
    border-bottom:none;
}

.gttc-notice-content{
    flex:1;
}

.gttc-notice-content a{
    display:block;
    color:#12343B;
    font-size:16px;
    line-height:1.7;
    font-weight:700;
    text-decoration:none;
    transition:.3s ease;
}

.gttc-notice-content a:hover{
    color:#21B6A8;
    padding-left:6px;
}

.gttc-notice-date{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:10px;
    color:#5D6B6F;
    font-size:13px;
    font-weight:600;
}

.gttc-notice-date i{
    color:#21B6A8;
}

/* =========================================================
   NEW BADGE
========================================================= */

.gttc-new-badge{
    min-width:60px;
    text-align:center;
    padding:8px 14px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:1px;
    box-shadow:0 12px 30px rgba(33,182,168,.18);
}

/* =========================================================
   EMPTY
========================================================= */

.gttc-empty-notice{
    flex-direction:column;
    align-items:center!important;
    justify-content:center!important;
    text-align:center;
    padding:50px 20px!important;
    border:none!important;
}

.gttc-empty-notice i{
    width:80px;
    height:80px;
    border-radius:50%;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:16px;
}

.gttc-empty-notice p{
    margin:0;
    color:#5D6B6F;
    font-weight:700;
}

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

@media(max-width:991px){

    .gttc-notice-section{
        padding:80px 0;
    }

    .gttc-notice-card{
        padding:28px;
    }
}

@media(max-width:767px){

    .gttc-notice-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .gttc-notice-list li{
        flex-direction:column;
    }

    .gttc-new-badge{
        margin-top:10px;
    }

    .gttc-notice-header h3{
        font-size:22px;
    }
}

/* COURSES UPGRADED DESIGN */

.gttc-courses-section{
    position:relative;
    padding:110px 0;
    background:linear-gradient(135deg,#FFF8E7 0%,#ffffff 45%,#EAFBF8 100%);
    overflow:hidden;
}

.gttc-courses-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.gttc-courses-shape-1{
    width:340px;
    height:340px;
    background:rgba(33,182,168,.08);
    right:-120px;
    top:-120px;
}

.gttc-courses-shape-2{
    width:250px;
    height:250px;
    background:rgba(33,182,168,.10);
    left:-90px;
    bottom:80px;
}

.gttc-courses-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

.gttc-courses-kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.gttc-courses-title{
    max-width:820px;
    font-size:48px;
    line-height:1.15;
    font-weight:900;
    color:#12343B;
    margin:0;
}

.gttc-courses-title span{
    color:#21B6A8;
}

.gttc-courses-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 28px;
    border-radius:999px;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff!important;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 16px 40px rgba(33,182,168,.25);
    transition:.35s ease;
}

.gttc-courses-btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(135deg,#0B6B4F,#043D35);
}

/* CAROUSEL FIX */

.courses-one__carousel.owl-carousel{
    display:block!important;
}

.courses-one__carousel .owl-stage{
    display:flex;
}

.courses-one__carousel .owl-item{
    display:flex;
}

.courses-one__carousel .item{
    width:100%;
    height:100%;
    padding:12px;
}

/* CARD */

.gttc-course-card{
    width:100%;
    height:100%;
    background:#fff;
    border-radius:32px;
    overflow:hidden;
    border:1px solid rgba(33,182,168,.10);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    transition:.4s ease;
}

.gttc-course-card:hover{
    transform:translateY(-10px);
    box-shadow:0 36px 95px rgba(33,182,168,.16);
}

/* IMAGE */

.gttc-course-img{
    position:relative;
    height:255px;
    overflow:hidden;
    background:#EAFBF8;
}

.gttc-course-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.55s ease;
}

.gttc-course-card:hover .gttc-course-img img{
    transform:scale(1.08);
}

.gttc-course-img::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,0) 35%,
        rgba(33,182,168,.64) 100%
    );
}

.gttc-course-label{
    position:absolute;
    left:22px;
    bottom:20px;
    z-index:2;
    padding:8px 15px;
    border-radius:999px;
    background:#fff;
    color:#21B6A8;
    font-size:12px;
    font-weight:900;
}

/* BODY */

.gttc-course-body{
    padding:30px;
}

.gttc-course-icon{
    width:76px;
    height:76px;
    border-radius:22px;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:22px;
    box-shadow:0 18px 42px rgba(33,182,168,.22);
}

.gttc-course-meta{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:16px;
}

.gttc-course-meta span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 13px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#0B6B4F;
    font-size:12px;
    font-weight:900;
}

.gttc-course-dept{
    color:#21B6A8;
    font-size:13px;
    font-weight:900;
    margin-bottom:10px;
}

.gttc-course-body h3{
    font-size:24px;
    line-height:1.35;
    font-weight:900;
    color:#12343B;
    margin-bottom:14px;
}

.gttc-course-body h3 a{
    color:#12343B;
    text-decoration:none;
}

.gttc-course-body h3 a:hover{
    color:#21B6A8;
}

.gttc-course-text{
    color:#5D6B6F;
    line-height:1.8;
    margin-bottom:22px;
}

.gttc-course-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#21B6A8;
    font-weight:900;
    text-decoration:none;
    transition:.3s ease;
}

.gttc-course-link:hover{
    color:#064E3B;
    gap:14px;
}

/* RESPONSIVE */

@media(max-width:991px){
    .gttc-courses-section{
        padding:80px 0;
    }

    .gttc-courses-title{
        font-size:36px;
    }

    .gttc-courses-btn{
        margin-top:22px;
    }
}

@media(max-width:767px){
    .gttc-courses-section{
        padding:70px 0;
    }

    .gttc-courses-title{
        font-size:30px;
    }

    .gttc-course-img{
        height:220px;
    }

    .gttc-course-body{
        padding:24px;
    }

    .gttc-course-body h3{
        font-size:21px;
    }
}

/* =========================================================
   SOCIAL MEDIA IFRAME SECTION CSS
========================================================= */

.gttc-social-iframe-section{
    position:relative;
    padding:110px 0;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
    overflow:hidden;
}

.gttc-social-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

.gttc-social-kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.gttc-social-title{
    font-size:48px;
    line-height:1.15;
    font-weight:900;
    color:#12343B;
    margin-bottom:18px;
}

.gttc-social-title span{
    color:#21B6A8;
}

.gttc-social-text{
    max-width:700px;
    margin:auto;
    color:#5D6B6F;
    line-height:1.9;
}

/* BOX */

.gttc-social-box{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    border:1px solid rgba(33,182,168,.08);
    transition:.35s ease;
}

.gttc-social-box:hover{
    transform:translateY(-8px);
    box-shadow:0 35px 90px rgba(33,182,168,.15);
}

/* HEAD */

.gttc-social-head{
    display:flex;
    align-items:center;
    gap:14px;
    padding:22px 24px;
    color:#fff;
}

.gttc-social-head i{
    font-size:26px;
}

.gttc-social-head h3{
    margin:0;
    font-size:24px;
    font-weight:900;
}

.facebook-bg{
    background:linear-gradient(135deg,#1877f2,#0d47a1);
}

.instagram-bg{
    background:linear-gradient(
        135deg,
        #F4D35E,
        #F4D35E,
        #21B6A8,
        #0B6B4F
    );
}

.youtube-bg{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
}

.gttc-youtube-card{
    min-height:500px;
    padding:45px 28px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:#fff;
}

.gttc-youtube-icon{
    width:95px;
    height:95px;
    border-radius:28px;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    margin-bottom:24px;
}

.gttc-youtube-card h4{
    font-size:30px;
    font-weight:900;
    color:#12343B;
    margin-bottom:14px;
}

.gttc-youtube-card p{
    color:#5D6B6F;
    line-height:1.8;
    margin-bottom:25px;
}

.gttc-youtube-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 24px;
    border-radius:999px;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff!important;
    font-weight:900;
    text-decoration:none;
}

/* FRAME */

.gttc-social-frame{
    overflow:hidden;
    background:#fff;
}

.gttc-social-frame iframe{
    display:block;
    width:100%;
    border:none;
}

/* RESPONSIVE */

@media(max-width:991px){

    .gttc-social-iframe-section{
        padding:80px 0;
    }

    .gttc-social-title{
        font-size:36px;
    }
}

@media(max-width:767px){

    .gttc-social-iframe-section{
        padding:70px 0;
    }

    .gttc-social-title{
        font-size:30px;
        line-height:1.3;
    }

    .gttc-social-head h3{
        font-size:20px;
    }
}

/* =========================================================
   FACILITIES / GALLERY UPGRADED CSS
========================================================= */

.facilities-modern{
    position:relative;
    padding:110px 0;
    background:linear-gradient(135deg,#FFF8E7 0%,#ffffff 45%,#EAFBF8 100%);
    overflow:hidden;
}

.facilities-modern__shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.facilities-modern__shape-1{
    width:340px;
    height:340px;
    background:rgba(33,182,168,.08);
    top:-130px;
    left:-120px;
}

.facilities-modern__shape-2{
    width:260px;
    height:260px;
    background:rgba(33,182,168,.10);
    right:-100px;
    bottom:80px;
}

/* Heading */

.facilities-modern__heading{
    max-width:850px;
    margin:0 auto 60px;
}

.events-modern__subtitle{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

.events-modern__subtitle::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.section-title__title{
    font-size:48px;
    line-height:1.15;
    font-weight:900;
    color:#12343B;
    margin-bottom:18px;
}

.section-title__title span{
    color:#21B6A8;
}

.events-modern__text{
    max-width:760px;
    margin:0 auto;
    color:#5D6B6F;
    font-size:16px;
    line-height:1.9;
}

/* Card */

.facilities-modern__card{
    position:relative;
    height:100%;
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    border:1px solid rgba(33,182,168,.10);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    transition:.4s ease;
}

.facilities-modern__card:hover{
    transform:translateY(-10px);
    box-shadow:0 36px 95px rgba(33,182,168,.16);
}

/* Image */

.facilities-modern__image{
    position:relative;
    height:245px;
    overflow:hidden;
    background:#EAFBF8;
}

.facilities-modern__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.55s ease;
}

.facilities-modern__card:hover .facilities-modern__image img{
    transform:scale(1.08);
}

.facilities-modern__image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,0) 35%,
        rgba(33,182,168,.64) 100%
    );
}

/* Overlay */

.facilities-modern__overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.12);
    opacity:0;
    visibility:hidden;
    transition:.35s ease;
    z-index:3;
}

.facilities-modern__card:hover .facilities-modern__overlay{
    opacity:1;
    visibility:visible;
}

.facilities-modern__icon{
    width:62px;
    height:62px;
    border-radius:50%;
    background:#fff;
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    text-decoration:none;
    transform:scale(.8);
    transition:.35s ease;
    box-shadow:0 18px 45px rgba(0,0,0,.20);
}

.facilities-modern__card:hover .facilities-modern__icon{
    transform:scale(1);
}

.facilities-modern__icon:hover{
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff;
}

/* Badge */

.facilities-modern__badge{
    position:absolute;
    left:20px;
    bottom:18px;
    z-index:4;
    padding:8px 15px;
    border-radius:999px;
    background:#fff;
    color:#21B6A8;
    font-size:12px;
    font-weight:900;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

/* Content */

.facilities-modern__content{
    padding:26px;
    background:#fff;
}

.facilities-modern__category{
    display:inline-flex;
    color:#21B6A8;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.4px;
    margin-bottom:10px;
}

.facilities-modern__content h4{
    font-size:22px;
    line-height:1.35;
    font-weight:900;
    margin-bottom:10px;
}

.facilities-modern__content h4 a{
    color:#12343B;
    text-decoration:none;
    transition:.3s ease;
}

.facilities-modern__content h4 a:hover{
    color:#21B6A8;
}

.facilities-modern__content p{
    color:#5D6B6F;
    margin:0;
    line-height:1.7;
}

/* Empty */

.facilities-modern__empty{
    background:#fff;
    border-radius:30px;
    padding:60px 30px;
    border:1px solid rgba(33,182,168,.10);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
}

.events-modern__empty-icon{
    width:90px;
    height:90px;
    border-radius:28px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin:0 auto 20px;
}

.facilities-modern__empty h4{
    font-size:26px;
    font-weight:900;
    color:#12343B;
}

.facilities-modern__empty p{
    color:#5D6B6F;
    margin:0;
}

/* Button */

.facilities-modern__btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 30px;
    border-radius:999px;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff!important;
    font-weight:900;
    text-decoration:none;
    border:none;
    box-shadow:0 16px 40px rgba(33,182,168,.25);
    transition:.35s ease;
}

.facilities-modern__btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(135deg,#0B6B4F,#043D35);
}

/* Responsive */

@media(max-width:991px){
    .facilities-modern{
        padding:80px 0;
    }

    .section-title__title{
        font-size:36px;
    }

    .facilities-modern__image{
        height:230px;
    }
}

@media(max-width:767px){
    .facilities-modern{
        padding:70px 0;
    }

    .section-title__title{
        font-size:30px;
        line-height:1.3;
    }

    .events-modern__text{
        font-size:15px;
    }

    .facilities-modern__content{
        padding:22px;
    }
}

/* =========================================================
   ADMISSION UPGRADED DESIGN
========================================================= */

.gttc-admission-section{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    color:#fff;
    background:linear-gradient(135deg,#043D35 0%,#0B6B4F 45%,#21B6A8 100%);
}

.gttc-admission-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.gttc-admission-shape-1{
    width:360px;
    height:360px;
    background:rgba(255,255,255,.08);
    top:-150px;
    left:-120px;
}

.gttc-admission-shape-2{
    width:260px;
    height:260px;
    background:rgba(255,255,255,.10);
    right:-80px;
    bottom:80px;
}

.gttc-admission-content{
    position:relative;
    z-index:2;
}

.gttc-admission-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:14px;
    font-weight:900;
    margin-bottom:20px;
}

.gttc-admission-kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
}

.gttc-admission-title{
    font-size:50px;
    line-height:1.15;
    font-weight:900;
    color:#fff;
    margin-bottom:24px;
}

.gttc-admission-text{
    color:rgba(255,255,255,.86);
    line-height:1.9;
    font-size:16px;
    margin-bottom:32px;
}

.gttc-admission-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 30px;
    border-radius:999px;
    background:#fff;
    color:#0B6B4F!important;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 18px 45px rgba(0,0,0,.18);
    transition:.35s ease;
}

.gttc-admission-btn:hover{
    transform:translateY(-5px);
    background:#12343B;
    color:#fff!important;
}

/* STEPS */

.gttc-admission-step{
    position:relative;
    height:100%;
    padding:32px;
    border-radius:30px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(10px);
    overflow:hidden;
    transition:.4s ease;
}

.gttc-admission-step:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.18);
}

.gttc-step-no{
    position:absolute;
    top:20px;
    right:24px;
    font-size:42px;
    font-weight:900;
    color:rgba(255,255,255,.14);
    line-height:1;
}

.gttc-step-icon{
    width:70px;
    height:70px;
    border-radius:22px;
    background:#fff;
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:22px;
    box-shadow:0 16px 40px rgba(0,0,0,.12);
}

.gttc-admission-step h4{
    color:#fff;
    font-size:24px;
    font-weight:900;
    margin-bottom:12px;
}

.gttc-admission-step p{
    color:rgba(255,255,255,.82);
    line-height:1.8;
    margin:0;
}

/* RESPONSIVE */

@media(max-width:991px){
    .gttc-admission-section{
        padding:80px 0;
    }

    .gttc-admission-title{
        font-size:38px;
    }
}

@media(max-width:767px){
    .gttc-admission-section{
        padding:70px 0;
    }

    .gttc-admission-title{
        font-size:30px;
    }

    .gttc-admission-step{
        padding:26px;
    }
}
/* =========================================================
   PARTNERS / PLACEMENT UPGRADED CSS
========================================================= */

.gttc-partner-section{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

.gttc-partner-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.gttc-partner-shape-1{
    width:340px;
    height:340px;
    background:rgba(33,182,168,.08);
    top:-130px;
    left:-120px;
}

.gttc-partner-shape-2{
    width:260px;
    height:260px;
    background:rgba(33,182,168,.10);
    right:-90px;
    bottom:70px;
}

/* TITLE */

.gttc-partner-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

.gttc-partner-kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.gttc-partner-title{
    font-size:48px;
    line-height:1.15;
    font-weight:900;
    color:#12343B;
    margin-bottom:18px;
}

.gttc-partner-title span{
    color:#21B6A8;
}

.gttc-partner-text{
    max-width:760px;
    margin:auto;
    color:#5D6B6F;
    line-height:1.9;
}

/* CARD */

.gttc-partner-card{
    position:relative;
    height:100%;
    padding:35px 28px;
    border-radius:30px;
    background:#fff;
    text-align:center;
    overflow:hidden;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    transition:.4s ease;
}

.gttc-partner-card:hover{
    transform:translateY(-10px);
    box-shadow:0 36px 90px rgba(33,182,168,.15);
}

.gttc-partner-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #21B6A8,
        #21B6A8,
        #064E3B
    );
}

/* LOGO */

.gttc-partner-logo{
    height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
}

.gttc-partner-logo img{
    max-width:100%;
    max-height:100px;
    object-fit:contain;
    transition:.35s ease;
    filter:grayscale(100%);
}

.gttc-partner-card:hover .gttc-partner-logo img{
    transform:scale(1.06);
    filter:grayscale(0%);
}

/* NAME */

.gttc-partner-card h4{
    font-size:20px;
    font-weight:900;
    color:#12343B;
    margin:0;
    line-height:1.4;
}

/* EMPTY */

.gttc-partner-empty{
    background:#fff;
    padding:60px 30px;
    border-radius:32px;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
}

.gttc-partner-empty-icon{
    width:95px;
    height:95px;
    border-radius:28px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    margin:0 auto 24px;
}

.gttc-partner-empty h4{
    font-size:28px;
    font-weight:900;
    color:#12343B;
    margin-bottom:12px;
}

.gttc-partner-empty p{
    color:#5D6B6F;
    margin:0;
}

/* RESPONSIVE */

@media(max-width:991px){

    .gttc-partner-section{
        padding:80px 0;
    }

    .gttc-partner-title{
        font-size:36px;
    }
}

@media(max-width:767px){

    .gttc-partner-section{
        padding:70px 0;
    }

    .gttc-partner-title{
        font-size:30px;
        line-height:1.3;
    }

    .gttc-partner-card{
        padding:28px 22px;
    }
}
/* =========================================================
   TESTIMONIAL UPGRADED CSS
========================================================= */

.gttc-testimonial-section{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

.gttc-testimonial-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.gttc-testimonial-shape-1{
    width:340px;
    height:340px;
    background:rgba(33,182,168,.08);
    top:-130px;
    right:-110px;
}

.gttc-testimonial-shape-2{
    width:250px;
    height:250px;
    background:rgba(33,182,168,.10);
    left:-90px;
    bottom:80px;
}

/* TITLE */

.gttc-testimonial-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

.gttc-testimonial-kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.gttc-testimonial-title{
    font-size:48px;
    line-height:1.15;
    font-weight:900;
    color:#12343B;
    margin-bottom:18px;
}

.gttc-testimonial-title span{
    color:#21B6A8;
}

.gttc-testimonial-text{
    max-width:760px;
    color:#5D6B6F;
    line-height:1.9;
    margin:0;
}

/* CAROUSEL FIX */

.testimonial-one__carousel.owl-carousel{
    display:block!important;
}

.testimonial-one__carousel .owl-stage{
    display:flex;
}

.testimonial-one__carousel .owl-item{
    display:flex;
}

.testimonial-one__carousel .item{
    width:100%;
    height:100%;
    padding:12px;
}

/* CARD */

.gttc-testimonial-card{
    position:relative;
    width:100%;
    height:100%;
    background:#fff;
    border-radius:32px;
    padding:38px;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    overflow:hidden;
    transition:.4s ease;
}

.gttc-testimonial-card:hover{
    transform:translateY(-10px);
    box-shadow:0 36px 95px rgba(33,182,168,.16);
}

.gttc-testimonial-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #21B6A8,
        #21B6A8,
        #064E3B
    );
}

/* QUOTE */

.gttc-quote-icon{
    position:absolute;
    right:32px;
    top:28px;
    font-size:55px;
    color:rgba(33,182,168,.08);
}

/* STARS */

.gttc-stars{
    display:flex;
    gap:6px;
    color:#f59e0b;
    font-size:16px;
    margin-bottom:22px;
}

/* TEXT */

.gttc-testimonial-desc{
    color:#4B5E63;
    font-size:17px;
    line-height:1.9;
    margin-bottom:28px;
}

/* USER */

.gttc-testimonial-user{
    display:flex;
    align-items:center;
    gap:15px;
}

.gttc-user-icon{
    width:60px;
    height:60px;
    border-radius:20px;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex:0 0 60px;
}

.gttc-testimonial-user h4{
    font-size:20px;
    font-weight:900;
    color:#12343B;
    margin:0 0 4px;
}

.gttc-testimonial-user span{
    color:#5D6B6F;
    font-size:14px;
    font-weight:600;
}

/* OWL NAV */

.testimonial-one__carousel .owl-nav{
    margin-top:32px;
    display:flex;
    justify-content:center;
    gap:14px;
}

.testimonial-one__carousel .owl-nav button{
    width:54px;
    height:54px;
    border-radius:50%!important;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F)!important;
    color:#fff!important;
    font-size:18px!important;
    box-shadow:0 15px 35px rgba(33,182,168,.24);
}

.testimonial-one__carousel .owl-nav button:hover{
    background:linear-gradient(135deg,#0B6B4F,#043D35)!important;
}

.testimonial-one__carousel .owl-dots{
    margin-top:22px;
    text-align:center;
}

.testimonial-one__carousel .owl-dot span{
    width:12px!important;
    height:12px!important;
    background:#BFEDE9!important;
}

.testimonial-one__carousel .owl-dot.active span{
    width:34px!important;
    background:#21B6A8!important;
}

/* RESPONSIVE */

@media(max-width:991px){

    .gttc-testimonial-section{
        padding:80px 0;
    }

    .gttc-testimonial-title{
        font-size:36px;
    }
}

@media(max-width:767px){

    .gttc-testimonial-section{
        padding:70px 0;
    }

    .gttc-testimonial-title{
        font-size:30px;
        line-height:1.3;
    }

    .gttc-testimonial-card{
        padding:30px 24px;
    }

    .gttc-testimonial-desc{
        font-size:15px;
    }
}

/* =========================================================
   BLOG UPGRADED CSS
========================================================= */

.gttc-blog-section{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

.gttc-blog-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.gttc-blog-shape-1{
    width:340px;
    height:340px;
    background:rgba(33,182,168,.08);
    top:-130px;
    right:-110px;
}

.gttc-blog-shape-2{
    width:250px;
    height:250px;
    background:rgba(33,182,168,.10);
    left:-90px;
    bottom:80px;
}

/* TITLE */

.gttc-blog-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

.gttc-blog-kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.gttc-blog-title{
    font-size:48px;
    line-height:1.15;
    font-weight:900;
    color:#12343B;
    margin-bottom:18px;
}

.gttc-blog-title span{
    color:#21B6A8;
}

.gttc-blog-text{
    max-width:760px;
    margin:auto;
    color:#5D6B6F;
    line-height:1.9;
}

/* CARD */

.gttc-blog-card{
    position:relative;
    height:100%;
    background:#fff;
    border-radius:32px;
    overflow:hidden;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    transition:.4s ease;
}

.gttc-blog-card:hover{
    transform:translateY(-10px);
    box-shadow:0 36px 95px rgba(33,182,168,.16);
}

/* IMAGE */

.gttc-blog-img{
    position:relative;
    height:250px;
    overflow:hidden;
    background:#EAFBF8;
}

.gttc-blog-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.55s ease;
}

.gttc-blog-card:hover .gttc-blog-img img{
    transform:scale(1.08);
}

.gttc-blog-img::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,0) 35%,
        rgba(33,182,168,.55) 100%
    );
}

/* DATE */

.gttc-blog-date{
    position:absolute;
    left:22px;
    bottom:20px;
    width:70px;
    height:70px;
    border-radius:20px;
    background:#fff;
    color:#21B6A8;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    z-index:2;
    box-shadow:0 12px 35px rgba(0,0,0,.16);
}

.gttc-blog-date span{
    font-size:24px;
    line-height:1;
    font-weight:900;
}

.gttc-blog-date small{
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}

/* BODY */

.gttc-blog-body{
    padding:30px;
}

.gttc-blog-meta{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:16px;
}

.gttc-blog-meta span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#5D6B6F;
    font-size:13px;
    font-weight:700;
}

.gttc-blog-meta i{
    color:#21B6A8;
}

.gttc-blog-body h3{
    font-size:24px;
    line-height:1.35;
    font-weight:900;
    margin-bottom:14px;
}

.gttc-blog-body h3 a{
    color:#12343B;
    text-decoration:none;
    transition:.3s ease;
}

.gttc-blog-body h3 a:hover{
    color:#21B6A8;
}

.gttc-blog-body p{
    color:#5D6B6F;
    line-height:1.8;
    margin-bottom:22px;
}

.gttc-blog-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#21B6A8;
    font-weight:900;
    text-decoration:none;
    transition:.3s ease;
}

.gttc-blog-link:hover{
    color:#064E3B;
    gap:14px;
}

/* EMPTY */

.gttc-blog-empty{
    background:#fff;
    padding:60px 30px;
    border-radius:32px;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
}

.gttc-blog-empty-icon{
    width:95px;
    height:95px;
    border-radius:28px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    margin:0 auto 24px;
}

.gttc-blog-empty h4{
    font-size:28px;
    font-weight:900;
    color:#12343B;
    margin-bottom:12px;
}

.gttc-blog-empty p{
    color:#5D6B6F;
    margin:0;
}

/* RESPONSIVE */

@media(max-width:991px){

    .gttc-blog-section{
        padding:80px 0;
    }

    .gttc-blog-title{
        font-size:36px;
    }
}

@media(max-width:767px){

    .gttc-blog-section{
        padding:70px 0;
    }

    .gttc-blog-title{
        font-size:30px;
        line-height:1.3;
    }

    .gttc-blog-img{
        height:220px;
    }

    .gttc-blog-body{
        padding:24px;
    }

    .gttc-blog-body h3{
        font-size:21px;
    }
}
/* =========================================================
   FINAL CTA UPGRADED CSS
========================================================= */

.gttc-final-cta-section{
    position:relative;
    padding:0 0 110px;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

.gttc-final-cta{
    position:relative;
    padding:70px;
    border-radius:40px;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #043D35 0%,
        #0B6B4F 45%,
        #21B6A8 100%
    );
    box-shadow:0 35px 90px rgba(33,182,168,.22);
}

/* SHAPES */

.gttc-final-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.gttc-final-shape-1{
    width:320px;
    height:320px;
    background:rgba(255,255,255,.08);
    top:-140px;
    left:-120px;
}

.gttc-final-shape-2{
    width:240px;
    height:240px;
    background:rgba(255,255,255,.10);
    right:-70px;
    bottom:-80px;
}

/* CONTENT */

.gttc-final-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

.gttc-final-kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
}

.gttc-final-cta h2{
    font-size:52px;
    line-height:1.1;
    font-weight:900;
    color:#fff;
    margin-bottom:18px;
}

.gttc-final-cta p{
    max-width:720px;
    color:rgba(255,255,255,.85);
    line-height:1.9;
    font-size:16px;
    margin:0;
}

/* BUTTONS */

.gttc-final-btn-group{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:16px;
}

.gttc-final-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:240px;
    padding:16px 28px;
    border-radius:999px;
    font-size:16px;
    font-weight:900;
    text-decoration:none;
    transition:.35s ease;
}

/* CALL */

.gttc-call-btn{
    background:#fff;
    color:#0B6B4F!important;
    box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.gttc-call-btn:hover{
    transform:translateY(-5px);
    background:#12343B;
    color:#fff!important;
}

/* APPLY */

.gttc-apply-btn{
    border:2px solid rgba(255,255,255,.22);
    color:#fff!important;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
}

.gttc-apply-btn:hover{
    transform:translateY(-5px);
    background:#fff;
    color:#0B6B4F!important;
}

/* RESPONSIVE */

@media(max-width:991px){

    .gttc-final-cta-section{
        padding:0 0 80px;
    }

    .gttc-final-cta{
        padding:50px;
    }

    .gttc-final-cta h2{
        font-size:38px;
    }

    .gttc-final-btn-group{
        align-items:flex-start;
    }
}

@media(max-width:767px){

    .gttc-final-cta-section{
        padding:0 0 70px;
    }

    .gttc-final-cta{
        padding:40px 26px;
        border-radius:30px;
    }

    .gttc-final-cta h2{
        font-size:30px;
        line-height:1.25;
    }

    .gttc-final-btn{
        width:100%;
        min-width:100%;
    }
}
/* =========================================================
   ABOUT PAGE FULL CSS
========================================================= */

/* BODY */

body{
    overflow-x:hidden;
    background:#fff;
}

/* =========================================================
   PAGE HEADER
========================================================= */

.gttc-page-header{
    position:relative;
    overflow:hidden;
    padding:190px 0 120px;
}

.gttc-page-header__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.06);
}

.gttc-page-header__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(4,61,53,.94),
        rgba(11,107,79,.88),
        rgba(0,0,0,.70)
    );
}

.gttc-page-header__content{
    position:relative;
    z-index:2;
}

.gttc-page-header__tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:14px;
    font-weight:900;
    margin-bottom:24px;
}

.gttc-page-header__tag::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
}

.gttc-page-header__title{
    font-size:70px;
    line-height:1.1;
    font-weight:900;
    color:#fff;
    margin-bottom:18px;
}

.gttc-page-header__title span{
    color:#BFEDE9;
}

.gttc-breadcrumb{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin:0;
    padding:0;
}

.gttc-breadcrumb li{
    color:rgba(255,255,255,.85);
    font-size:15px;
    font-weight:700;
}

.gttc-breadcrumb li a{
    color:#fff;
    text-decoration:none;
}

.gttc-breadcrumb li span{
    opacity:.6;
}

/* =========================================================
   SECTION COMMON
========================================================= */

.gttc-section-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

.gttc-section-kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.gttc-section-title{
    font-size:50px;
    line-height:1.15;
    font-weight:900;
    color:#12343B;
    margin-bottom:24px;
}

.gttc-section-title span{
    color:#21B6A8;
}

/* =========================================================
   ABOUT SECTION
========================================================= */

.gttc-about-section{
    position:relative;
    padding:110px 0;
    overflow:hidden;
   
}

.gttc-about-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.gttc-about-shape-1{
    width:340px;
    height:340px;
    background:rgba(33,182,168,.08);
    top:-120px;
    left:-120px;
}

.gttc-about-shape-2{
    width:240px;
    height:240px;
    background:rgba(33,182,168,.10);
    right:-90px;
    bottom:80px;
}

.gttc-about-image-wrap{
    position:relative;
}

.gttc-about-image{
    position:relative;
    overflow:hidden;
    border-radius:38px;
    box-shadow:0 30px 80px rgba(33,182,168,.16);
}

.gttc-about-image img{
    width:100%;
    border-radius:38px;
    transition:.5s ease;
}

.gttc-about-image:hover img{
    transform:scale(1.05);
}

.gttc-about-floating-card{
    position:absolute;
    right:-20px;
    bottom:35px;
    padding:30px;
    min-width:220px;
    border-radius:28px;
    background:#fff;
    text-align:center;
    box-shadow:0 24px 70px rgba(33,182,168,.18);
}

.gttc-about-floating-card h3{
    font-size:52px;
    font-weight:900;
    color:#21B6A8;
    margin-bottom:6px;
}

.gttc-about-floating-card p{
    margin:0;
    color:#5D6B6F;
    font-weight:700;
}

.gttc-about-text{
    color:#5D6B6F;
    line-height:1.9;
    margin-bottom:18px;
}

/* FEATURES */

.gttc-about-feature{
    display:flex;
    gap:16px;
    align-items:flex-start;
    padding:24px;
    border-radius:28px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 15px 45px rgba(33,182,168,.06);
    transition:.35s ease;
    height:100%;
}

.gttc-about-feature:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 65px rgba(33,182,168,.12);
}

.gttc-about-feature i{
    width:62px;
    height:62px;
    border-radius:20px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex:0 0 62px;
}

.gttc-about-feature h5{
    font-size:18px;
    font-weight:900;
    color:#12343B;
    margin-bottom:6px;
}

.gttc-about-feature p{
    margin:0;
    color:#5D6B6F;
    font-size:14px;
    line-height:1.7;
}

/* =========================================================
   COURSE STRIP
========================================================= */

.gttc-course-strip{
    padding:100px 0;
    background:#fff;
}

.gttc-strip-heading{
    margin-bottom:55px;
}

.gttc-strip-heading p{
    max-width:760px;
    margin:auto;
    color:#5D6B6F;
    line-height:1.9;
}

.gttc-course-strip-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
}

.gttc-course-badge{
    padding:18px 38px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    font-size:22px;
    font-weight:900;
    box-shadow:0 18px 45px rgba(33,182,168,.18);
    transition:.35s ease;
}

.gttc-course-badge:hover{
    transform:translateY(-6px);
}

/* =========================================================
   MISSION SECTION
========================================================= */

.gttc-mission-section{
    padding:110px 0;
    background:linear-gradient(
        135deg,
        #FFF8E7,
        #ffffff,
        #EAFBF8
    );
}

.gttc-info-card{
    padding:45px;
    border-radius:34px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    transition:.4s ease;
}

.gttc-info-card:hover{
    transform:translateY(-10px);
    box-shadow:0 36px 95px rgba(33,182,168,.16);
}

.gttc-info-icon{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:26px;
}

.gttc-info-card h3{
    font-size:32px;
    font-weight:900;
    color:#12343B;
    margin-bottom:18px;
}

.gttc-info-card p{
    color:#5D6B6F;
    line-height:1.9;
    margin:0;
}

/* =========================================================
   WHY SECTION
========================================================= */

.gttc-why-section{
    padding:110px 0;
    background:#fff;
}

.gttc-why-text{
    max-width:760px;
    margin:auto;
    color:#5D6B6F;
    line-height:1.9;
}

.gttc-why-card{
    position:relative;
    padding:38px 32px;
    border-radius:32px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 20px 60px rgba(33,182,168,.08);
    transition:.4s ease;
    overflow:hidden;
}

.gttc-why-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #21B6A8,
        #21B6A8,
        #064E3B
    );
}

.gttc-why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 34px 85px rgba(33,182,168,.15);
}

.gttc-why-card i{
    width:74px;
    height:74px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:24px;
}

.gttc-why-card h4{
    font-size:24px;
    font-weight:900;
    color:#12343B;
    margin-bottom:14px;
}

.gttc-why-card p{
    color:#5D6B6F;
    line-height:1.8;
    margin:0;
}

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

@media(max-width:991px){

    .gttc-page-header{
        padding:160px 0 100px;
    }

    .gttc-page-header__title{
        font-size:54px;
    }

    .gttc-section-title{
        font-size:38px;
    }

    .gttc-about-section,
    .gttc-mission-section,
    .gttc-why-section{
        padding:80px 0;
    }

    .gttc-about-floating-card{
        right:20px;
        bottom:20px;
    }
}

@media(max-width:767px){

    .gttc-page-header{
        padding:130px 0 90px;
    }

    .gttc-page-header__title{
        font-size:38px;
    }

    .gttc-section-title{
        font-size:30px;
        line-height:1.3;
    }

    .gttc-about-section,
    .gttc-mission-section,
    .gttc-why-section,
    .gttc-course-strip{
        padding:70px 0;
    }

    .gttc-about-floating-card{
        position:relative;
        right:auto;
        bottom:auto;
        width:100%;
        margin-top:20px;
    }

    .gttc-info-card{
        padding:32px 24px;
    }

    .gttc-why-card{
        padding:30px 24px;
    }

    .gttc-course-badge{
        width:100%;
        text-align:center;
    }
}
/* =========================================================
   ACADEMIC REGULATIONS PREMIUM CSS
========================================================= */

.academic-modern{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

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

.modern-page-header{
    position:relative;
    overflow:hidden;
    padding:190px 0 120px;
}

.modern-page-header__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.06);
}

.modern-page-header__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(4,61,53,.94),
        rgba(11,107,79,.88),
        rgba(0,0,0,.72)
    );
}

.modern-page-header__content{
    position:relative;
    z-index:2;
}

.modern-page-header__tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:24px;
}

.modern-page-header__tag::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
}

.modern-page-header__title{
    font-size:72px;
    line-height:1.08;
    font-weight:900;
    color:#fff;
    margin-bottom:18px;
    letter-spacing:-2px;
}

.modern-page-header__title span{
    background:linear-gradient(
        135deg,
        #BFEDE9,
        #ffffff
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.modern-breadcrumb{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin:0;
    padding:0;
}

.modern-breadcrumb li{
    color:rgba(255,255,255,.84);
    font-size:15px;
    font-weight:700;
}

.modern-breadcrumb li a{
    color:#fff;
    text-decoration:none;
}

.modern-breadcrumb li span{
    opacity:.6;
}

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

.academic-modern__subtitle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.academic-modern__subtitle::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.section-title__title{
    font-size:52px;
    line-height:1.12;
    font-weight:900;
    color:#12343B;
    margin-bottom:20px;
    letter-spacing:-1.5px;
}

.section-title__title span{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.academic-modern__text{
    max-width:760px;
    margin:auto;
    color:#5D6B6F;
    font-size:16px;
    line-height:1.95;
    font-weight:500;
}

/* =========================================================
   TOP CARDS
========================================================= */

.academic-modern__card{
    position:relative;
    height:100%;
    padding:40px;
    border-radius:34px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    overflow:hidden;
    transition:.4s ease;
}

.academic-modern__card:hover{
    transform:translateY(-10px);
    box-shadow:0 36px 90px rgba(33,182,168,.16);
}

.academic-modern__card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #21B6A8,
        #21B6A8,
        #064E3B
    );
}

.academic-modern__icon{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:28px;
    box-shadow:0 18px 45px rgba(33,182,168,.22);
}

.academic-modern__card h3{
    font-size:30px;
    font-weight:900;
    color:#12343B;
    margin-bottom:18px;
    letter-spacing:-.8px;
}

.academic-modern__card p{
    color:#5D6B6F;
    line-height:1.9;
    margin-bottom:20px;
}

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

.academic-modern__card ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:14px;
    color:#4B5E63;
    font-weight:500;
    line-height:1.8;
}

.academic-modern__card ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#21B6A8;
    font-weight:900;
}

/* =========================================================
   STRUCTURE BOX
========================================================= */

.academic-modern__structure{
    position:relative;
    margin-top:20px;
    padding:45px;
    border-radius:40px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
}

.academic-modern__structure-head{
    display:flex;
    align-items:center;
    gap:22px;
    margin-bottom:25px;
}

.academic-modern__structure-icon{
    width:90px;
    height:90px;
    border-radius:28px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    flex:0 0 90px;
}

.academic-modern__structure-head h3{
    font-size:34px;
    font-weight:900;
    color:#12343B;
    margin-bottom:8px;
    letter-spacing:-1px;
}

.academic-modern__structure-head p{
    margin:0;
    color:#5D6B6F;
    line-height:1.8;
}

/* =========================================================
   ITEMS
========================================================= */

.academic-modern__item{
    position:relative;
    height:100%;
    padding:32px;
    border-radius:30px;
    background:linear-gradient(
        135deg,
        #fff,
        #fff7f7
    );
    border:1px solid rgba(33,182,168,.08);
    transition:.35s ease;
    overflow:hidden;
}

.academic-modern__item:hover{
    transform:translateY(-8px);
    box-shadow:0 28px 75px rgba(33,182,168,.12);
}

.academic-modern__badge{
    width:52px;
    height:52px;
    border-radius:16px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:900;
    margin-bottom:22px;
    box-shadow:0 14px 35px rgba(33,182,168,.20);
}

.academic-modern__item h4{
    font-size:24px;
    font-weight:900;
    color:#12343B;
    margin-bottom:18px;
    line-height:1.3;
}

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

.academic-modern__item ul li{
    position:relative;
    padding-left:26px;
    margin-bottom:14px;
    color:#5D6B6F;
    line-height:1.8;
    font-weight:500;
}

.academic-modern__item ul li::before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

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

@media(max-width:991px){

    .modern-page-header{
        padding:160px 0 100px;
    }

    .modern-page-header__title{
        font-size:54px;
    }

    .section-title__title{
        font-size:40px;
    }

    .academic-modern{
        padding:80px 0;
    }

    .academic-modern__structure{
        padding:35px;
    }
}

@media(max-width:767px){

    .modern-page-header{
        padding:130px 0 90px;
    }

    .modern-page-header__title{
        font-size:38px;
        letter-spacing:-1px;
    }

    .section-title__title{
        font-size:30px;
        line-height:1.3;
    }

    .academic-modern{
        padding:70px 0;
    }

    .academic-modern__card,
    .academic-modern__structure,
    .academic-modern__item{
        padding:26px;
    }

    .academic-modern__structure-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .academic-modern__structure-icon{
        width:75px;
        height:75px;
        font-size:30px;
    }

    .academic-modern__structure-head h3{
        font-size:28px;
    }

    .academic-modern__card h3{
        font-size:26px;
    }

    .academic-modern__item h4{
        font-size:21px;
    }
}

/* =========================================================
   ADMISSION PROCESS PREMIUM CSS
========================================================= */

.admission-modern{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

/* SHAPES */

.admission-modern__shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.admission-modern__shape-1{
    width:340px;
    height:340px;
    background:rgba(33,182,168,.08);
    top:-130px;
    left:-110px;
}

.admission-modern__shape-2{
    width:240px;
    height:240px;
    background:rgba(33,182,168,.10);
    right:-90px;
    bottom:90px;
}

/* =========================================================
   PAGE HEADER
========================================================= */

.modern-page-header{
    position:relative;
    overflow:hidden;
    padding:190px 0 120px;
}

.modern-page-header__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.06);
}

.modern-page-header__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(4,61,53,.94),
        rgba(11,107,79,.88),
        rgba(0,0,0,.72)
    );
}

.modern-page-header__content{
    position:relative;
    z-index:2;
}

.modern-page-header__tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:24px;
}

.modern-page-header__tag::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
}

.modern-page-header__title{
    font-size:72px;
    line-height:1.08;
    font-weight:900;
    color:#fff;
    margin-bottom:18px;
    letter-spacing:-2px;
}

.modern-page-header__title span{
    background:linear-gradient(
        135deg,
        #BFEDE9,
        #ffffff
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.modern-breadcrumb{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin:0;
    padding:0;
}

.modern-breadcrumb li{
    color:rgba(255,255,255,.84);
    font-size:15px;
    font-weight:700;
}

.modern-breadcrumb li a{
    color:#fff;
    text-decoration:none;
}

.modern-breadcrumb li span{
    opacity:.6;
}

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

.admission-modern__subtitle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.admission-modern__subtitle::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.section-title__title{
    font-size:52px;
    line-height:1.12;
    font-weight:900;
    color:#12343B;
    margin-bottom:20px;
    letter-spacing:-1.5px;
}

.section-title__title span{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.admission-modern__text{
    max-width:760px;
    margin:auto;
    color:#5D6B6F;
    font-size:16px;
    line-height:1.95;
    font-weight:500;
}

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

.admission-modern__card{
    position:relative;
    padding:42px;
    border-radius:36px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    overflow:hidden;
    transition:.4s ease;
}

.admission-modern__card:hover{
    transform:translateY(-10px);
    box-shadow:0 36px 90px rgba(33,182,168,.16);
}

.admission-modern__card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #21B6A8,
        #21B6A8,
        #064E3B
    );
}

.admission-modern__icon{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:28px;
    box-shadow:0 18px 45px rgba(33,182,168,.22);
}

.admission-modern__card h3{
    font-size:32px;
    font-weight:900;
    color:#12343B;
    margin-bottom:22px;
    letter-spacing:-1px;
}

.admission-modern__content h5{
    font-size:19px;
    font-weight:800;
    color:#12343B;
    margin-bottom:18px;
}

.admission-modern__content p{
    color:#5D6B6F;
    line-height:1.9;
    margin-bottom:18px;
}

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

.admission-modern__content ul li{
    position:relative;
    padding-left:30px;
    margin-bottom:16px;
    color:#5D6B6F;
    line-height:1.85;
    font-weight:500;
}

.admission-modern__content ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#21B6A8;
    font-weight:900;
}

/* =========================================================
   DOCUMENT TAGS
========================================================= */

.admission-modern__documents{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin:28px 0;
}

.admission-modern__documents span{
    padding:12px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#0B6B4F;
    font-size:14px;
    font-weight:700;
    transition:.3s ease;
}

.admission-modern__documents span:hover{
    background:#21B6A8;
    color:#fff;
}

/* =========================================================
   NOTE BOX
========================================================= */

.admission-modern__note{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-top:30px;
    padding:24px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #FFF8E7,
        #fff
    );
    border:1px solid rgba(33,182,168,.08);
}

.admission-modern__note i{
    width:52px;
    height:52px;
    border-radius:16px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex:0 0 52px;
}

.admission-modern__note p{
    margin:0;
    line-height:1.8;
}

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

.admission-modern__courses{
    position:relative;
    margin-top:70px;
    padding:50px;
    border-radius:40px;
    background:linear-gradient(
        135deg,
        #043D35,
        #0B6B4F,
        #21B6A8
    );
    overflow:hidden;
    box-shadow:0 35px 90px rgba(33,182,168,.20);
}

.admission-modern__courses::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    top:-160px;
    right:-90px;
}

.admission-modern__courses h3{
    font-size:40px;
    font-weight:900;
    color:#fff;
    margin-bottom:14px;
    letter-spacing:-1px;
}

.admission-modern__courses p{
    color:rgba(255,255,255,.88);
    line-height:1.9;
    margin:0;
}

.admission-modern__course-badges{
    display:flex;
    justify-content:flex-end;
    gap:18px;
    flex-wrap:wrap;
}

.admission-modern__course-badges span{
    padding:16px 28px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    color:#fff;
    backdrop-filter:blur(10px);
    font-size:18px;
    font-weight:800;
    border:1px solid rgba(255,255,255,.18);
    transition:.3s ease;
}

.admission-modern__course-badges span:hover{
    background:#fff;
    color:#0B6B4F;
    transform:translateY(-4px);
}

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

@media(max-width:991px){

    .modern-page-header{
        padding:160px 0 100px;
    }

    .modern-page-header__title{
        font-size:54px;
    }

    .section-title__title{
        font-size:40px;
    }

    .admission-modern{
        padding:80px 0;
    }

    .admission-modern__courses{
        padding:40px;
    }

    .admission-modern__course-badges{
        justify-content:flex-start;
        margin-top:30px;
    }
}

@media(max-width:767px){

    .modern-page-header{
        padding:130px 0 90px;
    }

    .modern-page-header__title{
        font-size:38px;
        letter-spacing:-1px;
    }

    .section-title__title{
        font-size:30px;
        line-height:1.3;
    }

    .admission-modern{
        padding:70px 0;
    }

    .admission-modern__card{
        padding:28px;
    }

    .admission-modern__courses{
        padding:30px 24px;
        border-radius:30px;
    }

    .admission-modern__courses h3{
        font-size:30px;
    }

    .admission-modern__course-badges{
        justify-content:flex-start;
    }

    .admission-modern__course-badges span{
        width:100%;
        text-align:center;
    }
}
/* =========================================================
   HOLIDAYS / DOCUMENTS PREMIUM CSS
========================================================= */

.holidays-modern{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

/* =========================================================
   PAGE HEADER
========================================================= */

.modern-page-header{
    position:relative;
    overflow:hidden;
    padding:190px 0 120px;
}

.modern-page-header__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.06);
}

.modern-page-header__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(4,61,53,.94),
        rgba(11,107,79,.88),
        rgba(0,0,0,.72)
    );
}

.modern-page-header__content{
    position:relative;
    z-index:2;
}

.modern-page-header__tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:24px;
}

.modern-page-header__tag::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
}

.modern-page-header__title{
    font-size:72px;
    line-height:1.08;
    font-weight:900;
    color:#fff;
    margin-bottom:18px;
    letter-spacing:-2px;
}

.modern-page-header__title span{
    background:linear-gradient(
        135deg,
        #BFEDE9,
        #ffffff
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.modern-breadcrumb{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin:0;
    padding:0;
}

.modern-breadcrumb li{
    color:rgba(255,255,255,.84);
    font-size:15px;
    font-weight:700;
}

.modern-breadcrumb li a{
    color:#fff;
    text-decoration:none;
}

.modern-breadcrumb li span{
    opacity:.6;
}

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

.holidays-modern__subtitle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.holidays-modern__subtitle::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.section-title__title{
    font-size:52px;
    line-height:1.12;
    font-weight:900;
    color:#12343B;
    margin-bottom:20px;
    letter-spacing:-1.5px;
}

.section-title__title span{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.holidays-modern__text{
    max-width:760px;
    margin:auto;
    color:#5D6B6F;
    font-size:16px;
    line-height:1.95;
    font-weight:500;
}

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

.holidays-modern__wrapper{
    position:relative;
    padding:35px;
    border-radius:38px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    overflow:hidden;
}

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

.holidays-modern__table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 18px;
}

.holidays-modern__table thead th{
    padding:20px 24px;
    background:linear-gradient(
        135deg,
        #043D35,
        #0B6B4F,
        #21B6A8
    );
    color:#fff;
    font-size:15px;
    font-weight:800;
    letter-spacing:.3px;
    border:none;
}

.holidays-modern__table thead th:first-child{
    border-radius:18px 0 0 18px;
}

.holidays-modern__table thead th:last-child{
    border-radius:0 18px 18px 0;
}

.holidays-modern__table tbody tr{
    background:#fff;
    transition:.35s ease;
}

.holidays-modern__table tbody tr:hover{
    transform:translateY(-4px);
}

.holidays-modern__table tbody td{
    padding:24px;
    vertical-align:middle;
    border-top:1px solid rgba(33,182,168,.08);
    border-bottom:1px solid rgba(33,182,168,.08);
    background:#fff;
}

.holidays-modern__table tbody td:first-child{
    border-left:1px solid rgba(33,182,168,.08);
    border-radius:22px 0 0 22px;
}

.holidays-modern__table tbody td:last-child{
    border-right:1px solid rgba(33,182,168,.08);
    border-radius:0 22px 22px 0;
}

/* =========================================================
   SERIAL
========================================================= */

.holidays-modern__serial{
    width:46px;
    height:46px;
    border-radius:14px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:900;
    box-shadow:0 12px 28px rgba(33,182,168,.18);
}

/* =========================================================
   DOCUMENT
========================================================= */

.holidays-modern__document{
    display:flex;
    align-items:center;
    gap:18px;
}

.holidays-modern__document-icon{
    width:64px;
    height:64px;
    border-radius:20px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    flex:0 0 64px;
}

.holidays-modern__document h5{
    font-size:19px;
    font-weight:800;
    color:#12343B;
    margin-bottom:6px;
    line-height:1.4;
}

.holidays-modern__document span{
    font-size:14px;
    color:#5D6B6F;
    font-weight:600;
}

/* =========================================================
   YEAR
========================================================= */

.holidays-modern__year{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#0B6B4F;
    font-size:14px;
    font-weight:800;
}

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

.holidays-modern__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 24px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff!important;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    transition:.35s ease;
    box-shadow:0 16px 38px rgba(33,182,168,.18);
}

.holidays-modern__btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(
        135deg,
        #0B6B4F,
        #043D35
    );
}

/* =========================================================
   EMPTY
========================================================= */

.holidays-modern__empty{
    padding:70px 30px;
}

.holidays-modern__empty-icon{
    width:110px;
    height:110px;
    border-radius:30px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    margin:0 auto 26px;
}

.holidays-modern__empty h4{
    font-size:32px;
    font-weight:900;
    color:#12343B;
    margin-bottom:12px;
}

.holidays-modern__empty p{
    color:#5D6B6F;
    margin:0;
    line-height:1.9;
}

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

@media(max-width:991px){

    .modern-page-header{
        padding:160px 0 100px;
    }

    .modern-page-header__title{
        font-size:54px;
    }

    .section-title__title{
        font-size:40px;
    }

    .holidays-modern{
        padding:80px 0;
    }

    .holidays-modern__wrapper{
        padding:24px;
    }
}

@media(max-width:767px){

    .modern-page-header{
        padding:130px 0 90px;
    }

    .modern-page-header__title{
        font-size:38px;
        letter-spacing:-1px;
    }

    .section-title__title{
        font-size:30px;
        line-height:1.3;
    }

    .holidays-modern{
        padding:70px 0;
    }

    .holidays-modern__wrapper{
        padding:18px;
        border-radius:28px;
    }

    .holidays-modern__table{
        min-width:760px;
    }

    .holidays-modern__document{
        min-width:260px;
    }

    .holidays-modern__document h5{
        font-size:17px;
    }

    .holidays-modern__btn{
        padding:12px 20px;
        font-size:13px;
    }
}
/* =========================================================
   ANTI RAGGING PREMIUM CSS
========================================================= */

.antiragging-modern{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

/* SHAPES */

.antiragging-modern__shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.antiragging-modern__shape-1{
    width:340px;
    height:340px;
    background:rgba(33,182,168,.08);
    top:-130px;
    left:-110px;
}

.antiragging-modern__shape-2{
    width:240px;
    height:240px;
    background:rgba(33,182,168,.10);
    right:-90px;
    bottom:90px;
}

/* =========================================================
   PAGE HEADER
========================================================= */

.modern-page-header{
    position:relative;
    overflow:hidden;
    padding:190px 0 120px;
}

.modern-page-header__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.06);
}

.modern-page-header__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(4,61,53,.94),
        rgba(11,107,79,.88),
        rgba(0,0,0,.72)
    );
}

.modern-page-header__content{
    position:relative;
    z-index:2;
}

.modern-page-header__tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:24px;
}

.modern-page-header__tag::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
}

.modern-page-header__title{
    font-size:72px;
    line-height:1.08;
    font-weight:900;
    color:#fff;
    margin-bottom:18px;
    letter-spacing:-2px;
}

.modern-page-header__title span{
    background:linear-gradient(
        135deg,
        #BFEDE9,
        #ffffff
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.modern-breadcrumb{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin:0;
    padding:0;
}

.modern-breadcrumb li{
    color:rgba(255,255,255,.84);
    font-size:15px;
    font-weight:700;
}

.modern-breadcrumb li a{
    color:#fff;
    text-decoration:none;
}

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

.antiragging-modern__subtitle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.antiragging-modern__subtitle::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.section-title__title{
    font-size:52px;
    line-height:1.12;
    font-weight:900;
    color:#12343B;
    margin-bottom:20px;
    letter-spacing:-1.5px;
}

.section-title__title span{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.antiragging-modern__text{
    max-width:760px;
    margin:auto;
    color:#5D6B6F;
    font-size:16px;
    line-height:1.95;
    font-weight:500;
}

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

.antiragging-modern__wrapper{
    position:relative;
    padding:45px;
    border-radius:40px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
}

/* =========================================================
   ALERT BOX
========================================================= */

.antiragging-modern__alert{
    display:flex;
    align-items:flex-start;
    gap:22px;
    padding:35px;
    border-radius:32px;
    background:linear-gradient(
        135deg,
        #043D35,
        #0B6B4F,
        #21B6A8
    );
    margin-bottom:35px;
    box-shadow:0 30px 70px rgba(33,182,168,.18);
}

.antiragging-modern__alert-icon{
    width:85px;
    height:85px;
    border-radius:24px;
    background:rgba(255,255,255,.14);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    flex:0 0 85px;
}

.antiragging-modern__alert h3{
    font-size:34px;
    font-weight:900;
    color:#fff;
    margin-bottom:12px;
}

.antiragging-modern__alert p{
    color:rgba(255,255,255,.88);
    line-height:1.9;
    margin:0;
}

/* =========================================================
   QUOTE BOX
========================================================= */

.antiragging-modern__quote-box{
    padding:40px;
    border-radius:34px;
    background:linear-gradient(
        135deg,
        #fff7f7,
        #ffffff
    );
    border:1px solid rgba(33,182,168,.08);
    margin-bottom:35px;
}

.antiragging-modern__quote-box h4{
    font-size:26px;
    font-weight:900;
    color:#12343B;
    margin-bottom:18px;
}

.antiragging-modern__quote-box blockquote{
    margin:0;
    font-size:22px;
    line-height:1.8;
    color:#0B6B4F;
    font-weight:700;
    font-style:italic;
}

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

.antiragging-modern__card{
    position:relative;
    height:100%;
    padding:40px;
    border-radius:34px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 20px 60px rgba(33,182,168,.08);
    transition:.35s ease;
    overflow:hidden;
}

.antiragging-modern__card:hover{
    transform:translateY(-10px);
    box-shadow:0 34px 85px rgba(33,182,168,.15);
}

.antiragging-modern__card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #21B6A8,
        #21B6A8,
        #064E3B
    );
}

.antiragging-modern__icon{
    width:78px;
    height:78px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:26px;
    box-shadow:0 18px 40px rgba(33,182,168,.18);
}

.antiragging-modern__card h4{
    font-size:28px;
    font-weight:900;
    color:#12343B;
    margin-bottom:20px;
}

.antiragging-modern__card p{
    color:#5D6B6F;
    line-height:1.9;
    margin-bottom:18px;
}

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

.antiragging-modern__card ul li{
    position:relative;
    padding-left:30px;
    margin-bottom:16px;
    color:#5D6B6F;
    line-height:1.85;
    font-weight:500;
}

.antiragging-modern__card ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#21B6A8;
    font-weight:900;
}

/* =========================================================
   REPORT BOX
========================================================= */

.antiragging-modern__report{
    margin-top:40px;
    padding:45px;
    border-radius:38px;
    background:linear-gradient(
        135deg,
        #FFF8E7,
        #ffffff
    );
    border:1px solid rgba(33,182,168,.08);
}

.antiragging-modern__report-head{
    display:flex;
    align-items:flex-start;
    gap:24px;
    margin-bottom:35px;
}

.antiragging-modern__report-icon{
    width:90px;
    height:90px;
    border-radius:26px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    flex:0 0 90px;
}

.antiragging-modern__report-head h3{
    font-size:34px;
    font-weight:900;
    color:#12343B;
    margin-bottom:12px;
}

.antiragging-modern__report-head p{
    color:#5D6B6F;
    line-height:1.9;
    margin:0;
}

/* =========================================================
   COMMITTEE
========================================================= */

.antiragging-modern__committee h4{
    font-size:28px;
    font-weight:900;
    color:#12343B;
    margin-bottom:20px;
}

.antiragging-modern__member{
    position:relative;
    padding:35px 24px;
    border-radius:30px;
    background:#fff;
    text-align:center;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 18px 55px rgba(33,182,168,.08);
    transition:.35s ease;
}

.antiragging-modern__member:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 75px rgba(33,182,168,.14);
}

.antiragging-modern__member-icon{
    width:74px;
    height:74px;
    border-radius:22px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin:0 auto 22px;
}

.antiragging-modern__member h5{
    font-size:22px;
    font-weight:900;
    color:#12343B;
    margin-bottom:8px;
}

.antiragging-modern__member span{
    color:#5D6B6F;
    font-size:14px;
    font-weight:700;
}

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

@media(max-width:991px){

    .modern-page-header{
        padding:160px 0 100px;
    }

    .modern-page-header__title{
        font-size:54px;
    }

    .section-title__title{
        font-size:40px;
    }

    .antiragging-modern{
        padding:80px 0;
    }

    .antiragging-modern__wrapper,
    .antiragging-modern__report{
        padding:32px;
    }
}

@media(max-width:767px){

    .modern-page-header{
        padding:130px 0 90px;
    }

    .modern-page-header__title{
        font-size:38px;
        letter-spacing:-1px;
    }

    .section-title__title{
        font-size:30px;
        line-height:1.3;
    }

    .antiragging-modern{
        padding:70px 0;
    }

    .antiragging-modern__wrapper,
    .antiragging-modern__report,
    .antiragging-modern__card,
    .antiragging-modern__quote-box{
        padding:24px;
    }

    .antiragging-modern__alert{
        flex-direction:column;
        padding:26px;
    }

    .antiragging-modern__alert h3{
        font-size:28px;
    }

    .antiragging-modern__quote-box blockquote{
        font-size:18px;
    }

    .antiragging-modern__report-head{
        flex-direction:column;
    }

    .antiragging-modern__report-head h3{
        font-size:28px;
    }

    .antiragging-modern__member h5{
        font-size:20px;
    }
}

/* =========================================================
   COURSES PAGE PREMIUM CSS
========================================================= */

.courses-modern{
    position:relative;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

/* =========================================================
   PAGE HEADER
========================================================= */

.modern-page-header{
    position:relative;
    overflow:hidden;
    padding:190px 0 120px;
}

.modern-page-header__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.06);
}

.modern-page-header__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(4,61,53,.94),
        rgba(11,107,79,.88),
        rgba(0,0,0,.72)
    );
}

.modern-page-header__content{
    position:relative;
    z-index:2;
}

.modern-page-header__tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:24px;
}

.modern-page-header__tag::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
}

.modern-page-header__title{
    font-size:72px;
    line-height:1.08;
    font-weight:900;
    color:#fff;
    margin-bottom:18px;
    letter-spacing:-2px;
}

.modern-page-header__title span{
    background:linear-gradient(
        135deg,
        #BFEDE9,
        #ffffff
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.modern-breadcrumb{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin:0;
    padding:0;
}

.modern-breadcrumb li{
    color:rgba(255,255,255,.84);
    font-size:15px;
    font-weight:700;
}

.modern-breadcrumb li a{
    color:#fff;
    text-decoration:none;
}

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

.courses-modern__subtitle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.courses-modern__subtitle::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.section-title__title{
    font-size:52px;
    line-height:1.12;
    font-weight:900;
    color:#12343B;
    margin-bottom:20px;
    letter-spacing:-1.5px;
}

.section-title__title span{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.courses-modern__text{
    max-width:760px;
    margin:auto;
    color:#5D6B6F;
    font-size:16px;
    line-height:1.95;
    font-weight:500;
}

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

.courses-modern__card{
    position:relative;
    border-radius:34px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    transition:.4s ease;
}

.courses-modern__card:hover{
    transform:translateY(-12px);
    box-shadow:0 40px 90px rgba(33,182,168,.16);
}

/* IMAGE */

.courses-modern__image{
    position:relative;
    overflow:hidden;
    height:280px;
}

.courses-modern__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s ease;
}

.courses-modern__card:hover .courses-modern__image img{
    transform:scale(1.08);
}

/* CATEGORY */

.courses-modern__category{
    position:absolute;
    top:22px;
    left:22px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(12px);
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:.4px;
    text-transform:uppercase;
    border:1px solid rgba(255,255,255,.18);
}

/* CONTENT */

.courses-modern__content{
    position:relative;
    padding:34px;
}

/* META */

.courses-modern__meta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:22px;
}

.courses-modern__meta span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#0B6B4F;
    font-size:13px;
    font-weight:700;
}

.courses-modern__meta span i{
    color:#21B6A8;
}

/* TITLE */

.courses-modern__title{
    margin-bottom:18px;
}

.courses-modern__title a{
    font-size:28px;
    line-height:1.35;
    font-weight:900;
    color:#12343B;
    text-decoration:none;
    letter-spacing:-.8px;
    transition:.3s ease;
}

.courses-modern__title a:hover{
    color:#0B6B4F;
}

/* DEPARTMENT */

.courses-modern__department{
    display:flex;
    align-items:center;
    gap:10px;
    color:#5D6B6F;
    font-size:15px;
    font-weight:600;
    margin-bottom:28px;
}

.courses-modern__department i{
    color:#21B6A8;
}

/* BUTTON */

.courses-modern__btn-box{
    margin-top:auto;
}

.courses-modern__btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 26px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff!important;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    transition:.35s ease;
    box-shadow:0 18px 40px rgba(33,182,168,.18);
}

.courses-modern__btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(
        135deg,
        #0B6B4F,
        #043D35
    );
}

/* =========================================================
   EMPTY
========================================================= */

.courses-modern__empty{
    padding:80px 30px;
    border-radius:36px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
}

.courses-modern__empty-icon{
    width:110px;
    height:110px;
    border-radius:30px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    margin:0 auto 26px;
}

.courses-modern__empty h4{
    font-size:34px;
    font-weight:900;
    color:#12343B;
    margin-bottom:12px;
}

.courses-modern__empty p{
    color:#5D6B6F;
    margin:0;
    line-height:1.9;
}

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

@media(max-width:991px){

    .modern-page-header{
        padding:160px 0 100px;
    }

    .modern-page-header__title{
        font-size:54px;
    }

    .section-title__title{
        font-size:40px;
    }

    .courses-modern{
        padding:80px 0;
    }

    .courses-modern__content{
        padding:28px;
    }

    .courses-modern__title a{
        font-size:24px;
    }
}

@media(max-width:767px){

    .modern-page-header{
        padding:130px 0 90px;
    }

    .modern-page-header__title{
        font-size:38px;
        letter-spacing:-1px;
    }

    .section-title__title{
        font-size:30px;
        line-height:1.3;
    }

    .courses-modern{
        padding:70px 0;
    }

    .courses-modern__image{
        height:230px;
    }

    .courses-modern__content{
        padding:24px;
    }

    .courses-modern__title a{
        font-size:22px;
    }

    .courses-modern__btn{
        width:100%;
        justify-content:center;
    }

    .courses-modern__empty{
        padding:60px 20px;
    }

    .courses-modern__empty h4{
        font-size:28px;
    }
}

/* =========================================================
   COURSE DETAILS PAGE PREMIUM CSS
========================================================= */

.course-details-modern{
    position:relative;
    padding:110px 0;
    background:linear-gradient(135deg,#FFF8E7 0%,#ffffff 45%,#EAFBF8 100%);
}

/* IMAGE */

.course-details-modern__image{
    position:relative;
    overflow:hidden;
    border-radius:36px;
    box-shadow:0 28px 80px rgba(33,182,168,.14);
    margin-bottom:35px;
}

.course-details-modern__image img{
    width:100%;
    height:480px;
    object-fit:cover;
}

.course-details-modern__category{
    position:absolute;
    left:28px;
    bottom:28px;
    padding:10px 20px;
    border-radius:999px;
    background:#fff;
    color:#21B6A8;
    font-size:13px;
    font-weight:900;
}

/* CONTENT */

.course-details-modern__content{
    background:#fff;
    border-radius:36px;
    padding:42px;
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    border:1px solid rgba(33,182,168,.08);
}

.course-details-modern__meta{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-bottom:35px;
}

.course-details-modern__meta-item{
    display:flex;
    gap:14px;
    align-items:center;
    padding:20px;
    border-radius:24px;
    background:#FFF8E7;
    border:1px solid rgba(33,182,168,.08);
}

.course-details-modern__meta-item i{
    width:52px;
    height:52px;
    border-radius:16px;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.course-details-modern__meta-item span{
    display:block;
    color:#5D6B6F;
    font-size:13px;
    font-weight:700;
}

.course-details-modern__meta-item h5{
    margin:0;
    color:#12343B;
    font-size:18px;
    font-weight:900;
}

.course-details-modern__title{
    font-size:44px;
    line-height:1.2;
    font-weight:900;
    color:#12343B;
    margin-bottom:35px;
}

.course-details-modern__section{
    margin-top:38px;
}

.course-details-modern__section h3{
    font-size:30px;
    font-weight:900;
    color:#12343B;
    margin-bottom:20px;
    position:relative;
}

.course-details-modern__section h3::after{
    content:"";
    display:block;
    width:60px;
    height:4px;
    border-radius:20px;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    margin-top:10px;
}

.course-details-modern__description{
    color:#5D6B6F;
    line-height:1.95;
    font-size:16px;
}

/* LIST */

.course-details-modern__list{
    display:grid;
    gap:18px;
}

.course-details-modern__list-item{
    display:flex;
    gap:16px;
    padding:22px;
    border-radius:24px;
    background:#fff7f7;
    border:1px solid rgba(33,182,168,.08);
}

.course-details-modern__check{
    width:46px;
    height:46px;
    border-radius:50%;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 46px;
}

.course-details-modern__list-item h5{
    font-size:18px;
    font-weight:900;
    color:#12343B;
    margin-bottom:8px;
}

.course-details-modern__list-item p{
    color:#5D6B6F;
    line-height:1.8;
    margin:0;
}

/* CAREER */

.course-details-modern__career-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.course-details-modern__career-card{
    padding:24px;
    border-radius:26px;
    background:#fff7f7;
    border:1px solid rgba(33,182,168,.08);
    transition:.35s ease;
}

.course-details-modern__career-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 55px rgba(33,182,168,.12);
}

.course-details-modern__career-card i{
    width:58px;
    height:58px;
    border-radius:18px;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:18px;
}

.course-details-modern__career-card h5{
    font-size:18px;
    font-weight:900;
    color:#12343B;
    margin-bottom:10px;
}

.course-details-modern__career-card p{
    color:#5D6B6F;
    line-height:1.75;
    margin:0;
}

/* SIDEBAR */

.course-details-modern__sidebar{
    position:sticky;
    top:110px;
}

.course-details-modern__sidebar-card,
.course-details-modern__info-box{
    border-radius:34px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    margin-bottom:28px;
}

.course-details-modern__sidebar-image{
    height:250px;
    background-size:cover;
    background-position:center;
    position:relative;
}

.course-details-modern__sidebar-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(33,182,168,.55));
}

.course-details-modern__sidebar-content{
    padding:32px;
}

.course-details-modern__sidebar-content h3{
    font-size:30px;
    font-weight:900;
    color:#12343B;
    margin-bottom:12px;
}

.course-details-modern__sidebar-content p{
    color:#5D6B6F;
    line-height:1.8;
    margin-bottom:24px;
}

.course-details-modern__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    padding:16px 24px;
    border-radius:999px;
    background:linear-gradient(135deg,#21B6A8,#0B6B4F);
    color:#fff!important;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 16px 40px rgba(33,182,168,.22);
}

.course-details-modern__info-box{
    padding:32px;
}

.course-details-modern__info-box h4{
    font-size:26px;
    font-weight:900;
    color:#12343B;
    margin-bottom:22px;
}

.course-details-modern__info-box ul{
    list-style:none;
    margin:0;
    padding:0;
}

.course-details-modern__info-box li{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:16px 0;
    border-bottom:1px dashed rgba(33,182,168,.16);
}

.course-details-modern__info-box li:last-child{
    border-bottom:none;
}

.course-details-modern__info-box span{
    display:flex;
    align-items:center;
    gap:10px;
    color:#5D6B6F;
    font-weight:700;
}

.course-details-modern__info-box span i{
    color:#21B6A8;
}

.course-details-modern__info-box strong{
    color:#12343B;
    font-weight:900;
}

/* RESPONSIVE */

@media(max-width:991px){
    .course-details-modern{
        padding:80px 0;
    }

    .course-details-modern__meta,
    .course-details-modern__career-grid{
        grid-template-columns:1fr;
    }

    .course-details-modern__sidebar{
        position:relative;
        top:auto;
    }
}

@media(max-width:767px){
    .course-details-modern{
        padding:70px 0;
    }

    .course-details-modern__image img{
        height:280px;
    }

    .course-details-modern__content{
        padding:26px;
    }

    .course-details-modern__title{
        font-size:30px;
    }

    .course-details-modern__section h3{
        font-size:24px;
    }
}

/* =========================================================
   FEE STRUCTURE PREMIUM CSS
========================================================= */

.fees-modern{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

/* =========================================================
   PAGE HEADER
========================================================= */

.modern-page-header{
    position:relative;
    overflow:hidden;
    padding:190px 0 120px;
}

.modern-page-header__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.06);
}

.modern-page-header__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(4,61,53,.94),
        rgba(11,107,79,.88),
        rgba(0,0,0,.72)
    );
}

.modern-page-header__content{
    position:relative;
    z-index:2;
}

.modern-page-header__tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:24px;
}

.modern-page-header__tag::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
}

.modern-page-header__title{
    font-size:72px;
    line-height:1.08;
    font-weight:900;
    color:#fff;
    margin-bottom:18px;
    letter-spacing:-2px;
}

.modern-page-header__title span{
    background:linear-gradient(
        135deg,
        #BFEDE9,
        #ffffff
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.modern-breadcrumb{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin:0;
    padding:0;
}

.modern-breadcrumb li{
    color:rgba(255,255,255,.84);
    font-size:15px;
    font-weight:700;
}

.modern-breadcrumb li a{
    color:#fff;
    text-decoration:none;
}

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

.fees-modern__subtitle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.fees-modern__subtitle::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.section-title__title{
    font-size:52px;
    line-height:1.12;
    font-weight:900;
    color:#12343B;
    margin-bottom:20px;
    letter-spacing:-1.5px;
}

.section-title__title span{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.fees-modern__text{
    max-width:760px;
    margin:auto;
    color:#5D6B6F;
    font-size:16px;
    line-height:1.95;
    font-weight:500;
}

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

.fees-modern__wrapper{
    position:relative;
    padding:36px;
    border-radius:40px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 28px 75px rgba(33,182,168,.08);
    overflow:hidden;
}

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

.fees-modern__table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 18px;
}

.fees-modern__table thead th{
    padding:22px 24px;
    background:linear-gradient(
        135deg,
        #043D35,
        #0B6B4F,
        #21B6A8
    );
    color:#fff;
    font-size:15px;
    font-weight:800;
    border:none;
    letter-spacing:.4px;
}

.fees-modern__table thead th:first-child{
    border-radius:20px 0 0 20px;
}

.fees-modern__table thead th:last-child{
    border-radius:0 20px 20px 0;
}

.fees-modern__table tbody tr{
    transition:.35s ease;
}

.fees-modern__table tbody tr:hover{
    transform:translateY(-5px);
}

.fees-modern__table tbody td{
    padding:24px;
    background:#fff;
    border-top:1px solid rgba(33,182,168,.08);
    border-bottom:1px solid rgba(33,182,168,.08);
    vertical-align:middle;
}

.fees-modern__table tbody td:first-child{
    border-left:1px solid rgba(33,182,168,.08);
    border-radius:24px 0 0 24px;
}

.fees-modern__table tbody td:last-child{
    border-right:1px solid rgba(33,182,168,.08);
    border-radius:0 24px 24px 0;
}

/* =========================================================
   SERIAL
========================================================= */

.fees-modern__serial{
    width:48px;
    height:48px;
    border-radius:16px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:900;
    box-shadow:0 14px 35px rgba(33,182,168,.18);
}

/* =========================================================
   DOCUMENT
========================================================= */

.fees-modern__document{
    display:flex;
    align-items:center;
    gap:18px;
}

.fees-modern__document-icon{
    width:66px;
    height:66px;
    border-radius:20px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    flex:0 0 66px;
}

.fees-modern__document h5{
    font-size:20px;
    font-weight:900;
    color:#12343B;
    margin-bottom:6px;
    line-height:1.4;
}

.fees-modern__document span{
    color:#5D6B6F;
    font-size:14px;
    font-weight:600;
}

/* =========================================================
   YEAR
========================================================= */

.fees-modern__year{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 20px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#0B6B4F;
    font-size:14px;
    font-weight:800;
}

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

.fees-modern__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 24px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff!important;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    transition:.35s ease;
    box-shadow:0 16px 40px rgba(33,182,168,.18);
}

.fees-modern__btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(
        135deg,
        #0B6B4F,
        #043D35
    );
}

/* =========================================================
   EMPTY
========================================================= */

.fees-modern__empty{
    padding:80px 30px;
}

.fees-modern__empty-icon{
    width:110px;
    height:110px;
    border-radius:30px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    margin:0 auto 26px;
}

.fees-modern__empty h4{
    font-size:34px;
    font-weight:900;
    color:#12343B;
    margin-bottom:12px;
}

.fees-modern__empty p{
    color:#5D6B6F;
    margin:0;
    line-height:1.9;
}

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

@media(max-width:991px){

    .modern-page-header{
        padding:160px 0 100px;
    }

    .modern-page-header__title{
        font-size:54px;
    }

    .section-title__title{
        font-size:40px;
    }

    .fees-modern{
        padding:80px 0;
    }

    .fees-modern__wrapper{
        padding:24px;
    }
}

@media(max-width:767px){

    .modern-page-header{
        padding:130px 0 90px;
    }

    .modern-page-header__title{
        font-size:38px;
        letter-spacing:-1px;
    }

    .section-title__title{
        font-size:30px;
        line-height:1.3;
    }

    .fees-modern{
        padding:70px 0;
    }

    .fees-modern__wrapper{
        padding:18px;
        border-radius:30px;
    }

    .fees-modern__table{
        min-width:760px;
    }

    .fees-modern__document{
        min-width:260px;
    }

    .fees-modern__document h5{
        font-size:17px;
    }

    .fees-modern__btn{
        padding:12px 20px;
        font-size:13px;
    }
}

/* =========================================================
   TRAINING & PLACEMENT PREMIUM CSS
========================================================= */

.placement-modern{
    position:relative;
    padding:120px 0;
    overflow:hidden;
    background:
    radial-gradient(circle at top left,
    rgba(255,0,0,.08),
    transparent 28%),

    radial-gradient(circle at bottom right,
    rgba(11,107,79,.10),
    transparent 30%),

    linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

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

.placement-modern .section-title{
    margin-bottom:70px;
}

.placement-modern__subtitle{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:11px 22px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#c40000;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:22px;
}

.placement-modern__subtitle::before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:#21B6A8;
}

.section-title__title{
    font-size:58px;
    line-height:1.12;
    font-weight:900;
    color:#12343B;
    margin-bottom:24px;
    letter-spacing:-2px;
}

.section-title__title span{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #043D35
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.placement-modern__text{
    max-width:850px;
    margin:auto;
    color:#5D6B6F;
    font-size:17px;
    line-height:2;
    font-weight:500;
}

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

.placement-modern__content{
    position:relative;
    padding:60px;
    border-radius:42px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:
    0 25px 80px rgba(33,182,168,.08),
    0 8px 30px rgba(0,0,0,.03);
    overflow:hidden;
}

.placement-modern__content::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(33,182,168,.04);
    top:-220px;
    right:-160px;
}

.placement-modern__content::after{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    border-radius:50%;
    background:rgba(255,0,0,.04);
    bottom:-120px;
    left:-120px;
}

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

.placement-modern__info{
    position:relative;
    z-index:2;
}

.placement-modern__quote{
    width:92px;
    height:92px;
    border-radius:30px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:34px;
    box-shadow:0 18px 45px rgba(33,182,168,.22);
}

.placement-modern__info h3{
    font-size:46px;
    line-height:1.25;
    font-weight:900;
    color:#12343B;
    margin-bottom:24px;
    letter-spacing:-1px;
}

.placement-modern__info p{
    color:#5D6B6F;
    font-size:16px;
    line-height:2;
    margin-bottom:18px;
}

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

.placement-modern__features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-top:42px;
}

.placement-modern__feature{
    display:flex;
    align-items:center;
    gap:15px;
    padding:20px;
    border-radius:24px;
    background:#fff7f7;
    border:1px solid rgba(33,182,168,.08);
    transition:.4s ease;
}

.placement-modern__feature:hover{
    transform:translateY(-7px);
    background:#fff;
    box-shadow:0 20px 55px rgba(33,182,168,.12);
}

.placement-modern__feature i{
    width:56px;
    height:56px;
    border-radius:18px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex:0 0 56px;
}

.placement-modern__feature span{
    color:#12343B;
    font-size:16px;
    font-weight:800;
}

/* =========================================================
   STATS
========================================================= */

.placement-modern__stats{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:24px;
}

.placement-modern__stat-card{
    display:flex;
    align-items:center;
    gap:20px;
    padding:28px;
    border-radius:30px;
    background:#fff7f7;
    border:1px solid rgba(33,182,168,.08);
    transition:.4s ease;
}

.placement-modern__stat-card:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 60px rgba(33,182,168,.14);
    background:#fff;
}

.placement-modern__icon{
    width:78px;
    height:78px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    color:#fff;
    flex:0 0 78px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
}

.placement-modern__stat-card h3{
    font-size:36px;
    font-weight:900;
    color:#12343B;
    margin-bottom:5px;
}

.placement-modern__stat-card p{
    margin:0;
    color:#5D6B6F;
    font-size:15px;
    font-weight:700;
}

/* =========================================================
   SUPPORT BOX
========================================================= */

.placement-modern__support{
    position:relative;
    padding:38px;
    border-radius:34px;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #043D35,
        #0B6B4F,
        #21B6A8
    );
    color:#fff;
    box-shadow:0 28px 80px rgba(33,182,168,.20);
}

.placement-modern__support::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    top:-80px;
    right:-80px;
}

.placement-modern__support h4{
    position:relative;
    z-index:2;
    font-size:32px;
    font-weight:900;
    margin-bottom:16px;
}

.placement-modern__support p{
    position:relative;
    z-index:2;
    margin:0;
    color:rgba(255,255,255,.90);
    line-height:1.95;
}

/* =========================================================
   PROCESS
========================================================= */

.placement-modern__process{
    margin-top:70px;
}

.placement-modern__process-card{
    position:relative;
    height:100%;
    padding:38px 30px;
    border-radius:32px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    transition:.4s ease;
    overflow:hidden;
}

.placement-modern__process-card:hover{
    transform:translateY(-8px);
    box-shadow:0 34px 85px rgba(33,182,168,.16);
}

.placement-modern__process-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #21B6A8,
        #0B6B4F,
        #043D35
    );
}

.placement-modern__process-number{
    width:68px;
    height:68px;
    border-radius:22px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:21px;
    font-weight:900;
    margin-bottom:24px;
    box-shadow:0 16px 40px rgba(33,182,168,.18);
}

.placement-modern__process-card h4{
    font-size:24px;
    font-weight:900;
    color:#12343B;
    margin-bottom:14px;
}

.placement-modern__process-card p{
    color:#5D6B6F;
    line-height:1.9;
    margin:0;
}

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

@media(max-width:991px){

    .placement-modern{
        padding:90px 0;
    }

    .placement-modern__content{
        padding:38px;
    }

    .section-title__title{
        font-size:44px;
    }

    .placement-modern__info h3{
        font-size:36px;
    }
}

@media(max-width:767px){

    .placement-modern{
        padding:70px 0;
    }

    .placement-modern__content{
        padding:24px;
        border-radius:30px;
    }

    .section-title__title{
        font-size:32px;
        line-height:1.3;
    }

    .placement-modern__info h3{
        font-size:28px;
    }

    .placement-modern__features{
        grid-template-columns:1fr;
    }

    .placement-modern__quote{
        width:78px;
        height:78px;
        font-size:30px;
    }

    .placement-modern__stat-card{
        padding:22px;
    }

    .placement-modern__support{
        padding:28px;
    }

    .placement-modern__support h4{
        font-size:26px;
    }

    .placement-modern__process-card{
        padding:28px 24px;
    }
}

.chairman-modern{
    padding:110px 0;
    background:linear-gradient(135deg,#FFF8E7 0%,#ffffff 45%,#EAFBF8 100%);
}

.chairman-modern__profile{
    background:#fff;
    border-radius:36px;
    overflow:hidden;
    box-shadow:0 28px 75px rgba(33,182,168,.10);
    border:1px solid rgba(33,182,168,.08);
}

.chairman-modern__image img{
    width:100%;
    height:430px;
    object-fit:cover;
}

.chairman-modern__info{
    padding:28px;
    text-align:center;
}

.chairman-modern__info h3{
    font-size:26px;
    font-weight:900;
    color:#12343B;
    margin-bottom:6px;
}

.chairman-modern__info span{
    color:#21B6A8;
    font-weight:800;
}

.chairman-modern__content{
    position:relative;
    background:#fff;
    padding:50px;
    border-radius:36px;
    box-shadow:0 28px 75px rgba(33,182,168,.10);
    border:1px solid rgba(33,182,168,.08);
}

.chairman-modern__subtitle{
    display:inline-flex;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:20px;
}

.chairman-modern__title{
    font-size:46px;
    line-height:1.18;
    font-weight:900;
    color:#12343B;
    margin-bottom:28px;
}

.chairman-modern__title span{
    color:#21B6A8;
}

.chairman-modern__quote{
    font-size:58px;
    color:rgba(33,182,168,.12);
    margin-bottom:10px;
}

.chairman-modern__content p{
    color:#5D6B6F;
    line-height:1.95;
    font-size:16px;
    margin-bottom:16px;
}

.chairman-modern__signature{
    margin-top:32px;
    padding-top:24px;
    border-top:1px solid rgba(33,182,168,.12);
}

.chairman-modern__signature h4{
    font-size:24px;
    font-weight:900;
    color:#12343B;
}

.chairman-modern__signature p{
    margin:0;
    color:#21B6A8;
    font-weight:800;
}

@media(max-width:767px){
    .chairman-modern{
        padding:70px 0;
    }

    .chairman-modern__content{
        padding:28px;
    }

    .chairman-modern__title{
        font-size:30px;
    }

    .chairman-modern__image img{
        height:330px;
    }
}

/* =========================================================
   SECRETARY MESSAGE PREMIUM CSS
========================================================= */

.secretary-modern{
    padding:110px 0;
    background:
    radial-gradient(circle at top left,
    rgba(255,0,0,.08),
    transparent 28%),

    radial-gradient(circle at bottom right,
    rgba(11,107,79,.10),
    transparent 30%),

    linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

/* PROFILE */

.secretary-modern__profile{
    background:#fff;
    border-radius:38px;
    overflow:hidden;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:
    0 28px 80px rgba(33,182,168,.10),
    0 10px 30px rgba(0,0,0,.03);
    transition:.4s ease;
}

.secretary-modern__profile:hover{
    transform:translateY(-8px);
}

.secretary-modern__image{
    position:relative;
    overflow:hidden;
}

.secretary-modern__image img{
    width:100%;
    height:450px;
    object-fit:cover;
    transition:.5s ease;
}

.secretary-modern__profile:hover .secretary-modern__image img{
    transform:scale(1.05);
}

.secretary-modern__info{
    padding:30px;
    text-align:center;
}

.secretary-modern__info h3{
    font-size:28px;
    font-weight:900;
    color:#12343B;
    margin-bottom:8px;
}

.secretary-modern__info span{
    color:#21B6A8;
    font-size:15px;
    font-weight:800;
}

/* CONTENT */

.secretary-modern__content{
    position:relative;
    padding:55px;
    border-radius:40px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:
    0 28px 80px rgba(33,182,168,.10),
    0 10px 30px rgba(0,0,0,.03);
    overflow:hidden;
}

.secretary-modern__content::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(33,182,168,.04);
    top:-160px;
    right:-140px;
}

/* SUBTITLE */

.secretary-modern__subtitle{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:13px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:22px;
}

.secretary-modern__subtitle::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

/* TITLE */

.secretary-modern__title{
    font-size:48px;
    line-height:1.18;
    font-weight:900;
    color:#12343B;
    margin-bottom:30px;
    letter-spacing:-1.5px;
}

.secretary-modern__title span{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #043D35
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* QUOTE */

.secretary-modern__quote{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:28px;
    box-shadow:0 18px 45px rgba(33,182,168,.20);
}

/* TEXT */

.secretary-modern__content p{
    color:#5D6B6F;
    line-height:2;
    font-size:16px;
    margin-bottom:18px;
    position:relative;
    z-index:2;
}

/* SIGNATURE */

.secretary-modern__signature{
    margin-top:36px;
    padding-top:24px;
    border-top:1px solid rgba(33,182,168,.12);
}

.secretary-modern__signature h4{
    font-size:26px;
    font-weight:900;
    color:#12343B;
    margin-bottom:6px;
}

.secretary-modern__signature p{
    margin:0;
    color:#21B6A8;
    font-weight:800;
    line-height:1.8;
}

/* RESPONSIVE */

@media(max-width:991px){

    .secretary-modern{
        padding:90px 0;
    }

    .secretary-modern__content{
        padding:38px;
    }

    .secretary-modern__title{
        font-size:38px;
    }
}

@media(max-width:767px){

    .secretary-modern{
        padding:70px 0;
    }

    .secretary-modern__content{
        padding:26px;
        border-radius:30px;
    }

    .secretary-modern__title{
        font-size:30px;
        line-height:1.3;
    }

    .secretary-modern__image img{
        height:340px;
    }

    .secretary-modern__quote{
        width:70px;
        height:70px;
        font-size:26px;
    }

    .secretary-modern__info{
        padding:24px;
    }
}

/* =========================================================
   PRINCIPAL MESSAGE PREMIUM CSS
========================================================= */

.principal-modern{
    padding:110px 0;
    background:
    radial-gradient(circle at top left,
    rgba(255,0,0,.08),
    transparent 28%),

    radial-gradient(circle at bottom right,
    rgba(11,107,79,.10),
    transparent 30%),

    linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

/* PROFILE */

.principal-modern__profile{
    background:#fff;
    border-radius:38px;
    overflow:hidden;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:
    0 28px 80px rgba(33,182,168,.10),
    0 10px 30px rgba(0,0,0,.03);
    transition:.4s ease;
}

.principal-modern__profile:hover{
    transform:translateY(-8px);
}

.principal-modern__image{
    position:relative;
    overflow:hidden;
}

.principal-modern__image img{
    width:100%;
    height:450px;
    object-fit:cover;
    transition:.5s ease;
}

.principal-modern__profile:hover .principal-modern__image img{
    transform:scale(1.05);
}

.principal-modern__info{
    padding:30px;
    text-align:center;
}

.principal-modern__info h3{
    font-size:28px;
    font-weight:900;
    color:#12343B;
    margin-bottom:8px;
}

.principal-modern__info span{
    color:#21B6A8;
    font-size:15px;
    font-weight:800;
}

.principal-modern__qualification{
    margin-top:16px;
    padding:14px 18px;
    border-radius:18px;
    background:rgba(33,182,168,.08);
}

.principal-modern__qualification p{
    margin:0;
    color:#0B6B4F;
    font-size:14px;
    font-weight:800;
}

/* CONTENT */

.principal-modern__content{
    position:relative;
    padding:55px;
    border-radius:40px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:
    0 28px 80px rgba(33,182,168,.10),
    0 10px 30px rgba(0,0,0,.03);
    overflow:hidden;
}

.principal-modern__content::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(33,182,168,.04);
    top:-160px;
    right:-140px;
}

/* SUBTITLE */

.principal-modern__subtitle{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:13px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:22px;
}

.principal-modern__subtitle::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

/* TITLE */

.principal-modern__title{
    font-size:48px;
    line-height:1.18;
    font-weight:900;
    color:#12343B;
    margin-bottom:30px;
    letter-spacing:-1.5px;
}

.principal-modern__title span{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #043D35
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* QUOTE */

.principal-modern__quote{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #21B6A8,
        #0B6B4F
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:28px;
    box-shadow:0 18px 45px rgba(33,182,168,.20);
}

/* TEXT */

.principal-modern__content p{
    color:#5D6B6F;
    line-height:2;
    font-size:16px;
    margin-bottom:18px;
    position:relative;
    z-index:2;
}

/* SIGNATURE */

.principal-modern__signature{
    margin-top:36px;
    padding-top:24px;
    border-top:1px solid rgba(33,182,168,.12);
}

.principal-modern__signature h4{
    font-size:26px;
    font-weight:900;
    color:#12343B;
    margin-bottom:6px;
}

.principal-modern__signature p{
    margin:0;
    color:#21B6A8;
    font-weight:800;
    line-height:1.8;
}

/* RESPONSIVE */

@media(max-width:991px){

    .principal-modern{
        padding:90px 0;
    }

    .principal-modern__content{
        padding:38px;
    }

    .principal-modern__title{
        font-size:38px;
    }
}

@media(max-width:767px){

    .principal-modern{
        padding:70px 0;
    }

    .principal-modern__content{
        padding:26px;
        border-radius:30px;
    }

    .principal-modern__title{
        font-size:30px;
        line-height:1.3;
    }

    .principal-modern__image img{
        height:340px;
    }

    .principal-modern__quote{
        width:70px;
        height:70px;
        font-size:26px;
    }

    .principal-modern__info{
        padding:24px;
    }
}
/* =========================================================
   YOUTUBE VIDEO SECTION PREMIUM CSS
========================================================= */

.youtube-video-section{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:
    radial-gradient(circle at top left,
    rgba(255,0,0,.08),
    transparent 28%),

    radial-gradient(circle at bottom right,
    rgba(11,107,79,.10),
    transparent 30%),

    linear-gradient(
        135deg,
        #FFF8E7 0%,
        #ffffff 45%,
        #EAFBF8 100%
    );
}

/* TITLE */

.notice-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 22px;
    border-radius:999px;
    background:rgba(33,182,168,.08);
    color:#21B6A8;
    font-size:13px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:22px;
}

.notice-label span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#21B6A8;
}

.notice-title{
    font-size:56px;
    line-height:1.15;
    font-weight:900;
    color:#12343B;
    margin-bottom:0;
    letter-spacing:-2px;
}

.notice-title span{
    background:linear-gradient(
        135deg,
        #21B6A8,
        #043D35
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* VIDEO CARD */

.notice-box{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:
    0 28px 75px rgba(33,182,168,.10),
    0 8px 30px rgba(0,0,0,.03);
    transition:.4s ease;
}

.notice-box:hover{
    transform:translateY(-10px);
    box-shadow:
    0 40px 90px rgba(33,182,168,.18),
    0 12px 40px rgba(0,0,0,.05);
}

/* VIDEO FRAME */

.video-frame{
    position:relative;
    overflow:hidden;
}

.video-frame iframe{
    width:100%;
    height:250px;
    border:none;
    display:block;
}

/* CONTENT */

.notice-box .p-3{
    padding:28px !important;
}

.notice-box h5{
    font-size:22px;
    line-height:1.5;
    font-weight:900;
    color:#12343B;
    margin:0;
    transition:.3s ease;
}

.notice-box:hover h5{
    color:#0B6B4F;
}

.notice-box h5 i{
    margin-right:10px;
    color:#ff0000;
    font-size:24px;
}

/* NO DATA */

.no-data{
    padding:80px 20px;
    border-radius:34px;
    background:#fff;
    border:1px solid rgba(33,182,168,.08);
    box-shadow:0 24px 70px rgba(33,182,168,.08);
    color:#5D6B6F;
    font-size:18px;
    font-weight:700;
}

/* RESPONSIVE */

@media(max-width:991px){

    .youtube-video-section{
        padding:90px 0;
    }

    .notice-title{
        font-size:44px;
    }

    .video-frame iframe{
        height:230px;
    }
}

@media(max-width:767px){

    .youtube-video-section{
        padding:70px 0;
    }

    .notice-title{
        font-size:32px;
        line-height:1.3;
        letter-spacing:-1px;
    }

    .notice-box{
        border-radius:28px;
    }

    .video-frame iframe{
        height:220px;
    }

    .notice-box .p-3{
        padding:22px !important;
    }

    .notice-box h5{
        font-size:18px;
    }
}

/* AGITE final polish */
.main-menu-two__top, .site-footer, .cta-one__inner{background:linear-gradient(135deg,#043D35,#064E3B,#0B6B4F)!important;}
.msie-btn,.gttc-courses-btn,.facilities-modern__btn,.gttc-youtube-btn,.scroll-to-top{background:linear-gradient(135deg,var(--agite-secondary),var(--agite-primary))!important;}
.gttc-admission-section,.gttc-final-cta,.admission-modern__courses{background:linear-gradient(135deg,#043D35,#0B6B4F,#21B6A8)!important;}
.hero-overlay{background:linear-gradient(135deg,rgba(4,61,53,.72),rgba(6,78,59,.55),rgba(11,107,79,.34))!important;}
a:hover{color:var(--agite-primary);}
@media(max-width:575px){.heroSlider,.heroSlider .swiper-slide{height:360px}.hero-bg{background-size:cover}}


/* =========================================================
   FINAL PALETTE OVERRIDE: GREEN + TEAL/LIGHT BLUE + CREAM
   Keep this block at the end so it overrides old theme colors.
========================================================= */
:root{
    --agite-primary:#0B6B4F;
    --agite-primary-dark:#064E3B;
    --agite-secondary:#21B6A8;
    --agite-secondary-dark:#0EA5A4;
    --agite-accent:#F4D35E;
    --agite-cream:#FFF8E7;
    --agite-soft:#EAFBF8;
    --agite-light-blue:#D9F4FF;
    --agite-dark:#12343B;
    --agite-text:#5D6B6F;
    --agite-white:#ffffff;

    --gttc-primary:var(--agite-primary);
    --gttc-primary-dark:var(--agite-primary-dark);
    --gttc-secondary:var(--agite-secondary);
    --gttc-secondary-dark:var(--agite-secondary-dark);
    --gttc-white:var(--agite-white);
    --gttc-dark:var(--agite-dark);
    --gttc-muted:var(--agite-text);
    --gttc-soft:var(--agite-soft);
    --msie-primary:var(--agite-primary);
    --msie-dark:var(--agite-dark);
    --msie-muted:var(--agite-text);
    --msie-radius:24px;
}

body,
.msie-home{
    background:#FFF8E7;
    color:#12343B;
}

.main-menu-two__top,
.msie-hero-section,
.site-footer,
.mobile-nav__content{
    background:linear-gradient(135deg,#043D35,#0B6B4F,#21B6A8) !important;
}

.msie-section-soft,

.gttc-notice-section,
.gttc-courses-section,
.gttc-social-iframe-section,
.facilities-modern,
.gttc-partner-section,
.gttc-testimonial-section,
.gttc-blog-section,
.gttc-final-cta-section,
.academic-modern,
.admission-modern,
.holidays-modern,
.antiragging-modern{
    background:linear-gradient(135deg,#FFF8E7 0%,#EAFBF8 55%,#D9F4FF 100%) !important;
}

.msie-btn,
.gttc-courses-btn,
.gttc-admission-btn,
.gttc-youtube-btn,
.facilities-modern__btn,
.gttc-final-cta,
.gttc-course-icon,
.gttc-notice-icon,
.gttc-user-icon,
.gttc-about-feature i,
.gttc-info-icon,
.academic-modern__icon,
.admission-modern__icon,
.scroll-to-top{
    background:linear-gradient(135deg,#0B6B4F,#21B6A8) !important;
}

.hero-overlay,
.modern-page-header__overlay,
.gttc-page-header__overlay{
    background:linear-gradient(135deg,rgba(4,61,53,.88),rgba(11,107,79,.68),rgba(33,182,168,.42)) !important;
}

.msie-kicker,
.gttc-courses-kicker,
.gttc-social-kicker,
.gttc-partner-kicker,
.gttc-testimonial-kicker,
.gttc-blog-kicker,
.gttc-section-kicker,
.academic-modern__subtitle,
.admission-modern__subtitle{
    background:#EAFBF8 !important;
    color:#0B6B4F !important;
}

.msie-title span,
.gttc-courses-title span,
.gttc-social-title span,
.gttc-partner-title span,
.gttc-testimonial-title span,
.gttc-blog-title span,
.section-title__title span,
.gttc-section-title span{
    color:#21B6A8 !important;
    -webkit-text-fill-color:initial !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item:hover > .nav-link,
.navbar-nav .nav-link.active,
.dropdown-item:hover,
.gttc-course-link,
.gttc-blog-link,
.facilities-modern__icon,
.gttc-notice-date i{
    color:#21B6A8 !important;
}

.navbar-nav .nav-link::after,
.footer-widget__title::after{
    background:#21B6A8 !important;
}

.btn-gold-custom,
.gttc-new-badge,
.gttc-call-btn,
.gttc-apply-btn{
    background:#F4D35E !important;
    color:#12343B !important;
}
.agite-program-strip{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(135deg,#fff8e7 0%,#eefaff 45%,#edf9f1 100%);
}

.agite-program-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.agite-program-shape-1{
    width:320px;
    height:320px;
    background:rgba(20,184,166,.12);
    top:-130px;
    left:-110px;
}

.agite-program-shape-2{
    width:240px;
    height:240px;
    background:rgba(122,193,67,.14);
    right:-80px;
    bottom:70px;
}

.agite-program-card{
    position:relative;
    height:100%;
    padding:36px 28px;
    border-radius:32px;
    background:#ffffff;
    border:1px solid rgba(20,184,166,.12);
    box-shadow:0 24px 70px rgba(15,107,82,.10);
    overflow:hidden;
    transition:.35s ease;
}

.agite-program-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:6px;
    background:linear-gradient(90deg,#0f6b52,#14b8a6,#7ac143);
}

.agite-program-card:hover{
    transform:translateY(-10px);
    box-shadow:0 35px 90px rgba(20,184,166,.18);
}

.agite-program-icon{
    width:78px;
    height:78px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
    color:#fff;
    font-size:32px;
    background:linear-gradient(135deg,#0f6b52,#14b8a6);
    box-shadow:0 18px 42px rgba(20,184,166,.25);
}

.agite-program-card h3{
    font-size:24px;
    font-weight:900;
    color:#102a43;
    margin-bottom:14px;
}

.agite-program-card p{
    color:#64748b;
    line-height:1.8;
    margin-bottom:22px;
}

.agite-program-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#0f6b52;
    font-weight:900;
    text-decoration:none;
    transition:.3s ease;
}

.agite-program-link:hover{
    color:#14b8a6;
    gap:14px;
}

@media(max-width:991px){
    .agite-program-strip{
        padding:80px 0;
    }
}

@media(max-width:767px){
    .agite-program-strip{
        padding:70px 0;
    }

    .agite-program-card{
        padding:30px 24px;
    }
}
/* ==========================================================
   AGITE HEADER
========================================================== */

.agite-header{
    position:relative;
    z-index:999;
    background:#fff;
}

/* BRANDING */

.agite-branding{
    background:#fffdf2;
    padding:18px 0;
    border-bottom:1px solid #dceee7;
}

.agite-logo{
    max-height:95px;
    width:auto;
}

.agite-institute-name{
    margin:0;
    font-size:34px;
    font-weight:900;
    color:#0f6b52;
    text-transform:uppercase;
}

.agite-institute-subtitle{
    margin:8px 0 4px;
    color:#14b8a6;
    font-size:18px;
    font-weight:800;
}

.agite-institute-line{
    margin:0;
    color:#64748b;
    font-size:14px;
}

/* CONTACT */

.agite-header-contact{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.agite-contact-item{
    display:flex;
    align-items:center;
    gap:12px;
    background:#fff;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid #dceee7;
}

.agite-contact-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #14b8a6,
        #0f6b52
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* NAVBAR */

.agite-navbar{
    background:linear-gradient(
        90deg,
        #0f6b52 0%,
        #14b8a6 55%,
        #0b4d7a 100%
    );
    min-height:60px;
    padding:0;
}

.agite-navbar .nav-link{
    color:#fff !important;
    font-weight:800;
    padding:18px 16px !important;
    text-transform:uppercase;
}

.agite-navbar .nav-link:hover{
    background:rgba(255,255,255,.15);
}

.agite-navbar .dropdown-menu{
    background:#fffdf2;
    border:none;
    border-radius:0 0 12px 12px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.agite-navbar .dropdown-item:hover{
    background:#eefaf8;
    color:#0f6b52;
}

/* APPLY BUTTON */

.agite-header-btn{
    margin-left:15px;
}

.agite-header-btn a{
    background:#fffdf2;
    color:#0f6b52;
    padding:12px 22px;
    border-radius:40px;
    font-weight:900;
    text-decoration:none;
}

/* NOTICE */

.agite-notice-strip{
    background:#ffd500;
    color:#111;
    padding:10px 0;
    font-weight:800;
}

/* MOBILE */

@media(max-width:991px){

    .agite-branding{
        padding:10px 0;
    }

    .agite-logo{
        max-height:65px;
    }

    .agite-institute-name{
        font-size:20px;
    }

    .agite-institute-subtitle,
    .agite-institute-line,
    .agite-header-contact{
        display:none;
    }

    .agite-header-btn{
        margin-top:15px;
        width:100%;
    }

    .agite-header-btn a{
        width:100%;
        display:block;
        text-align:center;
    }

}

/* ==========================================================
   AGITE TOP HEADER
   Green + Teal + Light Blue + Cream
========================================================== */

.agite-topbar{
    background:linear-gradient(
        90deg,
        #0b4d7a 0%,
        #14b8a6 50%,
        #0f6b52 100%
    );
    color:#fff;
    padding:8px 0;
    font-size:13px;
    position:relative;
    z-index:999;
}

.agite-topbar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.agite-top-info{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:25px;
}

.agite-top-info li{
    color:#fff;
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:600;
}

.agite-top-info li a{
    color:#fff;
    text-decoration:none;
}

.agite-top-info li a:hover{
    color:#fff7c2;
}

.agite-top-info i{
    color:#fff7c2;
}

/* RIGHT */

.agite-topbar-right{
    display:flex;
    align-items:center;
    gap:15px;
}

.agite-admission-text{
    font-weight:800;
    color:#fff7c2;
    text-transform:uppercase;
    letter-spacing:.5px;
}

/* SOCIAL */

.agite-social{
    display:flex;
    align-items:center;
    gap:8px;
}

.agite-social a{
    width:30px;
    height:30px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    transition:.3s;
}

.agite-social a:hover{
    background:#fffdf2;
    color:#0f6b52;
}

/* BUTTON */

.agite-top-btn{
    background:#fffdf2;
    color:#0f6b52;
    padding:7px 16px;
    border-radius:30px;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    transition:.3s;
}

.agite-top-btn:hover{
    background:#ffffff;
    color:#0b4d7a;
}

/* MOBILE HIDE */

@media(max-width:991px){

    .agite-topbar{
        display:none !important;
    }

}

/* ==========================================================
   AGITE ABOUT SECTION
========================================================== */

.gttc-about-section{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    /*background:linear-gradient(
        135deg,
        #fffdf2 0%,
        #eefaf8 50%,
        #eaf7ff 100%
    );*/
}

.gttc-about-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.gttc-about-shape-1{
    width:280px;
    height:280px;
    background:rgba(20,184,166,.12);
    top:-110px;
    left:-100px;
}

.gttc-about-shape-2{
    width:220px;
    height:220px;
    background:rgba(15,107,82,.10);
    right:-80px;
    bottom:50px;
}

.gttc-about-image-box{
    position:relative;
    padding:0 35px 45px 0;
}

.gttc-about-image{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    box-shadow:0 25px 70px rgba(15,107,82,.16);
}

.gttc-about-image img{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
}

.gttc-about-badge{
    position:absolute;
    left:20px;
    bottom:0;
    width:170px;
    padding:24px 18px;
    border-radius:24px;
    text-align:center;
    background:linear-gradient(135deg,#14b8a6,#0f6b52);
    color:#fff;
    box-shadow:0 18px 45px rgba(20,184,166,.28);
    z-index:3;
}

.gttc-about-badge h3{
    margin:0;
    font-size:38px;
    font-weight:900;
    color:#fff;
}

.gttc-about-badge p{
    margin:8px 0 0;
    font-size:13px;
    line-height:1.5;
    color:rgba(255,255,255,.9);
}

.gttc-about-card{
    position:absolute;
    right:0;
    bottom:55px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 20px;
    border-radius:20px;
    background:#fff;
    border:1px solid rgba(20,184,166,.12);
    box-shadow:0 18px 45px rgba(15,107,82,.14);
    z-index:4;
}

.gttc-about-card i{
    width:52px;
    height:52px;
    border-radius:16px;
    background:linear-gradient(135deg,#0f6b52,#14b8a6);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.gttc-about-card strong{
    display:block;
    color:#102a43;
    font-size:16px;
    font-weight:900;
}

.gttc-about-card span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:600;
}

.agite-about-content{
    position:relative;
    z-index:2;
}

.msie-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 18px;
    border-radius:50px;
    background:#eefaf8;
    color:#0f6b52;
    font-size:13px;
    font-weight:900;
    margin-bottom:18px;
}

.msie-title{
    font-size:42px;
    line-height:1.2;
    font-weight:900;
    color:#102a43;
    margin-bottom:20px;
}

.msie-title span{
    color:#14b8a6;
}

.msie-text{
    color:#64748b;
    font-size:16px;
    line-height:1.85;
    margin-bottom:14px;
}

.gttc-about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin:30px 0;
}

.gttc-about-feature{
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(20,184,166,.10);
    box-shadow:0 12px 35px rgba(15,107,82,.06);
    color:#102a43;
    font-weight:800;
}

.gttc-about-feature i{
    width:44px;
    height:44px;
    border-radius:14px;
    background:linear-gradient(135deg,#14b8a6,#0f6b52);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.msie-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 28px;
    border-radius:50px;
    background:linear-gradient(135deg,#14b8a6,#0f6b52);
    color:#fff !important;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 15px 35px rgba(20,184,166,.25);
}

/* RESPONSIVE */
@media(max-width:991px){
    .gttc-about-section{
        padding:70px 0;
    }

    .gttc-about-image-box{
        padding:0;
    }

    .gttc-about-image img{
        height:auto;
    }

    .gttc-about-badge,
    .gttc-about-card{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        width:100%;
        margin-top:16px;
    }

    .msie-title{
        font-size:32px;
    }
}

@media(max-width:575px){
    .gttc-about-section{
        padding:55px 0;
    }

    .gttc-about-features{
        grid-template-columns:1fr;
    }

    .msie-title{
        font-size:28px;
    }

    .msie-text{
        font-size:15px;
    }
}

/* ==========================================================
   AGITE BLOG LIST PAGE
   Theme: Green + Teal/Light Blue + Cream
========================================================== */

.agite-blog-list-section{
    position:relative;
    padding:100px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #fffdf2 0%,
        #eefaf8 48%,
        #eaf7ff 100%
    );
}

.agite-blog-list-subtitle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 18px;
    border-radius:50px;
    background:#eefaf8;
    color:#0f6b52;
    font-size:13px;
    font-weight:900;
    letter-spacing:.4px;
    margin-bottom:16px;
}

.agite-blog-list-text{
    max-width:780px;
    margin:0 auto;
    color:#64748b;
    font-size:16px;
    line-height:1.8;
}

/* BLOG CARD */

.agite-blog-list-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    background:#ffffff;
    border:1px solid rgba(20,184,166,.12);
    box-shadow:0 18px 55px rgba(15,107,82,.10);
    transition:all .35s ease;
}

.agite-blog-list-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 80px rgba(20,184,166,.18);
}

/* IMAGE */

.agite-blog-list-img{
    position:relative;
    height:260px;
    overflow:hidden;
    background:#eefaf8;
}

.agite-blog-list-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease;
}

.agite-blog-list-card:hover .agite-blog-list-img img{
    transform:scale(1.08);
}

.agite-blog-list-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0f6b52,#14b8a6);
    color:#ffffff;
    font-size:54px;
}

/* DATE */

.agite-blog-list-date{
    position:absolute;
    left:22px;
    bottom:20px;
    width:70px;
    height:70px;
    border-radius:20px;
    background:#fffdf2;
    color:#0f6b52;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.agite-blog-list-date span{
    font-size:24px;
    line-height:1;
    font-weight:900;
}

.agite-blog-list-date small{
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
}

/* CONTENT */

.agite-blog-list-content{
    padding:30px 28px 32px;
}

.agite-blog-list-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:14px;
    color:#64748b;
    font-size:13px;
    font-weight:700;
}

.agite-blog-list-meta span{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.agite-blog-list-meta i{
    color:#14b8a6;
}

.agite-blog-list-title{
    margin:0 0 14px;
    font-size:23px;
    line-height:1.35;
    font-weight:900;
    color:#102a43;
}

.agite-blog-list-title a{
    color:#102a43;
    text-decoration:none;
    transition:.3s ease;
}

.agite-blog-list-title a:hover{
    color:#0f6b52;
}

.agite-blog-list-content p{
    color:#64748b;
    font-size:15px;
    line-height:1.75;
    margin-bottom:24px;
}

/* BUTTON */

.agite-blog-list-btn{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:12px 22px;
    border-radius:50px;
    background:linear-gradient(135deg,#14b8a6,#0f6b52);
    color:#ffffff !important;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
    box-shadow:0 12px 30px rgba(20,184,166,.24);
    transition:all .3s ease;
}

.agite-blog-list-btn:hover{
    gap:14px;
    transform:translateY(-2px);
    background:linear-gradient(135deg,#0f6b52,#0b4d7a);
}

/* EMPTY STATE */

.agite-blog-list-empty{
    padding:70px 30px;
    border-radius:28px;
    background:#ffffff;
    border:1px solid rgba(20,184,166,.12);
    box-shadow:0 18px 55px rgba(15,107,82,.10);
}

.agite-blog-list-empty-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    margin:0 auto 22px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#14b8a6,#0f6b52);
    color:#ffffff;
    font-size:38px;
}

.agite-blog-list-empty h4{
    font-size:26px;
    font-weight:900;
    color:#102a43;
    margin-bottom:10px;
}

.agite-blog-list-empty p{
    color:#64748b;
    margin:0;
}

/* RESPONSIVE */

@media(max-width:1199px){
    .agite-blog-list-img{
        height:240px;
    }

    .agite-blog-list-title{
        font-size:21px;
    }
}

@media(max-width:991px){
    .agite-blog-list-section{
        padding:80px 0;
    }
}

@media(max-width:575px){
    .agite-blog-list-section{
        padding:60px 0;
    }

    .agite-blog-list-img{
        height:220px;
    }

    .agite-blog-list-content{
        padding:26px 22px 28px;
    }

    .agite-blog-list-title{
        font-size:20px;
    }

    .agite-blog-list-date{
        width:62px;
        height:62px;
        border-radius:18px;
        left:18px;
        bottom:16px;
    }

    .agite-blog-list-date span{
        font-size:22px;
    }

    .agite-blog-list-meta{
        gap:10px;
    }
}

/* ==========================================================
   AGITE CONTACT PAGE
========================================================== */

.contact-modern-info{
    padding:100px 0 40px;
    background:#fffdf5;
}

.contact-modern-subtitle{
    display:inline-block;
    padding:10px 18px;
    border-radius:50px;
    background:#e8faf5;
    color:#0f766e;
    font-size:13px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.contact-modern-text{
    max-width:760px;
    margin:15px auto 0;
    color:#64748b;
    line-height:1.8;
}

/* =========================
   CONTACT CARDS
========================= */

.contact-modern-info__card{
    position:relative;
    overflow:hidden;
    height:100%;
    padding:35px 30px;
    border-radius:24px;
    background:#fff;
    border:1px solid rgba(15,118,110,.08);
    box-shadow:0 15px 45px rgba(0,0,0,.05);
    text-align:center;
    transition:.4s ease;
}

.contact-modern-info__card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(15,118,110,.12);
}

.contact-modern-info__shape{
    position:absolute;
    top:-40px;
    right:-40px;
    width:120px;
    height:120px;
    border-radius:50%;
    background:rgba(20,184,166,.08);
}

.contact-modern-info__icon{
    width:80px;
    height:80px;
    margin:0 auto 20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0f766e,#14b8a6);
    color:#fff;
    font-size:28px;
}

.contact-modern-info__label{
    display:block;
    font-size:13px;
    color:#14b8a6;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:10px;
}

.contact-modern-info__card h3{
    font-size:18px;
    line-height:1.6;
    margin:0;
}

.contact-modern-info__card h3 a{
    color:#0f172a;
    text-decoration:none;
}

/* =========================
   CONTACT SECTION
========================= */

.agite-contact-page{
    padding:40px 0 100px;
    background:#fff;
}

.contact-page__inner{
    background:#fff;
}

.agite-map-box,
.agite-contact-form-box{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    border:1px solid rgba(15,118,110,.08);
    box-shadow:0 15px 45px rgba(0,0,0,.05);
}

.agite-map-content{
    padding:30px;
}

.agite-map-content h4{
    margin:15px 0;
    font-size:28px;
    font-weight:800;
    color:#0f172a;
}

.agite-map-content p{
    color:#64748b;
    line-height:1.8;
}

/* =========================
   FORM BOX
========================= */

.agite-contact-form-box{
    padding:40px;
}

.contact-page__form-title{
    font-size:34px;
    font-weight:800;
    color:#0f172a;
    margin:15px 0;
}

.contact-page__form-text{
    color:#64748b;
    line-height:1.8;
    margin-bottom:30px;
}

.contact-page__input-box{
    margin-bottom:22px;
}

.contact-page__input-box input,
.contact-page__input-box textarea{
    width:100%;
    border:none;
    outline:none;
    border-radius:16px;
    padding:16px 20px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    color:#0f172a;
    transition:.3s ease;
}

.contact-page__input-box input:focus,
.contact-page__input-box textarea:focus{
    border-color:#14b8a6;
    background:#fff;
    box-shadow:0 0 0 4px rgba(20,184,166,.10);
}

.contact-page__input-box textarea{
    min-height:180px;
    resize:none;
}

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

.contact-page__btn{
    border:none !important;
    border-radius:50px !important;
    padding:15px 34px !important;
    font-size:15px !important;
    font-weight:700 !important;
    color:#fff !important;
    background:linear-gradient(
        135deg,
        #0f766e,
        #14b8a6
    ) !important;
    transition:.3s ease;
}

.contact-page__btn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(20,184,166,.25);
}

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

@media(max-width:991px){

    .contact-modern-info{
        padding:80px 0 30px;
    }

    .agite-contact-page{
        padding:30px 0 80px;
    }

    .contact-page__form-title{
        font-size:28px;
    }

    .agite-contact-form-box{
        padding:30px;
    }

}

@media(max-width:575px){

    .contact-modern-info{
        padding:60px 0 20px;
    }

    .agite-contact-page{
        padding:20px 0 60px;
    }

    .agite-contact-form-box{
        padding:25px;
    }

    .contact-page__form-title{
        font-size:24px;
    }

    .agite-map-content h4{
        font-size:22px;
    }

    .contact-modern-info__card{
        padding:28px 22px;
    }

}

/* ==========================================================
   AGITE REGISTRATION / ADMISSION FORM PAGE
   Theme: Green + Teal + Light Blue + Cream
========================================================== */

.modern-registration{
    position:relative;
    padding:100px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #fffdf2 0%,
        #eefaf8 48%,
        #eaf7ff 100%
    );
}

.modern-registration__wrapper{
    display:grid;
    grid-template-columns:38% 62%;
    overflow:hidden;
    border-radius:32px;
    background:#ffffff;
    box-shadow:0 25px 80px rgba(15,107,82,.14);
    border:1px solid rgba(20,184,166,.12);
}

/* LEFT SIDE */

.modern-registration__left{
    position:relative;
    padding:50px 38px;
    color:#ffffff;
    background:linear-gradient(
        135deg,
        #0f6b52 0%,
        #14b8a6 58%,
        #0b4d7a 100%
    );
    overflow:hidden;
}

.modern-registration__left::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    top:-100px;
    right:-100px;
}

.modern-registration__left::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    left:-70px;
    bottom:-70px;
}

.modern-registration__subtitle{
    position:relative;
    z-index:2;
    display:inline-block;
    padding:9px 18px;
    border-radius:50px;
    background:rgba(255,255,255,.16);
    color:#fffdf2;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.6px;
    margin-bottom:18px;
}

.modern-registration__title{
    position:relative;
    z-index:2;
    color:#ffffff;
    font-size:36px;
    line-height:1.2;
    font-weight:900;
    margin-bottom:18px;
}

.modern-registration__text{
    position:relative;
    z-index:2;
    color:rgba(255,255,255,.9);
    font-size:16px;
    line-height:1.8;
    margin-bottom:28px;
}

/* COURSE BOX */

.modern-registration__course-box{
    position:relative;
    z-index:2;
    padding:22px;
    border-radius:22px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    margin-bottom:26px;
}

.modern-registration__course-box h4{
    color:#ffffff;
    font-size:20px;
    font-weight:900;
    margin-bottom:14px;
}

.modern-registration__course-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.modern-registration__course-box li{
    display:flex;
    align-items:center;
    gap:10px;
    color:#ffffff;
    font-weight:800;
    margin-bottom:10px;
}

.modern-registration__course-box li:last-child{
    margin-bottom:0;
}

.modern-registration__course-box i{
    color:#fff7c2;
}

/* FEATURES */

.modern-registration__features{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.modern-registration__feature{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
}

.modern-registration__feature-icon{
    width:50px;
    height:50px;
    flex:0 0 50px;
    border-radius:16px;
    background:#fffdf2;
    color:#0f6b52;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.modern-registration__feature h5{
    color:#ffffff;
    font-size:17px;
    font-weight:900;
    margin-bottom:5px;
}

.modern-registration__feature p{
    color:rgba(255,255,255,.86);
    margin:0;
    line-height:1.6;
}

/* RIGHT SIDE */

.modern-registration__right{
    padding:50px;
    background:#ffffff;
}

.modern-registration__section{
    margin-bottom:34px;
}

.modern-registration__section h4{
    position:relative;
    color:#102a43;
    font-size:22px;
    font-weight:900;
    margin-bottom:22px;
    padding-bottom:14px;
}

.modern-registration__section h4::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:64px;
    height:4px;
    border-radius:20px;
    background:linear-gradient(90deg,#0f6b52,#14b8a6);
}

/* FORM INPUTS */

.modern-registration__input-box label{
    display:block;
    color:#102a43;
    font-size:14px;
    font-weight:800;
    margin-bottom:9px;
}

.modern-registration__input-box input,
.modern-registration__input-box select,
.modern-registration__input-box textarea{
    width:100%;
    height:56px;
    border:none;
    outline:none;
    border-radius:16px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    color:#102a43;
    padding:0 18px;
    font-size:15px;
    font-weight:600;
    transition:.3s ease;
}

.modern-registration__input-box textarea{
    height:auto;
    min-height:130px;
    padding:16px 18px;
    resize:none;
}

.modern-registration__input-box input:focus,
.modern-registration__input-box select:focus,
.modern-registration__input-box textarea:focus{
    border-color:#14b8a6;
    background:#ffffff;
    box-shadow:0 0 0 4px rgba(20,184,166,.10);
}

.modern-registration__input-box input::placeholder,
.modern-registration__input-box textarea::placeholder{
    color:#94a3b8;
}

/* NOTE */

.modern-registration__note{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:18px 20px;
    border-radius:18px;
    background:#eefaf8;
    border:1px solid rgba(20,184,166,.14);
    margin-bottom:28px;
}

.modern-registration__note i{
    color:#0f6b52;
    font-size:20px;
    margin-top:3px;
}

.modern-registration__note p{
    color:#475569;
    margin:0;
    line-height:1.7;
    font-weight:600;
}

/* BUTTON */

.modern-registration__btn-box{
    margin-top:10px;
}

.modern-registration__btn{
    border:none;
    outline:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:15px 34px;
    border-radius:50px;
    color:#ffffff;
    font-size:15px;
    font-weight:900;
    background:linear-gradient(135deg,#14b8a6,#0f6b52);
    box-shadow:0 15px 35px rgba(20,184,166,.25);
    transition:.3s ease;
}

.modern-registration__btn:hover{
    transform:translateY(-3px);
    background:linear-gradient(135deg,#0f6b52,#0b4d7a);
}

/* ALERTS */

.modern-registration__right .alert{
    border-radius:16px;
    font-weight:700;
    margin-bottom:22px;
}

/* RESPONSIVE */

@media(max-width:1199px){
    .modern-registration__wrapper{
        grid-template-columns:42% 58%;
    }

    .modern-registration__left,
    .modern-registration__right{
        padding:42px 30px;
    }

    .modern-registration__title{
        font-size:31px;
    }
}

@media(max-width:991px){
    .modern-registration{
        padding:80px 0;
    }

    .modern-registration__wrapper{
        grid-template-columns:1fr;
    }

    .modern-registration__left{
        padding:42px 30px;
    }

    .modern-registration__right{
        padding:42px 30px;
    }
}

@media(max-width:575px){
    .modern-registration{
        padding:60px 0;
    }

    .modern-registration__wrapper{
        border-radius:24px;
    }

    .modern-registration__left,
    .modern-registration__right{
        padding:32px 22px;
    }

    .modern-registration__title{
        font-size:26px;
    }

    .modern-registration__text{
        font-size:15px;
    }

    .modern-registration__section h4{
        font-size:20px;
    }

    .modern-registration__input-box input,
    .modern-registration__input-box select{
        height:52px;
    }

    .modern-registration__btn{
        width:100%;
        padding:14px 24px;
    }

    .modern-registration__feature{
        padding:15px;
    }
}