*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

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

/* TOP BAR */

.topbar{
    background:#D4B06A;
    padding:10px 6%;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.top-left{
    display:flex;
    gap:20px;
}

.top-left a{
    text-decoration:none;
    color:#0B2D5C;
    font-weight:600;
}

.top-right{
    display:flex;
    align-items:center;
    gap:15px;
}

@media(max-width:768px){

    .top-right{
        display:none;
    }

    .top-left{
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        gap:5px;
    }

    .top-left a{
        font-size:13px;
    }

}
.enquiry-btn{
    background:#0B2D5C; /* your navy blue */
    color:white;
    padding:10px 20px;
    border-radius:6px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
}

.follow-text{
    color:white;
    font-size:15px;
    font-weight:600;
}

.top-right a{
    color:white;
    text-decoration:none;
    font-size:18px;
}
/* NAVBAR */

.navbar{
background:white;
padding:15px 6%;
display:flex;
justify-content:space-between;
align-items:center;
box-shadow:0 3px 15px rgba(0,0,0,.05);
position:relative;
z-index:999999;
gap:20px;
}

.logo-area{
display:flex;
align-items:center;
gap:15px;
flex-shrink:0;
}

.logo-area img{
width:75px;
}

.logo-text h2{
font-size:22px;
color:#0B2D5C;
margin:0;
}

.logo-text span{
color:#D4B06A;
font-size:13px;
display:block;
}

.hamburger{
display:none;
font-size:32px;
cursor:pointer;
}

.nav-menu{
display:flex;
list-style:none;
gap:0px;
margin:0;
padding:0;
align-items:center;
flex:1;
justify-content:flex-start;
}

.nav-menu li{
margin:0;
padding:0;
}

.nav-menu a{
text-decoration:none;
color:#0B2D5C;
font-weight:600;
padding:12px 16px;
display:block;
font-size:15px;
white-space:nowrap;
}

.nav-menu a:hover{
color:#D4B06A;
}

.dropdown{
    position:relative;
}

.dropdown-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:420px;
    background:#fff;
    list-style:none;
    padding:10px 0;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    border-radius:10px;
    z-index:9999;
}

.dropdown:hover .dropdown-menu{
display:block;
}

.dropdown-menu.active{
display:block !important;
}

.dropdown-menu li a{
    display:block;
    padding:12px 20px;
    color:#0B2D5C;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
}

.admission-btn{
background:#0B2D5C;
color:white;
padding:12px 20px;
border-radius:8px;
text-decoration:none;
font-weight:600;
margin-left:20px;
flex-shrink:0;
font-size:14px;
}

/* HERO */

.hero{
padding:80px 6%;
display:flex;
align-items:center;
justify-content:center;
gap:60px;
}

.hero-content{
width:100%;
max-width:980px;
text-align:center;
}

.badge{
display:inline-block;
background:#D4B06A;
color:#0B2D5C;
padding:10px 20px;
border-radius:30px;
font-weight:600;
margin-bottom:25px;
}

.hero-content h1{
font-size:62px;
line-height:1.1;
color:#0B2D5C;
margin-bottom:20px;
}

.hero-content p{
font-size:18px;
line-height:1.8;
color:#555;
margin-bottom:30px;
}

.hero-btns{
display:flex;
gap:15px;
justify-content:center;
}

.btn-primary{
background:#0B2D5C;
color:white;
padding:15px 30px;
text-decoration:none;
border-radius:8px;
font-weight:600;
}

.btn-secondary{
background:#D4B06A;
color:#0B2D5C;
padding:15px 30px;
text-decoration:none;
border-radius:8px;
font-weight:600;
}

.hero-image{
width:50%;
position:relative;
}

.hero-image img{
width:100%;
border-radius:20px;
box-shadow:0 15px 35px rgba(0,0,0,.15);
}

/* ABOUT SECTION */

.about-section{
padding:40px 6%;
display:grid;
grid-template-columns:1.5fr 1fr;
gap:50px;
align-items:center;
background:white;
}

.about-content{
    max-width:650px;
}

.about-image{
display:flex;
justify-content:center;
align-items:center;
}

