body{
    font-family:Poppins,sans-serif;
    background:#f7f9fc;
}

.top-bar{
    background:#0d47a1;
    color:#fff;
    padding:8px 0;
    font-size:14px;
}

.navbar{
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.nav-link{
    font-weight:600;
    margin-left:20px;
}


/* Desktop */
.hero {
    height: 90vh;
}

/* Tablet */
@media (max-width: 991px) {
    .hero {
        height: 80vh;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .hero {
        height: 50vh;
    }
}

.slide1{
    background:url('../images/slider/slider-1.png') center/cover;
}

.slide2{
    background:url('../images/slider/slider-2.png') center/cover;
}

.slide3{
    background:url('../images/slider/slider-3.png') center/cover;
}

/* Desktop */
.swiper-slide {
    height: 90vh;
}

/* Tablet */
@media (max-width: 991px) {
    .swiper-slide {
        height: 70vh;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .swiper-slide {
        height: 40vh;
    }
}

.overlay{
    background:rgba(0,0,0,.55);
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
}

.hero-content{
    color:#fff;
    max-width:650px;
}

.hero-content h1{
    font-size:58px;
    font-weight:800;
}

.hero-content p{
    font-size:20px;
    margin:25px 0;
}

.quick-info{
    margin-top:-70px;
    position:relative;
    z-index:10;
}

.box{
    background:#fff;
    border-radius:15px;
    padding:35px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.1);
}

.box i{
    font-size:42px;
    color:#0d47a1;
    margin-bottom:15px;
}

.box h4{
    font-weight:700;
    margin-top:10px;
}

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

.about-section{
padding:100px 0;
background:#fff;
}

.section-subtitle{
color:#FFC107;
font-weight:700;
letter-spacing:2px;
}

.section-title{
font-size:42px;
font-weight:700;
margin-top:15px;
color:#0D47A1;
}

.about-image img{
border-radius:20px;
}

.about-feature{
padding:15px;
background:#f8f9fa;
border-radius:10px;
font-weight:600;
transition:.3s;
}

.about-feature i{
color:#0D47A1;
margin-right:10px;
}

.about-feature:hover{
background:#0D47A1;
color:#fff;
transform:translateY(-5px);
}

.about-feature:hover i{
color:#FFC107;
}

/*======================
PRINCIPAL
======================*/

.principal-section{
padding:90px 0;
background:#F5F7FB;
}

.principal-img{
width:260px;
height:260px;
border-radius:50%;
object-fit:cover;
border:8px solid white;
box-shadow:0 10px 40px rgba(0,0,0,.15);
}

.principal-section h2{
font-weight:700;
margin:15px 0;
color:#0D47A1;
}

.principal-section p{
line-height:30px;
font-size:17px;
}

/*======================
COUNTER
======================*/

.counter-section{
padding:90px 0;
background:#0D47A1;
}

.counter-box{
padding:30px;
}

.counter-box h2{
font-size:60px;
color:#FFC107;
font-weight:700;
}

.counter-box p{
color:#fff;
font-size:20px;
}

@media(max-width:991px){

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

.principal-img{
margin-bottom:40px;
}

.counter-box{
margin-bottom:30px;
}

}
/*======================
POPULAR TRADES
======================*/

.trades-section{
background:#ffffff;
}

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

.trade-card i{
font-size:55px;
color:#0D47A1;
margin-bottom:20px;
transition:.3s;
}

.trade-card h4{
font-weight:700;
margin-bottom:15px;
}

.trade-card:hover{
transform:translateY(-10px);
background:#0D47A1;
color:#fff;
}

.trade-card:hover i{
color:#FFC107;
}

.trade-card:hover .btn{
background:#FFC107;
border-color:#FFC107;
color:#000;
}

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

.facility-section{
background:#F5F7FB;
}

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

.facility-card i{
font-size:50px;
color:#FFC107;
margin-bottom:20px;
}

.facility-card h4{
font-weight:700;
margin-bottom:15px;
color:#0D47A1;
}

.facility-card:hover{
transform:translateY(-10px);
box-shadow:0 15px 40px rgba(13,71,161,.18);
}

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

.why-us{

padding:100px 0;

background:#ffffff;

}

.why-card{

background:#fff;

padding:40px 30px;

border-radius:20px;

text-align:center;

height:100%;

transition:.4s;

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

position:relative;

overflow:hidden;

}

.why-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:5px;

background:#FFC107;

transform:scaleX(0);

transition:.4s;

}

.why-card:hover::before{

transform:scaleX(1);

}

.icon-box{

width:90px;

height:90px;

margin:auto;

border-radius:50%;

background:#0D47A1;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

transition:.4s;

}

.icon-box i{

font-size:38px;

color:#fff;

}

.why-card h4{

font-weight:700;

margin-bottom:15px;

color:#0D47A1;

}

.why-card p{

font-size:15px;

line-height:28px;

color:#666;

}

.why-card:hover{

transform:translateY(-12px);

box-shadow:0 18px 40px rgba(13,71,161,.20);

}

.why-card:hover .icon-box{

background:#FFC107;

transform:rotateY(180deg);

}

.why-card:hover .icon-box i{

color:#0D47A1;

}

@media(max-width:768px){

.why-card{

margin-bottom:20px;

}

}

/*=====================================
PLACEMENT SECTION
======================================*/

.placement-section{

background:#F7F9FC;

padding:100px 0;

}

.placement-card{

background:#fff;

padding:40px 25px;

text-align:center;

border-radius:20px;

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

transition:.4s;

height:100%;

}

.placement-card i{

font-size:50px;

color:#FFC107;

margin-bottom:20px;

}

.placement-card h2{

font-size:42px;

font-weight:700;

color:#0D47A1;

margin-bottom:10px;

}

.placement-card h5{

font-weight:600;

}

.placement-card:hover{

transform:translateY(-10px);

background:#0D47A1;

color:#fff;

}

.placement-card:hover h2{

color:#FFC107;

}

.placement-card:hover i{

color:#fff;

}

.placement-list{

list-style:none;

padding:0;

margin-top:25px;

}

.placement-list li{

margin-bottom:15px;

font-size:16px;

}

.placement-list i{

color:#28a745;

margin-right:10px;

}

/*=====================================
RECRUITERS SECTION
======================================*/

.recruiters-section{
    background:#ffffff;
    padding:100px 0;
}

.logo-card{
    background:#fff;
    border-radius:18px;
    padding:30px;
    height:150px;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #e8edf5;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.35s;
}

.logo-card img{
    max-width:140px;
    max-height:70px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:.8;
    transition:.35s;
}

.logo-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(13,71,161,.15);
    border-color:#0D47A1;
}

.logo-card:hover img{
    filter:none;
    opacity:1;
    transform:scale(1.08);
}

/* Swiper Navigation */

.recruiter-next,
.recruiter-prev{
    color:#0D47A1;
    width:46px;
    height:46px;
    background:#fff;
    border-radius:50%;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
}

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

.recruiter-pagination{
    margin-top:25px;
    position:relative;
}

.recruiter-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    opacity:1;
    background:#cfd8dc;
}

.recruiter-pagination .swiper-pagination-bullet-active{
    width:26px;
    border-radius:20px;
    background:#FFC107;
}

@media(max-width:992px){

.logo-card{
    height:130px;
    padding:20px;
}

.logo-card img{
    max-width:110px;
    max-height:60px;
}

}

@media(max-width:576px){

.logo-card{
    height:120px;
}

.recruiter-next,
.recruiter-prev{
    display:none;
}

}

/*====================================
CALL TO ACTION
=====================================*/

.admission-cta{

padding:100px 0;

background:#f7f9fc;

}

.cta-wrapper{

background:linear-gradient(135deg,#0D47A1,#1565C0);

border-radius:30px;

padding:60px;

position:relative;

overflow:hidden;

color:#fff;

box-shadow:0 20px 50px rgba(13,71,161,.25);

}

.cta-wrapper::before{

content:"";

position:absolute;

right:-120px;

top:-120px;

width:320px;

height:320px;

background:rgba(255,255,255,.08);

border-radius:50%;

}

.cta-wrapper::after{

content:"";

position:absolute;

left:-80px;

bottom:-80px;

width:220px;

height:220px;

background:rgba(255,193,7,.12);

border-radius:50%;

}

.cta-badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:10px 18px;

border-radius:50px;

background:rgba(255,255,255,.15);

backdrop-filter:blur(10px);

font-weight:600;

margin-bottom:25px;

}

.cta-badge i{

color:#FFC107;

}

.cta-wrapper h2{

font-size:44px;

font-weight:700;

margin-bottom:20px;

line-height:1.25;

}

.cta-wrapper p{

font-size:18px;

line-height:1.8;

opacity:.95;

max-width:650px;

}

.cta-buttons{

margin-top:35px;

}

.cta-buttons .btn{

padding:14px 28px;

font-weight:600;

border-radius:10px;

}

.cta-buttons .btn-outline-light:hover{

background:#fff;

color:#0D47A1;

}

.cta-icon{

width:220px;

height:220px;

margin:auto;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:rgba(255,255,255,.12);

border:2px solid rgba(255,255,255,.25);

backdrop-filter:blur(12px);

}

.cta-icon i{

font-size:90px;

color:#FFC107;

}

@media(max-width:991px){

.cta-wrapper{

padding:40px 30px;

text-align:center;

}

.cta-wrapper h2{

font-size:34px;

}

.cta-icon{

margin-top:40px;

width:180px;

height:180px;

}

.cta-icon i{

font-size:70px;

}

}

@media(max-width:576px){

.cta-buttons .btn{

display:block;

width:100%;

margin-bottom:15px;

}

}

/*====================================================
    TESTIMONIAL SECTION
=====================================================*/

.testimonials-section{
    padding:100px 0;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

/* Decorative Background */

.testimonials-section::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(13,71,161,.04);
    border-radius:50%;
    top:-120px;
    left:-120px;
}

.testimonials-section::after{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(255,193,7,.08);
    border-radius:50%;
    bottom:-80px;
    right:-80px;
}

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

.testimonial-card{

    position:relative;

    background:#ffffff;

    border-radius:22px;

    padding:40px 35px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

    overflow:hidden;

    border:1px solid #edf2f7;

}

/* Top Accent */

