/*==================================================
 GOOGLE FONT
==================================================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/*==================================================
 ROOT
==================================================*/

:root{

    --blue:#082567;
    --maroon:#A40000;
    --gold:#F4B400;
    --white:#ffffff;
    --dark:#222222;
    --light:#f8f9fa;
    --border:#ececec;

}

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Poppins',sans-serif;
    background:#fff;
    overflow-x:hidden;

}

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

.top-bar{

    background:var(--blue);
    color:#fff;
    font-size:14px;
    padding:10px 0;

}

.top-left{

    display:flex;
    align-items:center;
    gap:20px;
    list-style:none;
    margin:0;
    padding:0;

}

.top-left li{

    color:#fff;

}

.top-left i{

    color:var(--gold);
    margin-right:6px;

}

.top-right{

    display:flex;
    justify-content:flex-end;
    gap:12px;

}

.top-right a{

    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    background:rgba(255,255,255,.15);
    color:#fff;
    transition:.3s;

}

.top-right a:hover{

    background:var(--gold);
    color:#000;

}

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

.school-navbar{

    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    padding:12px 0;
    z-index:999;

}

.logo{

    width:70px;
    transition:.3s;

}

.school-name h5{

    margin:0;
    color:var(--blue);
    font-weight:700;
    font-size:20px;

}

.school-name small{

    color:#666;

}

.navbar-nav{

    gap:5px;

}

.nav-link{

    color:#222 !important;
    font-weight:600;
    padding:12px 15px !important;
    position:relative;
    transition:.3s;

}

.nav-link:hover{

    color:var(--maroon)!important;

}

.nav-link.active{

    color:var(--maroon)!important;

}

.nav-link::after{

    content:"";
    position:absolute;
    left:15px;
    bottom:5px;
    width:0%;
    height:3px;
    background:var(--gold);
    transition:.35s;

}

.nav-link:hover::after,
.nav-link.active::after{

    width:60%;

}

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

.dropdown-menu{

    border:none;
    border-radius:12px;
    box-shadow:0 15px 35px rgba(0,0,0,.10);
    padding:10px 0;

}

.dropdown-item{

    padding:12px 20px;
    font-weight:500;
    transition:.3s;

}

.dropdown-item:hover{

    background:var(--blue);
    color:#fff;

}

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

.apply-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    background:linear-gradient(45deg,var(--maroon),#d40000);
    color:#fff;

    padding:12px 22px;

    min-width:170px;
    height:48px;

    border-radius:50px;

    text-decoration:none;
    font-weight:600;

    white-space:nowrap;

    transition:.35s;

}

.apply-btn:hover{

    background:var(--blue);
    color:#fff;
    transform:translateY(-2px);

}

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

.offcanvas{

    width:310px;

}

.offcanvas-header{

    background:var(--blue);

}

.offcanvas-body{

    padding:0;

}

.offcanvas-body a{

    display:block;
    text-decoration:none;
    color:#222;
    padding:15px 20px;
    border-bottom:1px solid var(--border);
    font-weight:600;
    transition:.3s;

}

.offcanvas-body a:hover{

    background:#f8f8f8;
    color:var(--maroon);

}

.mobile-btn{

    margin:20px;
    text-align:center;
    border-radius:10px;
    background:var(--maroon);
    color:#fff!important;

}

.mobile-btn:hover{

    background:var(--blue)!important;

}

.navbar-toggler{

    border:none;

}

.navbar-toggler:focus{

    box-shadow:none;

}

.navbar-toggler i{

    font-size:28px;
    color:var(--blue);

}

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

