/* ==================================================
   GLOBAL STYLES
================================================== */

:root{
  --primary:#7a0019;
  --primary-dark:#5a0012;
  --secondary:#f7f7f7;
  --text:#222;
  --light-text:#666;
  --white:#fff;
  --border:#e6e6e6;
  --shadow:0 10px 30px rgba(0,0,0,0.08);
  --radius:14px;
  --transition:0.4s ease;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Poppins',sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.7;
  overflow-x:hidden;
  padding-top:90px;
}

img{
  width:100%;
  display:block;
}

a{
  text-decoration:none;
  color:bisque;
}

ul{
  list-style:none;
}

.container{
  width:90%;
  max-width:1300px;
  margin:auto;
  position:relative;
}

.section{
  padding:90px 0;
}

.section-title{
  text-align:center;
  margin-bottom:55px;
}

.section-title h2{
  font-size:40px;
  margin-bottom:12px;
  color:var(--primary);
}

.section-title p{
  color:var(--light-text);
}

.light h2,
.light p{
  color:#fff;
}

/* ==================================================
   TOP BAR
================================================== */

.top-bar{
  background:#7a0019;
  color:#fff;
  padding:6px 0;
  width:100%;
}

.top-bar-content{
  display:flex;
  align-items:center;
  gap:15px;
}

.top-links{
  flex-shrink:0;
}

.top-links a{
  color:bisque;
  font-size:14px;
}

.ticker{
  flex:1;
  min-width:0;
  overflow:hidden;
}

.ticker-content{
  display:inline-flex;
  align-items:center;
  gap:40px;
  white-space:nowrap;
  animation:ticker 20s linear infinite;
}

.ticker-content span{
  position:relative;
  padding-right:40px;
  font-size:14px;
}

.ticker-content span:not(:last-child)::after{
  content:"|";
  position:absolute;
  right:0px;
  color:#fcfcfa;
  font-size:18px;
}

.ticker-content:hover{
  animation-play-state:paused;
}

@keyframes ticker{
  from{ transform:translateX(100%); }
  to{ transform:translateX(-100%); }
}

/* ==================================================
   HEADER
================================================== */

.header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background:#fff;
  z-index:9999;
  box-shadow:0 2px 15px rgba(0,0,0,0.05);
}

.nav-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 0;
  position:relative;
}

.logo{
  display:flex;
  align-items:center;
  gap:12px;
}

.logo img{
  width:70px;
  height:auto;
  object-fit:contain;
  margin:0;
}

.logo h2{
  font-size:18px;
  color:var(--primary);
  margin:0;
  line-height:1.3;
}

.logo span{
  display:block;
  font-size:10px;
  color:#777;
  line-height:1.2;
}

.nav-menu{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.nav-menu li{
  position:relative;
}

.nav-menu a{
  color:#222;
  font-weight:500;
  font-size:14px;
  transition:var(--transition);
}

.nav-menu a:hover{
  color:var(--primary);
}

.dropdown-menu{
  position:absolute;
  top:40px;
  left:0;
  background:#fff;
  min-width:220px;
  box-shadow:var(--shadow);
  opacity:0;
  visibility:hidden;
  transition:var(--transition);
  border-radius:10px;
  overflow:hidden;
  z-index:100;
}

.dropdown-menu li{
  border-bottom:1px solid #eee;
}

.dropdown-menu a{
  display:block;
  padding:14px 18px;
  color:#222;
}

.dropdown:hover .dropdown-menu{
  opacity:1;
  visibility:visible;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:20px;
}

/* ==================================================
   HAMBURGER
================================================== */

.hamburger{
  display:none;
  flex-direction:column;
  cursor:pointer;
  gap:5px;
}

.hamburger span{
  width:28px;
  height:3px;
  background:var(--primary);
  transition:0.3s ease;
}

.hamburger.active span:nth-child(1){
  transform:rotate(45deg) translate(5px,5px);
}

.hamburger.active span:nth-child(2){
  opacity:0;
}

.hamburger.active span:nth-child(3){
  transform:rotate(-45deg) translate(6px,-6px);
}

/* ==================================================
   HERO
================================================== */

.hero{
  height:92vh;
  position:relative;
  overflow:hidden;
}

.hero-slide{
  position:absolute;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:1.5s ease;
}

.hero-slide.active{
  opacity:1;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.2);
}

.hero-content{
  position:absolute;
  z-index:2;
  color:#fff;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:800px;
  padding-left:60px;
}