.testimonial-card::before{

    content:'';

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#0D47A1;

}

/*====================================================
    STUDENT PHOTO
=====================================================*/

.student-photo{

    width:110px;

    height:110px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    overflow:hidden;

    border:5px solid #FFC107;

    box-shadow:0 8px 20px rgba(0,0,0,.12);

}

.student-photo img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.4s;

}

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

.rating{

    margin-bottom:20px;

}

.rating i{

    color:#FFC107;

    font-size:18px;

    margin:0 2px;

}

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

.testimonial-card p{

    font-size:16px;

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

    min-height:145px;

}

.testimonial-card h4{

    font-size:22px;

    font-weight:700;

    color:#0D47A1;

    margin-bottom:6px;

}

.testimonial-card span{

    display:block;

    color:#777;

    font-size:15px;

    font-weight:500;

}

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

.testimonial-card::after{

    content:"\f10d";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    right:25px;

    top:20px;

    font-size:40px;

    color:rgba(13,71,161,.08);

}

/*====================================================
    HOVER
=====================================================*/

.testimonial-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 55px rgba(13,71,161,.18);

}

.testimonial-card:hover .student-photo img{

    transform:scale(1.08);

}

/*====================================================
    TESTIMONIAL SLIDER CONTROLS
=====================================================*/

.testimonialSlider{
    padding:15px 5px 70px;
}

.testimonialSlider .swiper-slide{
    height:auto;
    display:flex;
}

.testimonial-card{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

/*==========================
Navigation
===========================*/

.testimonial-next,
.testimonial-prev{

    width:50px;
    height:50px;

    border-radius:50%;

    background:#ffffff;

    color:#0D47A1;

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

    transition:.35s;

}

.testimonial-next::after,
.testimonial-prev::after{

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

}

.testimonial-next:hover,
.testimonial-prev:hover{

    background:#0D47A1;
    color:#ffffff;

}

/*==========================
Pagination
===========================*/

.testimonial-pagination{

    bottom:0 !important;

}

.testimonial-pagination
.swiper-pagination-bullet{

    width:12px;
    height:12px;

    opacity:1;

    background:#d6dce5;

    transition:.35s;

}

.testimonial-pagination
.swiper-pagination-bullet-active{

    width:32px;

    border-radius:20px;

    background:#FFC107;

}

/*==========================
Card Hover Effects
===========================*/

.testimonial-card{

    transition:
        transform .35s,
        box-shadow .35s,
        border-color .35s;

}

.testimonial-card:hover{

    border-color:#0D47A1;

}

.testimonial-card:hover h4{

    color:#1565C0;

}

.testimonial-card:hover span{

    color:#444;

}

/* Gold line animation */

.testimonial-card::before{

    transition:.35s;

}

.testimonial-card:hover::before{

    background:#FFC107;

}

/*==========================
Quote Animation
===========================*/

.testimonial-card::after{

    transition:.35s;

}

.testimonial-card:hover::after{

    transform:scale(1.15);

    color:rgba(255,193,7,.18);

}

/*==========================
Image Animation
===========================*/

.student-photo{

    transition:.35s;

}

.testimonial-card:hover .student-photo{

    transform:rotate(-2deg);

}

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

@media(max-width:1200px){

.testimonial-card{

    padding:35px 28px;

}

}

@media(max-width:992px){

.testimonial-card{

    padding:30px;

}

.testimonial-card p{

    min-height:auto;

}

}

@media(max-width:768px){

.testimonial-next,
.testimonial-prev{

    display:none;

}

.testimonialSlider{

    padding-bottom:60px;

}

.student-photo{

    width:95px;
    height:95px;

}

.testimonial-card h4{

    font-size:20px;

}

}

@media(max-width:576px){

.testimonials-section{

    padding:70px 0;

}

.testimonial-card{

    padding:25px;

}

.student-photo{

    width:85px;
    height:85px;

}

.rating i{

    font-size:16px;

}

.testimonial-card p{

    font-size:15px;

    line-height:1.8;

}

}

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

.news-section{
    padding:100px 0;
    background:#f8fafc;
    position:relative;
}

.news-section .section-title{
    margin-bottom:15px;
}

.notice-wrapper{
    display:flex;
    flex-direction:column;
    gap:25px;
}

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

.notice-card{

    display:flex;

    align-items:center;

    gap:25px;

    background:#ffffff;

    border-radius:18px;

    padding:25px;

    border:1px solid #edf2f7;

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

    transition:.35s;

}

/* Left Date */

.notice-date{

    width:90px;

    min-width:90px;

    height:90px;

    border-radius:15px;

    background:linear-gradient(135deg,#0D47A1,#1565C0);

    color:#ffffff;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    box-shadow:0 10px 20px rgba(13,71,161,.25);

}

.notice-date span{

    font-size:30px;

    font-weight:700;

    line-height:1;

}

.notice-date small{

    margin-top:6px;

    letter-spacing:2px;

    font-weight:600;

    font-size:13px;

}

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

.notice-content{

    flex:1;

}

.notice-content h4{

    font-size:22px;

    font-weight:700;

    color:#0D47A1;

    margin:10px 0;

}

.notice-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==================================================
                BADGES
===================================================*/

.notice-content .badge{

    font-size:12px;

    padding:8px 14px;

    border-radius:30px;

    letter-spacing:.5px;

    text-transform:uppercase;

}

.badge.bg-danger{

    background:#dc3545 !important;

}

.badge.bg-success{

    background:#198754 !important;

}

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

.notice-action{

    display:flex;

    align-items:center;

}

.notice-action .btn{

    min-width:120px;

    border-radius:10px;

    font-weight:600;

    padding:12px 18px;

    transition:.3s;

}

.notice-action .btn-primary{

    background:#0D47A1;

    border-color:#0D47A1;

}

.notice-action .btn-primary:hover{

    background:#08367d;

    border-color:#08367d;

}

.notice-action .btn-outline-primary:hover{

    background:#0D47A1;

    color:#ffffff;

}

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

.notice-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 45px rgba(13,71,161,.14);

    border-color:#0D47A1;

}

.notice-card:hover .notice-date{

    transform:scale(1.05);

    transition:.35s;

}

.notice-card:hover h4{

    color:#1565C0;

}

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

@media(max-width:768px){

.notice-card{

    flex-direction:column;

    text-align:center;

}

.notice-date{

    margin-bottom:10px;

}

.notice-action{

    width:100%;

    justify-content:center;

    margin-top:15px;

}

.notice-action .btn{

    width:100%;

}

}
/*====================================================
            UPCOMING EVENTS SIDEBAR
====================================================*/

.event-box{
    background:#ffffff;
    border-radius:20px;
    padding:30px;
    border:1px solid #edf2f7;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    position:sticky;
    top:100px;
    transition:all .35s ease;
}

.event-box:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(13,71,161,.12);
}

.event-box h3{
    font-size:26px;
    font-weight:700;
    color:#0D47A1;
    margin-bottom:15px;
}

.event-box hr{
    border:0;
    height:2px;
    background:linear-gradient(to right,#0D47A1,#FFC107);
    margin-bottom:25px;
}

/*====================================
        EVENT ITEM
====================================*/

.event-item{
    position:relative;
    padding:18px 0 18px 28px;
    border-bottom:1px solid #edf2f7;
    transition:all .3s ease;
}

.event-item:last-child{
    border-bottom:none;
    padding-bottom:8px;
}

/* Timeline Line */

.event-item::before{
    content:"";
    position:absolute;
    left:8px;
    top:0;
    width:2px;
    height:100%;
    background:#d9e3f2;
}

/* Timeline Dot */

.event-item::after{
    content:"";
    position:absolute;
    left:2px;
    top:26px;
    width:14px;
    height:14px;
    border-radius:50%;
    background:#FFC107;
    border:3px solid #0D47A1;
    transition:.3s;
}

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

.event-item h5{
    font-size:18px;
    font-weight:600;
    color:#0D47A1;
    margin-bottom:6px;
    transition:.3s;
}

.event-item span{
    display:block;
    color:#6c757d;
    font-size:14px;
    font-weight:500;
}

/*====================================
        HOVER
====================================*/

.event-item:hover{
    padding-left:36px;
}

.event-item:hover::after{
    transform:scale(1.25);
    background:#0D47A1;
    border-color:#FFC107;
}

.event-item:hover h5{
    color:#1565C0;
}

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

.event-box .btn-warning{
    margin-top:25px;
    border-radius:12px;
    padding:14px;
    font-size:16px;
    font-weight:600;
    transition:.3s;
    box-shadow:0 8px 20px rgba(255,193,7,.25);
}

.event-box .btn-warning:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 25px rgba(255,193,7,.35);
}

/*====================================================
    NEWS & NOTICE - RESPONSIVE & FINAL POLISH
====================================================*/

/* Smooth transitions */

.notice-card,
.notice-date,
.notice-content h4,
.notice-action .btn,
.event-box,
.event-item,
.event-item h5{
    transition:all .35s ease;
}

/* Better button alignment */

.notice-action{
    flex-shrink:0;
}

/* Consistent spacing */

.notice-wrapper{
    margin-bottom:30px;
}

/* Event list spacing */

.event-item:first-child{
    padding-top:5px;
}

.event-item:last-child::before{
    height:28px;
}

/* Hover background */

.notice-card:hover{
    background:#ffffff;
}

.event-item:hover{
    background:rgba(13,71,161,.02);
    border-radius:10px;
}

/*==========================================
Large Desktop
==========================================*/

@media (min-width:1400px){

.notice-content h4{
    font-size:24px;
}

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

}

/*==========================================
Laptop
==========================================*/

@media (max-width:1200px){

.notice-card{
    padding:22px;
}

.notice-date{
    width:80px;
    min-width:80px;
    height:80px;
}

.notice-date span{
    font-size:26px;
}

.notice-content h4{
    font-size:20px;
}

.event-box{
    padding:25px;
}

}

/*==========================================
Tablet
==========================================*/

@media (max-width:992px){

.news-section{
    padding:80px 0;
}

.notice-wrapper{
    margin-bottom:40px;
}

.event-box{
    position:relative;
    top:0;
}

.notice-card{
    gap:18px;
}

.notice-content h4{
    font-size:19px;
}

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

}

/*==========================================
Mobile
==========================================*/

