/* TOP BAR */
 .top-bar {
   background: #0b2641;
   color: white;
   font-size: 14px;
 }

 .top-bar a {
   color: white;
   margin-right: 10px;
 }

 /* LOGO */
 .logo-img {
   height: 60px;
 }

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

   .logo-img {
     height: 45px;
   }

   .top-bar {
     font-size: 13px;
   }

   .top-bar span {
     margin-bottom: 3px;
   }

   .btn {
     padding: 6px 15px;
     font-size: 14px;
   }

 }

 .justify-text {
   text-align: justify;
 }

 /* ---------------------------pop up start */
 /* Overlay */
 .popup-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 9999;
 }

 /* Popup Box */
 .popup-form {
   background: #fff;
   padding: 20px;
   width: 90%;
   max-width: 400px;
   border-radius: 10px;
   position: relative;
   animation: popup 0.4s ease;
 }

 /* Animation */
 @keyframes popup {
   from {
     transform: scale(0.7);
     opacity: 0;
   }

   to {
     transform: scale(1);
     opacity: 1;
   }
 }

 /* Close Button */
 .close-btn {
   position: absolute;
   top: 10px;
   right: 15px;
   font-size: 20px;
   cursor: pointer;
   color: #333;
 }

 /* Form Style */
 .popup-form h2 {
   text-align: center;
   margin-bottom: 15px;
 }

 .popup-form input,
 .popup-form textarea {
   width: 100%;
   padding: 10px;
   margin: 8px 0;
   border: 1px solid #ccc;
   border-radius: 5px;
   font-size: 14px;
 }

 .popup-form button {
   width: 100%;
   padding: 10px;
   background: #f19010;
   border: none;
   color: white;
   font-size: 16px;
   border-radius: 5px;
   cursor: pointer;
 }

 .popup-form button:hover {

   background: #0b2641;
 }

 /* Responsive */
 @media (max-width: 480px) {
   .popup-form {
     padding: 15px;
   }
 }

 /* ---------------------------pop up end */



 .hero-slide {
   position: relative;
   height: 500px;
 }

 .hero-slide::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   /* background: rgba(0, 0, 0, 0.5); */
 }

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

 /* Mobile Responsive */
 @media (max-width: 768px) {
   .hero-slide {
     height: 150px;
     background-size: cover;
   }
 }

 /* --------------logo-strip */
 /* Desktop me hide */
 .mobile-icon {
   display: none !important;
   float: right;
 }

 @media (max-width: 768px) {
   .mobile-icon {
     display: inline-block !important;
   }
 }


 .show-mobile {
   display: block;

 }






 .show-desktop {
   display: none;
 }

 @media (min-width: 992px) {
   .show-mobile {
     display: none;
   }



   .show-desktop {
     display: block;
   }
 }



 /* LOGOS MOVE SECTION */

 .logo-slider {
   overflow: hidden;
 }

 /* TRACK */
 .logo-track {
   display: flex;
   gap: 60px;
   animation: scroll 18s linear infinite;
 }

 /* ITEM */
 .logo-item {
   display: flex;
   align-items: center;
   gap: 10px;
   white-space: nowrap;
 }

 /* IMAGE */
 .logo-item img {
   height: 50px;
 }

 /* TEXT */
 .logo-item span {
   font-weight: 600;
   font-size: 15px;
 }

 /* COLORFUL TEXT */
 .logo-item:nth-child(1) span {
   color: #0d6efd;
 }

 .logo-item:nth-child(2) span {
   color: #28a745;
 }

 .logo-item:nth-child(3) span {
   color: #dc3545;
 }

 /* ANIMATION */
 @keyframes scroll {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-50%);
   }
 }

 /* HOVER EFFECT */
 .logo-item:hover {
   transform: scale(1.05);
   transition: 0.3s;
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .logo-track {
     gap: 30px;
   }

   .logo-item img {
     height: 35px;
   }

   .logo-item span {
     font-size: 13px;
   }
 }



 /* ===== Compact Scroll Boxes ===== */

 .auto-update-section {
   background: #f8f9fa;
 }

 .news-box {
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
   overflow: hidden;
   height: 260px;
   /* 👈 Smaller height */
   display: flex;
   flex-direction: column;
 }

 .news-header {
   color: #fff;
   font-weight: 600;
   padding: 8px;
   text-align: center;
   font-size: 16px;
 }

 .news-body {
   height: 100%;
   overflow: hidden;
   position: relative;
 }

 .news-body ul {
   list-style: none;
   padding: 0;
   margin: 0;
   animation: scrollUp 20s linear infinite;
 }

 .news-body ul a {
   color: #0b2641;
   text-decoration: none;
 }

 .news-body ul li {
   padding: 8px 12px;
   border-bottom: 1px solid #e2e2e2;
   font-size: 15px;
 }

 /* Pause on hover */
 .news-body:hover ul {
   animation-play-state: paused;
 }

 /* Down to Up Smooth Scroll */
 @keyframes scrollUp {
   0% {
     transform: translateY(100%);
   }

   100% {
     transform: translateY(-100%);
   }
 }

 /* ===== Footer Styling ===== */

 .footer-img {}

 .main-footer {
   background: url(../images/footr-img.jpg), linear-gradient(rgb(58, 58, 58), #1d3144);
   background-blend-mode: multiply;
   width: 100%;
   background-size: cover;
   background-attachment: fixed;
 }

 .footer-title {
   font-weight: 700;
   margin-bottom: 15px;
 }

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

 .footer-links li {
   margin-bottom: 8px;
 }

 .footer-links a {
   text-decoration: none;
   color: #fff;
   font-size: 14px;
 }

 .footer-links a:hover {
   color: #ffd700;
   padding-left: 5px;
   transition: 0.3s;
 }

 .footer-divider {
   border-color: rgba(255, 255, 255, 0.2);
 }

 .social-icons a {
   color: #fff;
   margin-right: 10px;
   font-size: 18px;
   transition: 0.3s;
 }

 .social-icons a:hover {
   color: #ffd700;
 }



 /* toper section */
 .toppers-section {
   background: #f8f9fa;
 }

 .topper-card {
   position: relative;
   overflow: hidden;
   border-radius: 10px;
 }

 .topper-card img {
   width: 100%;
   height: 250px;
   object-fit: cover;
 }

 /* Badge */
 .course-badge {
   position: absolute;
   top: 10px;
   right: 10px;
   background: #ff4d4d;
   color: #fff;
   font-size: 12px;
   padding: 5px 10px;
   border-radius: 4px;
 }

 /* Info Box */
 .topper-info {
   position: absolute;
   bottom: 0;
   width: 100%;
   background: #fff;
   text-align: center;
   padding: 10px;
 }

 .topper-info h6 {
   margin: 0;
   font-weight: 600;
 }

 .topper-info p {
   margin: 0;
   font-size: 14px;
   color: gray;
 }

 /* Hover Effect */
 .topper-card:hover {
   transform: translateY(-5px);
   transition: 0.3s;
 }


 /* about page */

 /* vission and mission */

 .vision-mission-section {
   background: #fff;
 }

 /* CARD */
 .vm-card {
   border-radius: 12px;
   transition: 0.3s;
 }

 .vm-card:hover {
   transform: translateY(-5px);
 }

 /* ICON */
 .vm-icon i {
   font-size: 40px;
   color: #0d6efd;
 }

 /* LIST */
 .vm-list {
   padding-left: 20px;
 }

 .vm-list li {
   margin-bottom: 8px;
 }

 /* CORE VALUES */
 .value-box {
   border-radius: 10px;
   background: #fff;
   transition: 0.3s;
 }

 .value-box:hover {
   background: #0b2641;
   color: #fff;
 }

 .value-box i {
   font-size: 25px;
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .vm-card {
     text-align: center;
   }
 }


 /* infrastructure page */

 /* HERO */
 .infra-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url('../images/infrastructure.jpg') center/cover;
   height: 300px;
 }

 /* CARD */
 .infra-card {
   position: relative;
   overflow: hidden;
   border-radius: 12px;
 }

 .infra-card img {
   width: 100%;
   height: 250px;
   object-fit: cover;
   transition: 0.4s;
 }

 /* HOVER ZOOM */
 .infra-card:hover img {
   transform: scale(1.1);
 }

 /* CONTENT */
 .infra-content {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 15px;
   background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
   color: #fff;
 }

 /* TITLE */
 .infra-content h4 {
   margin: 0;
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .infra-hero {
     height: 200px;
   }

   .infra-card img {
     height: 200px;
   }
 }





 /* campus */

 /* HERO */
 .gallery-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url('../images/library.jpg') center/cover;
   height: 300px;
 }

 /* CARD */
 .gallery-card {
   overflow: hidden;
   border-radius: 10px;
 }

 .gallery-card img {
   width: 100%;
   height: 250px;
   object-fit: cover;
   transition: 0.4s;
 }

 /* HOVER EFFECT */
 .gallery-card:hover img {
   transform: scale(1.1);
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .gallery-hero {
     height: 200px;
   }

   .gallery-card img {
     height: 200px;
   }
 }


 /* examination page */

 /* HERO */
 .exam-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url('../images/exam.jpg') center/cover;
   height: 300px;
 }

 /* BOX */
 .exam-box {
   border-radius: 10px;
   background: #fff;
   text-decoration: none;
   color: #333;
   transition: 0.3s;
 }

 .exam-box i {
   font-size: 30px;
   margin-bottom: 10px;
   color: #0d6efd;
 }

 .exam-box:hover {
   transform: translateY(-5px);
 }

 /* NOTICE */
 .exam-notice {
   border-left: 5px solid #0d6efd;
   background: #fff;
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .exam-hero {
     height: 200px;
   }
 }


 /* academic-calender page */

 /* HERO */
 .calendar-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url('../images/calendar.jpg') center/cover;
   height: 300px;
 }

 /* TABLE */
 .calendar-table th {
   background: #0d6efd;
   color: #fff;
 }

 /* DATE BOX */
 .date-box {
   border-radius: 10px;
   background: #fff;
   transition: 0.3s;
 }

 .date-box:hover {
   transform: translateY(-5px);
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .calendar-hero {
     height: 200px;
   }
 }


 /* activity-reports page */

 /* HERO */
 .activity-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url('../images/activity.jpg') center/cover;
   height: 300px;
 }

 /* CARD */
 .activity-card {
   border-radius: 10px;
   overflow: hidden;
   background: #fff;
   transition: 0.3s;
 }

 .activity-card img {
   width: 100%;
   height: 220px;
   object-fit: cover;
 }

 /* HOVER */
 .activity-card:hover {
   transform: translateY(-5px);
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .activity-hero {
     height: 200px;
   }

   .activity-card img {
     height: 180px;
   }
 }

 /* course outcome page */
 .course-img {
   background-size: cover;
 }


 /* HERO */
 .co-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url('../images/course.jpg') center/cover;
   height: 300px;
 }

 /* TABLE */
 .co-table th {
   background: #0d6efd;
   color: #fff;
 }

 .co-table td {
   vertical-align: middle;
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .co-hero {
     height: 200px;
   }
 }


 /* why choose us page  */

 /* HERO */
 .why-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url('../images/why.jpg') center/cover;
   height: 300px;
 }

 /* CARD */
 .why-card {
   border-radius: 12px;
   background: #fff;
   transition: 0.3s;
 }

 .why-card i {
   font-size: 35px;
   color: #0d6efd;
   margin-bottom: 10px;
 }

 .why-card:hover {
   transform: translateY(-5px);
 }

 /* STATS */
 .stat-box {
   border-radius: 10px;
   background: #fff;
 }

 .stat-box h2 {
   color: #0d6efd;
 }

 /* CTA */
 .why-cta {
   background: #0d6efd;
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .why-hero {
     height: 200px;
   }
 }

 /* fee-structure page */

 /* HERO */
 .fee-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url('../images/fees.jpg') center/cover;
   height: 300px;
 }

 /* TABLE */
 .fee-table th {
   background: #0d6efd;
   color: #fff;
 }

 .fee-table td {
   vertical-align: middle;
 }

 /* NOTES */
 .fee-notes {
   padding-left: 20px;
 }

 .fee-notes li {
   margin-bottom: 8px;
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .fee-hero {
     height: 200px;
   }
 }


 /* eligibility-criteria page  */

 /* HERO */
 .eligibility-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url('../images/eligibility.jpg') center/cover;
   height: 300px;
 }

 /* LIST */
 .eligibility-list {
   padding-left: 20px;
 }

 .eligibility-list li {
   margin-bottom: 8px;
 }

 /* TABLE */
 .eligibility-table th {
   background: #0d6efd;
   color: #fff;
 }

 /* NOTES */
 .eligibility-notes {
   padding-left: 20px;
 }

 .eligibility-notes li {
   margin-bottom: 8px;
 }

 /* CTA */
 .eligibility-cta {
   background: #0d6efd;
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .eligibility-hero {
     height: 200px;
   }
 }


 /* career page */

 /* HERO */
 .career-hero {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url('../images/career.jpg') center/cover;
   height: 300px;
 }

 /* JOB CARD */
 .job-card {
   border-radius: 10px;
   background: #fff;
   transition: 0.3s;
 }

 .job-card:hover {
   transform: translateY(-5px);
 }

 /* CTA */
 .career-cta {
   background: #0b2641;
 }

 /* MOBILE */
 @media (max-width: 768px) {
   .career-hero {
     height: 200px;
   }
 }

 /* --------------------------explore our campus start */


 .welcome-section {
   width: 100%;
   /* float: left; */
   padding: 50px 0px 20px 0px;
 }

 .img-wrap {
   width: 100%;

 }

 .img-wrap img {
   width: 100%;

 }

 /* .welcome {
  width: 100%;
  float: left;

} */

 .welcome p {
   margin: 10px 0px 0px 0px;
   padding: 0px;
   font-size: 18px;
   color: #f19010;
   font-weight: 500;
 }

 .welcome h2 {
   margin: 20px 0px 0px 0px;
   padding: 0px;
   font-size: 30px;
   color: #000;
   font-weight: 600;
 }

 .our-camp {
   width: 100%;
   height: 400px;
 }


 @media (max-width: 768px) {
   .our-camp {
     padding-left: 10px;
     width: auto;
     height: 300px;
   }
 }

 /* --------------------------explore our campus end */



 /* ---------------------------------our course program start */
 .course_section_1 {
   padding: 60px 20px;
   background: #f6f6f6;
   font-family: Arial;
 }

 .course_title_1 {
   font-size: 25px;
   margin-bottom: 20px;
   margin-top: 30px;
 }

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

 .course_card_1 {
   position: relative;
   background: #fff;
   /* padding: 20px; */
   text-align: center;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.41);
   overflow: hidden;
   transition: 0.4s;
   border-bottom: 10px solid yellow;
 }


 @media (max-width: 768px) {
   .course_card_1 {
     margin: 15px;
   }
 }


 .course_card_1 img {
   width: 100%;
   height: 150px;
   object-fit: cover;
   margin-bottom: 15px;
 }

 .course_front_1 {}

 /* hover red panel */

 .course_hover_1 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #0b2641;
   color: #fff;
   padding: 25px;
   opacity: 0;
   transition: 0.4s;

 }

 .course_card_1:hover .course_hover_1 {
   opacity: 1;
 }

 .course_hover_2 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #57ce3f;
   color: #fff;
   padding: 25px;
   opacity: 0;
   transition: 0.4s;

 }

 .course_card_2:hover .course_hover_2 {
   opacity: 1;
 }

 .course_hover_3 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #5861e2;
   color: #fff;
   padding: 25px;
   opacity: 0;
   transition: 0.4s;

 }

 .course_card_3:hover .course_hover_3 {
   opacity: 1;
 }

 .course_hover_4 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #808129;
   color: #fff;
   padding: 25px;
   opacity: 0;
   transition: 0.4s;

 }

 .course_card_4:hover .course_hover_3 {
   opacity: 1;
 }

 /* default red box */

 .active_red {
   background: #ef3d2f;
   color: #fff;
 }

 .active_red button {
   border: 1px solid #fff;
   background: none;
   color: #fff;
   padding: 6px 12px;
   margin: 5px;
 }

 /* buttons */

 button {
   padding: 6px 14px;
   margin-top: 10px;
   cursor: pointer;
 }

 /* responsive */

 @media(max-width:1000px) {

   .course_grid_1 {
     grid-template-columns: repeat(2, 1fr);
   }

 }

 @media(max-width:600px) {

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

 }

 /* ---------------------------------our course program end */

 /* -------------------------women cell start */
 .objectives-section {
   max-width: 800px;
   margin: 40px auto;
   padding: 20px;
 }

 .objectives-section h2 {
   text-align: center;
   margin-bottom: 20px;
   color: #ff8827;
 }

 .objectives-section {

   color: #ff8827;
 }

 .objectives-list {
   list-style: none;
   padding: 0;
 }

 .objectives-list li {
   background: #fff;
   margin-bottom: 12px;
   padding: 5px 10px;
   border-radius: 8px;
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
   position: relative;
   padding-left: 45px;
 }

 /* Custom bullet */
 .objectives-list li::before {
   content: "✔";
   position: absolute;
   left: 15px;
   top: 50%;
   transform: translateY(-50%);
   color: #ff4d6d;
   font-weight: bold;
 }

 /* -------------------------women cell end */


 /* ---------------------------------our college head  start */
 .course_section_11 {
   padding: 60px 20px;
   background: #f6f6f6;
   font-family: Arial;
 }

 .course_title_11 {
   font-size: 25px;
   margin-bottom: 20px;
   margin-top: 30px;
 }

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

 .course_card_11 {
   position: relative;
   background: #fff;
   /* padding: 20px; */
   text-align: center;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.41);
   overflow: hidden;
   transition: 0.4s;
   border-bottom: 10px solid #0b2641;
 }


 @media (max-width: 768px) {
   .course_card_11 {
     margin: 15px;
   }
 }


 .course_card_11 img {
   width: 100%;
   height: 210px;
   object-fit: cover;
   margin-bottom: 15px;
 }

 .course_front_11 {}

 /* hover red panel */

 .course_hover_1 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #ff1100;
   color: #fff;
   padding: 25px;
   opacity: 0;
   transition: 0.4s;

 }

 .course_card_11:hover .course_hover_11 {
   opacity: 1;
 }

 .course_hover_22 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #57ce3f;
   color: #fff;
   padding: 25px;
   opacity: 0;
   transition: 0.4s;

 }

 .course_card_22:hover .course_hover_22 {
   opacity: 1;
 }

 .course_hover_33 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #5861e2;
   color: #fff;
   padding: 25px;
   opacity: 0;
   transition: 0.4s;

 }

 .course_card_33:hover .course_hover_33 {
   opacity: 1;
 }

 .course_hover_44 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #808129;
   color: #fff;
   padding: 25px;
   opacity: 0;
   transition: 0.4s;

 }

 .course_card_44:hover .course_hover_33 {
   opacity: 1;
 }

 /* default red box */

 .active_red {
   background: #ef3d2f;
   color: #fff;
 }

 .active_red button {
   border: 1px solid #fff;
   background: none;
   color: #fff;
   padding: 6px 12px;
   margin: 5px;
 }

 /* buttons */

 button {
   padding: 6px 14px;
   margin-top: 10px;
   cursor: pointer;
 }

 /* responsive */

 @media(max-width:1000px) {

   .course_grid_11 {
     grid-template-columns: repeat(2, 1fr);
   }

 }

 @media(max-width:600px) {

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

 }

 /* ---------------------------------our college head end */