/* ==================================================
   CUSTOM.CSS – FULL HEADER CSS (CBSE PREMIUM)
   Author: Final Locked Version
================================================== */

/* ================= RESET SCOPE ================= */
#header-part *{
  box-sizing:border-box;
}

/* ================= TOP ANNOUNCEMENT BAR ================= */
#header-part .header-top{
  background:linear-gradient(180deg,#07294d,#0b3d91);
  padding:8px 0;
}

/* row alignment fix */
#header-part .header-top .row{
  display:flex;
  align-items:center;
}

/* announcement container */
#header-part .announcement-bar{
  width:100%;
  overflow:hidden;
  white-space:nowrap;
}

/* scrolling text */
#header-part .announcement-track{
  display:inline-flex;
  align-items:center;
  gap:56px;
  font-size:14px;
  font-weight:500;
  color:#ffffff;
  animation:latestNews 24s linear infinite;
}

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

/* ================= SOCIAL ICONS ================= */
#header-part .header-social{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

#header-part .header-social a{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  transition:all .35s ease;
}

/* hover lift */
#header-part .header-social a:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}

/* brand hover colors */
#header-part a[href*="instagram"]:hover{
  background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);
}
#header-part a[href*="facebook"]:hover{background:#1877f2;}
#header-part a[href*="youtube"]:hover{background:#ff0000;}
#header-part a[href*="twitter"]:hover{background:#1da1f2;}

/* PAY SVG */
#header-part .pay-svg svg{
  border-radius:8px;
  transition:all .35s ease;
}
#header-part .pay-svg:hover svg{
  box-shadow:0 0 0 6px rgba(255,198,0,.25);
}

/* ================= NAVBAR ================= */
#header-part .navigation{
  background:#ffffff;
  border-bottom:1px solid #e8e8e8;
}

#header-part .navbar{
  padding:12px 0;
}

/* ================= CTA BUTTON ================= */
#header-part .nav-cta{
  margin-left:18px;
  display:flex;
  align-items:center;
}

#header-part .cta-glow{
  background:linear-gradient(135deg,#ffc600,#ffb300);
  color:#07294d !important;
  padding:11px 22px;
  border-radius:28px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.6px;
  text-transform:uppercase;
  white-space:nowrap;
  transition:all .35s ease;
  animation:softPulse 3s infinite;
}

#header-part .cta-glow:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(255,198,0,.45);
}

@keyframes softPulse{
  0%{box-shadow:0 0 0 0 rgba(255,198,0,.35)}
  70%{box-shadow:0 0 0 12px rgba(255,198,0,0)}
  100%{box-shadow:0 0 0 0 rgba(255,198,0,0)}
}

/* ================= MOBILE FIX ================= */
@media(max-width:991px){

  #header-part .announcement-track{
    font-size:13px;
    animation-duration:18s;
  }

  #header-part .header-social{
    justify-content:center;
    margin-top:6px;
  }

  #header-part .nav-cta{
    margin:12px auto 0;
    justify-content:center;
  }

  #header-part .cta-glow{
    width:92%;
    text-align:center;
  }
}

/* ================================
   PAY SVG VISIBILITY FIX
================================ */

/* Allow SVG to show fully */
#header-part .header-social a.pay-svg{
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  background:none !important;
  box-shadow:none !important;
}

/* Force SVG size & display */
#header-part .pay-svg svg{
  display:block !important;
  width:64px !important;
  height:34px !important;
  overflow:visible !important;
}

/* Text clarity */
#header-part .pay-svg text{
  font-size:14px !important;
  font-weight:700 !important;
  fill:#07294d !important;
}

/* Optional hover */
#header-part .pay-svg:hover svg{
  box-shadow:0 0 0 6px rgba(255,198,0,.25);
}




/* ===============================
   SLIDER – NO CAPTION MODE
=============================== */

/* hide any caption safely */
#slider-part .slider-cont{
  display:none !important;
}