.hero-subtitle{
  text-transform:uppercase;
  letter-spacing:2px;
  margin-bottom:20px;
}

.hero h1{
  font-size:60px;
  line-height:1.15;
  margin-bottom:25px;
}

.hero p{
  max-width:650px;
  margin-bottom:35px;
  color:#eee;
}

.hero-buttons{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin-top: 75%;
}

.btn{
  padding:15px 32px;
  border-radius:40px;
  font-weight:600;
  transition:var(--transition);
  display:inline-block;
}

.primary-btn{
  background:var(--primary);
  color:#fff;
}

.primary-btn:hover{
  background:var(--primary-dark);
}

.secondary-btn{
  background:#fff;
  color:#111;
}

.outline-btn{
  border:2px solid #fff;
  color:#fff;
}

.outline-btn:hover{
  background:#fff;
  color:#111;
}
/* =========================
   Tablet Responsive
========================= */
@media (max-width: 992px){

    .hero{
        height: 80vh;
    }

    .hero-content{
        padding: 0 40px;
        max-width: 90%;
    }

    .hero h1{
        font-size: 45px;
    }

    .hero p{
        font-size: 15px;
    }
}

/* =========================
   Mobile Responsive
========================= */
@media (max-width: 768px){

    .hero{
        height: 75vh;
    }

    .hero-content{
        padding: 0 20px;
        text-align: center;
        align-items: center;
        max-width: 100%;
    }

    .hero-subtitle{
        font-size: 12px;
        margin-bottom: 12px;
    }

    .hero h1{
        font-size: 32px;
        line-height: 1.3;
        margin-bottom: 18px;
    }

    .hero p{
        font-size: 14px;
        margin-bottom: 25px;
        max-width: 100%;
    }

    .hero-buttons{
        justify-content: center;
        gap: 12px;
        margin-top: 105px;
        margin-right: 165px;
        flex-direction: row;
        flex-wrap: nowrap;
    width: 51%;
      }

    .btn{
        padding: 7px 7px !important;
        font-size: 6px !important;
        width: 50%;
    }
}

/* Extra Small Devices */
@media (max-width: 480px){

    .hero{
        height: 22vh !important;
    }

    .hero h1{
        font-size: 26px;
    }

    .hero p{
        font-size: 13px;
    }

    .btn{
        width: 60%;
        max-width: 220px;
    }
}
/* ==================================================
   UPDATES
================================================== */

.updates-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:35px;
}

.notice-board{
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.notice-header{
  background:var(--primary);
  color:#fff;
  padding:20px;
}

.notice-scroll{
  padding:20px;
}

.notice-item{
  padding:18px 0;
  border-bottom:1px solid #eee;
}

.news-cards{
  display:grid;
  gap:25px;
}

.news-card{
  background:#fff;
  padding:30px;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  transition:var(--transition);
}

.news-card:hover{
  transform:translateY(-8px);
}

.news-card span{
  display:inline-block;
  background:#fbecee;
  color:var(--primary);
  padding:7px 15px;
  border-radius:20px;
  margin-bottom:15px;
  font-size:13px;
  font-weight:600;
}

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

.about{
  background:#fafafa;
}

.about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}

.section-tag{
  display:inline-block;
  color:var(--primary);
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:15px;
}

.about-content h2{
  font-size:38px;
  margin:18px 0 25px;
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
  margin:35px 0;
}

.stat-box{
  background:#fff;
  padding:25px;
  border-radius:16px;
  box-shadow:var(--shadow);
}

.stat-box h3{
  color:var(--primary);
  font-size:32px;
}

/* Principal */
.principal-content img{
  width:36%;
  border-radius:12px;
  display:block;
  box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.principal-content h2{
  font-size:38px;
  margin-bottom:5px;
  color:#111;
}

.principal-content h4{
  font-size:18px;
  color:var(--primary);
  margin-bottom:25px;
  font-weight:600;
}

.quote{
  font-size:18px;
  line-height:1.7;
  font-style:italic;
  color:#333;
  margin-bottom:25px;
  border-left:4px solid var(--primary);
  padding-left:20px;
}

.principal-content p{
  font-size:16px;
  line-height:1.9;
  color:#555;
  margin-bottom:18px;
}

.read-more-btn{
  display:inline-block;
  margin-top:10px;
  padding:14px 32px;
  background:var(--primary);
  color:#fff;
  border-radius:6px;
  transition:0.3s ease;
}

.read-more-btn:hover{
  background:var(--primary-dark);
}

/* ==================================================
   PROGRAMS
================================================== */

.program-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

.program-card{
  background:#fff;
  padding:45px 30px;
  border-radius:20px;
  text-align:center;
  box-shadow:var(--shadow);
  transition:var(--transition);
}

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

.program-card i{
  font-size:50px;
  color:var(--primary);
  margin-bottom:25px;
}

.program-card h3{
  margin-bottom:15px;
}

/* ==================================================
   RESEARCH
================================================== */

.research{
  background:linear-gradient(rgba(122,0,25,0.92),rgba(122,0,25,0.92)),
  url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?q=80&w=2000&auto=format&fit=crop');
  background-size:cover;
  background-position:center;
}

.research-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:25px;
}

