/* =========================================================
   GAUTAM TEACHER TRAINING COLLEGE
   PREMIUM HEADER CSS
========================================================= */

:root{
    --gttc-primary:#003b7a;
    --gttc-primary-dark:#002855;
    --gttc-secondary:#d50000;
    --gttc-secondary-dark:#a80000;
    --gttc-white:#ffffff;
    --gttc-dark:#0f172a;
    --gttc-muted:#64748b;
    --gttc-soft:#f4f8ff;
}

/* =========================================================
   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(213,0,0,.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:none;
    box-shadow:none !important;
    padding:8px;
}

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

/* =========================================================
   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);
    }
}

/* =========================================================
   GAUTAM TEACHER TRAINING COLLEGE
   HEADER PAGE PREMIUM CSS
========================================================= */

:root{
    --gttc-primary:#003b7a;
    --gttc-primary-dark:#002855;
    --gttc-secondary:#d50000;
    --gttc-secondary-dark:#a80000;
    --gttc-white:#ffffff;
    --gttc-dark:#0f172a;
    --gttc-muted:#64748b;
    --gttc-soft:#f4f8ff;
}

/* =========================================================
   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(213,0,0,.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:none;
    box-shadow:none!important;
    padding:8px;
}

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

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

/* =========================================================
   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);
    }
}

/* =========================================================
   GAUTAM TEACHER TRAINING COLLEGE
   FOOTER + CTA PREMIUM CSS
========================================================= */

:root{
    --gttc-primary:#003b7a;
    --gttc-primary-dark:#002855;
    --gttc-secondary:#d50000;
    --gttc-secondary-dark:#a80000;
    --gttc-white:#ffffff;
    --gttc-dark:#0f172a;
    --gttc-muted:#94a3b8;
}

/* =========================================================
   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,
        #001a36,
        #002855,
        #003b7a
    );
    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,
        #000d1f 0%,
        #001a36 35%,
        #002855 70%,
        #003b7a 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:#001a36;
    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(213,0,0,.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;
    }
}

/* =========================================================
   GAUTAM TEACHER TRAINING COLLEGE
   HOME PAGE PREMIUM CSS
========================================================= */

:root{
    --gttc-primary:#003b7a;
    --gttc-primary-dark:#002855;
    --gttc-secondary:#d50000;
    --gttc-secondary-dark:#a80000;
    --gttc-white:#ffffff;
    --gttc-dark:#0f172a;
    --gttc-muted:#64748b;
    --gttc-soft:#f4f8ff;
    --gttc-radius:24px;
}

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

.msie-home{
    overflow:hidden;
}

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

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

.msie-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(0,59,122,.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(213,0,0,.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(0,59,122,.12);
    box-shadow:none;
}

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

/* =========================================================
   HERO SECTION
========================================================= */

.msie-hero-section{
    position:relative;
    overflow:hidden;
    background:#001a36;
}

.heroSlider{
    position:relative;
    width:100%;
    height:100vh;
}

.heroSlider .swiper-slide{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
}

.hero-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(0,0,0,.65),
        rgba(0,40,85,.55),
        rgba(0,59,122,.40)
    );
}

.hero-content{
    position:relative;
    z-index:2;
    color:#fff;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.10);
    color:#fff;
    font-weight:700;
    margin-bottom:22px;
}

.hero-badge i{
    color:var(--gttc-secondary);
}

.hero-content h1{
    font-size:68px;
    line-height:1.08;
    font-weight:900;
    color:#fff;
    margin-bottom:24px;
}

.hero-content h1 span{
    color:#ffdbdb;
}

.hero-content p{
    font-size:18px;
    line-height:1.9;
    color:rgba(255,255,255,.82);
    margin-bottom:35px;
}

.hero-btn-group{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 28px;
    border-radius:16px;
    font-weight:800;
    text-decoration:none;
    transition:.35s ease;
}

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

.btn-light-custom:hover{
    background:var(--gttc-secondary);
    color:#fff;
}

.btn-gold-custom{
    background:var(--gttc-secondary);
    color:#fff;
}

.btn-gold-custom:hover{
    background:#fff;
    color:var(--gttc-primary);
}

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

.admission-card{
    position:relative;
    z-index:5;
    background:rgba(255,255,255,.96);
    border-radius:30px;
    padding:38px;
    box-shadow:0 30px 70px rgba(0,0,0,.18);
}

.card-top-badge{
    display:inline-block;
    padding:8px 16px;
    border-radius:999px;
    background:rgba(213,0,0,.08);
    color:var(--gttc-secondary);
    font-weight:700;
    margin-bottom:18px;
}

.admission-card h3{
    font-size:32px;
    font-weight:900;
    margin-bottom:25px;
    color:var(--gttc-dark);
}

.admission-card ul{
    list-style:none;
    padding:0;
    margin:0 0 28px;
}

.admission-card li{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
    font-weight:600;
    color:var(--gttc-dark);
}

.admission-card li i{
    color:var(--gttc-secondary);
}

.admission-btn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 22px;
    border-radius:18px;
    background:linear-gradient(
        135deg,
        var(--gttc-secondary),
        var(--gttc-secondary-dark)
    );
    color:#fff;
    text-decoration:none;
    font-weight:800;
    transition:.35s ease;
}

.admission-btn:hover{
    background:linear-gradient(
        135deg,
        var(--gttc-primary),
        var(--gttc-primary-dark)
    );
}

