body{
  margin:0;
  padding:0;
  font-family: 'Segoe UI', sans-serif;
}

/* ================= TOP HEADER ================= */
.top-header{
  background:#ffffff;
  border-bottom:1px solid #ddd;
}

.top-header a{
  color:#000;
  margin-right:10px;
  font-size:14px;
  text-decoration:none;
}

.top-header .btn{
  border-radius:0;
  margin-left:5px;
  font-size:13px;
  color: #ffffff;
}

.welcome-text{
  margin-left:10px;
  font-weight:600;
  font-size:14px;
}
.social-icons a{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  color:#fff;
  font-size:14px;
  text-decoration:none;
  margin-right:6px;
  transition:0.3s;
}

.social-icons .facebook{ background:#1877f2; }
.social-icons .linkedin{ background:#0a66c2; }
.social-icons .youtube{ background:#ff0000; }
.social-icons .instagram{ 
  background: radial-gradient(circle at 30% 107%, 
  #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); 
}
.social-icons .whatsapp{
  background:#25D366;
}

.social-icons a:hover{
  transform:translateY(-3px);
  opacity:0.85;
}

/* ================= MAIN HEADER ================= */
.main-header{
  background:#1696a8;
}

.header-logo{
  max-height:80px;
}

.phone-text{
  margin:0;
  font-size:14px;
  font-weight:500;
  color: #ffffff;
}

.naac-img{
  max-height:70px;
  margin-top:5px;
}
@media(max-width:768px){
  .welcome-text{
    display:block;
    margin-top:5px;
  }

  .header-logo{
    max-height:60px;
  }

  .phone-text{
    font-size:13px;
  }
}


.university-navbar{
  background:#ed2026;
  z-index:999;
}
.university-navbar.stuck{
  box-shadow:0 2px 10px rgba(0,0,0,0.3);
}

.university-navbar .nav-link{
  color:#fff !important;
  font-weight:600;
  padding:12px 14px;
  font-size:14px;
  text-transform:uppercase;
}

.university-navbar .nav-link:hover,
.university-navbar .nav-link.active{
  text-decoration:none;
}

.navbar-toggler{
  border:1px solid #fff;
}

.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.dropdown-menu{
  border-radius:0;
  border:none;
  width: 100%;
  min-width: max-content;
  white-space: nowrap;
}

.dropdown-item{
  font-size:14px;
}

.dropdown-item:hover{
  background:#ed2026;
  color:#fff;
}
.dropdown-submenu{
  position:relative;
}

.dropdown-submenu > .dropdown-menu{
  top:0;
  left:100%;
  margin-top:-1px;
  min-width: max-content;   
  width: auto;
  white-space: nowrap;  
}

.dropdown-submenu > a::after{
  float:right;
  margin-top:5px;
}

@media(max-width:991px){
  .dropdown-submenu > .dropdown-menu{
    left:0;
    margin-left:15px;
  }
}

@media(max-width:991px){
  .university-navbar .nav-link{
    padding:10px;
  }
}
.hero-carousel .carousel-item{
  height:85vh;
  background-size:cover;
  background-position:center;
  position:relative;
}

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

.hero-carousel .carousel-caption{
  bottom:30%;
}

.hero-carousel h1{
  font-size:48px;
  font-weight:700;
}

.hero-carousel p{
  font-size:18px;
  max-width:700px;
  margin:auto;
}

.hero-carousel .btn{
  padding:10px 25px;
  font-size:16px;
}

@media(max-width:768px){
  .hero-carousel .carousel-item{
    height:60vh;
  }

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

  .hero-carousel p{
    font-size:14px;
  }
}

.latest-updates-section{
  background:#1c2238;
  overflow:hidden;
}

.latest-label{
  background:#ed2026;
  color:#fff;
  padding:15px;
  font-weight:700;
  text-transform:uppercase;
  text-align:center;
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
}

.latest-marquee{
  color:#fff;
  padding:15px;
  overflow:hidden;
  position:relative;
}

.marquee-content{
  display:inline-flex;
  gap:50px;
  white-space:nowrap;
  animation: scrollText 20s linear infinite;
}

.marquee-content span{
  font-size:15px;
}

@keyframes scrollText{
  0%{ transform:translateX(100%); }
  100%{ transform:translateX(-100%); }
}

@media(max-width:768px){
  .latest-label{
    clip-path:none;
  }
  .latest-label{
    font-size:14px;
  }
  .marquee-content span{
    font-size:13px;
  }
}
.latest-marquee:hover .marquee-content{
  animation-play-state: paused;
}

/* about section  */

.desk-section{
  background:#f7f7f7;
}

.desk-card{
  background:#fff;
  padding:20px;
  border:1px solid #ddd;
  height:100%;
}

.desk-img{
  width:100%;
  height:280px;
  object-fit:cover;
  border:2px solid #c4161b;
  margin-bottom:15px;
}

.desk-card h5{
  color:#c4161b;
  font-weight:700;
  font-size:16px;
}

.desk-card p{
  font-size:14px;
  color:#333;
  text-align:justify;
}

.news-box{
  border:1px solid #6b7d2b;
  height: 340px;
}

.news-header{
  background:#6b7d2b;
  color:#fff;
  padding:8px 12px;
  font-weight:700;
  text-align:center;
}

.news-content{
  height:255px;
  overflow:hidden;
  padding:10px;
}

.news-content ul{
  list-style:none;
  padding:0;
  margin:0;
}

.news-content li{
  font-size:13px;
  margin-bottom:10px;
  position:relative;
  padding-left:20px;
}

.news-content li::before{
  content:"➤";
  position:absolute;
  left:0;
  color:red;
}

.admission-box{
  border:1px solid #008c8c;
  height: 260px;
}

.admission-header{
  background:#008c8c;
  color:#fff;
  padding:8px 12px;
  font-weight:700;
  text-align:center;
}

.admission-content{
  height:190px;
  overflow:hidden;
  padding:10px;
}

.admission-content ul{
  list-style:none;
  padding:0;
  margin:0;
}

.admission-content li{
  font-size:13px;
  margin-bottom:10px;
  position:relative;
  padding-left:20px;
}

.admission-content li::before{
  content:"➤";
  position:absolute;
  left:0;
  color:red;
}

.click-here{
  color:red;
  font-weight:600;
}

.scroll-up{
  animation: scrollUp 20s linear infinite;
}

@keyframes scrollUp{
  0%{ transform:translateY(100%); }
  100%{ transform:translateY(-100%); }
}

.news-content:hover .scroll-up,
.admission-content:hover .scroll-up{
  animation-play-state: paused;
}

@media(max-width:768px){
  .news-content{ height:220px; }
  .admission-content{ height:120px; }
}

@media(max-width:768px){
  .desk-img{
    max-height:200px;
  }
}


 /* Our Recuriter & Acheiver section   */

.recruit-achieve{
   background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/bg2.webp') center/cover no-repeat;
  background-attachment: fixed;
}

.slider-title{
  display: inline-block;
  position: relative;
  padding: 10px 30px;
  background: linear-gradient(135deg, #ed2026, #b30000);
  color: #fff;
  font-weight: 600;
  border-radius: 30px;
  margin-bottom: 25px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.slider-title::before,
.slider-title::after{
  content: "";
  position: absolute;
  top: 50%;
  width: 60px;
  height: 2px;
  background: #ed2026;
}

.slider-title::before{
  left: -70px;
}
.slider-title::after{
  right: -70px;
}

.section-title-wrap{
  text-align: center;
}

.swiper-button-next,
.swiper-button-prev{
  color:#fff;
}
.achieverSwiper .swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent !important;
}
.recruiterSwiper .swiper-slide img{
   width: 125px !important;
  height: 120px !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 14px;
}
@media(max-width:768px){
  .recruiterSwiper .swiper-slide img{
    width:180px;
    height:260px;
  }
}

.achieverSwiper .swiper-slide img{
  width: 240px !important;
  height: 260px !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 14px;
}

@media(max-width:768px){
  .achieverSwiper .swiper-slide img{
    width:180px;
    height:260px;
  }
}

/* courses section  */

.popular-courses{
  background: linear-gradient(135deg,#f9fbff,#eef2ff);
}

.course-box{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
  transition:0.4s;
}

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

.course-img{
  position:relative;
  overflow:hidden;
}

.course-img img{
  width:100%;
  height:230px;
  object-fit:cover;
  transition:0.5s;
}

.course-box:hover img{
  transform:scale(1.1);
}

.course-badge{
  position:absolute;
  top:15px;
  left:15px;
  background:#ed2026;
  color:#fff;
  padding:6px 14px;
  border-radius:30px;
  font-size:13px;
  font-weight:600;
}

.course-content{
  padding:20px;
  text-align:center;
}

.course-content h5{
  font-weight:600;
  margin-bottom:12px;
}

.course-btn{
  display:inline-block;
  background:linear-gradient(135deg,#ed2026,#b30000);
  color:#fff;
  padding:8px 22px;
  border-radius:30px;
  font-size:14px;
  text-decoration:none;
}
.course-btn:hover{
  color:#fff;
  background:#000;
}

@media(max-width:768px){
  .course-img img{height:180px;}
}

/* Photo Gallery Section  */

.alumni-gallery-section{
  background:#eef6ff;
}

.section-heading{
  color:#0033cc;
  font-weight:700;
  margin-bottom:20px;
}

.alumni-slider{
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

.alumni-slider img{
  height:350px;
  object-fit:cover;
}

.carousel-caption{
  background:rgba(0,0,0,0.5);
  border-radius:20px;
  padding:5px 12px;
}

.gallery-img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:15px;
  transition:0.3s;
}

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

.explore-btn{
  display:inline-block;
  background:linear-gradient(135deg,#ed2026,#b30000);
  color:#fff;
  padding:8px 22px;
  border-radius:30px;
  font-size:14px;
  text-decoration:none;
}
.explore-btn:hover{
  color:#fff;
  background:#000;
}

@media(max-width:768px){
  .alumni-slider img{
    height:250px;
  }
}

/* Counter section  */

.counter-section{
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('../images/bg.jfif') center/cover no-repeat;
  padding:40px 0;
  color:#fff;
  background-attachment: fixed;
}

.counter-box{
  background: rgba(255,255,255,0.1);
  padding:30px 15px;
  border-radius:15px;
  transition:0.3s;
}

.counter-box:hover{
  transform: translateY(-8px);
  background: rgba(255,255,255,0.2);
}

.counter-box i{
  font-size:40px;
  margin-bottom:10px;
  color:#b30000;
}

.counter-box h2{
  font-weight:700;
  margin:10px 0;
}

.counter-box p{
  margin:0;
  font-weight:500;
}

@media(max-width:768px){
  .counter-box{
    padding:20px 10px;
  }
  .counter-box i{
    font-size:30px;
  }
}

/* news section  */
.news-events{
  background:#f7f9ff;
}

.news-card{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,0.1);
  transition:0.3s;
  height:100%;
}

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

.news-img{
  position:relative;
  overflow:hidden;
}

.news-img img{
  width:100%;
  height:220px;
  object-fit:cover;
  transition:0.4s;
}

.news-card:hover img{
  transform:scale(1.1);
}

.news-date{
  position:absolute;
  top:15px;
  left:15px;
  background:#ed2026;
  color:#fff;
  padding:6px 12px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
}

.news-content{
  padding:20px;
}

.news-content h5{
  font-weight:600;
  margin-bottom:10px;
}

.news-content p{
  color:#555;
  font-size:14px;
}

.read-more{
  color:#ed2026;
  font-weight:600;
  text-decoration:none;
}

.read-more:hover{
  text-decoration:underline;
}

@media(max-width:768px){
  .news-img img{height:180px;}
}

.eventnews-box{
  background:#f36c43;
  border-radius:12px;
  padding:20px;
  color:#fff;
  height:100%;
}

.eventnews-title{
  text-align:center;
  font-weight:700;
  margin-bottom:15px;
}

.eventnews-item{
  display:flex;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,0.4);
  padding:12px 0;
}

.eventnews-item i{
  font-size:22px;
  margin-top:5px;
}

.eventnews-item p{
  margin:0;
  font-size:14px;
  font-weight:500;
}

.eventnews-item span{
  font-size:12px;
  opacity:0.9;
}

.newsSwiper{
  height:350px;
}

@media(max-width:768px){
  .newsSwiper{height:300px;}
}

/* Footer section  */

.main-footer{
  background:#0b1c2d;
  color:#fff;
  padding-top:50px;
}

.footer-logo{
  width:150px;
  margin-bottom:15px;
}

.footer-about{
  font-size:14px;
  line-height:1.7;
  color:#ddd;
}

.footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  background:#fff;
  color:#0b1c2d;
  border-radius:50%;
  margin-right:8px;
  transition:0.3s;
  text-decoration:none;
}

.footer-social a:hover{
  background:#ff4b2b;
  color:#fff;
}

.footer-title{
  font-weight:600;
  margin-bottom:15px;
  position:relative;
}

.footer-title::after{
  content:"";
  width:40px;
  height:2px;
  background:#ff4b2b;
  display:block;
  margin-top:6px;
}

.footer-links,
.footer-contact{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-links li,
.footer-contact li{
  margin-bottom:10px;
  font-size:14px;
}

.footer-links a{
  color:#ddd;
  text-decoration:none;
  transition:0.3s;
}

.footer-links a:hover{
  color:#ff4b2b;
  padding-left:5px;
}

.footer-contact i{
  margin-right:8px;
  color:#ff4b2b;
}

.footer-bottom{
  background:#081421;
  margin-top:40px;
  padding:12px 0;
}

.footer-bottom p{
  margin:0;
  font-size:14px;
  color:#ccc;
}

@media(max-width:768px){
  .footer-logo{
    width:120px;
  }
  .footer-social{
    margin-bottom:20px;
  }
}

/* Floating  */

.floating-btn{
  width:50px;
  height:50px;
  background:#ed2026;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  text-decoration:none;
  box-shadow:0 5px 15px rgba(0,0,0,0.3);
  transition:0.3s;
}

.floating-btn:hover{
  background:#000;
}

.floating{
  position: fixed;
  right: 20px;
  bottom: 30px;
  z-index: 999;
  animation: floatMove 2s ease-in-out infinite;
}

@keyframes floatMove {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0px); }
}

/* Whatsapp icon  */

.whatsapp-float{
    position: fixed;
  right: 20px;
  bottom: 110px;
  width: 55px;
  height: 55px;
  background: #25D366;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  z-index: 999;
  animation: whatsappFloat 3s ease-in-out infinite;
}

.whatsapp-float:hover{
  background:#1ebe5d;
  color:#fff;
}

/* Floating Call Icon  */

.left-call-float{
  position: fixed;
  left: 15px;
  bottom: 30px;
  width: 55px;
  height: 55px;
  background: #007bff;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  z-index: 9999;
  text-decoration: none;

  box-shadow: 0 0 0 rgba(32, 70, 237, 0.7);
  animation: callPulseMove 2.8s infinite;
}

@keyframes callPulseMove {
  0% {
    transform: translateX(0);
    box-shadow: 0 0 0 0 rgba(32, 83, 237, 0.7);
  }
  40% {
    transform: translateX(6px);
    box-shadow: 0 0 0 12px rgba(32, 39, 237, 0.3);
  }
  70% {
    transform: translateX(0);
    box-shadow: 0 0 0 20px rgba(32, 66, 237, 0.1);
  }
  100% {
    transform: translateX(0);
    box-shadow: 0 0 0 0 rgba(32, 73, 237, 0);
  }
}

.left-call-float:hover{
  background:#124bc5;
}

@media(max-width:768px){
  .left-call-float{
    width:45px;
    height:45px;
    font-size:20px;
    bottom:30px;
  }
}

/* floating chat box */

.chat-float-btn{
  position: fixed;
  left: 15px;
  bottom: 100px;
  width: 60px;
  height: 60px;
  background: #0ebce7;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.chat-float-btn img{
  width: 45px;
  border-radius: 50%;
}

.chat-box{
  position: fixed;
  left: -360px;
  bottom: 100px;
  width: 330px;
  height: 460px;
  background: linear-gradient(to bottom,#ffe36e,#f3a1a1);
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  transition: 0.4s;
  z-index: 9999;
  overflow: hidden;
}

.chat-header{
  background:#c9302c;
  color:#fff;
  padding:10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.chat-user{
  display:flex;
  align-items:center;
  gap:8px;
}
.chat-user img{
  width:40px;
  border-radius:50%;
}
.status{
  color:#00ff6a;
  font-size:12px;
}
.chat-close{
  cursor:pointer;
}

.chat-body{
  padding:10px;
  overflow-y:auto;
  height:390px;
}
.chat-msg{
  background:#ffeb3b;
  padding:8px 12px;
  border-radius:12px;
  display:inline-block;
  margin-bottom:10px;
}

.chat-body input,
.chat-body select{
  width:100%;
  padding:7px;
  border-radius:20px;
  border:none;
  margin-bottom:8px;
}
.chat-body button{
  width:100%;
  background:#28a3a7;
  color:#fff;
  border:none;
  padding:8px;
  border-radius:20px;
}

@media(max-width:768px){
  .chat-box{
    width: 90%;
    left: -100%;
  }
}