/* clean premium overlay (image focus) */
#slider-part .single-slider::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.25),
    rgba(0,0,0,.35)
  );
  z-index:1;
}

/* make slider image full & sharp */
#slider-part .single-slider{
  min-height:85vh;
  background-size:cover;
  background-position:center;
}

/* remove extra padding */
#slider-part .single-slider .container{
  padding:0 !important;
}


/* subtle cinematic zoom */
#slider-part .single-slider{
  animation:sliderZoom 8s ease-in-out infinite alternate;
}

@keyframes sliderZoom{
  from{transform:scale(1)}
  to{transform:scale(1.08)}
}



/* ===============================
   SLIDER – MOBILE HEIGHT OPTIMIZATION
=============================== */

/* Desktop default */
#slider-part .single-slider{
  min-height:85vh;
}

/* Tablets */
@media (max-width: 991px){
  #slider-part .single-slider{
    min-height:65vh;
  }
}

/* Mobile (most important) */
@media (max-width: 768px){
  #slider-part .single-slider{
    min-height:52vh;          /* ideal mobile hero height */
    background-position:center top;
  }
}

/* Small mobiles */
@media (max-width: 480px){
  #slider-part .single-slider{
    min-height:48vh;
  }
}

/* Remove any inner spacing completely */
#slider-part .single-slider .container,
#slider-part .single-slider .row,
#slider-part .single-slider .slider-cont{
  padding:0 !important;
  margin:0 !important;
}






/* =====================================================
   NOTICE / NEWS – PREMIUM BACKGROUND + SEO SAFE
===================================================== */
/* =====================================================
   NOTICE & NEWS SECTION – FINAL PREMIUM UPGRADE (2026)
===================================================== */

/* ===== SECTION BACKGROUND ===== */
.notice-section{
  position:relative;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,198,0,.15), transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(11,61,145,.15), transparent 45%),
    linear-gradient(180deg,#f6f9ff,#ffffff);
  overflow:hidden;
}

/* ===== CARD BASE ===== */
.notice-card{
  background:rgba(255,255,255,.95);
  border-radius:22px;
  padding:48px 44px;
  height:100%;
  box-shadow:
    0 20px 45px rgba(0,0,0,.08),
    inset 0 0 0 1px rgba(255,255,255,.6);
  transition:all .45s ease;
  position:relative;
}

/* card hover depth */
.notice-card:hover{
  transform:translateY(-8px);
  box-shadow:
    0 35px 85px rgba(0,0,0,.14),
    inset 0 0 0 1px rgba(255,255,255,.7);
}

/* ===== HEADING ===== */
.notice-card .section-title h2{
  font-size:28px;
  font-weight:800;
  color:#0b3d91;
  letter-spacing:.3px;
  margin-bottom:26px;
  position:relative;
}

/* heading underline */
.notice-card .section-title h2::after{
  content:"";
  width:64px;
  height:3px;
  background:linear-gradient(90deg,#ffc600,#ffb300);
  display:block;
  margin-top:10px;
  border-radius:3px;
}

/* ===== LIST BASE ===== */
.notice-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:20px;
}

/* ===== AUTO SCROLL (NOTICE ONLY) ===== */
.notice-scroll{
  max-height:220px;
  overflow:hidden;
  animation:noticeScroll 22s linear infinite;
}

.notice-scroll:hover{
  animation-play-state:paused;
}

@keyframes noticeScroll{
  0%{transform:translateY(0)}
  100%{transform:translateY(-48%)}
}

/* ===== LIST ITEM ===== */
.notice-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  position:relative;
}

/* ===== TEXT ===== */
.notice-item .text{
  font-size:16px;
  line-height:1.65;
  color:#333;
  transition:.35s ease;
}

/* hover text highlight */
.notice-item:hover .text{
  color:#0b3d91;
}

/* ===== ICON COMMON ===== */
.notice-item .icon svg{
  width:22px;
  height:22px;
  flex-shrink:0;
}

