* {margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
body {line-height:1.6;color:#333;background:#fff;}
a {text-decoration:none;color:inherit;}
.btn {background:#004aad;color:#fff;padding:7px 28px;border-radius:8px;display:inline-block;font-weight:600;transition:0.3s;}
.btn:hover {background:#00337f;}

/* Header */
header {display:flex;justify-content:space-between;align-items:center;padding:2px 60px;background:#fff;position:sticky;top:0;z-index:1000;}
.logo {font-size:22px;font-weight:700;color:#004aad;}
.logo img {width:70%;}
nav ul {list-style:none;display:flex;gap:130px;}
nav ul li a {color:#333;font-weight:600;transition:0.3s;}
nav ul li a:hover {color:#004aad;}

/* Hamburger */
.hamburger {display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1100;}
.hamburger span {width:25px;height:3px;background:#333;border-radius:3px;}

/* Mobile menu */
.mobile-nav {position:fixed;top:0;left:-260px;width:250px;height:100%;background:#004aad;color:#fff;padding:60px 20px;transition:0.3s ease;z-index:1200;}
.mobile-nav ul {list-style:none;}
.mobile-nav ul li {margin:20px 0;}
.mobile-nav ul li a {color:#fff;font-size:16px;font-weight:600;}
.mobile-nav.active {left:0;}
.mobile-nav .close-btn {font-size:26px;cursor:pointer;position:absolute;top:20px;right:20px;}

/* Overlay */
.overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:0.3s;z-index:1100;}
.overlay.active {opacity:1;visibility:visible;}

/* Hero */
.hero {display:flex;align-items:center;justify-content:space-between;padding:7px 60px;flex-wrap:wrap;}
.hero-text {max-width:500px;}
.hero-text h1 {font-size:46px;font-weight:700;margin-bottom:20px;color:#000;}
.hero-text p {margin-bottom:25px;font-size:17px;}
.hero img {max-width:50%;border-radius:12px;}

/* About */
.about {padding:60px 20px;}
.about-container {display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;flex-wrap:wrap;}
.about-text {flex:1 1 500px;}
.about-text h2 {font-size:32px;margin-bottom:15px;color:#0d47a1;}
.about-text p {margin-bottom:20px;color:#444;line-height:1.6;}
.accordion-box {margin-top:20px;}
.accordion details {background:#f9f9f93b;border:1px solid #ddd;margin-bottom:10px;border-radius:8px;padding:12px 16px;cursor:pointer;transition:0.3s ease;}
.accordion summary {font-weight:600;color:#0d47a1;outline:none;cursor:pointer;}
.accordion p {margin-top:8px;color:#555;}
.about-img {flex:1 1 400px;display:flex;justify-content:center;}
.about-img img {max-width:100%;height:auto;border-radius:12px;}

/* Services */
.services {padding:60px 20px;background:#fff;max-width:1200px;margin:0 auto;}
.services h2 {text-align:center;font-size:32px;margin-bottom:30px;color:#0d47a1;}
.tabs {text-align:center;margin-bottom:30px;}
.tabs .tab-btn {background:#f1f1f1;border:none;padding:12px 25px;margin:0 5px;border-radius:6px;cursor:pointer;font-weight:600;color:#333;transition:0.3s;}
.tabs .tab-btn.active, .tabs .tab-btn:hover {background:#0d47a1;color:#fff;}
.tab-content {margin-top:20px;}
.tab-panel {display:none;}
.tab-panel.active {display:block;}
.service-box {display:flex;align-items:center;gap:30px;margin-bottom:30px;padding:20px;border-radius:12px;background:#f9f9f961;}
.service-img {flex:1 1 40%;}
.service-img img {max-width:100%;border-radius:12px;}
.service-text {flex:1 1 60%;}
.service-text p {color:#444;margin-bottom:15px;}
.service-text .btn {padding:10px 20px;background:#0d47a1;color:#fff;border-radius:6px;transition:0.3s;}
.service-text .btn:hover {background:#08306b;}

/* CTA */
.cta {display:flex;align-items:center;justify-content:space-between;gap:30px;padding:60px;background:#eaf2ff;flex-wrap:wrap;border-radius:12px;margin:40px 60px;}
.cta-text h3 {font-size:22px;font-weight:700;margin-bottom:15px;}
.cta-text p {font-size:16px;margin-bottom:20px;}
.cta img {max-width:220px;}

/* Contact */
.contact-section { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 2% 10%; margin: 50px auto;  border-radius: 15px; }
.contact-info h2 { color: #003399; margin-bottom: 20px; }
.contact-info p { margin: 10px 0; color: #444; font-size: 15px; display: flex; align-items: center; gap: 10px; }
.contact-info p i { color: #003399; font-size: 18px; }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.contact-section .form-group { position: relative; }
.contact-section .form-group label { display: block; font-size: 14px; margin-bottom: 6px; color: #003399; font-weight: 600; }
.contact-section .form-group input, .contact-section .form-group textarea { width: 100%; padding: 12px 40px 12px 15px; border: 1px solid #ccc; border-radius: 20px; font-size: 14px; outline: none; background: #fff; }
.contact-section .form-group textarea { height: 100px; resize: none; }
.contact-section .form-group i { position: absolute; right: 15px; top: 70%; transform: translateY(-50%); color: #666; font-size: 16px; }
.contact-section .btn { grid-column: span 2; background: #003399; color: #fff; border: none; padding: 14px; border-radius: 25px; font-size: 16px; cursor: pointer; font-weight: bold; transition: 0.3s; }
.contact-section .btn:hover { background: #002266; }


/* Footer */
.footer {background:#0c4da2;color:#fff;text-align:center;padding:40px 0 0;font-family:Arial,sans-serif;}
.footer-top h2 {font-size:26px;font-weight:bold;}
.footer-top h4 {margin:10px 0;font-size:16px;font-weight:normal;}
.footer-top p {max-width:800px;margin:15px auto;line-height:1.6;}
.social-links {margin:20px 0;}
.social-links a {display:inline-block;width:40px;height:40px;border:1px solid #fff;border-radius:50%;line-height:40px;margin:0 5px;color:#fff;font-size:16px;transition:0.3s;}
.social-links a:hover {background:#fff;color:#0c4da2;}
.footer-columns {display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:30px;text-align:left;padding:0 10%;}
.footer-col {flex:1 1 250px;margin:20px;}
.footer-col h4 {font-size:18px;margin-bottom:15px;}
.footer-col ul {list-style:none;padding:0;}
.footer-col ul li {margin-bottom:8px;}
.footer-col ul li a {color:#fff;text-decoration:none;transition:0.3s;}
.footer-col ul li a:hover {text-decoration:underline;}
.footer-bottom {background:#072f6b;padding:15px 10px;margin-top:30px;font-size:14px;}
.copyright {text-align:center;margin-top:25px;font-size:14px;opacity:0.9;}

/* Responsive */
@media(max-width:900px) {nav {display:none;} .hamburger {display:flex;padding-right: 10px;} .contact-section {grid-template-columns:1fr;padding:20px;} .contact-form {grid-template-columns:1fr;}}
@media(max-width:768px) {header {padding:15px 25px;} .hero {flex-direction:column;text-align:center; padding:0px} .hero img {margin-top:20px;max-width: 100%;} .cta {flex-direction:column;text-align:center;margin:20px;} .contact {flex-direction:column;}
.about-container {flex-direction:column;text-align:center;} .about-text {order:2;} .about-img {order:1;}}
section.adsbanner img {width:-webkit-fill-available;}
/* Empowering Students Box */
.empowering-box {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.05);
  max-width: 450px;
  border: 1px solid #eee;
  margin-top: 20px;
}
.empowering-img {
  width: 120px;
  height: 100px;
  border-radius: 12px;
  object-fit: cover;
}
.empowering-content h3 {
  font-size: 20px;
  margin: 0;
  color: #333;
  font-weight: bold;
}
.empowering-content h3 span {
  color: #003399; /* blue highlight for "Students" */
}
.empowering-content p {
  margin: 5px 0 0;
  color: #666;
  font-size: 14px;
}

 /* place in your CSS */
.whatsapp-btn {
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #25D366;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
  transition: transform .18s ease, box-shadow .18s ease;
  z-index: 9999;
}
.whatsapp-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
}
.whatsapp-btn svg {
  fill: #fff;
}


/* subtle pulse */
.whatsapp-btn::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  box-shadow: 0 0 0 0 rgba(37,211,102, .35);
  animation: pulse 2.6s infinite;
  pointer-events:none;
  z-index:-1;
}
@keyframes pulse{
  0% { box-shadow: 0 0 0 0 rgba(37,211,102, .35); }
  70% { box-shadow: 0 0 0 18px rgba(37,211,102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102, 0); }
}

/* small screens adjust */
@media (max-width:420px){
  .whatsapp-btn{ right:12px; bottom:12px; width:50px; height:50px; }
}