.research-card{
  background:rgba(255,255,255,0.08);
  padding:40px;
  text-align:center;
  border-radius:18px;
  backdrop-filter:blur(10px);
  color:#fff;
}

.research-card h3{
  font-size:40px;
  margin-bottom:12px;
}

/* ==================================================
   GALLERY
================================================== */

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.gallery-item{
  overflow:hidden;
  border-radius:18px;
}

.gallery-item img{
  height:320px;
  object-fit:cover;
  transition:var(--transition);
}

.gallery-item:hover img{
  transform:scale(1.08);
}

/* ==================================================
   RANKINGS
================================================== */

.rankings{
  background:#fafafa;
}

.ranking-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:25px;
}

.ranking-card{
  background:#fff;
  padding:40px;
  text-align:center;
  border-radius:18px;
  box-shadow:var(--shadow);
}

.ranking-card h3{
  color:var(--primary);
  font-size:48px;
}

/* ==================================================
   PLACEMENTS
================================================== */
/* ==================================================
   BASE SECTION BACKGROUND (PREMIUM MULTI-COLOR)
================================================== */

.placements.university-premium-theme {
  position: relative;
  padding: 70px 20px;
  background: linear-gradient(135deg, #f0f4ff 0%, #fff3f7 50%, #f0fff4 100%);
  overflow: hidden;
}

/* ==================================================
   AMBIENT GLOW EFFECTS
================================================== */

.ambient-glow-glow1,
.ambient-glow-glow2 {
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  filter: blur(140px);
  opacity: 0.35;
  z-index: 0;
}

.ambient-glow-glow1 {
  background: #7a0019;
  top: -120px;
  left: -120px;
}

.ambient-glow-glow2 {
  background: #1e88e5;
  bottom: -140px;
  right: -140px;
}

/* ==================================================
   CONTAINER STACK
================================================== */

.placements .container {
  position: relative;
  z-index: 2;
}

/* ==================================================
   SECTION TITLE
================================================== */

.section-title.modern-light {
  text-align: center;
  margin-bottom: 40px;
}

.section-title.modern-light h2 {
  font-size: 32px;
  font-weight: 800;
  color: #1b1b1b;
}

.section-title.modern-light p {
  color: #666;
  margin-top: 8px;
  font-size: 15px;
}

.title-divider {
  width: 90px;
  height: 4px;
  background: linear-gradient(90deg, #7a0019, #1e88e5);
  margin: 12px auto;
  border-radius: 10px;
}

/* ==================================================
   STATS GRID
================================================== */

.placement-stats-premium {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 50px;
}

/* ==================================================
   PREMIUM CARD BASE
================================================== */

.premium-stat-box {
  position: relative;
  padding: 25px;
  border-radius: 18px;
  text-align: center;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.3);
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  overflow: hidden;
  color: #fff;
}

/* Hover Effect */
.premium-stat-box:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 20px 45px rgba(0,0,0,0.15);
}

/* Shine Effect */
.premium-stat-box::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.15), transparent 60%);
  transform: rotate(25deg);
}

/* ==================================================
   INDIVIDUAL CARD COLORS
================================================== */