@media (max-width:768px){

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

.notice-card{

    flex-direction:column;

    text-align:center;

    padding:25px 20px;

}

.notice-date{
    margin-bottom:5px;
}

.notice-content{
    width:100%;
}

.notice-content h4{
    font-size:20px;
}

.notice-action{
    width:100%;
    margin-top:20px;
    justify-content:center;
}

.notice-action .btn{
    width:100%;
}

.event-box{
    margin-top:35px;
}

.event-item{
    padding-left:24px;
}

}

/*==========================================
Small Mobile
==========================================*/

@media (max-width:576px){

.notice-date{
    width:70px;
    min-width:70px;
    height:70px;
}

.notice-date span{
    font-size:22px;
}

.notice-date small{
    font-size:11px;
}

.notice-content h4{
    font-size:18px;
}

.notice-content p{
    font-size:14px;
    line-height:1.7;
}

.event-box{
    padding:22px;
}

.event-box h3{
    font-size:22px;
}

.event-item h5{
    font-size:16px;
}

.event-item span{
    font-size:13px;
}

}

/*==========================================
Accessibility
==========================================*/

.notice-action .btn:focus,
.event-box .btn:focus{
    outline:none;
    box-shadow:0 0 0 .25rem rgba(13,71,161,.25);
}

/*==========================================
Print
==========================================*/

@media print{

.event-box{
    box-shadow:none;
    border:1px solid #ccc;
}

.notice-card{
    break-inside:avoid;
    box-shadow:none;
}

}

/*====================================
Notice Animation
====================================*/

.notice-hidden{

    opacity:0;

    transform:translateY(40px);

    transition:all .7s ease;

}

.notice-show{

    opacity:1;

    transform:translateY(0);

}

.notice-active{

    border-left:5px solid #FFC107;

}

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

.gallery-section{
    padding:100px 0;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

/* Decorative Background */

.gallery-section::before{
    content:"";
    position:absolute;
    top:-120px;
    left:-120px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(13,71,161,.04);
}

.gallery-section::after{
    content:"";
    position:absolute;
    right:-100px;
    bottom:-100px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(255,193,7,.08);
}

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

.gallery-grid{
    position:relative;
}

.gallery-item{
    transition:.35s ease;
}

.gallery-card{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    background:#ffffff;

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

    cursor:pointer;

    transition:.4s ease;

}

.gallery-card img{

    width:100%;

    height:260px;

    object-fit:cover;

    display:block;

    transition:.5s ease;

}

/*====================================================
                OVERLAY
====================================================*/

.gallery-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(13,71,161,.95),
        rgba(13,71,161,.25)
    );

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    align-items:center;

    text-align:center;

    padding:25px;

    opacity:0;

    transition:.4s ease;

}

.gallery-overlay h5{

    color:#ffffff;

    font-size:22px;

    font-weight:700;

    margin-bottom:8px;

    transform:translateY(20px);

    transition:.35s;

}

.gallery-overlay p{

    color:#ffffff;

    opacity:.92;

    margin-bottom:20px;

    transform:translateY(20px);

    transition:.45s;

}

.gallery-view{

    width:58px;

    height:58px;

    border-radius:50%;

    background:#FFC107;

    color:#0D47A1;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    font-size:22px;

    transform:scale(.7);

    transition:.35s;

}

/*====================================================
                HOVER EFFECTS
====================================================*/

.gallery-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 50px rgba(13,71,161,.18);

}

.gallery-card:hover img{

    transform:scale(1.12);

}

.gallery-card:hover .gallery-overlay{

    opacity:1;

}

.gallery-card:hover .gallery-overlay h5{

    transform:translateY(0);

}

.gallery-card:hover .gallery-overlay p{

    transform:translateY(0);

}

.gallery-card:hover .gallery-view{

    transform:scale(1);

}

.gallery-view:hover{

    background:#ffffff;

    color:#0D47A1;

    transform:scale(1.1);

}

/*====================================================
            GALLERY FILTER BUTTONS
====================================================*/

.gallery-filter{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:50px;
}

.gallery-filter .btn{

    min-width:140px;

    padding:12px 24px;

    border-radius:50px;

    font-weight:600;

    font-size:15px;

    transition:all .35s ease;

    border:2px solid #0D47A1;

    color:#0D47A1;

    background:#ffffff;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.gallery-filter .btn:hover{

    background:#0D47A1;

    color:#ffffff;

    transform:translateY(-3px);

    box-shadow:0 12px 28px rgba(13,71,161,.18);

}

.gallery-filter .btn.active{

    background:linear-gradient(135deg,#0D47A1,#1565C0);

    color:#ffffff;

    border-color:#0D47A1;

    box-shadow:0 15px 35px rgba(13,71,161,.22);

}

/*====================================================
            GALLERY CARD IMPROVEMENTS
====================================================*/

.gallery-card{

    border:1px solid #edf2f7;

}

.gallery-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:18px;

    border:2px solid transparent;

    transition:.35s;

    z-index:2;

    pointer-events:none;

}

.gallery-card:hover::before{

    border-color:rgba(255,193,7,.75);

}

.gallery-card:hover{

    border-color:#0D47A1;

}

/*====================================================
            IMAGE SHINE EFFECT
====================================================*/

.gallery-card::after{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:skewX(-25deg);

    transition:.8s;

}

.gallery-card:hover::after{

    left:140%;

}

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

.gallery-overlay{

    backdrop-filter:blur(2px);

}

.gallery-overlay h5{

    letter-spacing:.4px;

}

.gallery-overlay p{

    font-size:15px;

    max-width:220px;

}

.gallery-view{

    box-shadow:0 8px 18px rgba(0,0,0,.20);

}

.gallery-view i{

    transition:.35s;

}

.gallery-view:hover i{

    transform:scale(1.15);

}

/*====================================================
            GALLERY ITEM ANIMATION
====================================================*/

.gallery-item{

    opacity:1;

    transform:scale(1);

    transition:
        opacity .35s ease,
        transform .35s ease;

}

.gallery-item.hide{

    opacity:0;

    transform:scale(.92);

    pointer-events:none;

}

.gallery-item.show{

    opacity:1;

    transform:scale(1);

}

/*====================================================
            VIEW ALL BUTTON
====================================================*/

.gallery-section .btn-warning{

    padding:14px 34px;

    border-radius:12px;

    font-weight:600;

    transition:.35s;

    box-shadow:0 12px 30px rgba(255,193,7,.30);

}

.gallery-section .btn-warning:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 36px rgba(255,193,7,.40);

}

/*====================================================
        GALLERY RESPONSIVE DESIGN
====================================================*/

/*==========================
Large Desktop (1400px+)
===========================*/

@media (min-width:1400px){

.gallery-card img{

    height:300px;

}

.gallery-overlay h5{

    font-size:24px;

}

.gallery-overlay p{

    font-size:16px;

}

}

/*==========================
Desktop
===========================*/

@media (max-width:1200px){

.gallery-card img{

    height:250px;

}

.gallery-filter .btn{

    min-width:130px;

    padding:11px 22px;

}

}

/*==========================
Tablet
===========================*/

@media (max-width:992px){

.gallery-section{

    padding:80px 0;

}

.gallery-filter{

    gap:12px;

}

.gallery-filter .btn{

    min-width:120px;

    font-size:14px;

}

.gallery-card img{

    height:220px;

}

.gallery-overlay{

    padding:20px;

}

.gallery-overlay h5{

    font-size:20px;

}

.gallery-overlay p{

    font-size:14px;

}

}

/*==========================
Mobile
===========================*/

@media (max-width:768px){

.gallery-section{

    padding:70px 0;

}

.gallery-filter{

    gap:10px;

    margin-bottom:35px;

}

.gallery-filter .btn{

    min-width:auto;

    padding:10px 18px;

    font-size:14px;

}

.gallery-card{

    border-radius:15px;

}

.gallery-card img{

    height:210px;

}

.gallery-overlay{

    padding:18px;

}

.gallery-overlay h5{

    font-size:18px;

}

.gallery-overlay p{

    font-size:13px;

    margin-bottom:15px;

}

.gallery-view{

    width:50px;

    height:50px;

    font-size:18px;

}

}

/*==========================
Small Mobile
===========================*/

@media (max-width:576px){

.gallery-filter{

    justify-content:center;

}

.gallery-filter .btn{

    width:calc(50% - 8px);

}

.gallery-card img{

    height:200px;

}

.gallery-overlay{

    padding:15px;

}

.gallery-overlay h5{

    font-size:17px;

}

.gallery-overlay p{

    display:none;

}

.gallery-view{

    width:46px;

    height:46px;

    font-size:16px;

}

.gallery-section .btn-warning{

    width:100%;

}

}

/*====================================================
        GALLERY FINAL POLISH
====================================================*/

/* Smooth Rendering */

.gallery-section *{
    box-sizing:border-box;
}

/* Animation Ready */

.gallery-item{

    opacity:0;

    transform:translateY(40px);

    transition:
        opacity .8s ease,
        transform .8s ease;

}

.gallery-item.show{

    opacity:1;

    transform:translateY(0);

}

/* Card GPU Optimization */

.gallery-card{

    will-change:transform;

    backface-visibility:hidden;

    transform:translateZ(0);

}

/* Better Image Rendering */

.gallery-card img{

    image-rendering:auto;

    user-select:none;

    -webkit-user-drag:none;

}

/* Keyboard Accessibility */

.gallery-view:focus,

.gallery-filter .btn:focus{

    outline:none;

    box-shadow:
        0 0 0 4px rgba(13,71,161,.20);

}

/* Active Click */

.gallery-filter .btn:active{

    transform:scale(.96);

}

/* Hover Shadow */

.gallery-card:hover{

    box-shadow:
        0 25px 60px rgba(13,71,161,.20);

}

/* Overlay Fade */

.gallery-overlay{

    transition:
        opacity .35s,
        background .35s;

}

/* Icon Rotate */

.gallery-view i{

    transition:.35s;

}

.gallery-view:hover i{

    transform:rotate(20deg) scale(1.2);

}

/* Section Divider */

.gallery-section .section-title{

    margin-bottom:15px;

}

.gallery-section .text-muted{

    margin:auto;

    max-width:720px;

}

/* Better Button */