/* =========================================================
   SWIPER
========================================================= */

.swiper-button-next,
.swiper-button-prev{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#fff;
    color:var(--gttc-primary);
    box-shadow:0 14px 35px rgba(0,0,0,.14);
}

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

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

.msie-stats-wrap{
    position:relative;
    margin-top:-80px;
    z-index:5;
    padding-bottom:50px;
}

.msie-stat-card{
    background:#fff;
    border-radius:28px;
    padding:30px;
    text-align:center;
    box-shadow:0 18px 50px rgba(0,0,0,.08);
    transition:.35s ease;
}

.msie-stat-card:hover{
    transform:translateY(-8px);
}

.msie-stat-card i{
    font-size:40px;
    color:var(--gttc-secondary);
    margin-bottom:18px;
}

.msie-stat-card h3{
    font-size:36px;
    font-weight:900;
    color:var(--gttc-dark);
}

.msie-stat-card p{
    margin:0;
    color:var(--gttc-muted);
    font-weight:700;
}

/* =========================================================
   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;
    }

    .heroSlider,
    .heroSlider .swiper-slide{
        height:auto;
        min-height:750px;
    }

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

.msie-hero-section{
    position:relative;
    overflow:hidden;
    background:#001a36;
}

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

.heroSlider .swiper-slide{
    width:100%;
    height:604px;
    position:relative;
    overflow:hidden;
}

.hero-bg{
    position:absolute;
    inset:0;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.05);
    z-index:2;
}

.swiper-button-next,
.swiper-button-prev{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#fff;
    color:#003b7a;
}

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

@media(max-width:991px){
    .heroSlider,
    .heroSlider .swiper-slide{
        height:420px;
    }
}

@media(max-width:575px){
    .heroSlider,
    .heroSlider .swiper-slide{
        height:300px;
    }
}

/* =========================================================
   RED GRADIENT PREMIUM ABOUT SECTION
========================================================= */

.gttc-about-section{
    position:relative;
    padding:110px 0;
    background:linear-gradient(
        135deg,
        #fff5f5 0%,
        #ffe3e3 35%,
        #fff0f0 100%
    );
    overflow:hidden;
}

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

.gttc-about-shape-1{
    width:320px;
    height:320px;
    background:rgba(213,0,0,.12);
    top:-120px;
    left:-120px;
}

.gttc-about-shape-2{
    width:240px;
    height:240px;
    background:rgba(255,80,80,.15);
    right:-80px;
    bottom:50px;
}

.gttc-about-image-box{
    position:relative;
    padding:0 35px 45px 0;
}

.gttc-about-image{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    box-shadow:0 28px 80px rgba(213,0,0,.18);
}

.gttc-about-image img{
    width:100%;
    height:520px;
    object-fit:cover;
    transition:.5s ease;
}

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

.gttc-about-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,0) 40%,
        rgba(213,0,0,.55) 100%
    );
}

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

.gttc-about-badge{
    position:absolute;
    left:25px;
    bottom:0;
    width:180px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #d50000,
        #8b0000
    );
    color:#fff;
    border-radius:28px;
    padding:28px 22px;
    text-align:center;
    box-shadow:0 22px 60px rgba(213,0,0,.35);
    z-index:3;
}

.gttc-about-badge h3{
    font-size:44px;
    font-weight:900;
    margin:0;
    color:#fff;
}

.gttc-about-badge p{
    margin:8px 0 0;
    font-size:14px;
    line-height:1.6;
    color:rgba(255,255,255,.92);
}

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

.gttc-about-card{
    position:absolute;
    right:0;
    bottom:55px;
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border-radius:22px;
    padding:18px 22px;
    box-shadow:0 20px 55px rgba(213,0,0,.16);
    z-index:4;
    border:1px solid rgba(213,0,0,.10);
}

.gttc-about-card i{
    width:55px;
    height:55px;
    border-radius:16px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.gttc-about-card strong{
    display:block;
    color:#111827;
    font-size:17px;
    font-weight:900;
}

.gttc-about-card span{
    display:block;
    color:#6b7280;
    font-size:13px;
    font-weight:600;
}

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

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

.msie-kicker{
    background:rgba(213,0,0,.08);
    color:#b00000;
}

.msie-kicker::before{
    background:#ff1e1e;
}

.msie-title span{
    color:#d50000;
}

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

.gttc-about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:34px 0;
}

.gttc-about-feature{
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border-radius:20px;
    padding:18px;
    border:1px solid rgba(213,0,0,.08);
    box-shadow:0 16px 45px rgba(213,0,0,.06);
    transition:.35s ease;
}

.gttc-about-feature:hover{
    transform:translateY(-7px);
    background:linear-gradient(
        135deg,
        #fff5f5,
        #ffffff
    );
    border-color:rgba(213,0,0,.20);
    box-shadow:0 24px 60px rgba(213,0,0,.12);
}

.gttc-about-feature i{
    width:48px;
    height:48px;
    border-radius:15px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.gttc-about-feature span{
    color:#111827;
    font-weight:800;
}

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

.msie-btn{
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #d50000,
        #8b0000
    );
    box-shadow:0 18px 45px rgba(213,0,0,.28);
}

.msie-btn:hover{
    background:linear-gradient(
        135deg,
        #b00000,
        #7a0000
    );
}

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

@media(max-width:991px){

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

    .gttc-about-image img{
        height:430px;
    }
}