.accent-maroon {
  background: linear-gradient(135deg, #7a0019, #b3002d);
}

.accent-emerald {
  background: linear-gradient(135deg, #00a86b, #00c853);
}

.accent-sapphire {
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
}

.accent-gold {
  background: linear-gradient(135deg, #d4af37, #ffb300);
}

/* ==================================================
   ICON
================================================== */

.stat-icon-wrapper {
  font-size: 30px;
  margin-bottom: 10px;
  display: inline-block;
  padding: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
}

/* ==================================================
   TEXT
================================================== */

.stat-data h3 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 6px;
  color: #fff;
}

.stat-data p {
  font-size: 14px;
  color: rgba(255,255,255,0.9);
}

/* ==================================================
   RECRUITERS TITLE
================================================== */

.recruiters-title.light-title {
  text-align: center;
  margin-bottom: 25px;
}

.recruiters-title h3 {
  font-size: 20px;
  color: #333;
  font-weight: 700;
}

/* ==================================================
   LOGO TICKER
================================================== */

.company-logos-ticker-wrap {
  overflow: hidden;
  white-space: nowrap;
  padding: 20px 0;
  border-radius: 12px;
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0,0,0,0.05);
}

.company-logos-track {
  display: flex;
  width: max-content;
  animation: scrollLogos 18s linear infinite;
}

.logo-slide {
  display: inline-block;
  margin: 0 25px;
}

.logo-slide img {
  height: 55px;
  filter: grayscale(100%);
  opacity: 0.75;
  transition: 0.3s ease;
}

.logo-slide img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.1);
}

/* ANIMATION */
@keyframes scrollLogos {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 992px) {
  .placement-stats-premium {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .placement-stats-premium {
    grid-template-columns: 1fr;
  }

  .section-title.modern-light h2 {
    font-size: 24px;
  }
}
/* Parallax Stats Section */
.stats-section{
  position:relative;
  width:100%;
  min-height:400px;
  background-image:url("images/acbuilding1.webp");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.stats-section .overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.35);
}

.stats-section .content{
  position:relative;
  z-index:2;
  width:100%;
  display:flex;
  justify-content:space-evenly;
  text-align:center;
  color:#fff;
  padding:60px 20px;
}

.box h2{
  font-size:56px;
  color:yellow;
}

.box p{
  font-size:20px;
  font-weight:600;
}

/* ==================================================
   EVENTS
================================================== */

.events{
  background:#fafafa;
}

.event-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

.event-card{
  background:#fff;
  display:flex;
  gap:25px;
  padding:30px;
  border-radius:18px;
  box-shadow:var(--shadow);
}

.event-date{
  background:var(--primary);
  color:#fff;
  min-width:90px;
  height:90px;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.event-date h3{
  font-size:32px;
}

/* ==================================================
   TESTIMONIALS
================================================== */

.testimonial-slider{
  max-width:850px;
  margin:auto;
  position:relative;
}

.testimonial{
  display:none;
  background:#fff;
  padding:50px;
  border-radius:20px;
  box-shadow:var(--shadow);
  text-align:center;
}

.testimonial.active{
  display:block;
}

.testimonial p{
  font-size:20px;
  margin-bottom:25px;
}

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

.footer{
  background:#111;
  color:#ddd;
  padding-top:80px;
}

.footer-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:50px;
}

.footer h3,
.footer h4{
  color:#fff;
  margin-bottom:25px;
}

.footer ul li{
  margin-bottom:12px;
}

.footer a{
  color:#ccc;
}

.logo1 img{
  width:70px;
}

.newsletter{
  display:flex;
  margin-bottom:25px;
}

.newsletter input{
  flex:1;
  padding:14px;
  border:none;
  outline:none;
}

.newsletter button{
  background:var(--primary);
  color:#fff;
  border:none;
  padding:14px 20px;
  cursor:pointer;
}

.social-icons{
  display:flex;
  gap:15px;
}

.social-icons a{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#222;
  display:flex;
  align-items:center;
  justify-content:center;
}

.copyright{
  margin-top:60px;
  text-align:center;
  padding:25px;
  border-top:1px solid #222;
}

/* ==================================================
   RESPONSIVE — TABLET (max 1100px)
================================================== */

@media(max-width:1100px){

  .program-grid,
  .research-grid,
  .ranking-grid,
  .gallery-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .about-grid,
  .updates-grid,
  .event-grid,
  .footer-grid{
    grid-template-columns:1fr;
  }

  .hero-content{
    padding-left:30px;
  }

  .hero h1{
    font-size:46px;
  }
}

/* ==================================================
   RESPONSIVE — MOBILE NAV (max 991px)
================================================== */