.hero-section{

    background:linear-gradient(135deg,#eef5ff,#ffffff);
    padding:80px 0;

}

.hero-section h5{

    color:var(--maroon);
    font-weight:700;

}

.hero-section h1{

    color:var(--blue);
    font-size:52px;
    font-weight:800;
    margin:20px 0;

}

.hero-section p{

    color:#666;
    line-height:30px;
    margin-bottom:30px;

}

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

@media(max-width:1199px){

.nav-link{

padding:10px 10px!important;

}

}

@media(max-width:991px){

.top-bar{

display:none;

}

.logo{

width:55px;

}

.school-name h5{

font-size:16px;

}

.school-name small{

font-size:12px;

}

.hero-section{

padding:50px 0;

}

.hero-section h1{

font-size:34px;

}

}

@media(max-width:576px){

.logo{

width:48px;

}

.school-name h5{

font-size:14px;

}

.school-name small{

font-size:11px;

}

.hero-section h1{

font-size:28px;

}

.hero-section{

text-align:center;

}

.apply-btn{

display:none;

}

}

/*==================================================
Slider 
==================================================*/

.hero-slider .carousel-item{

    height:85vh;
    min-height:600px;
    position:relative;

}

.hero-slider .carousel-item img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.hero-slider .carousel-item::before{

    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1;

}

.carousel-caption{

    z-index:2;
    bottom:20%;
    text-align:left;
    left:8%;
    right:auto;
    max-width:650px;

}

.carousel-caption h1{

    font-size:60px;
    font-weight:800;
    color:#fff;
    margin-bottom:20px;

}

.carousel-caption p{

    font-size:22px;
    color:#fff;
    margin-bottom:30px;

}

.hero-btn{

    display:inline-block;
    background:#A40000;
    color:#fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;

}

.hero-btn:hover{

    background:#082567;
    color:#fff;

}

.carousel-control-prev,
.carousel-control-next{

    width:70px;

}

.carousel-indicators [data-bs-target]{

    width:12px;
    height:12px;
    border-radius:50%;

}

@media(max-width:991px){

.hero-slider .carousel-item{

height:60vh;
min-height:450px;

}

.carousel-caption{

left:20px;
right:20px;
bottom:15%;
text-align:center;

}

.carousel-caption h1{

font-size:34px;

}

.carousel-caption p{

font-size:18px;

}

}


/*==================================
Principal Section
==================================*/

.principal-section{

padding:90px 0;
background:#fff;

}

.section-tag{

display:inline-block;
background:#A40000;
color:#fff;
padding:8px 20px;
border-radius:30px;
font-size:14px;
margin-bottom:20px;

}

.principal-section h2{

font-size:42px;
font-weight:800;
color:#082567;
margin-bottom:25px;

}

.principal-section h2 span{

color:#A40000;

}

.principal-section p{

font-size:17px;
line-height:32px;
color:#666;

}

.principal-img{

position:relative;

}

.principal-img img{

border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.15);

}

.experience-box{

position:absolute;
bottom:20px;
right:-20px;
background:#082567;
color:#fff;
padding:20px 30px;
border-radius:15px;
text-align:center;
box-shadow:0 15px 30px rgba(0,0,0,.20);

}

.experience-box h2{

font-size:36px;
color:#F4B400;
margin:0;

}

.experience-box span{

font-size:15px;

}

.principal-name{

margin-top:25px;
color:#082567;

}

.designation{

font-weight:500;
margin-bottom:25px;

}

.read-btn{

display:inline-block;
background:#A40000;
color:#fff;
padding:14px 35px;
border-radius:40px;
text-decoration:none;
font-weight:600;
transition:.3s;

}

.read-btn:hover{

background:#082567;
color:#fff;

}

@media(max-width:991px){

.principal-section{

text-align:center;

}

.experience-box{

position:static;
margin-top:20px;
display:inline-block;

}

.principal-section h2{

font-size:32px;

}

}
/*=========================
WHY CHOOSE US
==========================*/

.why-us{

    padding:90px 0;
    background:#f8fbff;

}

.section-title{

    font-size:42px;
    font-weight:700;
    color:#082567;

}

.section-title span{

    color:#A40000;

}

.section-subtitle{

    color:#666;
    max-width:700px;
    margin:auto;

}

.why-card{

    background:#fff;
    border-radius:20px;
    padding:35px 30px;
    text-align:center;
    transition:.4s;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    height:100%;

}

