.slider-image{
    height:650px;
    object-fit:cover;
}

.carousel-caption{
    bottom:18%;
    text-shadow:2px 2px 8px rgba(0,0,0,.6);
}

.hero-slider .carousel-item::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    top:0;
    left:0;
}

.hero-slider .carousel-caption{
    z-index:2;
}

.card{
    transition:.35s;
}

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

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

.feature-box{

background:#fff;
padding:35px;
text-align:center;
border-radius:15px;
transition:.4s;
box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.feature-box:hover{

transform:translateY(-10px);

}

.feature-box i{

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

}

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

.course-card{

background:#fff;
padding:35px;
border-radius:15px;
box-shadow:0 8px 20px rgba(0,0,0,.08);
text-align:center;
transition:.35s;

}

.course-card:hover{

transform:translateY(-10px);

}

.course-card .icon{

width:90px;
height:90px;
border-radius:50%;
margin:auto;
margin-bottom:20px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:36px;

}

/* ==========================================
Facilities
========================================== */

.facility-box{

background:#fff;
padding:35px;
border-radius:15px;
text-align:center;
transition:.4s;
box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.facility-box:hover{

transform:translateY(-10px);

}

.facility-icon{

width:90px;
height:90px;
background:#0d6efd;
color:#fff;
margin:auto;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:34px;
margin-bottom:20px;

}

/* ==========================================
Admission Steps
========================================== */

.step-box{

padding:30px;

position:relative;

}

.step-number{

width:50px;
height:50px;
background:#ffc107;
color:#000;
font-weight:bold;
line-height:50px;
margin:auto;
border-radius:50%;
margin-bottom:20px;

}

.step-box i{

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

}

/* ==========================================
CTA
========================================== */

.cta-section{

padding:90px 0;

background:url('../images/slider2.jpg') center center/cover no-repeat;

position:relative;

}

.cta-section::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

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

}

.cta-section .container{

position:relative;

z-index:2;

}

.gallery-item{

overflow:hidden;
border-radius:15px;

}

.gallery-item img{

transition:.5s;

}

.gallery-item:hover img{

transform:scale(1.1);

}

.testimonial-card{

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

}

.testimonial-card img{

width:90px;
height:90px;
border-radius:50%;
margin:auto;
margin-bottom:20px;

}

.company-slider img{

height:80px;
width:auto;

}

.back-to-top{

position:fixed;
bottom:30px;
right:30px;
width:50px;
height:50px;
background:#0d6efd;
color:#fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
z-index:999;

}

.whatsapp-btn{

position:fixed;
left:30px;
bottom:30px;
width:40px;
height:40px;
background:#25D366;
color:#fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:28px;
text-decoration:none;
z-index:999;

}

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

.footer{

background:#111827;

}

.footer-title{

color:#ffc107;

margin-bottom:20px;

font-weight:700;

}

.footer-links{

padding:0;

margin:0;

list-style:none;

}

.footer-links li{

margin-bottom:12px;

}

.footer-links a{

color:#ddd;

text-decoration:none;

transition:.3s;

}

.footer-links a:hover{

color:#ffc107;

padding-left:8px;

}

.social-icons a{

width:42px;

height:42px;

display:inline-flex;

justify-content:center;

align-items:center;

background:#0d6efd;

color:#fff;

border-radius:50%;

margin-right:8px;

transition:.3s;

text-decoration:none;

}

.social-icons a:hover{

background:#ffc107;

color:#000;

transform:translateY(-5px);

}

.footer input{

height:50px;

border-radius:30px;

}

.footer button{

height:50px;

border-radius:30px;

font-weight:600;

}

/* ===========================
   Desktop Hover Menu
=========================== */

@media (min-width:992px){

.navbar .dropdown{
    position:relative;
}

/* First Level */

.navbar .dropdown-menu{

    display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:all .35s ease;
    margin-top:0;
    border:0;
    border-radius:10px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);

}

/* Show on Hover */

.navbar .dropdown:hover>.dropdown-menu{

    opacity:1;
    visibility:visible;
    transform:translateY(0);

}

/* Second Level */

.dropdown-submenu{

    position:relative;

}

.dropdown-submenu>.dropdown-menu{

    top:0;
    left:100%;
    margin-left:0;
    opacity:0;
    visibility:hidden;
    transform:translateX(15px);

}

.dropdown-submenu:hover>.dropdown-menu{

    opacity:1;
    visibility:visible;
    transform:translateX(0);

}

}

.page-banner{

padding:120px 0;

background:url('../images/about-banner.jpg') center center/cover;

position:relative;

}

.page-banner::before{

content:"";

position:absolute;

inset:0;

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

}

.page-banner .container{

position:relative;

z-index:2;

}

.feature-box{

background:#fff;

padding:30px;

text-align:center;

border-radius:15px;

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

transition:.3s;

}

.feature-box:hover{

transform:translateY(-8px);

}