.gallery-section .btn-warning{

    font-weight:700;

    letter-spacing:.5px;

}

/* Reduced Motion */

@media (prefers-reduced-motion: reduce){

.gallery-card,

.gallery-item,

.gallery-overlay,

.gallery-view,

.gallery-filter .btn{

    transition:none !important;

}

}

/* Print */

@media print{

.gallery-filter,

.gallery-view,

.gallery-section .btn-warning{

    display:none;

}

.gallery-card{

    box-shadow:none;

    border:1px solid #ddd;

}

.gallery-overlay{

    position:relative;

    opacity:1;

    background:#ffffff;

    color:#000;

}

.gallery-overlay h5,

.gallery-overlay p{

    color:#000;

}

}
.gallery-item{
    transition:opacity .35s ease, transform .35s ease;
}

.gallery-item.show{
    opacity:1;
    transform:scale(1);
}

.gallery-item.hide{
    opacity:0;
    transform:scale(.92);
    pointer-events:none;
}
/*====================================================
                GALLERY LIGHTBOX
====================================================*/

.gallery-lightbox{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.92);

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:9999;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    padding:30px;

}

.gallery-lightbox.show{

    opacity:1;

    visibility:visible;

}

.gallery-lightbox img{

    max-width:92%;

    max-height:88vh;

    border-radius:14px;

    box-shadow:0 20px 60px rgba(0,0,0,.4);

    animation:galleryZoom .35s ease;

}

@keyframes galleryZoom{

    from{

        transform:scale(.85);

        opacity:0;

    }

    to{

        transform:scale(1);

        opacity:1;

    }

}

.gallery-close{

    position:absolute;

    top:25px;

    right:30px;

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    background:#ffffff;

    color:#0D47A1;

    font-size:22px;

    cursor:pointer;

    transition:.3s;

}

.gallery-close:hover{

    background:#FFC107;

    transform:rotate(90deg);

}
/*====================================================
        GALLERY NAVIGATION
====================================================*/

.gallery-prev,
.gallery-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:58px;

    height:58px;

    border:none;

    border-radius:50%;

    background:rgba(255,255,255,.95);

    color:#0D47A1;

    font-size:22px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s ease;

    z-index:20;

}

.gallery-prev{

    left:30px;

}

.gallery-next{

    right:30px;

}

.gallery-prev:hover,
.gallery-next:hover{

    background:#FFC107;

    color:#0D47A1;

    transform:translateY(-50%) scale(1.08);

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

}

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

.gallery-counter{

    position:absolute;

    bottom:30px;

    left:50%;

    transform:translateX(-50%);

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(12px);

    color:#ffffff;

    padding:10px 22px;

    border-radius:50px;

    font-size:15px;

    font-weight:600;

    letter-spacing:.5px;

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

}

.gallery-current{

    color:#FFC107;

    font-weight:700;

}

.gallery-total{

    color:#ffffff;

}

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

@media (max-width:768px){

.gallery-prev,
.gallery-next{

    width:46px;

    height:46px;

    font-size:18px;

}

.gallery-prev{

    left:12px;

}

.gallery-next{

    right:12px;

}

.gallery-counter{

    bottom:15px;

    padding:8px 18px;

    font-size:14px;

}

}

/*====================================================
        LIGHTBOX IMAGE CHANGE ANIMATION
====================================================*/

.gallery-lightbox img.changing{

    opacity:.3;

    transform:scale(.96);

    transition:.15s ease;

}

.gallery-lightbox img{

    transition:
        opacity .25s ease,
        transform .25s ease;

}

/*====================================================
        LIGHTBOX FINAL POLISH
====================================================*/


.gallery-lightbox{

    touch-action:pan-y;

}


.gallery-lightbox button{

    user-select:none;

    -webkit-tap-highlight-color:transparent;

}


.gallery-lightbox img{

    user-select:none;

    pointer-events:none;

}


/* Mobile Image Adjustment */

@media(max-width:576px){

.gallery-lightbox{

    padding:15px;

}


.gallery-lightbox img{

    max-width:96%;

    max-height:75vh;

}


.gallery-close{

    top:15px;

    right:15px;

    width:42px;

    height:42px;

    font-size:18px;

}

}


/* Reduced Motion */

@media(prefers-reduced-motion:reduce){


.gallery-lightbox img,

.gallery-lightbox,

.gallery-prev,

.gallery-next{

    transition:none !important;

}


}

/*====================================================
        GALLERY SCROLL ANIMATION
====================================================*/


.gallery-item{

    opacity:0;

    transform:
        translateY(40px)
        scale(.96);

    transition:
        opacity .7s ease,
        transform .7s ease;

}


.gallery-item.show{

    opacity:1;

    transform:
        translateY(0)
        scale(1);

}


/* Image Loading Effect */

.gallery-card img{

    opacity:1;

    transition:
        opacity .5s ease,
        transform .5s ease;

}


.gallery-card img.loaded{

    opacity:1;

}


/* Prevent Layout Shift */

.gallery-card{

    aspect-ratio:4/3;

}


.gallery-card img{

    height:100%;

    position:absolute;

    inset:0;

}


/* Reduced Motion */

@media(prefers-reduced-motion:reduce){


.gallery-item,

.gallery-card img{

    transition:none !important;

}


}


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


.about-hero{

    min-height:520px;

    background:
    linear-gradient(
        rgba(13,71,161,.85),
        rgba(0,0,0,.65)
    ),
    url("../images/about/about-banner.jpg");

    background-size:cover;

    background-position:center;

    display:flex;

    align-items:center;

    position:relative;

    color:#fff;

}


.about-content{

    max-width:750px;

    position:relative;

    z-index:2;

}


.about-tag{

    display:inline-block;

    background:#FFC107;

    color:#0D47A1;

    padding:8px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}


.about-content h1{

    font-size:52px;

    line-height:1.2;

    font-weight:800;

    margin-bottom:20px;

}


.about-content p{

    font-size:18px;

    line-height:1.7;

    opacity:.95;

    max-width:650px;

}


.breadcrumb-area{

    margin-top:30px;

    display:flex;

    gap:12px;

    align-items:center;

}


.breadcrumb-area a{

    color:#FFC107;

    text-decoration:none;

}


.breadcrumb-area span{

    color:#fff;

}


/* Responsive */


@media(max-width:768px){


.about-hero{

    min-height:420px;

}


.about-content h1{

    font-size:34px;

}


.about-content p{

    font-size:16px;

}


}

/*====================================
    COLLEGE INTRODUCTION
====================================*/

.about-introduction{

    background:#ffffff;

    padding:100px 0;

}

.about-image-wrapper{

    position:relative;

}

.about-image-wrapper img{

    border-radius:20px;

    transition:.4s;

}

.about-image-wrapper:hover img{

    transform:scale(1.02);

}

.floating-card{

    position:absolute;

    background:#ffffff;

    padding:18px 22px;

    border-radius:15px;

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

    text-align:center;

    min-width:170px;

}

.floating-card h3{

    margin:0;

    color:#0D47A1;

    font-size:30px;

    font-weight:700;

}

.floating-card span{

    display:block;

    margin-top:5px;

    color:#666;

    font-size:14px;

}

.card-one{

    top:30px;

    left:-25px;

}

.card-two{

    bottom:30px;

    right:-25px;

}

.feature-item{

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:500;

}

.feature-item i{

    color:#28a745;

    font-size:18px;

}

@media(max-width:991px){

.card-one,
.card-two{

    position:relative;

    top:auto;

    left:auto;

    right:auto;

    bottom:auto;

    margin-top:20px;

    display:inline-block;

}

.about-image-wrapper{

    text-align:center;

}

}

@media(max-width:576px){

.about-introduction{

    padding:70px 0;

}

.floating-card{

    width:100%;

}

}

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

.vision-mission{

    padding:100px 0;

    background:#f8fafc;

}

.section-description{

    max-width:760px;

    margin:20px auto 0;

    color:#6c757d;

    line-height:1.8;

}

.vm-card{

    background:#ffffff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    height:100%;

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

    transition:.35s ease;

    border:1px solid #edf2f7;

}

.vm-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 50px rgba(13,71,161,.15);

}

.vm-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:50%;

    background:linear-gradient(135deg,#0D47A1,#1565C0);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    font-size:34px;

}

.vm-card h3{

    margin-bottom:18px;

    font-weight:700;

    color:#0D47A1;

}

.vm-card p{

    color:#666;

    line-height:1.8;

}

.vm-list{

    list-style:none;

    padding:0;

    margin:0;

    text-align:left;

}

.vm-list li{

    padding:10px 0;

    font-weight:500;

    color:#444;

    border-bottom:1px solid #f1f1f1;

}

.vm-list li:last-child{

    border-bottom:none;

}

.vm-list i{

    color:#28a745;

    margin-right:10px;

}

@media(max-width:768px){

.vision-mission{

    padding:70px 0;

}

.vm-card{

    padding:30px 25px;

}

.vm-icon{

    width:70px;

    height:70px;

    font-size:28px;

}

}

/*====================================
        PRINCIPAL MESSAGE
====================================*/

.principal-message{

    padding:100px 0;

    background:#ffffff;

}

.principal-image{

    position:relative;

}

.principal-image img{

    width:100%;

    border-radius:22px;

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

}

.experience-badge{

    position:absolute;

    right:-20px;

    bottom:30px;

    background:#0D47A1;

    color:#ffffff;

    padding:20px 24px;

    border-radius:18px;

    text-align:center;

    box-shadow:0 15px 35px rgba(13,71,161,.25);

}

.experience-badge h3{

    margin:0;

    font-size:32px;

    font-weight:700;

}

.experience-badge span{

    font-size:14px;

}

.quote-icon{

    width:65px;

    height:65px;

    background:#FFC107;

    color:#0D47A1;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    margin:25px 0;

}

.principal-message p{

    line-height:1.9;

    color:#666;

}

.principal-info{

    margin-top:35px;

}

.principal-info h4{

    margin-bottom:5px;

    color:#0D47A1;

    font-weight:700;

}

.principal-info span{

    display:block;

    color:#555;

    font-weight:600;

}

.principal-signature{

    margin-top:20px;

    max-width:180px;

}

@media(max-width:991px){

.experience-badge{

    position:relative;

    right:auto;

    bottom:auto;

    display:inline-block;

    margin-top:20px;

}

}