@media(max-width:991px){

  .container{
    width:92%;
  }

  .hamburger{
    display:flex;
    z-index:1001;
  }

  .navbar{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    display:none;
    padding:0;
    border-top:1px solid #eee;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    z-index:999;
    max-height:80vh;
    overflow-y:auto;
  }

  .navbar.active{
    display:block;
  }

  .nav-menu{
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    width:100%;
  }

  .nav-menu li{
    width:100%;
    border-bottom:1px solid #f1f1f1;
  }

  .nav-menu a{
    display:block;
    width:100%;
    padding:15px 20px;
    font-size:15px;
  }

  .dropdown-menu{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    display:none;
    border-radius:0;
    box-shadow:none;
    background:#fafafa;
    min-width:unset;
    width:100%;
  }

  .dropdown.active .dropdown-menu{
    display:block;
  }

  /* Disable hover on mobile */
  .dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    display:none;
  }

  .dropdown.active:hover .dropdown-menu{
    display:block;
  }

  .dropdown-menu a{
    padding:13px 35px;
    font-size:14px;
  }

  /* Sections */
  .section{
    padding:60px 0;
  }

  .section-title h2{
    font-size:28px;
  }

  /* Grids */
  .program-grid,
  .research-grid,
  .gallery-grid,
  .ranking-grid,
  .placement-stats,
  .stats-grid{
    grid-template-columns:1fr 1fr;
  }

  /* Principal */
  .principal-content{
    text-align:center;
  }

  .principal-content img{
    width:160px;
    margin:0 auto 20px;
  }

  .principal-content h2{
    font-size:28px;
  }

  .quote{
    text-align:left;
    font-size:16px;
  }

  /* Hero */
  .hero{
    height:75vh;
  }

  .hero-content{
    padding:0 20px;
  }

  .hero h1{
    font-size:34px;
    line-height:1.3;
  }

  .hero p{
    font-size:15px;
  }

  .btn{
    padding:12px 22px;
    font-size:14px;
  }

  /* Gallery */
  .gallery-item img{
    height:240px;
  }

  /* Footer */
  .footer{
    text-align:center;
  }

  .footer-grid{
    grid-template-columns:1fr;
  }

  .newsletter{
    flex-direction:column;
    gap:10px;
  }

  .newsletter button{
    width:100%;
  }

  .social-icons{
    justify-content:center;
  }

  /* Stats section */
  .stats-section .content{
    flex-direction:column;
    gap:25px;
    padding:40px 20px;
  }

  .box h2{
    font-size:36px;
  }

  .box p{
    font-size:16px;
  }
}

/* ==================================================
   RESPONSIVE — SMALL MOBILE (max 576px)
================================================== */

@media(max-width:576px){

  .top-bar-content{
    flex-direction:row;
    align-items:center;
    gap:8px;
  }

  .top-links a{
    font-size:12px;
  }

  .ticker-content span{
    font-size:11px;
    padding-right:18px;
  }

  .logo h2{
    font-size:14px;
  }

  .logo span{
    font-size:9px;
  }

  .hero{
    height:68vh;
  }

  .hero h1{
    font-size:26px;
  }

  .hero-subtitle{
    font-size:12px;
  }

  .section-title h2{
    font-size:24px;
  }

  .about-content h2{
    font-size:26px;
  }

  .program-grid,
  .research-grid,
  .ranking-grid,
  .gallery-grid,
  .stats-grid,
  .placement-stats{
    grid-template-columns:1fr;
  }

  .ranking-card h3,
  .placement-box h3,
  .research-card h3{
    font-size:32px;
  }
}
/* ==================================================
   WHATSAPP FLOAT BUTTON
================================================== */

.whatsapp-float{
  position:fixed;
  right:25px;
  bottom:25px;
  width:65px;
  height:65px;
  z-index:9999;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;
  background:#25D366;

  box-shadow:0 8px 25px rgba(37,211,102,.4);

  animation:whatsappPulse 2s infinite;
}

.whatsapp-float img{
  width:35px;
  height:35px;
}

@keyframes whatsappPulse{

  0%{
      transform:scale(1);
  }

  50%{
      transform:scale(1.1);
  }

  100%{
      transform:scale(1);
  }

}

.whatsapp-float:hover{
  transform:scale(1.1);
}

@media(max-width:576px){

  .whatsapp-float{
      width:55px;
      height:55px;
      right:15px;
      bottom:15px;
  }

  .whatsapp-float img{
      width:30px;
      height:30px;
  }

}

.social-title{
  font-size: 22px;
  margin-bottom: 15px;
  color: #fff;
  font-weight: 600;
}

.social-links{
  display: flex;
  gap: 15px;
  align-items: center;
}

.social-links a{
  width: 45px;
  height: 45px;
  background: #7a0019;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 18px;
  transition: 0.3s ease;
}

.social-links a:hover{
  background: #fff;
  color: #7a0019;
  transform: translateY(-4px);
}

.location-section{
  padding:60px 20px;
  text-align:center;
}

.location-section h2{
  margin-bottom:25px;
}