.why-card:hover{

    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.why-card .icon{

    width:80px;
    height:80px;
    margin:auto;
    border-radius:50%;
    background:#082567;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:25px;
    transition:.4s;

}

.why-card:hover .icon{

    background:#A40000;

}

.why-card .icon i{

    font-size:32px;
    color:#F4B400;

}

.why-card h4{

    color:#082567;
    font-weight:700;
    margin-bottom:15px;

}

.why-card p{

    color:#666;
    line-height:28px;
    margin:0;

}

@media(max-width:991px){

.section-title{

font-size:32px;

}

}

/*==============================
OUR FACILITIES
==============================*/

.facilities-section{

    background:#ffffff;
    padding:90px 0;

}

.facility-card{

    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;

}

.facility-card:hover{

    transform:translateY(-10px);

}

.facility-card img{

    width:100%;
    height:250px;
    object-fit:cover;
    transition:.5s;

}

.facility-card:hover img{

    transform:scale(1.08);

}

.facility-content{

    padding:30px;
    text-align:center;

}

.facility-content i{

    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    background:#082567;
    color:#F4B400;
    font-size:28px;
    margin-bottom:20px;
    transition:.3s;

}

.facility-card:hover i{

    background:#A40000;

}

.facility-content h4{

    color:#082567;
    font-weight:700;
    margin-bottom:15px;

}

.facility-content p{

    color:#666;
    line-height:28px;

}

@media(max-width:768px){

.facility-card img{

height:220px;

}

}

/*==================================
ACHIEVEMENTS
==================================*/

.achievement-section{

    background:linear-gradient(135deg,#082567,#0f3f9f);
    padding:90px 0;
    color:#fff;
    overflow:hidden;

}

.achievement-section .section-title{

    color:#fff;
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;

}

.achievement-section .section-title span{

    color:#F4B400;

}

.achievement-text{

    color:#ddd;
    line-height:30px;
    margin-bottom:35px;

}

.achievement-btn{

    display:inline-block;
    background:#F4B400;
    color:#082567;
    padding:14px 34px;
    border-radius:40px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;

}

.achievement-btn:hover{

    background:#A40000;
    color:#fff;

}

.achievement-card{

    background:rgba(255,255,255,.10);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:20px;
    padding:35px;
    text-align:center;
    transition:.4s;
    height:100%;

}

.achievement-card:hover{

    transform:translateY(-10px);
    background:#fff;
    color:#082567;

}

.achievement-card i{

    font-size:45px;
    color:#F4B400;
    margin-bottom:20px;

}

.achievement-card h2{

    font-size:48px;
    font-weight:800;
    margin-bottom:10px;

}

.achievement-card h5{

    font-weight:600;

}

@media(max-width:991px){

.achievement-section{

text-align:center;

}

.achievement-section .section-title{

font-size:34px;

}

}


/*====================================
NEWS & NOTICE
====================================*/

.news-section{

background:#f8fbff;
padding:90px 0;

}

.notice-box{

background:#fff;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.box-header{

background:#082567;
color:#fff;
padding:18px 25px;
font-size:22px;
font-weight:700;

}

.box-header i{

color:#F4B400;
margin-right:10px;

}

.notice-body{

padding:20px;

}

.notice-item{

padding:18px 0;
border-bottom:1px solid #eee;

}

.notice-item span{

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

}

.notice-item h6{

margin-top:8px;
font-size:17px;
color:#082567;

}

.event-list{

padding:20px;

}

.event-item{

display:flex;
align-items:center;
margin-bottom:25px;

}

.event-date{

width:80px;
height:80px;
background:#A40000;
color:#fff;
border-radius:15px;
text-align:center;
padding-top:10px;
margin-right:20px;

}

.event-date h4{

margin:0;
font-size:28px;

}

.event-date span{

font-size:14px;

}

.event-content h5{

color:#082567;
font-weight:700;

}

.event-content p{

margin:5px 0 0;
color:#666;

}

@media(max-width:768px){

.event-item{

flex-direction:column;
text-align:center;

}

.event-date{

margin-bottom:15px;
margin-right:0;

}

}

/*=========================
GALLERY
=========================*/

.gallery-section{

padding:90px 0;
background:#fff;

}

.gallery-item{

position:relative;
overflow:hidden;
border-radius:20px;
cursor:pointer;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.gallery-item img{

width:100%;
height:280px;
object-fit:cover;
transition:.5s;

}

.gallery-item:hover img{

transform:scale(1.1);

}

.gallery-overlay{

position:absolute;
left:0;
bottom:-100%;
width:100%;
background:linear-gradient(transparent,rgba(0,0,0,.9));
padding:25px;
transition:.4s;

}

.gallery-item:hover .gallery-overlay{

bottom:0;

}

.gallery-overlay h4{

color:#fff;
margin:0;

}

.gallery-btn{

display:inline-block;
background:#A40000;
color:#fff;
padding:15px 40px;
border-radius:50px;
text-decoration:none;
font-weight:600;
transition:.3s;

}

.gallery-btn:hover{

background:#082567;
color:#fff;

}

@media(max-width:768px){

.gallery-item img{

height:220px;

}

}
/*=====================================
TESTIMONIALS
=====================================*/

.testimonial-section{

    background:#f8fbff;
    padding:90px 0;

}

.testimonial-card{

    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;

}

.testimonial-card:hover{

    transform:translateY(-10px);

}

.quote{

    font-size:40px;
    color:#F4B400;
    margin-bottom:20px;

}

.testimonial-card p{

    line-height:30px;
    color:#666;
    margin-bottom:30px;

}

.testimonial-user{

    display:flex;
    align-items:center;

}

.testimonial-user img{

    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    margin-right:15px;
    border:3px solid #082567;

}

.testimonial-user h5{

    margin:0;
    color:#082567;
    font-weight:700;

}

.testimonial-user span{

    color:#A40000;
    font-weight:500;

}

@media(max-width:768px){

.testimonial-card{

text-align:center;

}

.testimonial-user{

justify-content:center;

}

}

/*=================================
CONTACT SECTION
==================================*/

.contact-section{

padding:90px 0;
background:#fff;

}

.contact-info{

background:#082567;
color:#fff;
padding:45px;
border-radius:20px;
height:100%;

}

.contact-info h3{

font-weight:700;
margin-bottom:20px;

}

.contact-item{

display:flex;
margin-top:30px;

}

.contact-item i{

width:55px;
height:55px;
background:#F4B400;
color:#082567;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:22px;
margin-right:20px;

}

.contact-item h6{

margin:0;
font-weight:700;

}

.contact-item span{

color:#ddd;

}

.social-icons a{

width:45px;
height:45px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#ffffff20;
color:#fff;
border-radius:50%;
margin-right:10px;
text-decoration:none;
transition:.3s;

}

.social-icons a:hover{

background:#F4B400;
color:#082567;

}

.contact-form{

background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.contact-form .form-control{

height:55px;
border-radius:12px;

}

.contact-form textarea.form-control{

height:auto;

}

.send-btn{

background:#A40000;
color:#fff;
border:none;
padding:15px 40px;
border-radius:50px;
font-weight:600;
transition:.3s;

}

.send-btn:hover{

background:#082567;

}

.map-box{

overflow:hidden;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.map-box iframe{

width:100%;
height:450px;
border:0;

}

@media(max-width:991px){

.contact-info{

margin-bottom:30px;

}

}

/*==============================
Leadership Section
==============================*/

.leaders-section{
    background:#f8f9fa;
}

.section-subtitle{
    color:#F4B400;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.section-title{
    color:#082567;
    font-weight:700;
    margin-top:10px;
}

.section-desc{
    color:#666;
    max-width:700px;
    margin:auto;
}

.leader-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.4s;
}

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

.leader-img{
    text-align:center;
    padding:30px 20px 10px;
}

.leader-img img{
    width:180px;
    height:180px;
    object-fit:cover;
    border-radius:50%;
    border:6px solid #F4B400;
    box-shadow:0 8px 25px rgba(0,0,0,.15);
}

.leader-content{
    padding:30px;
}

.leader-designation{
    display:inline-block;
    background:#082567;
    color:#fff;
    padding:6px 16px;
    border-radius:30px;
    font-size:14px;
    margin-bottom:15px;
}

.leader-content h3{
    color:#082567;
    font-size:28px;
    font-weight:700;
    margin-bottom:18px;
}

.leader-content p{
    color:#555;
    text-align:justify;
    line-height:1.9;
    font-size:16px;
}

/* Responsive */

@media(max-width:991px){

.leader-content{
    padding:25px;
}

.leader-content h3{
    font-size:24px;
}

}

@media(max-width:576px){

.leader-img img{
    width:150px;
    height:150px;
}

.leader-content{
    padding:20px;
}

.leader-content h3{
    font-size:22px;
}

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

.section-title{
    font-size:28px;
}

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

.footer{

background:#082567;
color:#fff;
padding:80px 0 0;

}

.footer-logo{

width:90px;
margin-bottom:20px;

}

.footer h4{

font-weight:700;
margin-bottom:20px;

}

.footer h5{

color:#F4B400;
margin-bottom:25px;
font-weight:700;

}

.footer p{

color:#ddd;
line-height:30px;

}

.footer ul{

padding:0;
margin:0;
list-style:none;

}

.footer ul li{

margin-bottom:14px;

}

.footer ul li a{

color:#ddd;
text-decoration:none;
transition:.3s;

}

.footer ul li a:hover{

color:#F4B400;
padding-left:8px;

}

.footer i{

color:#F4B400;
margin-right:10px;

}

.footer-social{

margin-top:25px;

}

.footer-social a{

display:inline-flex;
align-items:center;
justify-content:center;
width:45px;
height:45px;
border-radius:50%;
background:rgba(255,255,255,.10);
margin-right:10px;
color:#fff;
text-decoration:none;
transition:.3s;

}

.footer-social a:hover{

background:#F4B400;
color:#082567;
transform:translateY(-5px);

}

.footer-bottom{

margin-top:60px;
padding:20px 0;
background:#061b4c;
font-size:15px;

}

.footer-bottom a{

color:#F4B400;
font-weight:600;
text-decoration:none;

}

.footer-bottom a:hover{

color:#fff;

}

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

.scroll-top{

position:fixed;
right:25px;
bottom:25px;

width:55px;
height:55px;

background:#A40000;
color:#fff;

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

border-radius:50%;
text-decoration:none;

font-size:20px;

box-shadow:0 10px 25px rgba(0,0,0,.25);

transition:.3s;

z-index:999;

}

.scroll-top:hover{

background:#F4B400;
color:#082567;
transform:translateY(-5px);

}

@media(max-width:768px){

.footer{

text-align:center;

}

.footer-social{

justify-content:center;

}

.footer-bottom{

text-align:center;

}

}

/*=====================
thougts CSS
======================*/
.thought-section{

    padding:80px 0;
    background:#f8f9fa;

}

.thought-card{

    max-width:900px;
    margin:auto;
    background:#fff;
    padding:50px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.quote-icon{

    width:70px;
    height:70px;
    line-height:70px;
    margin:auto;
    background:#082567;
    color:#fff;
    border-radius:50%;
    font-size:30px;
    margin-bottom:20px;

}

.thought-card h2{

    color:#082567;
    font-weight:700;
    margin-bottom:25px;

}

#thoughtText{

    font-size:24px;
    color:#444;
    line-height:1.8;
    font-style:italic;
    min-height:120px;

}

#thoughtAuthor{

    color:#F4B400;
    margin-top:20px;
    font-size:18px;
    font-weight:600;

}

@media(max-width:768px){

    .thought-card{

        padding:30px 20px;

    }

    #thoughtText{

        font-size:19px;

    }

}

/*=========================================
CURRICULUM SECTION
=========================================*/

.curriculum-section{
    background:#f8f9fa;
    padding:80px 0;
}

.curriculum-section .badge{
    background:#F4B400 !important;
    color:#082567 !important;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    padding:10px 20px;
    border-radius:30px;
}

.curriculum-section h2{
    color:#082567;
    font-size:42px;
    font-weight:700;
    margin-top:15px;
    margin-bottom:15px;
}

.curriculum-section p{
    color:#666;
    line-height:1.8;
}

.curriculum-section .card{
    border:none;
    border-radius:18px;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
    background:#fff;
}

.curriculum-section .card:hover{

    transform:translateY(-10px);

    box-shadow:0 18px 45px rgba(0,0,0,.15);

}

.curriculum-section .card-body{

    padding:35px;

}

.curriculum-section h4{

    color:#082567;

    font-size:24px;

    font-weight:700;

    margin-bottom:20px;

}

.curriculum-section h4 i{

    color:#F4B400;

    font-size:28px;

}

.curriculum-section ul{

    padding-left:20px;

    margin:0;

}

.curriculum-section ul li{

    margin-bottom:12px;

    color:#555;

    font-size:16px;

    position:relative;

}

.curriculum-section ul li::marker{

    color:#F4B400;

}

.curriculum-section .card:last-child{

    border-top:5px solid #F4B400;

}

.curriculum-section .text-center p{

    max-width:850px;

    margin:auto;

}

/*=========================================
Teaching Methodology Card
=========================================*/

.curriculum-section .row.mt-5 .card{

    border-radius:20px;

    background:#fff;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.curriculum-section .row.mt-5 h3{

    color:#082567;

    font-weight:700;

    margin-bottom:30px;

}

.curriculum-section .row.mt-5 ul{

    list-style:none;

    padding:0;

}

.curriculum-section .row.mt-5 ul li{

    padding:10px 0;

    border-bottom:1px solid #eee;

    color:#555;

    font-size:16px;

}

.curriculum-section .row.mt-5 ul li:last-child{

    border-bottom:none;

}

.curriculum-section .row.mt-5 ul li::before{

    content:"✔";

    color:#F4B400;

    font-weight:bold;

    margin-right:10px;

}

/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

.curriculum-section{

    padding:60px 0;

}

.curriculum-section h2{

    font-size:34px;

}

.curriculum-section h4{

    font-size:22px;

}

}

@media(max-width:767px){

.curriculum-section{

    padding:50px 0;

}

.curriculum-section h2{

    font-size:28px;

}

.curriculum-section h4{

    font-size:20px;

}

.curriculum-section .card-body{

    padding:25px;

}

.curriculum-section p{

    font-size:15px;

}

}

@media(max-width:576px){

.curriculum-section h2{

    font-size:24px;

}

.curriculum-section .badge{

    font-size:13px;

}

.curriculum-section .card{

    border-radius:15px;

}

.curriculum-section .card-body{

    padding:20px;

}

}

.faculty-section{

padding:80px 0;

background:#f8f9fa;

}

.faculty-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.4s;

height:100%;

}

.faculty-card:hover{

transform:translateY(-10px);

}

.faculty-image{

height:280px;

overflow:hidden;

}

.faculty-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.faculty-card:hover img{

transform:scale(1.08);

}

.faculty-content{

padding:25px;

text-align:center;

}

.faculty-content h4{

color:#082567;

font-weight:700;

margin-bottom:5px;

font-size:24px;

}

.designation{

display:inline-block;

background:#F4B400;

color:#082567;

padding:6px 18px;

border-radius:30px;

font-weight:600;

margin-bottom:20px;

}

.faculty-content ul{

list-style:none;

padding:0;

margin:0;

text-align:left;

}

.faculty-content ul li{

padding:10px 0;

border-bottom:1px solid #eee;

font-size:15px;

color:#555;

}

.faculty-content ul li:last-child{

border-bottom:none;

}

.faculty-content i{

color:#F4B400;

width:25px;

}

@media(max-width:767px){

.faculty-image{

height:240px;

}

.faculty-content h4{

font-size:20px;

}

}

.gallery-section{

padding:80px 0;

background:#f8f9fa;

}

.gallery-card{

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.4s;

height:100%;

}

.gallery-card:hover{

transform:translateY(-8px);

box-shadow:0 18px 45px rgba(0,0,0,.15);

}

.gallery-image{

position:relative;

overflow:hidden;

height:260px;

}

.gallery-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.gallery-card:hover img{

transform:scale(1.08);

}

.gallery-overlay{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(8,37,103,.75);

display:flex;

justify-content:center;

align-items:center;

opacity:0;

transition:.4s;

}

.gallery-card:hover .gallery-overlay{

opacity:1;

}

.gallery-overlay i{

font-size:40px;

color:#fff;

}

.gallery-content{

padding:25px;

}

.gallery-category{

display:inline-block;

background:#F4B400;

color:#082567;

padding:6px 18px;

border-radius:30px;

font-weight:600;

font-size:14px;

margin-bottom:15px;

}

.gallery-content h5{

color:#082567;

font-weight:700;

margin-bottom:12px;

font-size:22px;

}

.gallery-content p{

color:#666;

line-height:1.8;

font-size:15px;

margin-bottom:15px;

}

.gallery-date{

color:#777;

font-size:14px;

}

.gallery-date i{

color:#F4B400;

margin-right:8px;

}

@media(max-width:767px){

.gallery-image{

height:220px;

}

.gallery-content{

padding:20px;

}

.gallery-content h5{

font-size:20px;

}

}


.events-section{

padding:80px 0;

background:#f8f9fa;

}

.event-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.4s;

height:100%;

}

