institution-card{
position:relative;
overflow:hidden;
border-radius:25px;
height:420px;
cursor:pointer;
box-shadow:0 20px 40px rgba(0,0,0,.1);
}

.institution-card img{
width:100%;
height:100%;
object-fit:cover;
transition:.6s;
}

.institution-card:hover img{
transform:scale(1.15);
}

.overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:30px;
background:linear-gradient(
transparent,
rgba(0,0,0,.9)
);
color:#fff;
}

.overlay h4{
font-weight:700;
}

.news-ticker{
display:flex;
background:#0d6efd;
color:#fff;
margin-bottom:50px;
}

.ticker-title{
padding:12px 25px;
background:#001f5c;
font-weight:700;
}

.ticker-content{
flex:1;
padding-top:12px;
}


/* Force true fullscreen */
.modal-dialog.modal-fullscreen{
    width:100vw !important;
    max-width:100vw !important;
    height:100vh !important;
    margin:0 !important;
}

.modal-dialog.modal-fullscreen .modal-content{
    width:100vw !important;
    height:100vh !important;
    border:0 !important;
    border-radius:0 !important;
    background:#000 !important;
}

.modal-dialog.modal-fullscreen .modal-body{
    width:100vw !important;
    height:calc(100vh - 60px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* Image */
#galleryImage{
    max-width:95vw !important;
    max-height:90vh !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    transform: scale(1.08);
transition: .4s;
}

/* Navigation */
.gallery-prev,
.gallery-next{
    position:fixed !important;
    top:50%;
    transform:translateY(-50%);
    width:60px;
    height:60px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.25);
    color:#fff;
    font-size:30px;
    z-index:99999;
    cursor:pointer;
}

.gallery-prev{
    left:20px;
}

.gallery-next{
    right:20px;
}

.gallery-prev:hover,
.gallery-next:hover{
    background:#fff;
    color:#000;
}

/* Close button */
.btn-close{
    z-index:99999;
}