.about-image img{
width:100%;
max-width:620px;
height:auto;
display:block;
border-radius:20px;
box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.experience-box{
display:none;
}

.experience-box h1{
font-size:60px;
color:#0B2D5C;
margin-bottom:10px;
}

.experience-box p{
font-weight:600;
color:#555;
}
/* COURSES SECTION */

.courses-section{
padding:40px 6%;
background:#f8fafc;
}

.section-title{
text-align:center;
margin-bottom:60px;
}

.section-title span{
color:#D4B06A;
font-size:16px;
font-weight:700;
letter-spacing:2px;
}

.section-title h2{
font-size:55px;
color:#0B2D5C;
margin:15px 0;
font-weight:700;
}

.section-title p{
color:#D4B06A;
font-size:18px;
}

.courses-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.course-card{
background:#0B2D5C;
padding:40px 30px;
border-radius:20px;
color:white;
transition:.4s;
position:relative;
overflow:hidden;
min-height:300px;
}

.course-card:hover{
transform:translateY(-10px);
}

.course-card::before{
content:'';
position:absolute;
width:150px;
height:150px;
background:rgba(212,176,106,.15);
border-radius:50%;
top:-50px;
right:-50px;
}

.course-card h3{
font-size:36px;
margin-bottom:20px;
color:#fff;
}

.course-card p{
font-size:18px;
margin-bottom:12px;
}

.course-bottom{
margin-top:40px;
}

.course-bottom a{
background:#D4B06A;
color:#0B2D5C;
padding:12px 22px;
text-decoration:none;
border-radius:8px;
font-weight:600;
display:inline-block;
}

@media(max-width:768px){

.courses-grid{
grid-template-columns:1fr;
}

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

}
.placement-section{
background:#0B2D5C;
padding:70px 5%;
border-radius:30px;
margin:30px 6%;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}

@media(max-width:768px){

.placement-count{
    min-width:100%;
    max-width:100%;
}

}

.placement-count h2{
    font-size:55px;
    font-weight:700;
    margin-bottom:10px;
}

.placement-content h2{
font-size:42px;
line-height:1.2;
color:white;
margin-bottom:20px;
}

.placement-content p{
font-size:16px;
color:white;
line-height:1.7;
margin-bottom:25px;
}
.placement-content{
flex:1;
}

.placement-btn{
display:inline-block;
margin-top:10px;
}

.placement-btn{
background:#D4B06A;
color:#0B2D5C;
padding:15px 30px;
border-radius:10px;
text-decoration:none;
font-weight:600;
}
/* MOBILE */

@media(max-width:768px){

.placement-section{
flex-direction:column;
text-align:center;
}

.placement-left{
flex-direction:column;
}

.placement-content h2{
font-size:36px;
}

.placement-content p{
font-size:18px;
}

.placement-right{
text-align:center;
}

}
/* FAQ SECTION */

.faq-section{
padding:100px 6%;
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:start;
background:#ffffff;
}

.faq-left{
position:relative;
}

.faq-left img{
width:100%;
border-radius:20px;
}

.faq-help-box{
position:absolute;
bottom:10px;
right:15px;
background:#0B2D5C;
color:white;
padding:20px;
border-radius:15px;
max-width:240px;
}

.faq-help-box h3{
font-size:30px;
margin-bottom:10px;
}

.faq-help-box p{
line-height:1.7;
margin-bottom:15px;
}

.faq-help-box a{
background:#D4B06A;
color:#0B2D5C;
padding:12px 20px;
border-radius:8px;
text-decoration:none;
font-weight:600;
display:inline-block;
}

.faq-tag{
color:#D4B06A;
font-weight:700;
letter-spacing:2px;
}

.faq-right h2{
font-size:54px;
color:#0B2D5C;
margin:15px 0;
}

.faq-intro{
font-size:18px;
line-height:1.8;
margin-bottom:30px;
color:#555;
}

.faq-item{
margin-bottom:20px;
}

.faq-question{
width:100%;
background:#D4B06A;
border:none;
padding:22px;
border-radius:12px;
font-size:20px;
font-weight:600;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
color:#0B2D5C;
}

.faq-answer{
display:none;
background:white;
padding:20px;
border-radius:0 0 12px 12px;
box-shadow:0 5px 15px rgba(0,0,0,.08);
}
/* CREDIT CARD SECTION */

.credit-card-section{
padding:40px 6%;
display:grid;
grid-template-columns:1.2fr 1fr;
gap:60px;
align-items:center;
background:#f8fafc;
}

.credit-tag{
display:block;
color:#D4B06A;
font-weight:700;
font-size:16px;
margin-bottom:20px;
}

.credit-content h2{
font-size:36px;
line-height:1.3;
color:#0B2D5C;
margin-bottom:25px;
font-weight:700;
}

.credit-content p{
font-size:18px;
line-height:1.8;
color:#555;
margin-bottom:30px;
}

.credit-list{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
margin-bottom:35px;
}

.credit-item{
font-size:18px;
font-weight:600;
color:#0B2D5C;
}

.credit-buttons{
display:flex;
gap:20px;
}

.credit-btn{
background:#0B2D5C;
color:white;
padding:15px 30px;
border-radius:8px;
text-decoration:none;
font-weight:600;
}

.credit-btn-outline{
background:#D4B06A;
color:#0B2D5C;
padding:15px 30px;
border-radius:8px;
text-decoration:none;
font-weight:600;
}

.credit-image img{
width:100%;
border-radius:20px;
box-shadow:0 15px 35px rgba(0,0,0,.15);
}

/* MOBILE */

@media(max-width:768px){

.credit-card-section{
grid-template-columns:1fr;
}

.credit-content h2{
font-size:38px;
}

.credit-list{
grid-template-columns:1fr;
}

}
.facilities-section{
    background:#0B2D5C;
    padding:80px 6%;
}

.facilities-section .section-heading{
    text-align:center;
    margin-bottom:60px;
}

.facilities-section .section-heading span{
    color:#D4B06A;
    font-size:16px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

.facilities-section .section-heading h2{
    color:#ffffff;
    font-size:54px;
    font-weight:700;
    margin:15px 0;
}

.facilities-section .section-heading p{
    color:#F3E3BF;
    max-width:760px;
    margin:20px auto 0;
    font-size:18px;
    line-height:1.8;
}
/* TABLET */

@media(max-width:1200px){
.facilities-grid{
grid-template-columns:repeat(2,1fr);
}
}
.facility-btn-wrap{
text-align:center;
margin-top:40px;
}

.facility-btn{
display:inline-block;
background:#D4B06A;
color:#0B2D5C;
text-decoration:none;
padding:18px 50px;
border-radius:12px;
font-size:22px;
font-weight:700;
transition:.3s;
}

.facility-btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 20px rgba(0,0,0,.15);
}

/* MOBILE */

@media(max-width:768px){

.section-heading h2{
font-size:38px;
}

.facilities-grid{
grid-template-columns:1fr;
}

.facility-card{
padding:20px;
}

.facility-card h3{
font-size:20px;
}

}
/* MOBILE */

@media(max-width:991px){

.about-section{
grid-template-columns:1fr;
text-align:center;
}

.about-content{
width:100%;
}

.about-image img{
width:100%;
max-width:350px;
margin:auto;
display:block;
}

}
.read-more-btn{
display:inline-block;
background:#0B2D5C;
color:white;
padding:14px 28px;
border-radius:8px;
text-decoration:none;
font-weight:600;
margin-top:15px;
}
/* COLLEGE BANNER */

.college-banner{
height:700px;
background:url('campus.jpg') center center/cover no-repeat;
position:relative;
display:flex;
align-items:center;
justify-content:flex-end;
padding:0 6%;
}

.banner-overlay{
width:100%;
display:flex;
justify-content:flex-end;
}

.banner-content{
background:#0B2D5C;
padding:25px;
border-radius:20px;
max-width:420px;
color:white;
box-shadow:0 15px 35px rgba(0,0,0,.25);
}
.banner-content h2{
font-size:42px;
line-height:1.3;
font-weight:700;
margin-bottom:25px;
}

.banner-contact{
display:flex;
align-items:center;
gap:20px;
margin-bottom:30px;
}

.phone-icon{
font-size:45px;
}

.banner-contact span{
font-size:18px;
display:block;
opacity:.9;
}

.banner-contact h3{
font-size:28px;
font-weight:700;
color:#D4B06A;
}

.banner-btn{
display:inline-block;
background:#D4B06A;
color:#0B2D5C;
padding:14px 30px;
border-radius:8px;
text-decoration:none;
font-weight:700;
font-size:18px;
}

.banner-btn:hover{
transform:translateY(-3px);
}

/* MOBILE */

@media(max-width:768px){

    .college-banner{
        min-height:500px;
        justify-content:center;
    }

    .banner-content{
        max-width:100%;
    }
}
.why-section{
    padding:30px 6% 60px;
    display:grid;
    grid-template-columns:55% 45%;
    gap:50px;
    align-items:center;
    background:#ffffff;
}

.section-tag{
display:inline-block;
background:#D4B06A;
color:#0B2D5C;
padding:10px 20px;
border-radius:30px;
font-weight:600;
margin-bottom:20px;
}

.why-left h2{
font-size:42px;
line-height:1.2;
color:#0B2D5C;
margin-bottom:25px;
font-weight:700;
}

.why-left p{
font-size:18px;
line-height:1.8;
color:#555;
margin-bottom:30px;
}

.why-list{
list-style:none;
}

.why-list li{
margin-bottom:18px;
font-size:18px;
font-weight:600;
color:#0B2D5C;
position:relative;
padding-left:35px;
}

.why-list li::before{
content:"✓";
position:absolute;
left:0;
top:0;
background:#D4B06A;
color:#0B2D5C;
width:24px;
height:24px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
font-weight:bold;
}

.why-buttons{
display:flex;
gap:15px;
margin-top:30px;
}

.why-btn-primary{
background:#0B2D5C;
color:#fff;
padding:14px 28px;
border-radius:8px;
text-decoration:none;
font-weight:600;
}

.why-btn-secondary{
background:#D4B06A;
color:#0B2D5C;
padding:14px 28px;
border-radius:8px;
text-decoration:none;
font-weight:600;
}

.why-right img{
width:100%;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
}

@media(max-width:768px){

.why-section{
grid-template-columns:1fr;
}

.why-left h2{
font-size:34px;
}

.why-buttons{
flex-direction:column;
}

}
/* MOBILE */

@media(max-width:768px){

.why-section{
grid-template-columns:1fr;
}

.why-left h2{
font-size:38px;
}

.why-buttons{
flex-direction:column;
}

}
.admission-section{
    padding:80px 3%;
    background:#f8fafc;
}

.admission-container{
      width:100%;
    max-width:none;
    margin:80px auto;
    background:linear-gradient(135deg,#0B2D5C,#174A91);
    border-radius:30px;
    padding:60px 50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.admission-content{
    flex:0 0 55%;
}

.admission-content h2{
    color:#fff;
    font-size:64px;
    line-height:1.1;
    margin-bottom:25px;
}

.admission-content p{
    color:#fff;
    font-size:20px;
    line-height:1.8;
    margin-bottom:35px;
    max-width:550px;
}

.admission-buttons{
    display:flex;
    gap:20px;
}

.admission-image{
    flex:0 0 360px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}

.admission-image img{
    width:100%;
    max-width:600px;
    height:auto;
    display:block;
    margin:auto;
    border-radius:20px;
    object-fit:cover;
}
@media(max-width:768px){

    .admission-container{
        flex-direction:column;
    }

    .admission-stat,
    .admission-image{
        width:100%;
    }

    .admission-image{
        height:300px;
    }

    .admission-content{
        text-align:center;
        padding:40px 25px;
    }
}
.admission-buttons{
    display:flex;
    gap:18px;
    margin-top:25px;
}

.admission-btn-primary{
    background:#D4B06A;
    color:#0B2D5C;
    padding:15px 30px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    display:inline-block;
    transition:.3s;
}

.admission-btn-secondary{
    background:#ffffff;
    color:#0B2D5C;
    padding:15px 30px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    display:inline-block;
    transition:.3s;
}

.admission-btn-primary:hover,
.admission-btn-secondary:hover{
    transform:translateY(-3px);
}
/* GALLERY SECTION */

.gallery-section{
    padding:30px 6% 60px;
    background:#ffffff;
}

.gallery-header{
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin-bottom:50px;
}

.gallery-tag{
    color:#D4B06A;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
}

.gallery-header h2{
    font-size:52px;
    color:#0B2D5C;
    margin:10px 0;
}

.gallery-header p{
    color:#666;
    max-width:650px;
    line-height:1.8;
}

.gallery-btn{
    background:#D4B06A;
    color:#0B2D5C;
    text-decoration:none;
    padding:16px 35px;
    border-radius:10px;
    font-weight:700;
    transition:.3s;
}

.gallery-btn:hover{
    transform:translateY(-3px);
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.gallery-item img{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

.gallery-overlay{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:linear-gradient(
        transparent,
        rgba(11,45,92,.95)
    );
    padding:25px 20px;
}

.gallery-overlay h3{
    color:#fff;
    font-size:20px;
    font-weight:600;
}

@media(max-width:1200px){

.gallery-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.gallery-header{
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
}

.gallery-header h2{
    font-size:38px;
}

.gallery-grid{
    grid-template-columns:1fr;
}

.gallery-item img{
    height:240px;
}

}
/* TESTIMONIAL SECTION */

.testimonial-section{
    padding:40px 6%;
    background:#0B2D5C;
}

.testimonial-section .section-heading{
    text-align:center;
    margin-bottom:60px;
}

.testimonial-section .section-heading span{
    color:#D4B06A;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
}

.testimonial-section .section-heading h2{
    color:white;
    font-size:55px;
    margin:15px 0;
}

.testimonial-section .section-heading p{
    color:#d7d7d7;
    max-width:700px;
    margin:auto;
    line-height:1.8;
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.testimonial-card{
    background:white;
    border-radius:20px;
    padding:35px;
    transition:.4s;
    position:relative;
}

.testimonial-card:hover{
    transform:translateY(-10px);
}

.quote-icon{
    font-size:55px;
    color:#D4B06A;
    line-height:1;
    margin-bottom:15px;
}

.testimonial-card p{
    color:#555;
    line-height:1.8;
    margin-bottom:30px;
}

.student-info{
    display:flex;
    align-items:center;
    gap:15px;
}

.student-info h4{
    color:#0B2D5C;
    margin-bottom:4px;
}

.student-info span{
    color:#777;
    font-size:14px;
}

@media(max-width:768px){

.testimonial-grid{
    grid-template-columns:1fr;
}

.testimonial-section .section-heading h2{
    font-size:40px;
}

}
.admission-testimonial{
    background:#F3F4F6;
    padding:80px 0;
    position:relative;
    overflow:hidden;
}

.admission-testimonial .container{
    width:90%;
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

/* LEFT FORM */

.admission-form{
    background:#fff;
    padding:45px;
    border-radius:20px;
    width:45%;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.admission-form h2{
    color:#2d7f39;
    font-size:36px;
    margin-bottom:30px;
    font-weight:700;
}

.admission-form form{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.admission-form input,
.admission-form select,
.admission-form textarea{
    width:100%;
    padding:18px 20px;
    border:1px solid #ddd;
    border-radius:10px;
    font-size:16px;
    outline:none;
}

.admission-form textarea{
    height:120px;
    resize:none;
}

.admission-form button{
    background:#f4b000;
    color:#fff;
    border:none;
    padding:18px;
    border-radius:10px;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
}

/* RIGHT SIDE */

.testimonial-area{
    width:50%;
    color:#fff;
    position:relative;
}

.student-images img:first-child{
    margin-left:0;
}

.testimonial-area h3{
    font-size:42px;
    margin-bottom:5px;
    color:#0B2D5C;
}

.testimonial-area span{
    color:#0B2D5C;
    font-size:22px;
}

.testimonial-area p{
    margin-top:40px;
    font-size:28px;
    line-height:1.8;
    font-style:italic;
    color:#0B2D5C;
}

.testimonial-quote{
    display:none;
}

/* MOBILE */

@media(max-width:768px){

    .admission-testimonial .container{
        flex-direction:column;
    }

    .admission-form,
    .testimonial-area{
        width:100%;
    }

    .testimonial-area{
        text-align:center;
    }

    .student-images{
        justify-content:center;
    }

    .quote-icon{
        display:none;
    }

    .testimonial-area h3{
        font-size:32px;
    }

    .testimonial-area p{
        font-size:20px;
    }
}
/* ACHIEVEMENT SECTION */

.achievement-section{
    width:95%;
    margin:80px auto;
    padding:60px 40px;
    background:#f8f5ef;
    border-radius:25px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
    position:relative;
    overflow:hidden;
}

.achievement-box{
    display:flex;
    align-items:center;
    gap:20px;
}

.achievement-icon{
    width:90px;
    height:90px;
    border:3px solid #D4B06A;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    color:#D4B06A;
    flex-shrink:0;
}

.achievement-box h2{
    font-size:60px;
    color:#0B2D5C;
    font-weight:700;
    line-height:1;
    margin-bottom:10px;
}

.achievement-box p{
    font-size:20px;
    color:#333;
    line-height:1.5;
}

.achievement-section::before{
    content:"";
    position:absolute;
    top:-40px;
    left:-40px;
    width:250px;
    height:250px;
    border:2px solid rgba(212,176,106,.15);
    border-radius:50%;
}

.achievement-section::after{
    content:"";
    position:absolute;
    bottom:-40px;
    right:-40px;
    width:200px;
    height:200px;
    border:2px solid rgba(212,176,106,.15);
    border-radius:50%;
}

/* MOBILE */

@media(max-width:768px){

    .achievement-section{
        grid-template-columns:1fr;
        gap:35px;
        padding:40px 25px;
    }

    .achievement-box h2{
        font-size:42px;
    }

    .achievement-box p{
        font-size:18px;
    }

    .achievement-icon{
        width:75px;
        height:75px;
        font-size:34px;
    }
}
.callback-section{
    max-width:1400px;
    margin:80px auto;
    padding:60px;
    background:#f8f5ef;
    border-radius:30px;

    display:grid;
    grid-template-columns:40% 60%;
    gap:50px;
    align-items:center;
}

.callback-content{
    background:#0B2D5C;
    padding:50px;
    border-radius:25px;
    color:#fff;
}

.callback-tag{
    color:#D4B06A;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.callback-content h2{
    font-size:60px;
    line-height:1.1;
    margin:20px 0;
}

.callback-content p{
    color:#d7d7d7;
    line-height:1.8;
}

.callback-form{
    width:100%;
}

.callback-form form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.callback-form input{
    width:100%;
    height:70px;
    padding:0 20px;
    border:none;
    border-radius:10px;
    background:#fff;
    font-size:16px;
}

.callback-form button{
    height:70px;
    border:none;
    border-radius:10px;
    background:#D4B06A;
    color:#0B2D5C;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
}

@media(max-width:768px){

    .callback-section{
        grid-template-columns:1fr;
        padding:30px;
    }

    .callback-content h2{
        font-size:42px;
    }

    .callback-form form{
        grid-template-columns:1fr;
    }

}
/* FOOTER */

.footer{
    background:#081f45;
    color:#fff;
    padding-top:80px;
    position:relative;
    overflow:hidden;
}

.footer::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.03);
    left:-300px;
    top:-250px;
}

.footer-container{
    width:90%;
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:50px;
}

.footer-logo{
    width:90px;
    margin-bottom:20px;
    display:block;
}

.footer-about h3{
    font-size:28px;
    margin-bottom:20px;
}

.footer-about p{
    color:#d7d7d7;
    line-height:1.8;
}

.footer-contact{
    margin-top:25px;
}

.footer-contact p{
    margin-bottom:12px;
}

.footer-col h4{
    font-size:28px;
    margin-bottom:25px;
    position:relative;
}

.footer-col h4::after{
    content:"";
    width:50px;
    height:4px;
    background:#D4B06A;
    position:absolute;
    left:0;
    bottom:-10px;
    border-radius:5px;
}

.footer-col ul{
    list-style:none;
}

.footer-col ul li{
    margin-bottom:15px;
}

.footer-col ul li a{
    color:#d7d7d7;
    text-decoration:none;
    transition:.3s;
}

.footer-col ul li a:hover{
    color:#D4B06A;
    padding-left:5px;
}

.footer-facebook{
    width:100%;
    border-radius:15px;
    border:3px solid rgba(255,255,255,.1);
}

.footer-bottom{
    margin-top:60px;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.1);
    padding:25px;
    color:#d7d7d7;
}

/* Social Icons */

.footer-social{
    display:flex;
    gap:15px;
    margin-top:25px;
}

.footer-social a{
    width:45px;
    height:45px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:20px;
}

/* Mobile */

@media(max-width:768px){

    .footer-container{
        grid-template-columns:1fr;
        text-align:center;
    }

    .footer-col h4::after{
        left:50%;
        transform:translateX(-50%);
    }

    .footer-social{
        justify-content:center;
    }
}
/* GLOBAL MOBILE FIX */

@media (max-width:768px){

    body{
        overflow-x:hidden;
    }

 section:not(.welcome-slider){
    padding-left:20px !important;
    padding-right:20px !important;
}

.welcome-slider{
    padding:0 !important;
    margin:0 !important;
    width:100%;
}
    /* Navbar */

    .navbar{
        padding:12px 15px;
        flex-wrap:wrap;
        gap:15px;
    }

    .logo-area{
        gap:10px;
    }

    .logo-area img{
        width:50px;
    }

    .logo-text h2{
        font-size:20px;
    }

    .logo-text span{
        font-size:11px;
    }

    .admission-btn{
        padding:10px 15px;
        font-size:13px;
    }

    /* Hero */

    .hero{
        flex-direction:column;
        padding-top:40px;
        justify-content:center;
    }

    .hero-content,
    .hero-image{
        width:100%;
    }

    .hero-content{
        text-align:center;
    }

    .hero-content h1{
        font-size:34px !important;
    }

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

    .hero-btns{
        flex-direction:column;
        align-items:center;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        text-align:center;
    }

    /* About */

    .about-section{
        grid-template-columns:1fr;
        text-align:center;
        padding:50px 20px;
    }

    .about-image img{
        max-width:350px;
        margin:auto;
    }

    /* FAQ */

    .faq-section{
        grid-template-columns:1fr;
        gap:30px;
    }

    .faq-help-box{
        position:relative;
        left:0;
        bottom:0;
        max-width:100%;
        margin-top:20px;
    }

    .faq-right h2{
        font-size:34px;
    }

    /* Placement */

    .placement-section{
        flex-direction:column;
        text-align:center;
        margin:30px 20px;
        padding:40px 20px;
    }

    .placement-count{
        min-width:100%;
    }

    .placement-count h2{
        font-size:45px;
    }

    /* Admission */

    .admission-container{
        flex-direction:column;
    }

    .admission-stat,
    .admission-image{
        width:100%;
    }

    .admission-image{
        height:300px;
    }

    .admission-content{
        text-align:center;
        padding:40px 25px;
    }

    .admission-buttons{
        flex-direction:column;
    }

    .admission-btn-primary,
    .admission-btn-secondary{
        width:100%;
        text-align:center;
    }

    /* Credit Card */

    .credit-card-section{
        grid-template-columns:1fr;
    }

    .credit-list{
        grid-template-columns:1fr;
    }

    .credit-buttons{
        flex-direction:column;
    }

    .credit-btn,
    .credit-btn-outline{
        width:100%;
        text-align:center;
    }

    /* Gallery */

    .gallery-header{
        flex-direction:column;
        gap:20px;
    }

    .gallery-grid{
        grid-template-columns:1fr;
    }

    .gallery-btn{
        width:100%;
        text-align:center;
    }

    /* Testimonials */

    .testimonial-grid{
        grid-template-columns:1fr;
    }

    .admission-testimonial .container{
        flex-direction:column;
    }

    .admission-form,
    .testimonial-area{
        width:100%;
    }

    /* Achievement */

    .achievement-section{
        grid-template-columns:1fr;
    }

    /* Callback */

    .callback-section{
        grid-template-columns:1fr;
        padding:30px;
    }

    .callback-form form{
        grid-template-columns:1fr;
    }

    /* Footer */

    .footer-container{
        grid-template-columns:1fr;
        text-align:center;
    }
}
/* HAMBURGER MENU - MOBILE */
@media(max-width:768px){

.hamburger{
display:block;
font-size:28px;
cursor:pointer;
}

.navbar{
flex-wrap:wrap;
}

.nav-menu{
display:none;
flex-direction:column;
position:absolute;
top:100%;
left:0;
width:100%;
background:#ffffff;
padding:10px 0;
z-index:999999;
box-shadow:0 10px 20px rgba(0,0,0,.1);
}

.nav-menu.active{
display:flex !important;
}

.nav-menu li{
width:100%;
}

.nav-menu li a{
display:block;
padding:15px 20px;
border-bottom:1px solid #eee;
}

.dropdown-menu{
position:static;
background:#f5f5f5;
width:100%;
box-shadow:none;
padding:0;
margin:0;
border-radius:0;
display:none !important;
}

.dropdown-menu.active{
display:block !important;
}

.dropdown-menu li a{
padding:12px 40px;
border-bottom:1px solid #ddd;
background:#f5f5f5;
}

.dropdown > a{
display:flex;
justify-content:space-between;
align-items:center;
}

.dropdown > a::after{
content:"";
width:0;
height:0;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:5px solid #0B2D5C;
margin-left:auto;
transition:transform 0.3s;
}

.dropdown > a:active::after{
transform:rotate(180deg);
}
}
.welcome-slider{
    width:100%;
    height:55px;
    background:#0B2D5C;
    overflow:hidden;
    position:relative;
    display:flex;
    align-items:center;
}

.marquee-container{
    width:100%;
    overflow:hidden;
}

.marquee-content{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    animation:marquee 18s linear infinite;
}

.marquee-content span{
    display:inline-block;
    padding-right:80px;
    color:#fff;
    font-size:16px;
    font-weight:600;
}

@keyframes marquee{
    0%{
        transform:translateX(100vw);
    }

    100%{
        transform:translateX(-100%);
    }
}

@media(max-width:768px){

    .welcome-slider{
        height:48px;
    }

    .marquee-content span{
        font-size:14px;
        padding-right:50px;
    }

}
@media(max-width:768px){

html,
body{
overflow-x:hidden !important;
width:100%;
}
.hero,
.about-section,
.courses-section,
.faq-section,
.credit-card-section,
.facilities-section,
.why-section,
.gallery-section,
.testimonial-section,
.callback-section,
.footer{
overflow:hidden;
}

.hero,
.about-section,
.faq-section,
.credit-card-section,
.why-section,
.callback-section{
flex-direction:column;
}

img{
max-width:100%;
height:auto;
display:block;
}

.logo-text h2{
font-size:15px;
line-height:1.2;
}

.logo-text span{
font-size:11px;
}

.admission-testimonial .container{
display:flex;
flex-direction:column;
width:100%;
}

.admission-form,
.testimonial-area{
width:100% !important;
}

.callback-section{
width:100%;
margin:20px auto;
}
.course-card,
.achievement-section,
.callback-section,
.placement-section,
.admission-container{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

.callback-section{
    padding:20px !important;
}

.achievement-section{
    width:100% !important;
    padding:20px !important;
}
}
.whatsapp-btn{
position:fixed !important;
right:20px !important;
bottom:20px !important;
z-index:999999 !important;
width:60px !important;
height:60px !important;
display:block !important;
}

.whatsapp-btn img{
width:100% !important;
height:100% !important;
object-fit:contain;
}
/* ABOUT PAGE HERO */

.about-hero{
    background:#F4F7FB;
    display:flex;
    align-items:center;
    padding:60px 8%;
    min-height:auto;
}


.about-hero-content{
    max-width:1300px;
    width:100%;
    margin:0 auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.hero-left{
    max-width:100%;
}

.hero-tag{
    display:inline-block;
    color:#D4B06A;
    font-size:15px;
    font-weight:700;
    letter-spacing:4px;
    margin-bottom:20px;
}

.hero-left h1{
    font-size:50px;
    line-height:1.05;
    font-weight:800;
    color:#0B2D5C;
    margin-bottom:30px;
}

.hero-left p{
    font-size:24px;
    line-height:1.8;
    color:#5f6773;
    margin-bottom:30px;
}

.hero-right{
    display:flex;
    justify-content:center;
    align-items:center;
}

.hero-right img{
    width:100%;
    max-width:520px;
    height:auto;
    display:block;
    border-radius:25px;
}


.container{
    max-width:1200px;
    margin:0 auto;
    width:100%;
}

.about-section h2{
    font-size:48px;
    color:#0B2D5C;
    font-weight:700;
    margin-bottom:30px;
}

.about-section h3{
    font-size:32px;
    color:#0B2D5C;
    margin-top:50px;
    margin-bottom:20px;
}

.about-section p{
    font-size:18px;
    line-height:1.9;
    color:#555;
    margin-bottom:20px;
}

.motto-box{
    background:#F4F7FB;
    padding:50px;
    border-radius:20px;
    text-align:center;
    margin:50px 0;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.about-section{
    background:#ffffff;
    padding:80px 6%;
    display:grid;
    grid-template-columns:55% 45%;
    align-items:center;
    gap:60px;
    max-width:1400px;
    margin:auto;
}
/* ADMISSION PAGE */

.admission-section{
    max-width:1400px;
    margin:80px auto;
    padding:0 30px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:start;
}

.admission-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.registration-form{
    background:#0B2D5C;
    padding:30px;
    border-radius:20px;
}

.registration-form h2{
    text-align:center;
    color:white;
    font-size:36px;
    margin-bottom:25px;
    font-weight:700;
}

.registration-form input,
.registration-form select,
.registration-form textarea{
    width:100%;
    padding:12px;
    border:none;
    border-radius:12px;
    background:white;
    margin-bottom:15px;
    font-size:14px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.registration-form textarea{
    height:100px;
    resize:none;
}

.registration-form button{
    width:100%;
    height:50px;
    border:none;
    border-radius:12px;
    background:#D4B06A;
    color:#0B2D5C;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
}
/* ADMISSION BANNER */

.page-banner{
    position:relative;
    height:350px;
    background:url('admission-page.jpg') center center/cover no-repeat;
    overflow:hidden;
}

.banner-overlay{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0.15);
}

.banner-content{
    position:absolute;
    left:80px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
}

.banner-content h1{
    font-size:60px;
    font-weight:700;
    color:#0B2D5C;
    margin-bottom:15px;
}

.breadcrumb{
    display:flex;
    gap:10px;
    align-items:center;
    font-size:20px;
}/* ADMISSION BANNER */

.admission-banner{
    position:relative;
    height:550px;
    background:url('admission-page.jpg') center center/cover no-repeat;
    overflow:hidden;
}

.admission-banner-content{
    position:absolute;
    left:80px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
}

.admission-banner-content h1{
    font-size:60px;
    font-weight:700;
    color:#0B2D5C;
    margin-bottom:15px;
}

.banner-subtitle{
    font-size:18px;
    line-height:1.8;
    color:#555;
    margin-bottom:25px;
}

.breadcrumb{
    display:flex;
    gap:10px;
    align-items:center;
    font-size:20px;
}

.breadcrumb a{
    color:#1f2d5a;
    text-decoration:none;
}
.admission-banner{
    position:relative;
    height:350px;
    background:url('../recognition-banner.jpg') center center/cover no-repeat;
    overflow:hidden;
}
.admission-img{
    width:700px;
    max-width:100%;
    height:auto;
    display:block;
}
.admission-process-banner{
    position:relative;
    height:420px;
    background:url('../recognition-banner.jpg') center center/cover no-repeat;
    overflow:hidden;
}
.admission-process-content{
    position:absolute;
    left:80px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    max-width:650px;
}
/* ===== Admission Information ===== */

.admission-extra-section{
    padding:100px 8%;
    background:#F4F7FB;
}

.section-heading{
    text-align:center;
    margin-bottom:60px;
}

.section-heading span{
    color:#D4B06A;
    font-size:16px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

.section-heading h2{
    font-size:48px;
    color:#0B2D5C;
    margin:15px 0;
    font-weight:700;
}

.section-heading p{
    max-width:850px;
    margin:auto;
    color:#666;
    font-size:18px;
    line-height:1.8;
}

/* Grid */

.admission-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
    margin-top:50px;
}

/* Card */

.admission-card{
    background:#fff;
    border-radius:18px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s;
    border-top:5px solid #D4B06A;
}

.admission-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.admission-card h3{
    color:#0B2D5C;
    font-size:30px;
    margin-bottom:20px;
}

/* Lists */

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

.admission-card ul li{
    position:relative;
    padding:12px 0 12px 35px;
    border-bottom:1px solid #eee;
    font-size:17px;
    color:#555;
    line-height:1.7;
}

.admission-card ul li:last-child{
    border-bottom:none;
}

.admission-card ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:12px;
    color:#D4B06A;
    font-weight:bold;
    font-size:18px;
}

/* Paragraph */

.admission-card p{
    color:#666;
    line-height:1.8;
    font-size:17px;
}

/* Mobile */

@media(max-width:768px){

.admission-extra-section{
padding:70px 20px;
}

.section-heading h2{
font-size:34px;
}

.admission-grid{
grid-template-columns:1fr;
gap:25px;
}

.admission-card{
padding:25px;
}

.admission-card h3{
font-size:24px;
}

}.info-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;
margin-top:50px;
}

.info-card{
background:#fff;
padding:35px;
border-radius:18px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.3s;
border-top:5px solid #D4B06A;
}

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

.info-card h3{
font-size:30px;
color:#0B2D5C;
margin-bottom:20px;
}

.info-card ul{
list-style:none;
padding:0;
margin:0;
}

.info-card ul li{
position:relative;
padding:12px 0 12px 35px;
border-bottom:1px solid #eee;
}

.info-card ul li:before{
content:"✔";
position:absolute;
left:0;
color:#D4B06A;
font-weight:bold;
}

.info-card p{
line-height:1.8;
color:#666;
}

@media(max-width:768px){

.info-grid{
grid-template-columns:1fr;
}

}

/*==========================
 FACILITIES PAGE BANNER
==========================*/

.facilities-banner{
    position:relative;
    height:430px;
    background:url('../recognition-banner.jpg') center center/cover no-repeat;
    overflow:hidden;
}

.facilities-overlay{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0.15);
}

.facilities-content{
    position:absolute;
    left:80px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    max-width:700px;
}

.facilities-content h1{
    font-size:62px;
    font-weight:700;
    color:#0B2D5C;
    margin-bottom:20px;
    line-height:1.2;
}

.facilities-content .breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:22px;
}

.facilities-content .breadcrumb a{
    color:#0B2D5C;
    text-decoration:none;
    font-weight:600;
}

.facilities-content .breadcrumb span{
    color:#D4B06A;
    font-weight:600;
}

@media(max-width:768px){

.facilities-banner{
    height:280px;
}

.facilities-content{
    left:25px;
    right:25px;
}

.facilities-content h1{
    font-size:38px;
}

.facilities-content .breadcrumb{
    font-size:16px;
}

}
/* FACILITY GRID */

.facility-section{
    padding:80px 8%;
    background:#F4F7FB;
}
.facility-section h2{
    text-align:center;
    font-size:52px;
    color:#0B2D5C;
    font-weight:700;
    margin-bottom:50px;
}
.facility-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.facility-card{
    background:#fff;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.3s;
}

.facility-card:hover{
    transform:translateY(-10px);
}

.facility-icon{
    width:90px;
    height:90px;
    margin:0 auto 25px;
    background:#EEF4FF;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    color:#0B2D5C;
}
.facilities-page-divider{
    width:60px;
    height:3px;
    background:#D4B06A;
    margin:0 auto 20px;
}

.facility-card h3{
    font-size:24px;
    color:#0B2D5C;
    line-height:1.5;
}

@media(max-width:992px){

.facility-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.facility-grid{
    grid-template-columns:1fr;
}

}
/* CONTACT PAGE BANNER */

.contact-banner{
    position:relative;
    height:380px;
    background:url('../recognition-banner.jpg') center center/cover no-repeat;
    display:flex;
    align-items:center;
}

.contact-overlay{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.35);
}

.contact-banner-content{
    position:relative;
    z-index:2;
    width:1200px;
    max-width:90%;
    margin:auto;
}

.contact-banner-content h1{
    font-size:56px;
    color:#0B2D5C;
    margin-bottom:15px;
}

.contact-banner-subtitle{
    font-size:20px;
    color:#555;
    margin-bottom:20px;
}

.contact-banner .breadcrumb{
    display:flex;
    gap:10px;
    font-size:20px;
}

.contact-banner .breadcrumb a{
    color:#0B2D5C;
    text-decoration:none;
}

.contact-banner .breadcrumb span{
    color:#D4B06A;
}

@media(max-width:768px){

.contact-banner{
    height:260px;
}

.contact-banner-content h1{
    font-size:36px;
}

.contact-banner-subtitle{
    font-size:16px;
}

}
/* CONTACT SECTION */

.contact-section{
    padding:80px 8%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:start;
    background:#fff;
}

.contact-left{
    padding-right:20px;
}

.contact-tag{
    display:inline-block;
    color:#D4B06A;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:15px;
}

.contact-left h2{
    font-size:48px;
    color:#0B2D5C;
    margin-bottom:20px;
    line-height:1.2;
}

.contact-left h2 span{
    color:#D4B06A;
}

.contact-left p{
    color:#555;
    font-size:18px;
    line-height:1.8;
    margin-bottom:35px;
}

.contact-info{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.info-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
}

.info-item .icon{
    width:60px;
    height:60px;
    background:#EEF4FF;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.info-item h4{
    margin:0 0 8px;
    color:#0B2D5C;
}

.info-item p{
    margin:0;
    line-height:1.7;
}

.contact-form-box{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.form-header h3{
    color:#0B2D5C;
    font-size:30px;
    margin-bottom:25px;
}

.form-row{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.contact-form input,
.contact-form textarea{
    width:100%;
    padding:16px;
    border:1px solid #ddd;
    border-radius:10px;
    font-size:16px;
    font-family:Poppins,sans-serif;
}

.contact-form textarea{
    height:180px;
    resize:none;
}

.contact-form button{
    background:#0B2D5C;
    color:#fff;
    border:none;
    padding:16px 35px;
    border-radius:8px;
    font-size:16px;
    cursor:pointer;
    transition:.3s;
}

.contact-form button:hover{
    background:#D4B06A;
}

@media(max-width:768px){

.contact-section{
    grid-template-columns:1fr;
}

.contact-left h2{
    font-size:34px;
}

.contact-form-box{
    padding:25px;
}

}
/*==========================================
          COURSE PAGE CSS
==========================================*/

.course-banner{
    padding:80px 0;
    background:#143A72;
}

.course-banner-content{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:60px;
    align-items:center;
}

.course-content span{
    color:#D4B06A;
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.course-content h1{
    font-size:54px;
    color:#FFFFFF;
    margin:15px 0;
    line-height:1.2;
}

.course-content p{
    font-size:19px;
    color:#E5EAF4;
    line-height:1.8;
}

/* FORM */

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

.course-form h3{
    margin-bottom:25px;
    color:#0B2D5C;
}

.course-form input,
.course-form select,
.course-form textarea{

    width:100%;
    padding:15px;
    margin-bottom:15px;

    border:1px solid #ddd;
    border-radius:10px;

    font-size:16px;
    font-family:Poppins,sans-serif;
}

.course-form textarea{
    resize:none;
    height:120px;
}

.course-form button{

    width:100%;
    background:#0B2D5C;
    color:#fff;

    border:none;
    border-radius:10px;

    padding:16px;
    font-size:17px;
    font-weight:600;

    cursor:pointer;
    transition:.3s;
}

.course-form button:hover{

    background:#D4B06A;
    color:#0B2D5C;

}
/*=========================
   ABOUT COURSE SECTION
=========================*/

.course-section{
    padding:80px 0;
    background:#f8f9fc;
}

.course-section .container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

/* About */
.course-section h2{
    font-size:46px;
    font-weight:700;
    color:#143A72;
    margin-bottom:25px;
    line-height:1.2;
}

.course-section p{
    font-size:18px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
}

/* Image Box */
.course-image{
    width:100%;
    height:420px;
    background:#e8eef9;
    border-radius:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    font-weight:700;
    color:#143A72;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    overflow:hidden;
}

.course-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/*=========================
   SUBJECTS
=========================*/

.subject-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-top:40px;
}

.subject-grid div{
    background:#fff;
    padding:28px;
    text-align:center;
    border-radius:15px;
    font-size:18px;
    font-weight:600;
    color:#143A72;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

.subject-grid div:hover{
    transform:translateY(-6px);
}

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

@media(max-width:991px){

.course-section h2{
    font-size:36px;
}

.subject-grid{
    grid-template-columns:repeat(2,1fr);
}

.course-image{
    height:320px;
}

}

@media(max-width:768px){

.subject-grid{
    grid-template-columns:1fr;
}

.course-section{
    padding:60px 0;
}

.course-section h2{
    font-size:30px;
}

.course-section p{
    font-size:16px;
}

.course-image{
    height:260px;
}

}
/*======== COURSE INFO CARDS ========*/

.stats{
    max-width:1200px;
    margin:70px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.stats > div{
    background:#fff;
    padding:35px 20px;
    text-align:center;
    border-radius:18px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    transition:.3s;
    border-top:5px solid #143A72;
}

.stats > div:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.stats h3{
    font-size:32px;
    color:#143A72;
    margin-bottom:15px;
    font-weight:700;
}

.stats p{
    font-size:20px;
    color:#555;
    margin:0;
}

/* Mobile */

@media(max-width:992px){

.stats{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.stats{
    grid-template-columns:1fr;
}

}
/*======== COURSE INFO CARDS ========*/

.stats{
    max-width:1200px;
    margin:70px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.stats > div{
    background:#fff;
    padding:35px 20px;
    text-align:center;
    border-radius:18px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    transition:.3s;
    border-top:5px solid #143A72;
}

.stats > div:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.stats h3{
    font-size:32px;
    color:#143A72;
    margin-bottom:15px;
    font-weight:700;
}

.stats p{
    font-size:20px;
    color:#555;
    margin:0;
}

/* Mobile */

@media(max-width:992px){

.stats{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.stats{
    grid-template-columns:1fr;
}

}
/*==============================
COURSE STATS
==============================*/

.course-stats{
    padding:70px 0;
    background:#f5f7fb;
}

.course-stats .course-grid4{

    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;

}

.course-stats .card{

    background:#fff;
    border-radius:20px;
    padding:35px 20px;
    text-align:center;

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

    transition:.3s;

}

.course-stats .card:hover{

    transform:translateY(-8px);

}

.course-stats .card h3{

    color:#143A72;
    font-size:34px;
    margin-bottom:12px;
    font-weight:700;

}

.course-stats .card p{

    color:#666;
    font-size:20px;
    margin:0;

}

@media(max-width:992px){

.course-stats .course-grid4{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.course-stats .course-grid4{

grid-template-columns:1fr;

}

}
.course-two-col{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px;
    align-items:start;
}

.course-two-col > div{
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.course-two-col h2{
    color:#163d77;
    font-size:38px;
    margin-bottom:25px;
    font-weight:700;
}

.course-two-col ul{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    list-style:none;
    padding:0;
    margin:0;
}

.course-two-col ul li{
    background:#f5f7fb;
    padding:16px 18px;
    border-radius:12px;
    font-size:18px;
    font-weight:500;
    transition:.3s;
}

.course-two-col ul li::before{
    content:"✓";
    color:#d4b06a;
    font-weight:bold;
    margin-right:10px;
}

.course-two-col ul li:hover{
    background:#163d77;
    color:#fff;
    transform:translateY(-3px);
}

@media(max-width:768px){

.course-two-col{
    grid-template-columns:1fr;
}

.course-two-col ul{
    grid-template-columns:1fr;
}

}
/* Key Subjects */

.subjects-list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    list-style:none;
    padding:0;
    margin:35px 0 70px;
}

.subjects-list li{
    background:#fff;
    border-radius:16px;
    padding:28px 20px;
    text-align:center;
    font-size:20px;
    font-weight:600;
    color:#143a72;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

.subjects-list li:hover{
    background:#143a72;
    color:#fff;
    transform:translateY(-5px);
}

@media(max-width:992px){
.subjects-list{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.subjects-list{
grid-template-columns:1fr;
}
}
/* Key Subjects */

.subjects-list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    list-style:none;
    padding:0;
    margin:35px 0 70px;
}

.subjects-list li{
    background:#fff;
    border-radius:16px;
    padding:28px 20px;
    text-align:center;
    font-size:20px;
    font-weight:600;
    color:#143a72;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

.subjects-list li:hover{
    background:#143a72;
    color:#fff;
    transform:translateY(-5px);
}

@media(max-width:992px){
.subjects-list{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.subjects-list{
grid-template-columns:1fr;
}
}
/* ========= COMMON COURSE GRID ========= */

.course-grid4{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-top:40px;
}

.course-grid4 .card{
    background:#fff;
    padding:28px 20px;
    border-radius:18px;
    text-align:center;
    font-size:18px;
    font-weight:600;
    color:#143A72;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

.course-grid4 .card:hover{
    transform:translateY(-8px);
    background:#143A72;
    color:#fff;
}

@media(max-width:992px){

.course-grid4{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.course-grid4{
grid-template-columns:1fr;
}

}
/* ==========================
   COURSE CTA
========================== */

.course-cta{
    background:linear-gradient(135deg,#0B2D5C,#163D77);
    border-radius:30px;
    padding:70px 60px;
    text-align:center;
    color:#fff;
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 45px rgba(11,45,92,.25);
}

.course-cta::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    top:-180px;
    left:-120px;
}

.course-cta::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(212,176,106,.12);
    border-radius:50%;
    right:-100px;
    bottom:-100px;
}

.course-cta h2{
    position:relative;
    z-index:2;
    font-size:58px;
    color:#fff;
    margin-bottom:20px;
    font-weight:800;
}

.course-cta p{
    position:relative;
    z-index:2;
    max-width:850px;
    margin:0 auto 35px;
    font-size:22px;
    line-height:1.8;
    color:#eef3ff;
}

.course-cta a{
    position:relative;
    z-index:2;
    display:inline-block;
    background:#D4B06A;
    color:#0B2D5C;
    padding:18px 45px;
    border-radius:50px;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
    transition:.3s;
}

.course-cta a:hover{
    background:#fff;
    transform:translateY(-5px);
    box-shadow:0 12px 25px rgba(0,0,0,.2);
}

@media(max-width:768px){

.course-cta{
    padding:50px 25px;
}

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

.course-cta p{
    font-size:17px;
}

.course-cta a{
    width:100%;
    text-align:center;
}

}
/* HOME FACILITIES GRID */

.facilities-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:50px;
}

.facilities-grid .facility-card{
    background:#fff;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    min-height:280px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.3s;
}

.facilities-grid .facility-card:hover{
    transform:translateY(-8px);
}

.facilities-grid .facility-icon{
    width:90px;
    height:90px;
    margin:0 auto 25px;
    background:#EEF4FF;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
}

.facilities-grid .facility-card h3{
    color:#0B2D5C;
    font-size:24px;
    line-height:1.5;
}

@media(max-width:992px){
    .facilities-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .facilities-grid{
        grid-template-columns:1fr;
    }
}
/* Facilities View All Button */

.facility-view-btn{
    display:inline-block;
    margin:50px auto 0;
    background:#D4B06A;
    color:#0B2D5C;
    padding:18px 45px;
    border-radius:12px;
    text-decoration:none;
    font-size:20px;
    font-weight:700;
    transition:.3s;
}

.facility-view-btn:hover{
    background:#fff;
    color:#0B2D5C;
}

.facilities-section .view-all{
    text-align:center;
}
.about-btn-primary{
    display:inline-block;
    background:#0B2D5C;
    color:#ffffff;
    padding:18px 40px;
    border-radius:10px;
    text-decoration:none;
    font-size:22px;
    font-weight:700;
    transition:0.3s;
}

.about-btn-primary:hover{
    background:#D4B06A;
    color:#0B2D5C;
}
/* ===========================
   FINAL MOBILE COMMON FIX
=========================== */

@media (max-width:768px){

    /* Common Spacing */

    section{
        padding:35px 15px !important;
    }

    /* Common Headings */

    h1{
        font-size:32px !important;
        line-height:1.2;
    }

    h2{
        font-size:28px !important;
        line-height:1.3;
    }

    h3{
        font-size:22px !important;
    }

    p{
        font-size:15px !important;
        line-height:1.7;
    }

    /* Common Images */

    img{
        max-width:100%;
        height:auto;
    }

    /* Common Buttons */

    .btn-primary,
    .btn-secondary,
    .read-more-btn,
    .gallery-btn,
    .facility-btn,
    .credit-btn,
    .credit-btn-outline,
    .admission-btn-primary,
    .admission-btn-secondary{
        width:100%;
        text-align:center;
        padding:14px 20px;
        font-size:15px;
    }

    /* Common Cards */

    .course-card,
    .facility-card,
    .testimonial-card,
    .gallery-item,
    .achievement-box{
        padding:20px !important;
    }

}
/* ===========================
RECOGNITION & AFFILIATION
=========================== */

.recognition-section{
    padding:80px 8%;
    background:#fff;
}

.section-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 60px;
}

.section-header span{
    color:#D4B06A;
    font-weight:700;
    letter-spacing:2px;
}

.section-header h2{
    font-size:48px;
    color:#0B2D5C;
    margin:15px 0;
}

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

.recognition-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.recognition-card{
    background:#fff;
    border-radius:18px;
    padding:35px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

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

.icon-box{
    width:80px;
    height:80px;
    background:#0B2D5C;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:32px;
    margin:0 auto 20px;
}

.recognition-card h3{
    color:#0B2D5C;
    margin-bottom:15px;
}

.recognition-card p{
    color:#666;
    line-height:1.8;
}

/* Established */

.established-section{
    padding:70px 8%;
}

.established-card{
    display:flex;
    align-items:center;
    gap:40px;
    background:#F4F7FB;
    padding:45px;
    border-radius:20px;
}

.year-box{
    width:170px;
    height:170px;
    background:#0B2D5C;
    color:#fff;
    border-radius:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:52px;
    font-weight:700;
}

.year-content h2{
    color:#0B2D5C;
    margin-bottom:15px;
}

.year-content p{
    color:#666;
    line-height:1.8;
}

/* Mobile */

@media(max-width:768px){

.recognition-grid{
    grid-template-columns:1fr;
}

.established-card{
    flex-direction:column;
    text-align:center;
}

.section-header h2{
    font-size:34px;
}

}
/* ===========================
VISION & MISSION
=========================== */

.vision-mission-section{
    width:90%;
    max-width:1300px;
    margin:80px auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:40px;
}

.vision-card,
.mission-card{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.card-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#D4B06A;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:20px;
}

.vision-card h2,
.mission-card h2{
    font-size:36px;
    color:#0B2D5C;
    margin-bottom:20px;
}

.vision-card p,
.mission-card li{
    font-size:18px;
    color:#555;
    line-height:1.8;
}

.mission-card ul{
    padding-left:20px;
}

.mission-card li{
    margin-bottom:15px;
}
/* ===========================
FOUNDER MESSAGE
=========================== */

.founder-section{
    width:90%;
    max-width:1300px;
    margin:80px auto;
    display:grid;
    grid-template-columns:420px 1fr;
    gap:60px;
    align-items:center;
}

.founder-image img{
    width:100%;
    border-radius:20px;
    display:block;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.founder-tag{
    display:inline-block;
    background:#D4B06A;
    color:#0B2D5C;
    padding:14px 28px;
    border-radius:40px;
    font-weight:700;
    margin-bottom:25px;
}

.founder-content h2{
    font-size:42px;
    color:#0B2D5C;
    margin-bottom:20px;
}

.founder-content h3{
    font-size:30px;
    color:#111;
    margin-bottom:20px;
}

.founder-content p{
    font-size:18px;
    line-height:1.9;
    color:#555;
    margin-bottom:18px;
}

.founder-name{
    margin-top:30px;
    font-size:24px;
    font-weight:700;
    color:#0B2D5C;
}

.founder-designation{
    color:#777;
    font-size:17px;
}
/* ==========================
   FOUNDER SECTION
========================== */

.founder-section{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:380px 1fr;
    gap:60px;
    align-items:center;
}

.founder-image{
    width:100%;
}

.founder-image img{
    width:100%;
    display:block;
    border-radius:20px;
    object-fit:cover;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.founder-content h2{
    font-size:42px;
    color:#0B2D5C;
    margin:15px 0;
}

.founder-content h4{
    color:#D4B06A;
    font-size:22px;
    margin-bottom:20px;
}

.founder-content p{
    font-size:17px;
    line-height:1.8;
    color:#555;
    margin-bottom:18px;
}

.founder-sign{
    margin-top:25px;
    font-weight:600;
    color:#0B2D5C;
}
/*==========================
 TRUST SECTION
===========================*/

.trustees-section{

    padding:80px 6%;
    background:#fff;
    text-align:center;

}

.trust-heading{

    font-size:42px;
    color:#ff9800;
    font-weight:700;
    margin-bottom:60px;
    line-height:1.4;

}

.trust-heading span{

    font-weight:800;

}

.trustees-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
    max-width:1300px;
    margin:auto;

}

.trustee-card{

    text-align:center;

}

.trustee-card img{

    width:100%;
    height:450px;
    object-fit:cover;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);

}

.trustee-card h3{
    margin-top:20px;
    font-size:36px;
    font-weight:700;
    color:#0B2D5C;
}

.trustee-card p{
    margin-top:8px;
    font-size:22px;
    font-weight:600;
    color:#D4B06A;
}

.trustee-card:hover{

    transform:translateY(-8px);
    transition:.4s;

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

.why-page{
    padding:80px 6%;
    background:#F4F7FB;
}

.why-container{
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.why-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.why-content h2{
    font-size:46px;
    color:#0B2D5C;
    margin-bottom:20px;
    font-weight:700;
}

.why-content p{
    font-size:18px;
    line-height:1.8;
    color:#555;
    margin-bottom:35px;
}

.why-list{
    list-style:none;
    padding:0;
}

.why-list li{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:22px;
    font-size:20px;
    color:#0B2D5C;
    font-weight:600;
}

.why-list li::before{
    content:"✓";
    width:35px;
    height:35px;
    background:#D4B06A;
    color:#0B2D5C;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    font-weight:bold;
}
.why-btn{
    display:inline-block;
    background:#0B2D5C;
    color:#fff !important;
    text-decoration:none;
    padding:16px 38px;
    border-radius:10px;
    margin-top:35px;
    font-weight:600;
}

.why-content{
    padding-bottom:40px;
}
/* ===== ABOUT HERO FINAL FIX ===== */

.about-hero{
    background:#F4F7FB !important;
    padding:70px 5% !important;
}

.about-hero-content{
    max-width:1200px !important;
    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    align-items:center !important;
    gap:60px !important;
}

.hero-left{
    width:100% !important;
}

.hero-right{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
}

.hero-right img{
    width:100% !important;
    max-width:500px !important;
    height:auto !important;
    border-radius:20px !important;
    object-fit:cover !important;
}

/* MOBILE */

@media(max-width:768px){

.about-hero-content{

    grid-template-columns:1fr !important;
    text-align:center !important;
}

.hero-right{

    order:-1 !important;
}

.hero-right img{

    max-width:280px !important;
}

.hero-left h1{

    font-size:34px !important;
}

}
    top:auto !important;
    transform:none !important;
}
/* =========================
   VISION / MISSION MOBILE
========================= */

@media screen and (max-width:768px){

/* Parent Container */
.vision-mission,
.vm-container,
.about-cards,
.cards,
.row{

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:20px !important;

}

/* Individual Cards */
.vision-card,
.mission-card,
.card{

    width:100% !important;
    max-width:330px !important;
    margin:0 auto 20px !important;
    padding:30px 20px !important;
    height:auto !important;

}

/* Icon */
.vision-card img,
.mission-card img,
.card img{

    width:70px !important;
    height:70px !important;
    display:block;
    margin:0 auto 20px;

}

/* Heading */
.vision-card h2,
.mission-card h2,
.card h2{

    font-size:32px !important;
    line-height:1.2 !important;
    text-align:center;

}

/* Paragraph */
.vision-card p,
.mission-card p,
.card p{

    font-size:16px !important;
    line-height:1.8 !important;
    text-align:center;

}

}
/* =========================
   BSCC SECTION
========================= */

.bscc-premium{
    padding:80px 20px;
    background:#f7f9fc;
}

.bscc-premium .container{
    max-width:1200px;
    margin:0 auto;
}

/* Heading */

.section-header{
    text-align:center;
    margin-bottom:60px;
}

.section-header span{
    display:block;
    color:#D4B06A;
    font-size:16px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.section-header h2{
    font-size:60px;
    font-weight:800;
    color:#0B2D5C;
    line-height:1.2;
    margin-bottom:20px;
}

.section-header p{
    max-width:850px;
    margin:0 auto;
    font-size:20px;
    color:#666;
    line-height:1.8;
}

/* Card */

.content-card{
    background:#fff;
    border-radius:20px;
    padding:50px;
    margin-top:40px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.content-card h3{
    font-size:34px;
    color:#0B2D5C;
    margin-bottom:25px;
}

.content-card p{
    font-size:18px;
    color:#555;
    line-height:1.9;
}

/* Highlight */

.highlight-box{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin:40px 0;
}

.highlight-card{
    background:#0B2D5C;
    color:#fff;
    padding:30px;
    border-radius:18px;
    text-align:center;
}

.highlight-card h4{
    font-size:42px;
    color:#D4B06A;
    margin-bottom:10px;
}

.highlight-card p{
    color:#fff;
    margin:0;
}

/* Grid */

.document-grid,
.process-grid,
.benefits-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:30px;
}

.document-card,
.process-card,
.benefit-card{
    background:#fff;
    border-radius:18px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

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

@media(max-width:768px){

.bscc-premium{
    padding:50px 15px;
}

.section-header h2{
    font-size:36px;
}

.section-header p{
    font-size:16px;
}

.content-card{
    padding:25px;
}

.content-card h3{
    font-size:26px;
}

.content-card p{
    font-size:16px;
}

.highlight-box,
.document-grid,
.process-grid,
.benefits-grid{
    grid-template-columns:1fr;
}

.highlight-card h4{
    font-size:34px;
}

}
/* Highlight Cards */

.highlight-box{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin:40px 0;
}

.highlight-item{
    background:#ffffff;
    border-radius:18px;
    padding:30px 20px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    border-top:5px solid #D4B06A;
    transition:.3s;
}

.highlight-item:hover{
    transform:translateY(-8px);
}

.highlight-item h3{
    font-size:42px;
    color:#0B2D5C;
    margin-bottom:10px;
    font-weight:700;
}

.highlight-item p{
    margin:0;
    color:#555;
    font-size:18px;
    line-height:1.6;
}

@media(max-width:768px){

.highlight-box{
    grid-template-columns:1fr;
}

.highlight-item{
    padding:25px;
}

.highlight-item h3{
    font-size:34px;
}

}
.highlight-box{
    display:flex;
    justify-content:space-between;
    gap:30px;
    margin-top:40px;
    flex-wrap:wrap;
}

.highlight-box > div{
    flex:1;
    min-width:250px;
    background:#fff;
    padding:30px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border-top:5px solid #D4B06A;
}

.highlight-box h3{
    font-size:42px;
    color:#0B2D5C;
    margin-bottom:10px;
}

.highlight-box p{
    font-size:18px;
    color:#666;
}

@media(max-width:768px){

.highlight-box{
    flex-direction:column;
}

.highlight-box > div{
    width:100%;
}

}
.content-card{
    max-width:900px;
    margin:50px auto;
    text-align:left;
}

.content-card h3{
    font-size:42px;
    margin-bottom:20px;
    color:#0B2D5C;
}

.content-card p{
    max-width:850px;
    margin:0 auto;
    font-size:22px;
    line-height:1.9;
    color:#555;
}

@media (max-width:768px){

.welcome-slider{
    height:45px;
}

.marquee-content{
    animation-duration:12s;
}

.marquee-content span{
    font-size:14px;
    margin-right:40px;
}

}