.event-card:hover{

transform:translateY(-8px);

box-shadow:0 18px 45px rgba(0,0,0,.15);

}

.event-image{

position:relative;

height:240px;

overflow:hidden;

}

.event-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.event-card:hover img{

transform:scale(1.08);

}

.event-type{

position:absolute;

top:15px;

left:15px;

background:#F4B400;

color:#082567;

padding:8px 18px;

border-radius:30px;

font-size:13px;

font-weight:600;

}

.event-content{

padding:25px;

}

.event-content h4{

font-size:24px;

font-weight:700;

color:#082567;

margin-bottom:20px;

}

.event-meta p{

margin-bottom:10px;

color:#555;

font-size:15px;

}

.event-meta i{

width:24px;

color:#F4B400;

}

.event-desc{

margin-top:15px;

color:#666;

line-height:1.8;

}

.badge{

font-size:14px;

padding:8px 18px;

border-radius:30px;

}

@media(max-width:767px){

.events-section{

padding:60px 0;

}

.event-image{

height:220px;

}

.event-content{

padding:20px;

}

.event-content h4{

font-size:20px;

}

}
.event-details{

padding:80px 0;

background:#f8f9fa;

}

.event-details img{

border-radius:20px;

}

.event-details h2{

color:#082567;

font-weight:700;

margin-bottom:20px;

}