@media(max-width:768px){

.principal-message{

    padding:70px 0;

}

.quote-icon{

    width:55px;

    height:55px;

    font-size:24px;

}

.principal-signature{

    max-width:140px;

}

}
/*====================================
        WHY CHOOSE OUR ITI
====================================*/

.why-choose-section{

    padding:100px 0;

    background:#f8fafc;

}

.choose-card{

    background:#ffffff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    height:100%;

    border:1px solid #edf2f7;

    transition:all .35s ease;

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

}

.choose-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.choose-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#0D47A1,#1565C0);

    color:#ffffff;

    font-size:30px;

    transition:.35s;

}

.choose-card:hover .choose-icon{

    background:linear-gradient(135deg,#FFC107,#ffb300);

    color:#0D47A1;

    transform:rotateY(180deg);

}

.choose-card h4{

    margin-bottom:15px;

    color:#0D47A1;

    font-weight:700;

    font-size:22px;

}

.choose-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

@media(max-width:991px){

.why-choose-section{

    padding:80px 0;

}

}

@media(max-width:576px){

.why-choose-section{

    padding:70px 0;

}

.choose-card{

    padding:30px 20px;

}

.choose-icon{

    width:70px;

    height:70px;

    font-size:26px;

}

.choose-card h4{

    font-size:20px;

}

}
/*====================================
    INFRASTRUCTURE & FACILITIES
====================================*/

.infrastructure-section{

    padding:100px 0;

    background:#ffffff;

}

.facility-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s ease;

    height:100%;

}

.facility-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(13,71,161,.18);

}

.facility-image{

    position:relative;

    overflow:hidden;

}

.facility-image img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.5s;

}

.facility-card:hover img{

    transform:scale(1.08);

}

.facility-overlay{

    position:absolute;

    inset:0;

    background:rgba(13,71,161,.75);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    transition:.35s;

}

.facility-card:hover .facility-overlay{

    opacity:1;

}

.facility-overlay i{

    width:70px;

    height:70px;

    background:#FFC107;

    color:#0D47A1;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

}

.facility-content{

    padding:25px;

}

.facility-content h4{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:12px;

}

.facility-content p{

    color:#666;

    line-height:1.7;

    margin-bottom:0;

}

@media(max-width:768px){

.infrastructure-section{

    padding:70px 0;

}

.facility-image img{

    height:220px;

}

}
/*====================================
    ACHIEVEMENTS & RECOGNITION
====================================*/

.achievement-section{

    padding:100px 0;

    background:#f8fafc;

}

.achievement-counter{

    background:#fff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

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

    transition:.35s;

}

.achievement-counter:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(13,71,161,.15);

}

.achievement-counter i{

    font-size:42px;

    color:#0D47A1;

    margin-bottom:18px;

}

.achievement-counter h2{

    font-size:42px;

    font-weight:800;

    color:#FFC107;

    margin-bottom:10px;

}

.achievement-counter p{

    color:#555;

    font-weight:600;

    margin:0;

}

.recognition-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    text-align:center;

    height:100%;

    border:1px solid #edf2f7;

    transition:.35s;

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

}

.recognition-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(13,71,161,.15);

}

.recognition-icon{

    width:80px;

    height:80px;

    margin:0 auto 20px;

    border-radius:50%;

    background:linear-gradient(135deg,#0D47A1,#1565C0);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

}

.recognition-card h4{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:15px;

}

.recognition-card p{

    color:#666;

    line-height:1.8;

}

@media(max-width:768px){

.achievement-section{

    padding:70px 0;

}

.achievement-counter{

    padding:30px 20px;

}

.recognition-card{

    padding:30px 25px;

}

}

/*====================================
        OUR JOURNEY TIMELINE
====================================*/

.journey-section{

    padding:100px 0;

    background:#ffffff;

}

.timeline{

    position:relative;

    max-width:1100px;

    margin:auto;

    padding:30px 0;

}

.timeline::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:100%;

    background:#0D47A1;

    transform:translateX(-50%);

}

.timeline-item{

    position:relative;

    width:50%;

    padding:20px 50px;

}

.timeline-item.left{

    left:0;

    text-align:right;

}

.timeline-item.right{

    left:50%;

}

.timeline-content{

    background:#fff;

    border-radius:18px;

    padding:30px;

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

    transition:.35s;

}

.timeline-content:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(13,71,161,.15);

}

.timeline-year{

    position:absolute;

    top:35px;

    width:72px;

    height:72px;

    border-radius:50%;

    background:#FFC107;

    color:#0D47A1;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    font-size:18px;

    z-index:2;

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

}

.timeline-item.left .timeline-year{

    right:-36px;

}

.timeline-item.right .timeline-year{

    left:-36px;

}

.timeline-content h4{

    color:#0D47A1;

    margin-bottom:15px;

    font-weight:700;

}

.timeline-content p{

    color:#666;

    line-height:1.8;

    margin:0;

}

/*==========================
        Mobile
==========================*/

@media(max-width:991px){

.timeline::before{

    left:30px;

}

.timeline-item{

    width:100%;

    left:0 !important;

    padding-left:90px;

    padding-right:15px;

    text-align:left;

}

.timeline-item.left{

    text-align:left;

}

.timeline-year{

    left:-6px !important;

    right:auto !important;

}

}
.timeline-item{

    opacity:0;

    transform:translateY(40px);

    transition:.6s ease;

}

.timeline-item.show{

    opacity:1;

    transform:translateY(0);

}
/*====================================
    ABOUT PAGE ANIMATIONS
====================================*/

.vm-card,
.choose-card,
.facility-card,
.recognition-card,
.timeline-item{

    opacity:0;

    transform:translateY(40px);

    transition:
        opacity .7s ease,
        transform .7s ease;

}

.vm-card.animate,
.choose-card.animate,
.facility-card.animate,
.recognition-card.animate,
.timeline-item.animate{

    opacity:1;

    transform:translateY(0);

}

/* Active Menu */

.navbar .nav-link.active{

    color:#FFC107;

    font-weight:700;

}

/* Back To Top */

.back-to-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:52px;

    height:52px;

    background:#0D47A1;

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    opacity:0;

    visibility:hidden;

    transition:.3s;

    z-index:999;

}

.back-to-top.show{

    opacity:1;

    visibility:visible;

}

.back-to-top:hover{

    background:#FFC107;

    color:#0D47A1;

    transform:translateY(-5px);

}

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

.courses-hero{

    min-height:550px;

    background:
    linear-gradient(
        rgba(13,71,161,.82),
        rgba(0,0,0,.65)
    ),
    url("../images/courses/banner.jpg");

    background-size:cover;

    background-position:center;

    display:flex;

    align-items:center;

    color:#fff;

}

.courses-content{

    max-width:760px;

}

.hero-tag{

    display:inline-block;

    padding:8px 22px;

    background:#FFC107;

    color:#0D47A1;

    border-radius:40px;

    font-weight:700;

    margin-bottom:20px;

}

.courses-content h1{

    font-size:56px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:20px;

}

.courses-content p{

    font-size:20px;

    opacity:.95;

    line-height:1.8;

    margin-bottom:35px;

}

.hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:30px;

}

.hero-breadcrumb{

    display:flex;

    gap:10px;

}

.hero-breadcrumb a{

    color:#FFC107;

    text-decoration:none;

}

.hero-breadcrumb span{

    color:#fff;

}

@media(max-width:768px){

.courses-hero{

    min-height:430px;

}

.courses-content h1{

    font-size:36px;

}

.courses-content p{

    font-size:17px;

}

}
/*====================================
    TRADE FILTER
====================================*/

.trade-filter-section{

    background:#f8fafc;

    padding:80px 0;

}

.filter-box{

    background:#ffffff;

    border-radius:20px;

    padding:35px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.search-box{

    position:relative;

}

.search-box i{

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    color:#888;

}

.search-box input{

    padding-left:48px;

    height:55px;

    border-radius:12px;

}

.filter-box .form-select{

    height:55px;

    border-radius:12px;

}

.filter-box label{

    font-weight:600;

    margin-bottom:10px;

    color:#0D47A1;

}

#resetFilter{

    height:55px;

    border-radius:12px;

    margin-top:32px;

}

@media(max-width:768px){

.filter-box{

    padding:25px;

}

#resetFilter{

    margin-top:0;

}

}
/*====================================
        TRADE GRID
====================================*/

.trade-grid-section{

    padding:100px 0;

    background:#ffffff;

}

.trade-card{

    background:#ffffff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.trade-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(13,71,161,.15);

}

.trade-image{

    position:relative;

    overflow:hidden;

}

.trade-image img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.5s;

}

.trade-card:hover .trade-image img{

    transform:scale(1.08);

}

.trade-badge{

    position:absolute;

    top:18px;

    left:18px;

    background:#FFC107;

    color:#0D47A1;

    padding:8px 14px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

}

.badge-success{

    background:#28a745;

    color:#fff;

}

.trade-body{

    padding:30px;

}

.trade-body h3{

    color:#0D47A1;

    margin-bottom:15px;

    font-weight:700;

}

.trade-body p{

    color:#666;

    line-height:1.8;

}

.trade-meta{

    display:flex;

    justify-content:space-between;

    flex-wrap:wrap;

    gap:10px;

    margin:25px 0;

}

.trade-meta span{

    background:#f4f7fb;

    padding:8px 14px;

    border-radius:30px;

    font-size:14px;

    color:#555;

}

.trade-meta i{

    color:#0D47A1;

    margin-right:6px;

}

@media(max-width:768px){

.trade-grid-section{

    padding:70px 0;

}

.trade-image img{

    height:220px;

}

.trade-body{

    padding:25px;

}

}

/*====================================
        TRADE DETAILS
====================================*/

.trade-details-section{

    padding:100px 0;

    background:#f8fafc;

}

.accordion-item{

    border:none;

    border-radius:18px;

    overflow:hidden;

    margin-bottom:20px;

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

}

.accordion-button{

    font-size:22px;

    font-weight:700;

    padding:22px 30px;

    background:#fff;

}

.accordion-button:not(.collapsed){

    background:#0D47A1;

    color:#fff;

}

.accordion-body{

    padding:35px;

}

.trade-list{

    padding-left:20px;

}

