:root{
--navy:#003566;
--dark:#001d3d;
--gold:#fca311;
--light:#f8fafc;
}

body{
font-family:'Poppins',sans-serif;
background:#fff;
overflow-x:hidden;
}

.navbar{
background:rgba(0,29,61,.95);
backdrop-filter:blur(10px);
}

.hero{
min-height:100vh;
background:
linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),
url('../images/banner01.jpg');
background-size:cover;
background-position:center;
display:flex;
align-items:center;
}

.hero h1{
font-size:4rem;
font-weight:800;
}

.hero p{
font-size:1.2rem;
}

.btn-gold{
background:var(--gold);
color:#000;
font-weight:600;
border:none;
}

.btn-gold:hover{
background:#ffb703;
color:#000;
}

.btn-gold:focus{
background:#ffb703;
color:#000;
}

.section-title{
font-weight:700;
margin-bottom:50px;
}

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

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

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

.icon-box{
width:80px;
height:80px;
background:#eef4ff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:35px;
color:var(--navy);
margin-bottom:20px;
}

.feature-box{
padding:30px;
border-radius:20px;
background:#fff;
box-shadow:0 10px 25px rgba(0,0,0,.08);
height:100%;
}

.recruiter{
padding:20px;
border-radius:15px;
background:#fff;
box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.gallery img{
border-radius:15px;
transition:.3s;
}

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

.cta{
background:var(--navy);
color:#fff;
}

.footer{
background:var(--dark);
color:#fff;
}

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

.footer a:hover{
color:var(--gold);
}

@media(max-width:768px){
.hero h1{
font-size:2.5rem;
}
}

.logo-wrapper{
width:75px;
height:75px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 25px rgba(0,0,0,.25);
transition:.3s;
}

.logo-wrapper:hover{
transform:rotate(5deg) scale(1.05);
}

.logo-img{
width:60px;
height:60px;
object-fit:contain;
}

.brand-title{
margin:0;
font-size:1.5rem;
font-weight:800;
color:#fff;
letter-spacing:1px;
}

.brand-subtitle{
font-size:.8rem;
color:#d9d9d9;
display:block;
}

.navbar-brand{
text-decoration:none;
}

@media(max-width:768px){
.logo-wrapper{
width:60px;
height:60px;
}

.logo-img{
width:45px;
height:45px;
}

.brand-title{
font-size:1.1rem;
}

.brand-subtitle{
font-size:.65rem;
}
}

.social-icons{
position:fixed;
right:20px;
top:50%;
transform:translateY(-50%);
z-index:9999;
display:flex;
flex-direction:column;
gap:12px;
}

.social{
width:50px;
height:50px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
color:#fff;
text-decoration:none;
box-shadow:0 8px 20px rgba(0,0,0,.25);
transition:.3s;
}

.social:hover{
transform:translateX(-5px) scale(1.1);
color:#fff;
}

.facebook{
background:#1877f2;
}

.instagram{
background:#e1306c;
}

.youtube{
background:#ff0000;
}

.linkedin{
background:#0077b5;
}

.whatsapp{
background:#25d366;
}

@media(max-width:768px){
.social-icons{
right:10px;
}

.social{
width:45px;
height:45px;
font-size:18px;
}
}

#goTopBtn{
position:fixed;
bottom:25px;
right:25px;
width:55px;
height:55px;
border:none;
border-radius:50%;
background:#fca311;
color:#000;
font-size:22px;
cursor:pointer;
display:none;
z-index:9999;
box-shadow:0 8px 20px rgba(0,0,0,.25);
transition:.3s;
}

#goTopBtn:hover{
background:#ffb703;
transform:translateY(-5px);
}

.page-content{
padding-top:100px;
min-height:60vh;
}

.page-content h2{
color:var(--navy);
font-weight:700;
margin-bottom:20px;
}

.page-content h3{
color:var(--navy);
font-weight:600;
margin-bottom:15px;
}

.page-content p{
color:#555;
line-height:1.8;
}

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

.form-container .form-control{
border-radius:10px;
padding:10px 15px;
}

.form-container .form-control:focus{
box-shadow:0 0 0 .2rem rgba(0,53,102,.25);
border-color:var(--navy);
}

.form-container .btn-gold{
padding:10px 30px;
border-radius:10px;
}

.form-container label{
font-weight:500;
color:var(--navy);
}

.news-section{
background:var(--navy);
color:#fff;
padding:20px;
border-radius:15px;
}

.news-section h3{
color:var(--gold);
}

.table-custom{
border-radius:15px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.table-custom thead{
background:var(--navy);
color:#fff;
}

.table-custom thead th{
font-weight:600;
border:none;
padding:15px;
}

.table-custom tbody td{
padding:12px 15px;
vertical-align:middle;
}

.table-custom tbody tr:nth-child(even){
background:#f8fafc;
}

.info-card{
background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
height:100%;
}

.info-card h4{
color:var(--navy);
font-weight:600;
margin-bottom:15px;
}

.flexslider{
width:100%;
max-width:100%;
min-width:100%;
overflow:hidden;
}

.flex-caption{
position:absolute;
top:39%;
width:100%;
text-align:center;
z-index:999;
color:white;
}

.flex-caption h2{
font-size:50px;
text-transform:uppercase;
font-weight:700;
color:white;
margin-bottom:45px;
}

.flex-caption p{
font-size:18px;
line-height:28px;
}

.flex-caption span{
background:url('../images/slider-dec.png') no-repeat;
width:60px;
height:9px;
display:block;
margin:30px auto;
}

.footer-section{
background:var(--dark);
padding:40px 0 20px;
}

.footer-section h4,
.footer-section h3{
color:var(--gold);
margin-bottom:20px;
font-weight:600;
}

.footer-section p,
.footer-section a{
color:#ddd;
}

.footer-section a:hover{
color:var(--gold);
text-decoration:none;
}

.footer-bottom{
background:rgba(0,0,0,.2);
padding:15px 0;
color:rgba(255,255,255,.5);
}

.footer-bottom a{
color:var(--gold);
text-decoration:none;
}

.marquee-container{
background:var(--navy);
padding:15px;
border-radius:15px;
color:#fff;
}

.marquee-container h3{
color:var(--gold);
}