.location-section iframe{
  width:100%;
  max-width:1000px;
  height:450px;
  border-radius:15px;
  box-shadow:0 8px 25px rgba(0,0,0,0.15);
}

/* Mobile Responsive */
@media (max-width:768px){

  .location-section{
    padding:40px 15px;
  }

  .location-section h2{
    font-size:1.8rem;
    margin-bottom:20px;
  }

  .location-section iframe{
    height:300px;
    border-radius:10px;
  }
}

@media (max-width:480px){

  .location-section{
    padding:30px 10px;
  }

  .location-section h2{
    font-size:1.5rem;
  }

  .location-section iframe{
    height:250px;
    border-radius:8px;
  }
}

.helpline-box{
  display:flex;
  align-items:center;
  gap:25px;
  background:#fff;
  padding:30px;
  justify-content:center;  /* ADD THIS */
  text-align:center;       /* ADD THIS */
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.helpline-icon{
  width:90px;
  height:90px;
  background:#7a0019;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:35px;
  flex-shrink:0;
}

.helpline-content h2{
  margin-bottom:10px;
  color:#7a0019;
}

.helpline-content p{
  margin-bottom:15px;
  color:#555;
}

.phone-numbers{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.phone-numbers a{
  text-decoration:none;
  color:#fff;
  background:#7a0019;
  padding:10px 18px;
  border-radius:50px;
  font-weight:600;
  transition:0.3s;
}

.phone-numbers a:hover{
  background:#a10024;
  transform:translateY(-2px);
}

@media(max-width:768px){
  .helpline-box{
      flex-direction:column;
      text-align:center;
      font-size: 70%;
  }

  .phone-numbers{
      justify-content:center;
  }
}

/* BABA image */

.baba img{
  width:446px;
height: 450px;  /* Adjust as needed */
  object-fit:cover;
  display:block;
  transition:transform 0.5s ease;
 margin-left: auto;
}

.baba:hover img{
  transform:scale(1.05);
}
/* Mobile */
@media (max-width: 480px){
  .baba img{
      max-width: 75%;
      height: auto;
      margin-left: 40px;
  }
}

/* ================= POPUP ================= */
.popup-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.7);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:999999;
}

.popup-box{
  position:relative;
  width:90%;
  max-width:700px;
}

.popup-box img{
  width:60%;
  display:block;
  border-radius:10px;
}

#closePopup{
  position:absolute;
  top:-10px;
  right:270px;
  width:35px;
  height:35px;
  background:#7a0019;
  border-radius:50%;
  text-align:center;
  line-height:35px;
  font-size:24px;
  cursor:pointer;
}

/* Mobile Responsive */
@media (max-width: 768px){

  .popup-box{
      max-width: 95%;
  }

  .popup-box img{
      width: 100%;
      border-radius: 8px;
  }

  #closePopup{
      top: -10px;
      right: -10px;
      width: 32px;
      height: 32px;
      line-height: 32px;
      font-size: 20px;
  }
}

/* =========================
   Fee Structure Box
========================= */

.fee-structure{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 20px;
  background: #f4f6f9;
}

.fee-structure .container{
  width: 100%;
  max-width: 500px;
  background: linear-gradient(135deg,#7a0019,#a00024);
  padding: 45px 30px;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  position: relative;
  overflow: hidden;
}

/* Decorative Circle */
.fee-structure .container::before{
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  background: rgba(255,255,255,0.08);
  border-radius: 50%;
  top: -60px;
  right: -60px;
}

.fee-structure .container::after{
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  background: rgba(255,255,255,0.06);
  border-radius: 50%;
  bottom: -40px;
  left: -40px;
}

/* Button Link */
.fee-structure a{
  position: relative;
  z-index: 2;
  display: inline-block;
  background: #fff;
  color: #7a0019;
  text-decoration: none;
  padding: 16px 40px;
  border-radius: 50px;
  font-size: 22px;
  font-weight: 700;
  transition: 0.3s ease;
  box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.fee-structure a:hover{
  background: #ffe5ea;
  transform: translateY(-5px) scale(1.03);
}

/* Mobile Responsive */
@media (max-width: 768px){

  .fee-structure{
      padding: 40px 15px;
  }

  .fee-structure .container{
      padding: 35px 20px;
  }

  .fee-structure a{
      font-size: 18px;
      padding: 14px 28px;
  }
}

@media (max-width: 480px){

  .fee-structure a{
      width: 100%;
      font-size: 16px;
      padding: 14px 20px;
  }
}