@media(max-width:767px){

    .gttc-about-image-box{
        padding:0;
    }

    .gttc-about-image img{
        height:320px;
    }

    .gttc-about-badge,
    .gttc-about-card{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        width:100%;
        margin-top:18px;
    }

    .gttc-about-features{
        grid-template-columns:1fr;
    }
}
/* =========================================================
   PREMIUM NOTICE SECTION CSS
========================================================= */

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

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

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

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

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

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

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

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

/* =========================================================
   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,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    box-shadow:0 18px 40px rgba(213,0,0,.22);
}

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

.gttc-notice-header span{
    color:#6b7280;
    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(213,0,0,.12);
}

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

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

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

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

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

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

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

.gttc-new-badge{
    min-width:60px;
    text-align:center;
    padding:8px 14px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:1px;
    box-shadow:0 12px 30px rgba(213,0,0,.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(213,0,0,.08);
    color:#d50000;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:16px;
}

.gttc-empty-notice p{
    margin:0;
    color:#6b7280;
    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,#fff5f5 0%,#ffffff 45%,#fff0f0 100%);
    overflow:hidden;
}

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

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

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

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

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

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

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

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

.gttc-courses-btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(135deg,#b00000,#7a0000);
}

/* 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(213,0,0,.10);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
    transition:.4s ease;
}

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

/* IMAGE */

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

.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(213,0,0,.64) 100%
    );
}

.gttc-course-label{
    position:absolute;
    left:22px;
    bottom:20px;
    z-index:2;
    padding:8px 15px;
    border-radius:999px;
    background:#fff;
    color:#d50000;
    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,#ff1e1e,#b00000);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:22px;
    box-shadow:0 18px 42px rgba(213,0,0,.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(213,0,0,.08);
    color:#b00000;
    font-size:12px;
    font-weight:900;
}

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

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

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

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

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

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

.gttc-course-link:hover{
    color:#8b0000;
    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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 100%
    );
    overflow:hidden;
}

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

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

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

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

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

/* BOX */

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

.gttc-social-box:hover{
    transform:translateY(-8px);
    box-shadow:0 35px 90px rgba(213,0,0,.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,
        #feda75,
        #fa7e1e,
        #d62976,
        #962fbf
    );
}

.youtube-bg{
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
}

.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,#ff1e1e,#b00000);
    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:#111827;
    margin-bottom:14px;
}

.gttc-youtube-card p{
    color:#64748b;
    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,#ff1e1e,#b00000);
    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,#fff5f5 0%,#ffffff 45%,#fff0f0 100%);
    overflow:hidden;
}

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

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