.event-info{

display:flex;

flex-wrap:wrap;

gap:20px;

margin-bottom:25px;

}

.event-info span{

color:#666;

font-size:16px;

}

.event-info i{

color:#F4B400;

margin-right:8px;

}

.card{

border:none;

border-radius:20px;

box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.card-body{

padding:30px;

}

.card h4{

color:#082567;

font-weight:700;

margin-bottom:20px;

}

.card p{

margin-bottom:15px;

}

@media(max-width:768px){

.event-info{

display:block;

}

.event-info span{

display:block;

margin-bottom:12px;

}

}

.notice-section{

padding:80px 0;

background:#f8f9fa;

}

.notice-card{

background:#fff;

padding:30px;

border-radius:20px;

box-shadow:0 10px 35px rgba(0,0,0,.08);

transition:.4s;

height:100%;

border-left:6px solid #F4B400;

}

.notice-card:hover{

transform:translateY(-8px);

box-shadow:0 18px 45px rgba(0,0,0,.15);

}

.notice-type{

background:#082567;

color:#fff;

padding:7px 18px;

border-radius:30px;

font-size:14px;

font-weight:600;

}

.notice-date{

font-size:14px;

color:#777;

}

.notice-date i{

color:#F4B400;

margin-right:6px;

}

.notice-content h3{

font-size:24px;

font-weight:700;

color:#082567;

margin:20px 0 15px;

}

.notice-content p{

color:#666;

line-height:1.8;

margin-bottom:0;

}

.notice-content .btn{

border-radius:30px;

padding:10px 24px;

}

@media(max-width:767px){

.notice-section{

padding:60px 0;

}

.notice-card{

padding:22px;

}

.notice-content h3{

font-size:20px;

}

.notice-content .d-flex{

flex-direction:column;

align-items:flex-start !important;

gap:15px;

}
}

.page-banner{

background:linear-gradient(135deg,#082567,#0b4db5);

padding:90px 0;

color:#fff;

}

.page-banner h1{

font-size:42px;

font-weight:700;

margin-bottom:15px;

}

.page-banner p{

max-width:750px;

margin:auto;

font-size:18px;

opacity:.95;

}

.career-section{

background:#f8f9fa;

}

.career-card{

background:#fff;

border-radius:15px;

padding:30px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

transition:.3s;

height:100%;

}

.career-card:hover{

transform:translateY(-6px);

}

.career-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

}

.career-header h3{

font-size:24px;

font-weight:700;

color:#082567;

margin:0;

}

.career-body p{

margin-bottom:12px;

color:#555;

}

.career-desc{

margin-top:20px;

color:#666;

line-height:1.8;

}

@media(max-width:768px){

.page-banner h1{

font-size:30px;

}

.career-card{

padding:20px;

}

}