/* ===== ANNOUNCEMENT ICON ===== */
.notice-item .icon.announce svg{
  fill:#ffc600;
  filter:drop-shadow(0 4px 8px rgba(255,198,0,.45));
}

/* ===== NEWS ICON ===== */
.notice-item .icon.news svg{
  fill:none;
  stroke:#0b3d91;
  stroke-width:2;
}

/* ===== NEW BADGE ===== */
.notice-item .badge{
  background:linear-gradient(135deg,#ff3b3b,#ff6b6b);
  color:#fff;
  font-size:11px;
  font-weight:700;
  padding:4px 8px;
  border-radius:7px;
  margin-left:8px;
  box-shadow:0 6px 16px rgba(255,59,59,.45);
  animation:pulseNew 1.8s infinite;
}

@keyframes pulseNew{
  0%{transform:scale(1)}
  50%{transform:scale(1.12)}
  100%{transform:scale(1)}
}

/* ===== NEWS LIST (NO SCROLL) ===== */
.news-list{
  max-height:none;
  animation:none;
}

/* ===== MOBILE OPTIMIZATION ===== */
@media(max-width:768px){

  .notice-card{
    padding:32px 26px;
    margin-bottom:30px;
  }

  .notice-card .section-title h2{
    font-size:23px;
  }

  .notice-item .text{
    font-size:15px;
  }

  /* disable auto scroll on mobile */
  .notice-scroll{
    max-height:none;
    animation:none;
  }
}



/* =====================================================
   ADMISSION PAGE – PREMIUM UI UPGRADE
===================================================== */

/* ===== PAGE BANNER ===== */
#page-banner{
  position:relative;
  background-position:center;
  background-size:cover;
}

#page-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.75));
}

#page-banner .page-banner-cont{
  position:relative;
  z-index:2;
}

#page-banner .breadcrumb{
  background:rgba(255,255,255,.15);
  padding:10px 18px;
  border-radius:30px;
}

#page-banner .breadcrumb a,
#page-banner .breadcrumb-item.active{
  color:#fff;
  font-weight:500;
}

/* ===== SECTION BACKGROUND ===== */
#teachers-singel{
  background:linear-gradient(180deg,#f7f9ff,#ffffff);
}

/* ===== TAB NAVIGATION ===== */
#teachers-singel .nav{
  background:#fff;
  border-radius:40px;
  padding:6px;
  box-shadow:0 18px 45px rgba(0,0,0,.1);
  margin-bottom:40px;
}

#teachers-singel .nav .nav-item a{
  border-radius:30px;
  padding:14px 28px;
  font-weight:600;
  color:#ffffff;
  transition:.35s ease;
}

#teachers-singel .nav .nav-item a.active{
  background:linear-gradient(135deg,#ffc600,#ffb300);
  color:#07294d;
  box-shadow:0 10px 25px rgba(255,198,0,.45);
}

/* ===== TAB CONTENT CARD ===== */
#teachers-singel .tab-content{
  background:#fff;
  border-radius:24px;
  padding:45px;
  box-shadow:0 30px 80px rgba(0,0,0,.1);
}

/* ===== TEXT READABILITY ===== */
#teachers-singel p{
  font-size:16.5px;
  line-height:1.8;
  color:#333;
}

#teachers-singel h5{
  color:#0b3d91;
  font-weight:700;
  margin-top:30px;
}

/* remove ugly inline hr look */
#teachers-singel hr{
  border:none;
  height:1px;
  background:linear-gradient(90deg,#ffc600,transparent);
  margin:22px 0;
}

/* ===== LIST STYLE ===== */
#teachers-singel ul li{
  font-size:16px;
  margin-bottom:8px;
}

/* ===== IFRAME (GOOGLE FORM / PDF) ===== */
#teachers-singel iframe{
  border-radius:18px;
  box-shadow:0 25px 60px rgba(0,0,0,.15);
}