.trade-list li{

    margin-bottom:10px;

    color:#555;

}

.trade-info-box{

    background:#fff;

    border-radius:16px;

    padding:25px;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.trade-info-box h5{

    color:#0D47A1;

    margin-bottom:18px;

}

.trade-info-box ul{

    list-style:none;

    padding:0;

    margin:0;

}

.trade-info-box li{

    padding:10px 0;

    border-bottom:1px solid #eee;

}

.trade-info-box li:last-child{

    border-bottom:none;

}

@media(max-width:768px){

.trade-details-section{

    padding:70px 0;

}

.accordion-button{

    font-size:18px;

    padding:18px;

}

.accordion-body{

    padding:25px;

}

}

/*====================================
    ELIGIBILITY & FEE STRUCTURE
====================================*/

.fee-structure-section{

    padding:100px 0;

    background:#ffffff;

}

.fee-table{

    border-radius:18px;

    overflow:hidden;

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

    background:#fff;

}

.fee-table thead{

    background:#0D47A1;

    color:#fff;

}

.fee-table thead th{

    padding:18px;

    font-weight:700;

    border:none;

    white-space:nowrap;

}

.fee-table tbody td{

    padding:18px;

    vertical-align:middle;

}

.fee-table tbody tr{

    transition:.3s;

}

.fee-table tbody tr:hover{

    background:#f8f9fc;

}

.fee-table .badge{

    font-size:13px;

    padding:8px 14px;

}

.fee-note{

    background:#FFF8E1;

    border-left:5px solid #FFC107;

    padding:18px 22px;

    border-radius:12px;

    color:#555;

}

.fee-note i{

    color:#FFC107;

}

@media(max-width:768px){

.fee-structure-section{

    padding:70px 0;

}

.fee-table thead th,

.fee-table tbody td{

    white-space:nowrap;

}

}
/*====================================
        ADMISSION PROCESS
====================================*/

.admission-process-section{

    padding:100px 0;

    background:#f8fafc;

}

.admission-step{

    background:#fff;

    padding:35px 20px;

    border-radius:20px;

    text-align:center;

    height:100%;

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

    transition:.35s;

}

.admission-step:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.step-icon{

    width:70px;

    height:70px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#0D47A1;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;

    font-weight:700;

}

.admission-step h5{

    color:#0D47A1;

    margin-bottom:12px;

    font-weight:700;

}

.admission-step p{

    color:#666;

    line-height:1.7;

    margin:0;

}

.documents-box,
.admission-help{

    background:#fff;

    padding:35px;

    border-radius:20px;

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

    height:100%;

}

.documents-box h3,
.admission-help h3{

    color:#0D47A1;

    margin-bottom:25px;

}

.documents-box ul{

    list-style:none;

    padding:0;

}

.documents-box li{

    padding:12px 0;

    border-bottom:1px solid #eee;

    position:relative;

    padding-left:28px;

}

.documents-box li:before{

    content:"✔";

    position:absolute;

    left:0;

    color:#28a745;

    font-weight:bold;

}

.documents-box li:last-child{

    border-bottom:none;

}

.admission-help p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

@media(max-width:768px){

.admission-process-section{

    padding:70px 0;

}

.documents-box,
.admission-help{

    margin-top:20px;

}

}
/*====================================
    WORKSHOP & PRACTICAL TRAINING
====================================*/

.workshop-section{

    padding:100px 0;

    background:#ffffff;

}

.workshop-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.workshop-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.workshop-image{

    position:relative;

    overflow:hidden;

}

.workshop-image img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.5s;

}

.workshop-card:hover img{

    transform:scale(1.08);

}

.workshop-overlay{

    position:absolute;

    inset:0;

    background:rgba(13,71,161,.75);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    transition:.35s;

}

.workshop-card:hover .workshop-overlay{

    opacity:1;

}

.workshop-overlay i{

    font-size:42px;

    color:#FFC107;

}

.workshop-content{

    padding:28px;

}

.workshop-content h4{

    color:#0D47A1;

    margin-bottom:15px;

    font-weight:700;

}

.workshop-content p{

    color:#666;

    line-height:1.8;

}

.training-highlight{

    background:#0D47A1;

    color:#fff;

    border-radius:18px;

    text-align:center;

    padding:35px 20px;

    transition:.35s;

    height:100%;

}

.training-highlight:hover{

    background:#FFC107;

    color:#0D47A1;

    transform:translateY(-8px);

}

.training-highlight i{

    font-size:38px;

    margin-bottom:15px;

}

.training-highlight h3{

    font-size:34px;

    font-weight:800;

}

.training-highlight p{

    margin:0;

    font-weight:500;

}

@media(max-width:768px){

.workshop-section{

    padding:70px 0;

}

.workshop-image img{

    height:220px;

}

}
/*====================================
        CAREER OPPORTUNITIES
====================================*/

.career-section{

    padding:100px 0;

    background:#f8fafc;

}

.career-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

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

    transition:.35s;

    height:100%;

}

.career-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.career-icon{

    width:80px;

    height:80px;

    background:#0D47A1;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:25px;

}

.career-card h4{

    color:#0D47A1;

    font-weight:700;

}

.career-card p{

    color:#666;

    line-height:1.8;

}

.career-card ul{

    padding-left:20px;

    margin:20px 0;

}

.career-card li{

    margin-bottom:10px;

}

.salary-box{

    margin-top:20px;

    background:#FFF8E1;

    padding:15px;

    border-left:4px solid #FFC107;

    border-radius:10px;

    font-size:15px;

}

.salary-box strong{

    display:block;

    color:#0D47A1;

    margin-top:8px;

}

.career-path{

    background:#fff;

    padding:40px;

    border-radius:20px;

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

}

.career-step{

    display:flex;

    gap:20px;

    margin-bottom:25px;

    align-items:flex-start;

}

.career-step span{

    width:45px;

    height:45px;

    background:#FFC107;

    color:#0D47A1;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    flex-shrink:0;

}

.career-note{

    background:#eef7ff;

    border-left:5px solid #0D47A1;

    padding:18px 22px;

    border-radius:12px;

}

@media(max-width:768px){

.career-section{

    padding:70px 0;

}

.career-path{

    padding:25px;

}

}
/*====================================
        PLACEMENT PARTNERS
====================================*/

.placement-section{

    padding:100px 0;

    background:#ffffff;

}

.placement-stat{

    background:#0D47A1;

    color:#fff;

    text-align:center;

    padding:35px 20px;

    border-radius:18px;

    transition:.35s;

    height:100%;

}

.placement-stat:hover{

    transform:translateY(-8px);

    background:#FFC107;

    color:#0D47A1;

}

.placement-stat i{

    font-size:42px;

    margin-bottom:15px;

}

.placement-stat h3{

    font-size:34px;

    font-weight:800;

}

.company-logo{

    background:#fff;

    border-radius:16px;

    padding:25px;

    display:flex;

    justify-content:center;

    align-items:center;

    height:120px;

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

    transition:.3s;

}

.company-logo:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(13,71,161,.15);

}

.company-logo img{

    max-width:100%;

    max-height:60px;

    object-fit:contain;

    filter:grayscale(100%);

    transition:.3s;

}

.company-logo:hover img{

    filter:none;

}

.placement-process{

    background:#f8fafc;

    padding:45px;

    border-radius:20px;

}

.process-card{

    background:#fff;

    text-align:center;

    padding:30px 20px;

    border-radius:16px;

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

    height:100%;

    transition:.35s;

}

.process-card:hover{

    transform:translateY(-8px);

}

.process-card i{

    font-size:40px;

    color:#0D47A1;

    margin-bottom:18px;

}

.process-card h5{

    color:#0D47A1;

    margin-bottom:15px;

}

.process-card p{

    color:#666;

    margin:0;

    line-height:1.7;

}

@media(max-width:768px){

.placement-section{

    padding:70px 0;

}

.placement-process{

    padding:25px;

}

}
/*====================================
        SUCCESS STORIES
====================================*/

.success-section{

    padding:100px 0;

    background:#f8fafc;

}

.success-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.success-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.success-card img{

    width:100%;

    height:280px;

    object-fit:cover;

}

.success-content{

    padding:30px;

}

.success-content h4{

    color:#0D47A1;

    font-weight:700;

}

.success-content span{

    display:block;

    color:#777;

    margin-bottom:15px;

}

.company-tag{

    display:inline-block;

    background:#E3F2FD;

    color:#0D47A1;

    padding:8px 14px;

    border-radius:30px;

    font-size:14px;

    margin-bottom:18px;

}

.success-content p{

    color:#666;

    line-height:1.8;

    font-style:italic;

}

.salary-tag{

    margin-top:20px;

    background:#FFF8E1;

    border-left:4px solid #FFC107;

    padding:15px;

    border-radius:10px;

    color:#333;

    font-weight:600;

}

.success-stat{

    background:#0D47A1;

    color:#fff;

    text-align:center;

    padding:35px 20px;

    border-radius:18px;

    transition:.35s;

}

.success-stat:hover{

    background:#FFC107;

    color:#0D47A1;

}

.success-stat h3{

    font-size:34px;

    font-weight:800;

}

.success-stat p{

    margin:0;

}

@media(max-width:768px){

.success-section{

    padding:70px 0;

}

.success-card img{

    height:240px;

}

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

.faq-section{

    padding:100px 0;

    background:#ffffff;

}

.faq-section .accordion-item{

    border:none;

    border-radius:16px;

    overflow:hidden;

    margin-bottom:20px;

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

}

.faq-section .accordion-button{

    background:#fff;

    font-size:18px;

    font-weight:600;

    padding:22px 25px;

}

.faq-section .accordion-button:not(.collapsed){

    background:#0D47A1;

    color:#fff;

}

.faq-section .accordion-button:focus{

    box-shadow:none;

}

.faq-section .accordion-body{

    padding:25px;

    line-height:1.8;

    color:#555;

}

@media(max-width:768px){

.faq-section{

    padding:70px 0;

}

.faq-section .accordion-button{

    font-size:16px;

    padding:18px;

}

}
/*====================================
        APPLY NOW CTA
====================================*/

.apply-cta-section{

    padding:100px 0;

    background:#ffffff;

}

.apply-cta{

    background:
    linear-gradient(
        135deg,
        #0D47A1,
        #1565C0
    );

    border-radius:24px;

    padding:70px;

    color:#fff;

    overflow:hidden;

    position:relative;

}

.apply-cta:before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

    right:-120px;

    top:-120px;

}

