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

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

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

/* NAVBAR */

.navbar{
background:rgba(0,33,71,.95)!important;
backdrop-filter:blur(10px);
padding:15px 0;
box-shadow:0 2px 15px rgba(0,0,0,.15);
}

.navbar-brand{
font-size:28px;
font-weight:700;
color:#fff!important;
}

.nav-link{
color:#fff!important;
margin-left:15px;
font-weight:500;
transition:.3s;
}

.nav-link:hover{
color:#ffc107!important;
}

/* HERO */

.hero-slider{
position:relative;
}

.hero-slider img{
height:90vh;
object-fit:cover;
}

.hero-slider::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.45);
z-index:1;
}

.carousel-caption{
z-index:2;
bottom:20%;
}

.carousel-caption h1{
font-size:65px;
font-weight:800;
text-shadow:0 5px 20px rgba(0,0,0,.5);
}

.carousel-caption p{
font-size:22px;
}

/* SECTION */

.section-title{
font-size:42px;
font-weight:700;
color:#002147;
margin-bottom:20px;
position:relative;
}

.section-title::after{
content:'';
width:80px;
height:4px;
background:#ffc107;
display:block;
margin:15px auto;
border-radius:20px;
}

/* ABOUT */

.about-box{
background:white;
padding:40px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* COURSES */

.course-card{
background:white;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.4s;
height:100%;
}

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

.course-card img{
height:240px;
width:100%;
object-fit:cover;
}

.course-card h5{
font-weight:700;
color:#002147;
}

.course-card p{
font-size:14px;
color:#666;
}

/* HIGHLIGHT */

.highlight{
background:linear-gradient(
135deg,
#f9fbff,
#eef4ff
);
padding:80px 0;
}

/* VISION */

.vision-box{
background:white;
padding:35px;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
height:100%;
}

.vision-box h3{
color:#002147;
font-weight:700;
}

/* ADMISSION */

.admission-banner{
background:
linear-gradient(
135deg,
#00152d,
#0056b3
);

padding:90px 20px;
color:white;
text-align:center;
}

.admission-banner h2{
font-size:48px;
font-weight:700;
margin-bottom:20px;
}

.admission-banner .btn{
padding:12px 35px;
font-size:18px;
border-radius:50px;
}

/* GALLERY */

.gallery img{
height:260px;
object-fit:cover;
border-radius:15px;
transition:.4s;
box-shadow:0 5px 20px rgba(0,0,0,.12);
}

.gallery img:hover{
transform:scale(1.05);
}

/* CTA */

.cta-section{
background:#002147;
padding:80px 20px;
text-align:center;
color:white;
}

.cta-section h2{
font-size:42px;
font-weight:700;
}

/* FOOTER */

footer{
background:#00111f;
color:white;
padding:60px 0;
}

footer h4{
font-weight:700;
}

footer p{
opacity:.85;
}

/* WHATSAPP */

.whatsapp{
position:fixed;
bottom:25px;
right:25px;
width:65px;
height:65px;
background:#25D366;
color:white;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
z-index:9999;
text-decoration:none;
box-shadow:0 5px 20px rgba(0,0,0,.25);
animation:pulse 2s infinite;
}

@keyframes pulse{

0%{
transform:scale(1);
}

50%{
transform:scale(1.1);
}

100%{
transform:scale(1);
}

}

/* RESPONSIVE */

@media(max-width:768px){

.carousel-caption h1{
font-size:32px;
}

.carousel-caption p{
font-size:16px;
}

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

.admission-banner h2{
font-size:30px;
}

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

.hero-slider img{
height:70vh;
}
footer a{
    color: #00c6ff;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

footer a:hover{
    color: #ffffff;
    text-decoration: underline;
}
}