/* ===== DASHBOARD FORM CENTER ===== */
.dashboard-cont{
  display:flex;
  justify-content:center;
}

/* ===== MOBILE OPTIMIZATION ===== */
@media(max-width:768px){

  #teachers-singel .nav{
    flex-direction:column;
    border-radius:20px;
  }

  #teachers-singel .nav .nav-item a{
    text-align:center;
    padding:12px;
  }

  #teachers-singel .tab-content{
    padding:26px;
  }

  #teachers-singel iframe{
    height:1200px;
  }
}



















/* =====================================================
   FINAL PREMIUM FOOTER – COMMON CLASS NAMES
===================================================== */

.site-footer{
  position:relative;
  background:linear-gradient(180deg,#041f3f,#021327);
  color:#f2f6ff;
  overflow:hidden;
  font-size:14px;
}

/* animated depth background */
.footer-bg{
  position:absolute;
  width:320px;
  height:320px;
  border-radius:50%;
  filter:blur(90px);
  opacity:.25;
  animation:footerFloat 18s ease-in-out infinite alternate;
}
.footer-bg-1{
  background:#ffc600;
  top:-120px;
  left:-80px;
}
.footer-bg-2{
  background:#1da1f2;
  bottom:-120px;
  right:-80px;
}

@keyframes footerFloat{
  from{transform:translateY(0)}
  to{transform:translateY(60px)}
}

/* layout */
.footer-container{
  position:relative;
  padding:90px 0 60px;
  z-index:2;
}

.footer-col{
  margin-bottom:30px;
}

/* titles */
.footer-title{
  font-size:18px;
  font-weight:700;
  margin-bottom:22px;
  position:relative;
  color:#ffffff;
}
.footer-title::after{
  content:"";
  width:48px;
  height:3px;
  background:#ffc600;
  position:absolute;
  left:0;
  bottom:-10px;
}

/* text */
.footer-text{
  line-height:1.8;
  color:#e6edff;
}

/* links */
.footer-links{
  list-style:none;
  padding:0;
}
.footer-links li{
  margin-bottom:12px;
}
.footer-links a{
  color:#e6edff;
  transition:.3s;
}
.footer-links a:hover{
  color:#ffc600;
  padding-left:8px;
}

/* social icons */
.footer-social a{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#0c3c75,#07294d);
  color:#fff;
  border-radius:10px;
  margin-right:8px;
  box-shadow:0 12px 28px rgba(0,0,0,.45);
  transition:.35s;
}
.footer-social a:hover{
  background:#ffc600;
  color:#07294d;
  transform:translateY(-6px) scale(1.08);
  box-shadow:0 18px 35px rgba(255,198,0,.45);
}

/* contact cards */
.footer-contact{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:linear-gradient(
    145deg,
    rgba(255,255,255,.16),
    rgba(255,255,255,.05)
  );
  padding:14px;
  border-radius:14px;
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 25px rgba(0,0,0,.35);
}
.footer-contact i{
  color:#ffc600;
  font-size:18px;
  margin-top:3px;
}
.footer-contact span{
  color:#ffffff;
  font-weight:500;
}
.footer-apps{
    position: relative;
    display: flex;
    justify-content: space-between;
}
/* app store buttons */
.footer-apps img{
  height:42px;
  margin-right:10px;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));
}

/* bottom bar */
.footer-bottom{
  position:relative;
  z-index:2;
  text-align:center;
  padding:16px;
  background:rgba(0,0,0,.55);
  font-size:13px;
}
.footer-bottom a{
  color:#ffc600;
}

/* whatsapp */
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  width:56px;
  height:56px;
  background:linear-gradient(145deg,#2be36b,#1fa855);
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  z-index:9999;
  box-shadow:0 12px 30px rgba(0,0,0,.45);
  transition:.3s;
}
.whatsapp-float:hover{
  transform:scale(1.1);
}

/* mobile */
@media(max-width:768px){
  .footer-container{
    padding:60px 0 40px;
  }
}