.apply-cta:after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    background:rgba(255,255,255,.05);

    border-radius:50%;

    left:-80px;

    bottom:-80px;

}

.apply-cta>*{

    position:relative;

    z-index:2;

}

.cta-badge{

    display:inline-block;

    background:#FFC107;

    color:#0D47A1;

    padding:10px 20px;

    border-radius:40px;

    font-weight:700;

    margin-bottom:20px;

}

.apply-cta h2{

    font-size:42px;

    font-weight:800;

    margin-bottom:20px;

}

.apply-cta p{

    font-size:18px;

    line-height:1.9;

    opacity:.95;

}

.cta-features{

    list-style:none;

    padding:0;

    margin-top:30px;

}

.cta-features li{

    margin-bottom:16px;

    font-size:17px;

}

.cta-features i{

    color:#FFC107;

    margin-right:10px;

}

.cta-buttons{

    background:rgba(255,255,255,.08);

    padding:30px;

    border-radius:18px;

    backdrop-filter:blur(10px);

}

.cta-buttons .btn{

    border-radius:12px;

    padding:15px;

    font-weight:600;

}

@media(max-width:992px){

.apply-cta{

    padding:40px;

}

.cta-buttons{

    margin-top:40px;

}

}

@media(max-width:768px){

.apply-cta-section{

    padding:70px 0;

}

.apply-cta h2{

    font-size:32px;

}

.apply-cta p{

    font-size:16px;

}

}
/*====================================
        COURSES PAGE ANIMATIONS
====================================*/

.reveal{

    opacity:0;

    transform:translateY(50px);

    transition:all .8s ease;

}

.reveal.show{

    opacity:1;

    transform:translateY(0);

}

/* Ripple Effect */

.btn{

    position:relative;

    overflow:hidden;

}

.ripple{

    position:absolute;

    border-radius:50%;

    background:rgba(255,255,255,.45);

    transform:scale(0);

    animation:rippleAnimation .6s linear;

    pointer-events:none;

}

@keyframes rippleAnimation{

    to{

        transform:scale(4);

        opacity:0;

    }

}

/* Active Navigation */

.navbar .nav-link.active{

    color:#FFC107 !important;

    font-weight:700;

}

/* Smooth Scrolling */

html{

    scroll-behavior:smooth;

}
/*====================================
        ADMISSION HERO
====================================*/

.admission-hero{

    background:linear-gradient(135deg,#0D47A1,#1565C0);

    color:#fff;

    padding:120px 0 80px;

}

.min-vh-75{

    min-height:75vh;

}

.hero-badge{

    display:inline-block;

    background:#FFC107;

    color:#0D47A1;

    padding:10px 20px;

    border-radius:50px;

    font-weight:700;

    margin-bottom:20px;

}

.admission-hero h1{

    font-size:52px;

    font-weight:800;

    margin-bottom:25px;

}

.admission-hero p{

    font-size:18px;

    line-height:1.8;

    margin-bottom:35px;

}

.hero-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

@media(max-width:768px){

.admission-hero{

    text-align:center;

    padding:90px 0 60px;

}

.admission-hero h1{

    font-size:34px;

}

.hero-buttons{

    justify-content:center;

}

}

/*====================================
        ADMISSION OVERVIEW
====================================*/

.admission-overview{

    padding:100px 0;

    background:#ffffff;

}

.overview-points{

    margin-top:40px;

}

.overview-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:30px;

}

.overview-item i{

    width:60px;

    height:60px;

    background:#0D47A1;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    flex-shrink:0;

}

.overview-item h5{

    color:#0D47A1;

    margin-bottom:8px;

    font-weight:700;

}

.overview-item p{

    color:#666;

    margin:0;

    line-height:1.7;

}

.overview-card{

    background:#fff;

    padding:35px 25px;

    text-align:center;

    border-radius:20px;

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

    transition:.35s;

    height:100%;

}

.overview-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.overview-card i{

    font-size:40px;

    color:#0D47A1;

    margin-bottom:18px;

}

.overview-card h3{

    font-size:34px;

    color:#0D47A1;

    font-weight:800;

}

.overview-card p{

    margin:0;

    color:#666;

}

@media(max-width:768px){

.admission-overview{

    padding:70px 0;

}

.overview-card{

    padding:25px;

}

.overview-item{

    gap:15px;

}

.overview-item i{

    width:50px;

    height:50px;

    font-size:20px;

}

}
/*====================================
        WHY CHOOSE OUR ITI
====================================*/

.why-choose-section{

    padding:100px 0;

    background:#f8fafc;

}

.choose-card{

    background:#fff;

    padding:35px 30px;

    text-align:center;

    border-radius:20px;

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

    transition:.35s;

    height:100%;

}

.choose-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.choose-icon{

    width:80px;

    height:80px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#0D47A1;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

}

.choose-card h4{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:15px;

}

.choose-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}

.choose-highlight{

    padding:20px 0;

}

.choose-highlight h3{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:20px;

}

.choose-highlight p{

    color:#666;

    line-height:1.8;

}

.choose-highlight ul{

    list-style:none;

    padding:0;

    margin-top:25px;

}

.choose-highlight li{

    margin-bottom:15px;

    font-size:16px;

}

.choose-highlight li i{

    color:#28a745;

    margin-right:10px;

}

@media(max-width:768px){

.why-choose-section{

    padding:70px 0;

}

.choose-card{

    padding:30px 20px;

}

.choose-icon{

    width:70px;

    height:70px;

    font-size:28px;

}

}
/*====================================
    ADMISSION PROCESS TIMELINE
====================================*/

.admission-process-section{

    padding:100px 0;

    background:#ffffff;

}

.timeline{

    position:relative;

    max-width:900px;

    margin:auto;

}

.timeline::before{

    content:"";

    position:absolute;

    left:35px;

    top:0;

    bottom:0;

    width:4px;

    background:#0D47A1;

}

.timeline-item{

    position:relative;

    display:flex;

    gap:30px;

    margin-bottom:45px;

}

.timeline-icon{

    width:70px;

    height:70px;

    background:#0D47A1;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    flex-shrink:0;

    z-index:2;

    box-shadow:0 8px 20px rgba(13,71,161,.25);

}

.timeline-content{

    background:#fff;

    padding:30px;

    border-radius:18px;

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

    width:100%;

    transition:.35s;

}

.timeline-content:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 40px rgba(13,71,161,.15);

}

.step-number{

    display:inline-block;

    background:#E3F2FD;

    color:#0D47A1;

    padding:6px 14px;

    border-radius:30px;

    font-size:14px;

    font-weight:700;

    margin-bottom:15px;

}

.timeline-content h4{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:12px;

}

.timeline-content p{

    color:#666;

    line-height:1.8;

    margin:0;

}

@media(max-width:768px){

.timeline::before{

    left:24px;

}

.timeline-item{

    gap:18px;

}

.timeline-icon{

    width:50px;

    height:50px;

    font-size:20px;

}

.timeline-content{

    padding:22px;

}

.admission-process-section{

    padding:70px 0;

}

}
/*====================================
        ELIGIBILITY CRITERIA
====================================*/

.eligibility-section{

    padding:100px 0;

    background:#f8fafc;

}

.eligibility-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

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

    transition:.35s;

    height:100%;

}

.eligibility-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.eligibility-icon{

    width:75px;

    height:75px;

    border-radius:50%;

    background:#0D47A1;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:25px;

}

.eligibility-card h4{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:20px;

}

.eligibility-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.eligibility-card li{

    padding:12px 0;

    border-bottom:1px solid #eee;

    color:#555;

}

.eligibility-card li:last-child{

    border-bottom:none;

}

.eligibility-info,
.eligibility-note{

    background:#fff;

    border-radius:20px;

    padding:35px;

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

    height:100%;

}

.eligibility-info h3,
.eligibility-note h3{

    color:#0D47A1;

    margin-bottom:20px;

    font-weight:700;

}

.eligibility-info ul{

    list-style:none;

    padding:0;

    margin:0;

}

.eligibility-info li{

    margin-bottom:18px;

    color:#555;

}

.eligibility-info li i{

    color:#28a745;

    margin-right:10px;

}

.eligibility-note p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

@media(max-width:768px){

.eligibility-section{

    padding:70px 0;

}

.eligibility-card,

.eligibility-info,

.eligibility-note{

    padding:25px;

}

}
/*====================================
        REQUIRED DOCUMENTS
====================================*/

.documents-section{

    padding:100px 0;

    background:#ffffff;

}

.document-card{

    background:#fff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

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

    transition:.35s;

    height:100%;

}

.document-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.document-icon{

    width:80px;

    height:80px;

    margin:0 auto 20px;

    background:#0D47A1;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

}

.document-card h5{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:15px;

}

.document-card p{

    color:#666;

    margin:0;

    line-height:1.7;

}

.document-note,

.document-download{

    background:#f8fafc;

    border-radius:20px;

    padding:35px;

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

    height:100%;

}

.document-note h3,

.document-download h4{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:20px;

}

.document-note ul{

    list-style:none;

    padding:0;

    margin:0;

}

.document-note li{

    margin-bottom:18px;

    color:#555;

}

.document-note li i{

    color:#28a745;

    margin-right:10px;

}

.document-download{

    text-align:center;

}

.document-download i{

    font-size:60px;

    color:#0D47A1;

    margin-bottom:20px;

}

.document-download p{

    color:#666;

    margin-bottom:25px;

    line-height:1.7;

}

@media(max-width:768px){

.documents-section{

    padding:70px 0;

}

.document-card,

.document-note,

.document-download{

    padding:25px;

}

}
/*====================================
        ADMISSION FORM
====================================*/

.admission-form-section{

    padding:100px 0;

    background:#f8fafc;

}