.gallery-img{
    width:100%;
    height:300px;
    object-fit:cover;
    border-radius:25px;
    cursor:pointer;
    transition:.4s;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.gallery-img:hover{
    transform:scale(1.08);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

.gallery-card{
    overflow:hidden;
    border-radius:25px;
    position:relative;
    transition:.4s;
}

.gallery-card:hover{
    transform:translateY(-10px);
}

.gallery-card::after{
    content:'View Image';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:600;
    opacity:0;
    transition:.4s;
    border-radius:25px;
}

.gallery-card:hover::after{
    opacity:1;
}

@media(max-width:768px){

    .gallery-prev,
    .gallery-next{
        width:50px;
        height:50px;
        font-size:24px;
    }

    .gallery-prev{
        left:10px;
    }

    .gallery-next{
        right:10px;
    }

    #galleryImage{
        max-width:100vw !important;
        max-height:85vh !important;
    }
}

 /* whatsapp chat widget */

        .whatsapp-chat-widget a.blantershow-chat {
            /*   background: #009688; */
            background: #fff;
            color: #404040 !important;
            position: fixed;
            display: flex;
            font-weight: 400;
            justify-content: space-between;
            z-index: 98;
            bottom: 90px;
            right: 30px;
            font-size: 15px;
            padding: 10px 20px;
            border-radius: 30px;
            box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
        }

        .whatsapp-chat-widget a.blantershow-chat svg {
            transform: scale(1.2);
            margin: 0 10px 0 0;
        }


.vision-mission-section{
    background:#f8fafc;
}

.section-title{
    font-size:2.5rem;
    font-weight:700;
    color:#1e293b;
}

.vm-card{
    position:relative;
    padding:40px;
    border-radius:25px;
    overflow:hidden;
    transition:0.4s;
    backdrop-filter:blur(10px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.vm-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,0.15);
}

.vision-card{
    background:linear-gradient(135deg,#2563eb,#06b6d4);
    color:#fff;
}

.mission-card{
    background:linear-gradient(135deg,#7c3aed,#ec4899);
    color:#fff;
}

.icon-box{
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    border-radius:50%;
    background:rgba(255,255,255,0.2);
    margin-bottom:25px;
}

.icon-box i{
    font-size:35px;
    color:#fff;
}

.vm-card h3{
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
}

.vm-card p{
    font-size:16px;
    line-height:1.8;
    margin-bottom:15px;
}

.vm-card::before{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(255,255,255,0.08);
    border-radius:50%;
    top:-60px;
    right:-60px;
}

/* Desktop */
.bannertop {
    padding-top: 0px;
}

/* Mobile */
@media (max-width: 768px) {
    .bannertop {
        padding-top: 70px !important;
    }
}


        .custom-col {
            margin-top: 20px;
        }

        .custom-col .gallery-item {
            width: 100%;
            height: 100%;
            text-align: center;
            background: #f3f3f3;
            padding: 20px;
            border-radius: 3px;
            position: relative;
        }

        .custom-col .gallery-item img {
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

        .light-box-image-container {}

        .light-box-image {
            max-height: 488px;
            width: auto;
            margin: auto;
        }
    .video-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:
0 10px 30px rgba(0,0,0,.12);

transition:.4s;

}

.video-card:hover{

transform:translateY(-10px);

box-shadow:
0 20px 40px rgba(0,0,0,.18);

}

.video-card iframe{

width:100%;

height:250px;

border:none;

}

.video-card h5{

padding:20px;

font-weight:600;

text-align:center;

}

.carousel-control-prev,
.carousel-control-next{

width:60px;
height:60px;

background:#800020;

border-radius:50%;

top:50%;

transform:translateY(-50%);

opacity:1;

}

.carousel-control-prev{

left:-30px;

}

.carousel-control-next{

right:-30px;

}

.transport-card{
background:#fff;
border-radius:30px;
padding:30px;
box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.transport-header{
display:flex;
align-items:center;
gap:20px;
margin-bottom:20px;
}

.icon-box{
width:70px;
height:70px;
background:#ffb800;
border-radius:15px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:32px;
}

.transport-header h2{
margin:0;
font-weight:800;
color:#0d2c5a;
}

.transport-header .blue{
color:#1565d8;
}

.transport-desc{
color:#555;
line-height:1.8;
}
.transport-section{

overflow:hidden;

border-radius:30px;

box-shadow:
0 20px 50px rgba(0,0,0,.12);

}

.transport-image img{

height:615px;

object-fit:cover;
border-radius:30px;

}

.transport-content{

background:
linear-gradient(
135deg,
#0d6efd,
#003b7a);

padding:80px 60px;

color:#fff;

height:100%;

}

.transport-content h2{

font-size:42px;
font-weight:700;

}

.transport-features{

display:grid;

grid-template-columns:
1fr 1fr;

gap:15px;

margin-top:30px;

font-size:18px;

}

.feature-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
margin-top:25px;
}

.feature-box{
background:#fff;
border-radius:15px;
padding:20px;
text-align:center;
box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.feature-box i{
color:#1565d8;
font-size:28px;
margin-bottom:10px;
}

.info-row{
display:flex;
gap:20px;
margin-top:25px;
}

.info-box{
flex:1;
display:flex;
gap:15px;
align-items:flex-start;
}

.info-box i{
color:#1565d8;
font-size:24px;
}

.btn-row{
display:flex;
gap:15px;
margin-top:25px;
}

.btn-route,
.btn-enquiry{
flex:1;
text-align:center;
padding:14px;
border-radius:12px;
text-decoration:none;
font-weight:700;
}

.btn-route{
background:#1565d8;
color:#fff;
}

.btn-enquiry{
background:#ffb800;
color:#000;
}

@media(max-width:768px){

```
.feature-grid{
    grid-template-columns:repeat(2,1fr);
}

.info-row,
.btn-row{
    flex-direction:column;
}
```

}