.facilities-modern__shape-2{
    width:260px;
    height:260px;
    background:rgba(255,30,30,.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(213,0,0,.08);
    color:#d50000;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

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

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

.section-title__title span{
    color:#d50000;
}

.events-modern__text{
    max-width:760px;
    margin:0 auto;
    color:#64748b;
    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(213,0,0,.10);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
    transition:.4s ease;
}

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

/* Image */

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

.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(213,0,0,.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:#d50000;
    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,#ff1e1e,#b00000);
    color:#fff;
}

/* Badge */

.facilities-modern__badge{
    position:absolute;
    left:20px;
    bottom:18px;
    z-index:4;
    padding:8px 15px;
    border-radius:999px;
    background:#fff;
    color:#d50000;
    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:#d50000;
    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:#111827;
    text-decoration:none;
    transition:.3s ease;
}

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

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

/* Empty */

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

.events-modern__empty-icon{
    width:90px;
    height:90px;
    border-radius:28px;
    background:rgba(213,0,0,.08);
    color:#d50000;
    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:#111827;
}

.facilities-modern__empty p{
    color:#64748b;
    margin:0;
}

/* Button */

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

.facilities-modern__btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(135deg,#b00000,#7a0000);
}

/* 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,#7a0000 0%,#b00000 45%,#ff1e1e 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:#b00000!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:#111827;
    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:#d50000;
    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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 100%
    );
}

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

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

.gttc-partner-shape-2{
    width:260px;
    height:260px;
    background:rgba(255,40,40,.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(213,0,0,.08);
    color:#d50000;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

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

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

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

.gttc-partner-text{
    max-width:760px;
    margin:auto;
    color:#64748b;
    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(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
    transition:.4s ease;
}

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

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

/* 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:#111827;
    margin:0;
    line-height:1.4;
}

/* EMPTY */

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

.gttc-partner-empty-icon{
    width:95px;
    height:95px;
    border-radius:28px;
    background:rgba(213,0,0,.08);
    color:#d50000;
    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:#111827;
    margin-bottom:12px;
}

.gttc-partner-empty p{
    color:#64748b;
    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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 100%
    );
}

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

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

.gttc-testimonial-shape-2{
    width:250px;
    height:250px;
    background:rgba(255,40,40,.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(213,0,0,.08);
    color:#d50000;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

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

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

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

.gttc-testimonial-text{
    max-width:760px;
    color:#64748b;
    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(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
    overflow:hidden;
    transition:.4s ease;
}

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

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

/* QUOTE */

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

/* STARS */

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

/* TEXT */

.gttc-testimonial-desc{
    color:#475569;
    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,#ff1e1e,#b00000);
    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:#111827;
    margin:0 0 4px;
}

.gttc-testimonial-user span{
    color:#64748b;
    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,#ff1e1e,#b00000)!important;
    color:#fff!important;
    font-size:18px!important;
    box-shadow:0 15px 35px rgba(213,0,0,.24);
}

.testimonial-one__carousel .owl-nav button:hover{
    background:linear-gradient(135deg,#b00000,#7a0000)!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:#f4b2b2!important;
}

.testimonial-one__carousel .owl-dot.active span{
    width:34px!important;
    background:#d50000!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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 100%
    );
}

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

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

.gttc-blog-shape-2{
    width:250px;
    height:250px;
    background:rgba(255,40,40,.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(213,0,0,.08);
    color:#d50000;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

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

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

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

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

/* CARD */

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

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

/* IMAGE */

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

.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(213,0,0,.55) 100%
    );
}

/* DATE */

.gttc-blog-date{
    position:absolute;
    left:22px;
    bottom:20px;
    width:70px;
    height:70px;
    border-radius:20px;
    background:#fff;
    color:#d50000;
    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:#64748b;
    font-size:13px;
    font-weight:700;
}

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

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

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

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

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

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

.gttc-blog-link:hover{
    color:#8b0000;
    gap:14px;
}

/* EMPTY */

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

.gttc-blog-empty-icon{
    width:95px;
    height:95px;
    border-radius:28px;
    background:rgba(213,0,0,.08);
    color:#d50000;
    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:#111827;
    margin-bottom:12px;
}

.gttc-blog-empty p{
    color:#64748b;
    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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 100%
    );
}

.gttc-final-cta{
    position:relative;
    padding:70px;
    border-radius:40px;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #7a0000 0%,
        #b00000 45%,
        #ff1e1e 100%
    );
    box-shadow:0 35px 90px rgba(213,0,0,.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:#b00000!important;
    box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.gttc-call-btn:hover{
    transform:translateY(-5px);
    background:#111827;
    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:#b00000!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(122,0,0,.94),
        rgba(176,0,0,.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:#ffd2d2;
}

.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(213,0,0,.08);
    color:#d50000;
    font-size:14px;
    font-weight:900;
    margin-bottom:18px;
}

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

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

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

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

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

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

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

.gttc-about-shape-2{
    width:240px;
    height:240px;
    background:rgba(255,40,40,.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(213,0,0,.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(213,0,0,.18);
}

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

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

.gttc-about-text{
    color:#64748b;
    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(213,0,0,.08);
    box-shadow:0 15px 45px rgba(213,0,0,.06);
    transition:.35s ease;
    height:100%;
}

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

.gttc-about-feature i{
    width:62px;
    height:62px;
    border-radius:20px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    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:#111827;
    margin-bottom:6px;
}

.gttc-about-feature p{
    margin:0;
    color:#64748b;
    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:#64748b;
    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,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    font-size:22px;
    font-weight:900;
    box-shadow:0 18px 45px rgba(213,0,0,.18);
    transition:.35s ease;
}

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

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

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

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

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

.gttc-info-icon{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    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:#111827;
    margin-bottom:18px;
}

.gttc-info-card p{
    color:#64748b;
    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:#64748b;
    line-height:1.9;
}

.gttc-why-card{
    position:relative;
    padding:38px 32px;
    border-radius:32px;
    background:#fff;
    border:1px solid rgba(213,0,0,.08);
    box-shadow:0 20px 60px rgba(213,0,0,.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,
        #ff1e1e,
        #d50000,
        #8b0000
    );
}

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

.gttc-why-card i{
    width:74px;
    height:74px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    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:#111827;
    margin-bottom:14px;
}

.gttc-why-card p{
    color:#64748b;
    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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 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(122,0,0,.94),
        rgba(176,0,0,.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,
        #ffd2d2,
        #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(213,0,0,.08);
    color:#d50000;
    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:#d50000;
}

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

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

.academic-modern__text{
    max-width:760px;
    margin:auto;
    color:#5b6475;
    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(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
    overflow:hidden;
    transition:.4s ease;
}

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

.academic-modern__card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #ff1e1e,
        #d50000,
        #8b0000
    );
}

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

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

.academic-modern__card p{
    color:#64748b;
    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:#475569;
    font-weight:500;
    line-height:1.8;
}

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

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

.academic-modern__structure{
    position:relative;
    margin-top:20px;
    padding:45px;
    border-radius:40px;
    background:#fff;
    border:1px solid rgba(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.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,
        #ff1e1e,
        #b00000
    );
    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:#111827;
    margin-bottom:8px;
    letter-spacing:-1px;
}

.academic-modern__structure-head p{
    margin:0;
    color:#64748b;
    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(213,0,0,.08);
    transition:.35s ease;
    overflow:hidden;
}

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

.academic-modern__badge{
    width:52px;
    height:52px;
    border-radius:16px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    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(213,0,0,.20);
}

.academic-modern__item h4{
    font-size:24px;
    font-weight:900;
    color:#111827;
    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:#5b6475;
    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:#d50000;
}

/* =========================================================
   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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 100%
    );
}

/* SHAPES */

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

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

.admission-modern__shape-2{
    width:240px;
    height:240px;
    background:rgba(255,40,40,.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(122,0,0,.94),
        rgba(176,0,0,.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,
        #ffd2d2,
        #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(213,0,0,.08);
    color:#d50000;
    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:#d50000;
}

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

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

.admission-modern__text{
    max-width:760px;
    margin:auto;
    color:#5b6475;
    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(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
    overflow:hidden;
    transition:.4s ease;
}

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

.admission-modern__card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #ff1e1e,
        #d50000,
        #8b0000
    );
}

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

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

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

.admission-modern__content p{
    color:#64748b;
    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:#5b6475;
    line-height:1.85;
    font-weight:500;
}

.admission-modern__content ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#d50000;
    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(213,0,0,.08);
    color:#b00000;
    font-size:14px;
    font-weight:700;
    transition:.3s ease;
}

.admission-modern__documents span:hover{
    background:#d50000;
    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,
        #fff5f5,
        #fff
    );
    border:1px solid rgba(213,0,0,.08);
}

.admission-modern__note i{
    width:52px;
    height:52px;
    border-radius:16px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    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,
        #7a0000,
        #b00000,
        #ff1e1e
    );
    overflow:hidden;
    box-shadow:0 35px 90px rgba(213,0,0,.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:#b00000;
    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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 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(122,0,0,.94),
        rgba(176,0,0,.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,
        #ffd2d2,
        #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(213,0,0,.08);
    color:#d50000;
    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:#d50000;
}

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

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

.holidays-modern__text{
    max-width:760px;
    margin:auto;
    color:#5b6475;
    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(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.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,
        #7a0000,
        #b00000,
        #ff1e1e
    );
    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(213,0,0,.08);
    border-bottom:1px solid rgba(213,0,0,.08);
    background:#fff;
}

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

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

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

.holidays-modern__serial{
    width:46px;
    height:46px;
    border-radius:14px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:900;
    box-shadow:0 12px 28px rgba(213,0,0,.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(213,0,0,.08);
    color:#d50000;
    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:#111827;
    margin-bottom:6px;
    line-height:1.4;
}

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

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

.holidays-modern__year{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 18px;
    border-radius:999px;
    background:rgba(213,0,0,.08);
    color:#b00000;
    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,
        #ff1e1e,
        #b00000
    );
    color:#fff!important;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    transition:.35s ease;
    box-shadow:0 16px 38px rgba(213,0,0,.18);
}

.holidays-modern__btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(
        135deg,
        #b00000,
        #7a0000
    );
}

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

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

.holidays-modern__empty-icon{
    width:110px;
    height:110px;
    border-radius:30px;
    background:rgba(213,0,0,.08);
    color:#d50000;
    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:#111827;
    margin-bottom:12px;
}

.holidays-modern__empty p{
    color:#64748b;
    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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 100%
    );
}

/* SHAPES */

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

.antiragging-modern__shape-1{
    width:340px;
    height:340px;
    background:rgba(213,0,0,.08);
    top:-130px;
    left:-110px;
}

.antiragging-modern__shape-2{
    width:240px;
    height:240px;
    background:rgba(255,40,40,.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(122,0,0,.94),
        rgba(176,0,0,.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,
        #ffd2d2,
        #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(213,0,0,.08);
    color:#d50000;
    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:#d50000;
}

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

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

.antiragging-modern__text{
    max-width:760px;
    margin:auto;
    color:#5b6475;
    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(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
}

/* =========================================================
   ALERT BOX
========================================================= */

.antiragging-modern__alert{
    display:flex;
    align-items:flex-start;
    gap:22px;
    padding:35px;
    border-radius:32px;
    background:linear-gradient(
        135deg,
        #7a0000,
        #b00000,
        #ff1e1e
    );
    margin-bottom:35px;
    box-shadow:0 30px 70px rgba(213,0,0,.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(213,0,0,.08);
    margin-bottom:35px;
}

.antiragging-modern__quote-box h4{
    font-size:26px;
    font-weight:900;
    color:#111827;
    margin-bottom:18px;
}

.antiragging-modern__quote-box blockquote{
    margin:0;
    font-size:22px;
    line-height:1.8;
    color:#b00000;
    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(213,0,0,.08);
    box-shadow:0 20px 60px rgba(213,0,0,.08);
    transition:.35s ease;
    overflow:hidden;
}

.antiragging-modern__card:hover{
    transform:translateY(-10px);
    box-shadow:0 34px 85px rgba(213,0,0,.15);
}

.antiragging-modern__card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #ff1e1e,
        #d50000,
        #8b0000
    );
}

.antiragging-modern__icon{
    width:78px;
    height:78px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:26px;
    box-shadow:0 18px 40px rgba(213,0,0,.18);
}

.antiragging-modern__card h4{
    font-size:28px;
    font-weight:900;
    color:#111827;
    margin-bottom:20px;
}

.antiragging-modern__card p{
    color:#64748b;
    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:#5b6475;
    line-height:1.85;
    font-weight:500;
}

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

/* =========================================================
   REPORT BOX
========================================================= */

.antiragging-modern__report{
    margin-top:40px;
    padding:45px;
    border-radius:38px;
    background:linear-gradient(
        135deg,
        #fff5f5,
        #ffffff
    );
    border:1px solid rgba(213,0,0,.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,
        #ff1e1e,
        #b00000
    );
    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:#111827;
    margin-bottom:12px;
}

.antiragging-modern__report-head p{
    color:#64748b;
    line-height:1.9;
    margin:0;
}

/* =========================================================
   COMMITTEE
========================================================= */

.antiragging-modern__committee h4{
    font-size:28px;
    font-weight:900;
    color:#111827;
    margin-bottom:20px;
}

.antiragging-modern__member{
    position:relative;
    padding:35px 24px;
    border-radius:30px;
    background:#fff;
    text-align:center;
    border:1px solid rgba(213,0,0,.08);
    box-shadow:0 18px 55px rgba(213,0,0,.08);
    transition:.35s ease;
}

.antiragging-modern__member:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 75px rgba(213,0,0,.14);
}

.antiragging-modern__member-icon{
    width:74px;
    height:74px;
    border-radius:22px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    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:#111827;
    margin-bottom:8px;
}

.antiragging-modern__member span{
    color:#64748b;
    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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 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(122,0,0,.94),
        rgba(176,0,0,.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,
        #ffd2d2,
        #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(213,0,0,.08);
    color:#d50000;
    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:#d50000;
}

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

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

.courses-modern__text{
    max-width:760px;
    margin:auto;
    color:#5b6475;
    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(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
    transition:.4s ease;
}

.courses-modern__card:hover{
    transform:translateY(-12px);
    box-shadow:0 40px 90px rgba(213,0,0,.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(213,0,0,.08);
    color:#b00000;
    font-size:13px;
    font-weight:700;
}

.courses-modern__meta span i{
    color:#d50000;
}

/* TITLE */

.courses-modern__title{
    margin-bottom:18px;
}

.courses-modern__title a{
    font-size:28px;
    line-height:1.35;
    font-weight:900;
    color:#111827;
    text-decoration:none;
    letter-spacing:-.8px;
    transition:.3s ease;
}

.courses-modern__title a:hover{
    color:#b00000;
}

/* DEPARTMENT */

.courses-modern__department{
    display:flex;
    align-items:center;
    gap:10px;
    color:#64748b;
    font-size:15px;
    font-weight:600;
    margin-bottom:28px;
}

.courses-modern__department i{
    color:#d50000;
}

/* 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,
        #ff1e1e,
        #b00000
    );
    color:#fff!important;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    transition:.35s ease;
    box-shadow:0 18px 40px rgba(213,0,0,.18);
}

.courses-modern__btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(
        135deg,
        #b00000,
        #7a0000
    );
}

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

.courses-modern__empty{
    padding:80px 30px;
    border-radius:36px;
    background:#fff;
    border:1px solid rgba(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
}

.courses-modern__empty-icon{
    width:110px;
    height:110px;
    border-radius:30px;
    background:rgba(213,0,0,.08);
    color:#d50000;
    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:#111827;
    margin-bottom:12px;
}

.courses-modern__empty p{
    color:#64748b;
    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,#fff5f5 0%,#ffffff 45%,#fff0f0 100%);
}

/* IMAGE */

.course-details-modern__image{
    position:relative;
    overflow:hidden;
    border-radius:36px;
    box-shadow:0 28px 80px rgba(213,0,0,.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:#d50000;
    font-size:13px;
    font-weight:900;
}

/* CONTENT */

.course-details-modern__content{
    background:#fff;
    border-radius:36px;
    padding:42px;
    box-shadow:0 24px 70px rgba(213,0,0,.08);
    border:1px solid rgba(213,0,0,.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:#fff5f5;
    border:1px solid rgba(213,0,0,.08);
}

.course-details-modern__meta-item i{
    width:52px;
    height:52px;
    border-radius:16px;
    background:linear-gradient(135deg,#ff1e1e,#b00000);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.course-details-modern__meta-item span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:700;
}

.course-details-modern__meta-item h5{
    margin:0;
    color:#111827;
    font-size:18px;
    font-weight:900;
}

.course-details-modern__title{
    font-size:44px;
    line-height:1.2;
    font-weight:900;
    color:#111827;
    margin-bottom:35px;
}

.course-details-modern__section{
    margin-top:38px;
}

.course-details-modern__section h3{
    font-size:30px;
    font-weight:900;
    color:#111827;
    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,#ff1e1e,#b00000);
    margin-top:10px;
}

.course-details-modern__description{
    color:#64748b;
    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(213,0,0,.08);
}

.course-details-modern__check{
    width:46px;
    height:46px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff1e1e,#b00000);
    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:#111827;
    margin-bottom:8px;
}

.course-details-modern__list-item p{
    color:#64748b;
    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(213,0,0,.08);
    transition:.35s ease;
}

.course-details-modern__career-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 55px rgba(213,0,0,.12);
}

.course-details-modern__career-card i{
    width:58px;
    height:58px;
    border-radius:18px;
    background:linear-gradient(135deg,#ff1e1e,#b00000);
    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:#111827;
    margin-bottom:10px;
}

.course-details-modern__career-card p{
    color:#64748b;
    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(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.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(213,0,0,.55));
}

.course-details-modern__sidebar-content{
    padding:32px;
}

.course-details-modern__sidebar-content h3{
    font-size:30px;
    font-weight:900;
    color:#111827;
    margin-bottom:12px;
}

.course-details-modern__sidebar-content p{
    color:#64748b;
    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,#ff1e1e,#b00000);
    color:#fff!important;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 16px 40px rgba(213,0,0,.22);
}

.course-details-modern__info-box{
    padding:32px;
}

.course-details-modern__info-box h4{
    font-size:26px;
    font-weight:900;
    color:#111827;
    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(213,0,0,.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:#64748b;
    font-weight:700;
}

.course-details-modern__info-box span i{
    color:#d50000;
}

.course-details-modern__info-box strong{
    color:#111827;
    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,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 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(122,0,0,.94),
        rgba(176,0,0,.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,
        #ffd2d2,
        #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(213,0,0,.08);
    color:#d50000;
    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:#d50000;
}

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

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

.fees-modern__text{
    max-width:760px;
    margin:auto;
    color:#5b6475;
    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(213,0,0,.08);
    box-shadow:0 28px 75px rgba(213,0,0,.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,
        #7a0000,
        #b00000,
        #ff1e1e
    );
    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(213,0,0,.08);
    border-bottom:1px solid rgba(213,0,0,.08);
    vertical-align:middle;
}

.fees-modern__table tbody td:first-child{
    border-left:1px solid rgba(213,0,0,.08);
    border-radius:24px 0 0 24px;
}

.fees-modern__table tbody td:last-child{
    border-right:1px solid rgba(213,0,0,.08);
    border-radius:0 24px 24px 0;
}

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

.fees-modern__serial{
    width:48px;
    height:48px;
    border-radius:16px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:900;
    box-shadow:0 14px 35px rgba(213,0,0,.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(213,0,0,.08);
    color:#d50000;
    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:#111827;
    margin-bottom:6px;
    line-height:1.4;
}

.fees-modern__document span{
    color:#64748b;
    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(213,0,0,.08);
    color:#b00000;
    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,
        #ff1e1e,
        #b00000
    );
    color:#fff!important;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    transition:.35s ease;
    box-shadow:0 16px 40px rgba(213,0,0,.18);
}

.fees-modern__btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(
        135deg,
        #b00000,
        #7a0000
    );
}

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

.fees-modern__empty{
    padding:80px 30px;
}

.fees-modern__empty-icon{
    width:110px;
    height:110px;
    border-radius:30px;
    background:rgba(213,0,0,.08);
    color:#d50000;
    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:#111827;
    margin-bottom:12px;
}

.fees-modern__empty p{
    color:#64748b;
    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(176,0,0,.10),
    transparent 30%),

    linear-gradient(
        135deg,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 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(213,0,0,.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:#d50000;
}

.section-title__title{
    font-size:58px;
    line-height:1.12;
    font-weight:900;
    color:#111827;
    margin-bottom:24px;
    letter-spacing:-2px;
}

.section-title__title span{
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #7a0000
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.placement-modern__text{
    max-width:850px;
    margin:auto;
    color:#5b6475;
    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(213,0,0,.08);
    box-shadow:
    0 25px 80px rgba(213,0,0,.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(213,0,0,.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,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:34px;
    box-shadow:0 18px 45px rgba(213,0,0,.22);
}

.placement-modern__info h3{
    font-size:46px;
    line-height:1.25;
    font-weight:900;
    color:#111827;
    margin-bottom:24px;
    letter-spacing:-1px;
}

.placement-modern__info p{
    color:#64748b;
    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(213,0,0,.08);
    transition:.4s ease;
}

.placement-modern__feature:hover{
    transform:translateY(-7px);
    background:#fff;
    box-shadow:0 20px 55px rgba(213,0,0,.12);
}

.placement-modern__feature i{
    width:56px;
    height:56px;
    border-radius:18px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex:0 0 56px;
}

.placement-modern__feature span{
    color:#111827;
    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(213,0,0,.08);
    transition:.4s ease;
}

.placement-modern__stat-card:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 60px rgba(213,0,0,.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,
        #ff1e1e,
        #b00000
    );
}

.placement-modern__stat-card h3{
    font-size:36px;
    font-weight:900;
    color:#111827;
    margin-bottom:5px;
}

.placement-modern__stat-card p{
    margin:0;
    color:#64748b;
    font-size:15px;
    font-weight:700;
}

/* =========================================================
   SUPPORT BOX
========================================================= */

.placement-modern__support{
    position:relative;
    padding:38px;
    border-radius:34px;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #7a0000,
        #b00000,
        #ff1e1e
    );
    color:#fff;
    box-shadow:0 28px 80px rgba(213,0,0,.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(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
    transition:.4s ease;
    overflow:hidden;
}

.placement-modern__process-card:hover{
    transform:translateY(-8px);
    box-shadow:0 34px 85px rgba(213,0,0,.16);
}

.placement-modern__process-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #ff1e1e,
        #b00000,
        #7a0000
    );
}

.placement-modern__process-number{
    width:68px;
    height:68px;
    border-radius:22px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    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(213,0,0,.18);
}

.placement-modern__process-card h4{
    font-size:24px;
    font-weight:900;
    color:#111827;
    margin-bottom:14px;
}

.placement-modern__process-card p{
    color:#64748b;
    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,#fff5f5 0%,#ffffff 45%,#fff0f0 100%);
}

.chairman-modern__profile{
    background:#fff;
    border-radius:36px;
    overflow:hidden;
    box-shadow:0 28px 75px rgba(213,0,0,.10);
    border:1px solid rgba(213,0,0,.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:#111827;
    margin-bottom:6px;
}

.chairman-modern__info span{
    color:#d50000;
    font-weight:800;
}

.chairman-modern__content{
    position:relative;
    background:#fff;
    padding:50px;
    border-radius:36px;
    box-shadow:0 28px 75px rgba(213,0,0,.10);
    border:1px solid rgba(213,0,0,.08);
}

.chairman-modern__subtitle{
    display:inline-flex;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(213,0,0,.08);
    color:#d50000;
    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:#111827;
    margin-bottom:28px;
}

.chairman-modern__title span{
    color:#d50000;
}

.chairman-modern__quote{
    font-size:58px;
    color:rgba(213,0,0,.12);
    margin-bottom:10px;
}

.chairman-modern__content p{
    color:#5b6475;
    line-height:1.95;
    font-size:16px;
    margin-bottom:16px;
}

.chairman-modern__signature{
    margin-top:32px;
    padding-top:24px;
    border-top:1px solid rgba(213,0,0,.12);
}

.chairman-modern__signature h4{
    font-size:24px;
    font-weight:900;
    color:#111827;
}

.chairman-modern__signature p{
    margin:0;
    color:#d50000;
    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(176,0,0,.10),
    transparent 30%),

    linear-gradient(
        135deg,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 100%
    );
}

/* PROFILE */

.secretary-modern__profile{
    background:#fff;
    border-radius:38px;
    overflow:hidden;
    border:1px solid rgba(213,0,0,.08);
    box-shadow:
    0 28px 80px rgba(213,0,0,.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:#111827;
    margin-bottom:8px;
}

.secretary-modern__info span{
    color:#d50000;
    font-size:15px;
    font-weight:800;
}

/* CONTENT */

.secretary-modern__content{
    position:relative;
    padding:55px;
    border-radius:40px;
    background:#fff;
    border:1px solid rgba(213,0,0,.08);
    box-shadow:
    0 28px 80px rgba(213,0,0,.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(213,0,0,.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(213,0,0,.08);
    color:#d50000;
    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:#d50000;
}

/* TITLE */

.secretary-modern__title{
    font-size:48px;
    line-height:1.18;
    font-weight:900;
    color:#111827;
    margin-bottom:30px;
    letter-spacing:-1.5px;
}

.secretary-modern__title span{
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #7a0000
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* QUOTE */

.secretary-modern__quote{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:28px;
    box-shadow:0 18px 45px rgba(213,0,0,.20);
}

/* TEXT */

.secretary-modern__content p{
    color:#5b6475;
    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(213,0,0,.12);
}

.secretary-modern__signature h4{
    font-size:26px;
    font-weight:900;
    color:#111827;
    margin-bottom:6px;
}

.secretary-modern__signature p{
    margin:0;
    color:#d50000;
    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(176,0,0,.10),
    transparent 30%),

    linear-gradient(
        135deg,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 100%
    );
}

/* PROFILE */

.principal-modern__profile{
    background:#fff;
    border-radius:38px;
    overflow:hidden;
    border:1px solid rgba(213,0,0,.08);
    box-shadow:
    0 28px 80px rgba(213,0,0,.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:#111827;
    margin-bottom:8px;
}

.principal-modern__info span{
    color:#d50000;
    font-size:15px;
    font-weight:800;
}

.principal-modern__qualification{
    margin-top:16px;
    padding:14px 18px;
    border-radius:18px;
    background:rgba(213,0,0,.08);
}

.principal-modern__qualification p{
    margin:0;
    color:#b00000;
    font-size:14px;
    font-weight:800;
}

/* CONTENT */

.principal-modern__content{
    position:relative;
    padding:55px;
    border-radius:40px;
    background:#fff;
    border:1px solid rgba(213,0,0,.08);
    box-shadow:
    0 28px 80px rgba(213,0,0,.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(213,0,0,.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(213,0,0,.08);
    color:#d50000;
    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:#d50000;
}

/* TITLE */

.principal-modern__title{
    font-size:48px;
    line-height:1.18;
    font-weight:900;
    color:#111827;
    margin-bottom:30px;
    letter-spacing:-1.5px;
}

.principal-modern__title span{
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #7a0000
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* QUOTE */

.principal-modern__quote{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #b00000
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:28px;
    box-shadow:0 18px 45px rgba(213,0,0,.20);
}

/* TEXT */

.principal-modern__content p{
    color:#5b6475;
    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(213,0,0,.12);
}

.principal-modern__signature h4{
    font-size:26px;
    font-weight:900;
    color:#111827;
    margin-bottom:6px;
}

.principal-modern__signature p{
    margin:0;
    color:#d50000;
    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(176,0,0,.10),
    transparent 30%),

    linear-gradient(
        135deg,
        #fff5f5 0%,
        #ffffff 45%,
        #fff0f0 100%
    );
}

/* TITLE */

.notice-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 22px;
    border-radius:999px;
    background:rgba(213,0,0,.08);
    color:#d50000;
    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:#d50000;
}

.notice-title{
    font-size:56px;
    line-height:1.15;
    font-weight:900;
    color:#111827;
    margin-bottom:0;
    letter-spacing:-2px;
}

.notice-title span{
    background:linear-gradient(
        135deg,
        #ff1e1e,
        #7a0000
    );
    -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(213,0,0,.08);
    box-shadow:
    0 28px 75px rgba(213,0,0,.10),
    0 8px 30px rgba(0,0,0,.03);
    transition:.4s ease;
}

.notice-box:hover{
    transform:translateY(-10px);
    box-shadow:
    0 40px 90px rgba(213,0,0,.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:#111827;
    margin:0;
    transition:.3s ease;
}

.notice-box:hover h5{
    color:#b00000;
}

.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(213,0,0,.08);
    box-shadow:0 24px 70px rgba(213,0,0,.08);
    color:#64748b;
    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;
    }
}