.admission-form-wrapper{

    background:#fff;

    border-radius:20px;

    padding:50px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.form-heading{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:20px;

    padding-bottom:10px;

    border-bottom:2px solid #e9ecef;

}

.form-label{

    font-weight:600;

    color:#444;

}

.form-control,

.form-select{

    border-radius:12px;

    padding:12px 15px;

    border:1px solid #dcdcdc;

}

.form-control:focus,

.form-select:focus{

    border-color:#0D47A1;

    box-shadow:0 0 0 .2rem rgba(13,71,161,.15);

}

.form-check{

    background:#f8f9fa;

    padding:18px;

    border-radius:12px;

}

.btn-primary{

    padding:14px 35px;

    border-radius:12px;

    font-weight:600;

}

@media(max-width:768px){

.admission-form-section{

    padding:70px 0;

}

.admission-form-wrapper{

    padding:25px;

}

}
/*====================================
        ADMISSION FORM
====================================*/

.admission-form-section{

    padding:100px 0;

    background:#f8fafc;

}

.admission-form-wrapper{

    background:#fff;

    border-radius:20px;

    padding:50px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.form-heading{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:20px;

    padding-bottom:10px;

    border-bottom:2px solid #e9ecef;

}

.form-label{

    font-weight:600;

    color:#444;

}

.form-control,

.form-select{

    border-radius:12px;

    padding:12px 15px;

    border:1px solid #dcdcdc;

}

.form-control:focus,

.form-select:focus{

    border-color:#0D47A1;

    box-shadow:0 0 0 .2rem rgba(13,71,161,.15);

}

.form-check{

    background:#f8f9fa;

    padding:18px;

    border-radius:12px;

}

.btn-primary{

    padding:14px 35px;

    border-radius:12px;

    font-weight:600;

}

@media(max-width:768px){

.admission-form-section{

    padding:70px 0;

}

.admission-form-wrapper{

    padding:25px;

}

}
/*====================================
        FEE STRUCTURE
====================================*/

.fee-section{

    padding:100px 0;

    background:#ffffff;

}

.fee-table{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

}

.fee-table thead{

    background:#0D47A1;

    color:#fff;

}

.fee-table th{

    padding:18px;

    border:none;

    font-weight:700;

}

.fee-table td{

    padding:18px;

    vertical-align:middle;

}

.fee-table tbody tr:hover{

    background:#f8fafc;

}

.fee-info-card{

    background:#f8fafc;

    border-radius:20px;

    padding:35px;

    height:100%;

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

}

.fee-info-card h3{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:20px;

}

.fee-info-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.fee-info-card li{

    margin-bottom:16px;

    color:#555;

    line-height:1.7;

}

.fee-info-card li i{

    color:#0D47A1;

    margin-right:10px;

}

@media(max-width:768px){

.fee-section{

    padding:70px 0;

}

.fee-info-card{

    padding:25px;

}

}
/*====================================
        SCHOLARSHIP SECTION
====================================*/

.scholarship-section{

    padding:100px 0;

    background:#f8fafc;

}

.scholarship-card{

    background:#fff;

    padding:35px;

    border-radius:20px;

    text-align:center;

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

    transition:.35s;

    height:100%;

}

.scholarship-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.scholarship-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:20px;

    border-radius:50%;

    background:#0D47A1;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

}

.scholarship-card h4{

    color:#0D47A1;

    margin-bottom:15px;

    font-weight:700;

}

.scholarship-card p{

    color:#666;

    line-height:1.8;

}

.scholarship-box{

    background:#fff;

    padding:35px;

    border-radius:20px;

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

    height:100%;

}

.scholarship-box h3{

    color:#0D47A1;

    margin-bottom:20px;

}

.scholarship-box ul{

    list-style:none;

    padding:0;

    margin:0;

}

.scholarship-box li{

    margin-bottom:15px;

    color:#555;

}

.scholarship-box i{

    color:#28a745;

    margin-right:10px;

}

.scholarship-process{

    background:#fff;

    border-radius:20px;

    padding:40px;

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

}

.process-mini{

    padding:20px;

}

.process-mini span{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#0D47A1;

    color:#fff;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

}

.process-mini h5{

    color:#0D47A1;

    font-weight:600;

}

@media(max-width:768px){

.scholarship-section{

    padding:70px 0;

}

.scholarship-card,

.scholarship-box,

.scholarship-process{

    padding:25px;

}

}
/*====================================
        IMPORTANT DATES
====================================*/

.important-dates-section{

    padding:100px 0;

    background:#ffffff;

}

.date-card{

    display:flex;

    align-items:center;

    gap:20px;

    background:#fff;

    border-radius:20px;

    padding:30px;

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

    transition:.35s;

    height:100%;

}

.date-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.date-icon{

    width:75px;

    height:75px;

    border-radius:50%;

    background:#0D47A1;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    flex-shrink:0;

}

.date-content{

    flex:1;

}

.date-badge{

    display:inline-block;

    color:#fff;

    font-size:13px;

    padding:6px 14px;

    border-radius:30px;

    margin-bottom:12px;

    font-weight:600;

}

.date-content h4{

    color:#0D47A1;

    margin-bottom:10px;

    font-weight:700;

}

.date-content p{

    margin:0;

    color:#666;

}

@media(max-width:768px){

.important-dates-section{

    padding:70px 0;

}

.date-card{

    flex-direction:column;

    text-align:center;

    padding:25px;

}

}
/*====================================
        DOWNLOAD SECTION
====================================*/

.prospectus-section{

    padding:100px 0;

    background:#f8fafc;

}

.download-card{

    background:#fff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    height:100%;

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

    transition:.35s;

}

.download-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 45px rgba(13,71,161,.15);

}

.download-icon{

    width:85px;

    height:85px;

    margin:auto;

    margin-bottom:25px;

    background:#0D47A1;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

}

.download-card h4{

    color:#0D47A1;

    margin-bottom:15px;

    font-weight:700;

}

.download-card p{

    color:#666;

    line-height:1.8;

    min-height:80px;

}

.download-note{

    background:#fff;

    padding:40px;

    border-radius:20px;

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

}

.download-note h3{

    color:#0D47A1;

    font-weight:700;

    margin-bottom:15px;

}

.download-note p{

    color:#666;

    margin-bottom:0;

}

@media(max-width:768px){

.prospectus-section{

    padding:70px 0;

}

.download-card{

    padding:30px 20px;

}

.download-note{

    padding:25px;

    text-align:center;

}

.download-note .btn{

    margin-top:20px;

}

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

.faq-section{

    padding:100px 0;

    background:#ffffff;

}

.custom-faq .accordion-item{

    border:none;

    border-radius:16px;

    overflow:hidden;

    margin-bottom:18px;

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

}

.custom-faq .accordion-button{

    background:#fff;

    color:#0D47A1;

    font-size:18px;

    font-weight:600;

    padding:22px;

    box-shadow:none;

}

.custom-faq .accordion-button:not(.collapsed){

    background:#0D47A1;

    color:#fff;

}

.custom-faq .accordion-button:focus{

    box-shadow:none;

}

.custom-faq .accordion-body{

    padding:22px;

    color:#666;

    line-height:1.8;

    background:#fff;

}

.custom-faq .accordion-button::after{

    filter:brightness(0) invert(1);

}

.custom-faq .accordion-button.collapsed::after{

    filter:none;

}

@media(max-width:768px){

.faq-section{

    padding:70px 0;

}

.custom-faq .accordion-button{

    font-size:16px;

    padding:18px;

}

.custom-faq .accordion-body{

    padding:18px;

}

}
/*====================================
        CONTACT ADMISSION OFFICE
====================================*/

.admission-contact-section{

    padding:100px 0;

    background:#f8fafc;

}

.contact-card{

    background:#fff;

    padding:40px;

    border-radius:20px;

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

    height:100%;

}

.contact-card h3{

    color:#0D47A1;

    margin-bottom:30px;

    font-weight:700;

}

.contact-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:30px;

}

.contact-item:last-child{

    margin-bottom:0;

}

.contact-item i{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#0D47A1;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    flex-shrink:0;

}

.contact-item h5{

    color:#0D47A1;

    margin-bottom:8px;

    font-weight:700;

}

.contact-item p{

    margin:0;

    color:#666;

    line-height:1.8;

}

.map-card{

    border-radius:20px;

    overflow:hidden;

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

}

.support-box{

    background:#0D47A1;

    color:#fff;

    padding:45px;

    border-radius:20px;

}

.support-box h3{

    margin-bottom:15px;

    font-weight:700;

}

.support-box p{

    margin-bottom:0;

    line-height:1.8;

}

.support-box .btn{

    margin-top:10px;

}

@media(max-width:768px){

.admission-contact-section{

    padding:70px 0;

}

.contact-card,

.support-box{

    padding:25px;

}

.contact-item{

    gap:15px;

}

.contact-item i{

    width:50px;

    height:50px;

    font-size:20px;

}

.support-box{

    text-align:center;

}

}
/*====================================
        FORM VALIDATION
====================================*/

.is-invalid{

    border-color:#dc3545 !important;

}

.invalid-feedback{

    display:block;

    color:#dc3545;

    font-size:14px;

    margin-top:6px;

    font-weight:500;

}

.spinner-border{

    vertical-align:middle;

}

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

.site-footer{
    background:#000;
    color:#fff;
    padding:70px 0 20px;
    margin-top:0;
}

.footer-logo{
    max-height:70px;
}

.footer-widget h4,
.footer-widget h5{
    color:#FFC107;
    margin-bottom:20px;
    font-weight:600;
}

.footer-widget p{
    color:#e5e5e5;
    line-height:1.8;
}

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

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.footer-links a:hover{
    color:#FFC107;
    padding-left:6px;
}

.footer-contact p{
    display:flex;
    gap:12px;
    color:#fff;
}

.footer-contact i{
    color:#FFC107;
    margin-top:5px;
}

.footer-contact a{
    color:#fff;
    text-decoration:none;
}

.footer-social{
    display:flex;
    gap:12px;
    margin-top:20px;
}

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

.footer-social a:hover{
    background:#FFC107;
    color:#0D47A1;
    transform:translateY(-4px);
}

.site-footer hr{
    border-color:rgba(255,255,255,.15);
    margin:40px 0 20px;
}

.footer-bottom{
    font-size:15px;
}

.footer-bottom a{
    color:#fff;
    text-decoration:none;
}

.footer-bottom a:hover{
    color:#FFC107;
}

@media(max-width:768px){

    .footer-bottom{
        text-align:center;
    }

    .footer-bottom .text-md-end{
        margin-top:10px;
    }

}