/* Typography */
   h1,h2,h3,h4,h5,h6 { font-family: "Nunito", sans-serif !important; font-weight:700; }
   h1{font-size:45px;} h2{font-size:40px;} h3{font-size:35px;} h4{font-size:30px;} h5{font-size:25px;} h6{font-size:20px;}
   p { font-size:18px; line-height:1.8; font-family:"Open Sans", sans-serif; margin-bottom:15px; }
   i.fa {
   color: #ffffff;
   }
   /* Social Icons Styling */
   #top-header .social-icons li {
   border-right: 1px solid white; /* Separator between icons */
   padding-left: 10px;
   padding-right: 10px;
   }
   #top-header .right-menu li a {
   color: white;
   text-decoration: none;
   font-size: 16px;
   }
   #top-header .right-menu li i.fa {
   color: yellow;
   font-size: 17px;
   }
   .newappnew{
   float:right;
   }
   .newappnew a{
   background: white;
   padding: 5px 6px;
   border-radius: 4px;
   color: #e53216;
   font-weight: 600;
   font-size: 15px;
   font-family: Arial, sans-serif;
   }
   #top-header .right-menu li a {
   color: white;
   text-decoration: none;
   font-size: 16px;
   }
   #top-header .social-icons li:last-child {
   border-right: none; /* Remove border for the last icon */
   }
   #cssmenu > ul > li.has-sub > a:before{
   background: #2f2f2f;
   }
   #cssmenu > ul > li.has-sub > a:after{
   background: #2f2f2f;
   }
  
   #cssmenu #menu-button:after {
   border-top: 2px solid #322929;
   border-bottom: 2px solid #322929;
   height: 8px;
   }
   #cssmenu #menu-button:before{
   background:#322929;
   }
   @media screen and (max-width: 700px) {
   .dsp {
   display: none;
   }
   }
   #cssmenu #menu-button {
   color: #322929;
   }
   #cssmenu .submenu-button:before {
   background: #272020;
   }
   #cssmenu .submenu-button:after {
   background: #272020;
   }
   #cssmenu #menu-button.menu-opened:after {
   background: #000000;
   }
   #cssmenu #menu-button.menu-opened:before {
   background: #000000;
   }
   @media screen and (max-width: 700px) {
   #top-header .social-icons {
   text-align: center;
   }
   #top-header .right-menu {
   text-align: center;
   }
   #top-header ul {
   text-align: center;
   }
   }
   /* Menu */
   #cssmenu{ background:#dddddd; border-top:1px dashed grey; box-shadow:0 2px 10px rgba(0,0,0,.08); z-index:1000; padding:8px 0; font-family:Arial,sans-serif; }
   #cssmenu > ul > li > a{ padding:15px; font-size:18px; color:#222; font-weight:500; text-decoration:none;letter-spacing: 0px; }
   #cssmenu ul ul li a{ font-size:17px; color:#040404; }
   #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{ color:#dc4949; background:#d1d1d1; }
   #cssmenu > ul > li:hover > a { color:#081aa9; background-color:#dddddd; }
   /* Buttons */
   .disclosure-btn{ background:#0f256c; padding:10px 15px; font-size:21px; border-radius:8px; color:white; font-weight:700; }
   .disclosure-btn:hover{ background:red; color:white; text-decoration:none; }
   .admission-button img{ margin-top:-14px; }
   a.application{ position:absolute; top:35px; font-size:24px; }
   /* Responsive */
   @media (max-width:800px){ a.application{ font-size:18px !important; margin-left:25px; } }
   @media screen and (max-width:425px) and (min-width:320px){
   .dis-none{ display:none; }
   .bsdw{ padding:20px 10px; }
   }
   /* Header logos */
   .logo-img{ width:88%; margin:8px 0 0 21px; }
   .header_middle{ background:white; }
   .ban .banner-img .breadcrumb .breadcrumb-item{ color:white; font-size:21px; }
   .ban .banner-img .breadcrumb .active{ color:#d4f5fd !important; font-size:21px; }
   /* Mobile menu */
   .mobremenu{ display:none; text-align:center; margin:6px 0; padding:5px 10px; }
   .mdropdown-btn{ background:#f1f1f1; color:#7a1c1c; padding:10px 12px; border-radius:8px; font-weight:700; cursor:pointer; font-size:18px; }
   .mobile-other-menu{ display:none; background:#fff; border:1px solid #ccc; margin:10px auto; width:220px; border-radius:8px; box-shadow:0 5px 12px rgba(0,0,0,.2); }
   .mobile-other-menu a{ display:block; font-size:15px; padding:5px 10px; border-bottom:1px dashed #ccc; font-weight:700; text-align:left; }
   .mobile-other-menu a:last-child{ border-bottom:none; }
   @media(max-width:700px){ .mobremenu{display:block;} }
   /* Hide specific elements for large screens */
   @media only screen and (max-width:2560px) and (min-width:1001px){ .lat{ display:none !important; } }
   @media only screen and (max-width:992px){ .sri{ display:none; } }
   
   /*Homepage*/
     body {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 20px;
         }
         .banner-content {
         font-size: 14px;
         color: #fff;
         padding: 40px 30px;
         }
         .banner-description {
         color: #fff;
         font-size: 18px;
         }
         .banner-content .banner-title {
         margin-bottom: 15px;
         font-weight: 700;
         font-size: 22px;
         color: #fff905;
         padding: 10px 0px;
         text-transform: uppercase;
         margin-top: 24px;
         }
         .about-home{
         padding:60px 0px;
         text-align:center;
         }
         .about-home h2{
         color:#1e3c72;
         margin-bottom:30px;
         font-weight:700;
         }
         .about-home h4{
         color: #ff7b00;
         margin-bottom: 25px;
         font-weight: 700;
         font-size: 30px;
         }
         .about-home p{
         font-size:18px;
         line-height:1.8;
         color:#444;
         font-style: normal;
         text-align:justify;
         text-indent:10px;
         }
         .news-board{
         background: #a9977e; 
         height: 24em;
         }
         /* ===== News Board Container ===== */
         .news-board {
         background: #bb9b55;
         margin-top:79px;
         border-radius: 6px;
         padding: 10px;
         height: 480px;
         overflow: hidden;
         box-shadow: 0 4px 10px rgba(0,0,0,0.1);
         }
         /* ===== News Board Heading ===== */
         .news-board h2 {
         background: #f17236;
         color: #fff;
         font-size: 25px;
         text-align: center;
         padding: 22px 15px;
         margin: -10px -10px 10px;
         letter-spacing: 1px;
         text-transform: uppercase;
         font-weight: 700;
         }
         /* ===== Marquee Styling ===== */
         .news-board {
    height: 500px; /* set fixed height */
    overflow: hidden;
}


         
         
         /* ===== News List ===== */
         .news-board ul {
              
         list-style: none;
         padding: 0;
         margin: 0;
         }
         .news-board ul li {
         padding: 12px 5px;
         border-bottom: 1px dashed #ffffff8a;
         }
         .ast_horoscope_box ul li::marker{
         color: #e37500;
         font-size: 18px;
         }
         .news-board ul li a{
         position: relative;
         padding-left: 28px;
         }
         /* ===== News Links ===== */
         .news-board ul li a {
         text-decoration: none;
         font-size: 17px;
         color: white;
         line-height: 1.6;
         display: block;
         transition: all 0.3s ease;
         }
         .news-board ul li a::before{
         content: "\f0a4";                     /* fa-hand-o-right */
         font-family: "FontAwesome";
         position: absolute;
         left: 0;
         top: 25%;
         transform: translateY(-50%);
         font-size: 18px;
         color: yellow;
         }
         .news-board ul li a:hover::before{
         color:#ef1c22;
         }
         /* ===== Hover Effect ===== */
         .news-board ul li a:hover {
         color: white;
         padding-left: 5px;
         }
         /* ===== Pause on Hover ===== */
         .news-board marquee:hover {
         animation-play-state: paused;
         }
         /* ===== Responsive ===== */
         @media (max-width: 768px) {
         .news-board {
         height: auto;
         }
         .news-board marquee {
         height: 260px;
         }
         }
         /* Scroll Container */
.scroll-container {
  height: 400px;       /* same as your old marquee */
  overflow: hidden;
  position: relative;
}

/* Scroll List */
.scroll-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  animation: scroll-up -5s linear infinite !important; 
}

/* Scroll Items */
.scroll-list li {
  padding: 12px 5px;
  border-bottom: 1px dashed #ffffff8a;
}

.scroll-list li a {
  text-decoration: none;
  color: white;
  font-size: 16px;
  display: block;
  position: relative;
  padding-left: 28px;
}

.scroll-list li a::before {
  content: "\f0a4"; /* fa-hand-o-right */
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: yellow;
}

/* Keyframes for vertical scrolling */
@keyframes scroll-up {
  0%   { transform: translateY(100%); }
  100% { transform: translateY(-100%); }
}

/* Pause scroll on hover */
.scroll-container:hover .scroll-list {
  animation-play-state: paused;
}

/* Responsive */
@media (max-width: 768px) {
  .scroll-container {
    height: 260px;
  }
}
         .why-choose-us{
         text-align:center;
         }
         .why-choose-us h2{
         margin-bottom:40px;
         color:#1e3c72;
         font-weight:700;
         }
         .why-choose-us h2 span{
         color: #ff8100;
         }
         .choose-grid{
         display:grid;
         grid-template-columns:repeat(3, 1fr);
         gap:25px;
         }
         .choose-box{
         background:#fff;
         border-radius:14px;
         padding: 20px;
         box-shadow:0 8px 20px rgba(0,0,0,0.08);
         transition:0.3s;
         position:relative;
         }
         .choose-box i{
         font-size:36px;
         color:#ff7b00;
         margin-bottom:15px;
         display:block;
         }
         .choose-box h4{
         font-size:17px;
         color:#333;
         line-height:1.5;
         }
         .choose-box:hover{
         transform:translateY(-8px);
         box-shadow:0 15px 30px rgba(0,0,0,0.15);
         }
         .choose-box:hover i{
         color:#1e73be;
         }
         #myBtn {
         display: none;
         position: fixed;
         bottom: 20px;
         right: 30px;
         z-index: 99;
         font-size: 18px;
         border: none;
         outline: none;
         background-color: red;
         color: white;
         cursor: pointer;
         padding: 15px;
         border-radius: 4px;
         }
         #myBtn:hover {
         background-color: #555;
         }
         .foo{
         color: #CEFF30;
         margin-bottom: 35px;
         text-transform: uppercase;
         font-weight: bold;
         position: relative;
         }
 
         @media screen and (max-width: 425px) and (min-width: 320px){
        
         .choose-grid {
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         gap: 25px;
         }
         .about-home p{
         text-align:justify;
         }
         .about-home{
         padding:10px 0px 60px 0px;
         }
         .banner-content{
         padding:30px 0px;
         }
         .about-home h2 {
         font-size: 32px;
         }
         .about-home h4{
         font-size: 22px; 
         }
         .why-choose-us h2{
         font-size: 32px; 
         }
         }
         .upcoming-events {
         padding:60px 0px;
         }
         .upcoming-events h2{
         margin-bottom: 40px;
         color: #1e3c72;
         font-weight: 700;
         }
         .upcoming-events h2 span{
         color: #ff8100;
         }
         .event-box {
         background: #fff;
         border-radius: 10px;
         overflow: hidden;
         box-shadow: 0 5px 15px rgba(0,0,0,0.08);
         transition: 0.3s;
         /*height: 100%;*/
         }
         .event-box:hover {
         transform: translateY(-6px);
         }
         .event-img {
         width: 100%;
         /*height: 100%;*/
         /*object-fit: cover;*/
         }
         .event-date {
         position: absolute;
         background: #0f47ab;
         color: #fff;
         padding: 10px 12px;
         top: 15px;
         left: 15px;
         border-radius: 6px;
         text-align: center;
         }
         .event-date .day {
         font-size: 20px;
         font-weight: bold;
         display: block;
         }
         .event-date .month {
         font-size: 12px;
         letter-spacing: 1px;
         }
         .event-content {
         padding: 15px;
         }
         .event-content h4 {
         font-size: 18px;
         color: #0f47ab;
         margin-bottom: 5px;
         text-align:center;
         }
         .event-content .time {
         font-size: 14px;
         color: #777;
         margin-bottom: 8px;
         }
         /*homepage*/