/* Section Title */
.departmentSection .section-title {
  text-align: center;
  padding: 40px 0 20px;
}
.departmentSection .section-title h2 {
  font-size: 28px;
  color: #333;
}
.departmentSection .section-title h2 span {
  color: #fc8116;
}

/* Scroll Wrapper */
.departmentSection .scroll-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Scroll Buttons */
.departmentSection .scroll-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fc8116;
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  font-size: 18px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.departmentSection .scroll-btn:hover {
  background: #0056b3;
}
.departmentSection .scroll-btn.left {
  left: 5px;
}
.departmentSection .scroll-btn.right {
  right: 5px;
}
.departmentSection .scroll-btn.hidden {
  display: none;
}

/* Horizontal scroll container */
.departmentSection  .dept-scroll {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  gap: 10px;
  padding: 10px 50px;
}
.departmentSection .dept-scroll::-webkit-scrollbar {
  display: none;
}

/* Department tab item */
/*.departmentSection .dept-item {*/
/*  flex: 0 0 auto;*/
/*  cursor: pointer;*/
/*  background: #fff;*/
/*  border-radius: 25px;*/
/*  box-shadow: 0 2px 5px rgba(0,0,0,0.08);*/
/*  padding: 10px 25px;*/
/*  font-weight: 500;*/
/*  color: #333;*/
/*  transition: all 0.3s ease;*/
/*  white-space: nowrap;*/
/*}*/
/*.departmentSection .dept-item:hover {*/
/*  background: #fc8116;*/
/*  color: #fff;*/
/*}*/
/*.departmentSection .dept-item.active {*/
/*  background: #fc8116;*/
/*  color: #fff;*/
/*}*/

/* Below section */
.departmentSection #deptContent {
  display: none;
  background: #fff;
  margin: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  padding: 25px;
}
/*.departmentSection .tab-buttons {*/
/*  display: flex;*/
/*  gap: 15px;*/
/*  margin-bottom: 15px;*/
/*}*/
/*.departmentSection .tab-buttons button {*/
/*  padding: 8px 18px;*/
/*  border: none;*/
/*  border-radius: 20px;*/
/*  background: #e9ecef;*/
/*  cursor: pointer;*/
/*  transition: all 0.3s;*/
/*}*/
/*.departmentSection .tab-buttons button.active {*/
/*  background: #fc8116;*/
/*  color: #fff;*/
/*}*/
/*.departmentSection .tab-content {*/
/*  display: none;*/
/*  animation: fadeIn 0.4s ease;*/
/*}*/
/*.departmentSection .tab-content.active {*/
/*  display: block;*/
/*}*/
/*@keyframes fadeIn {*/
/*  from { opacity: 0; transform: translateY(5px); }*/
/*  to { opacity: 1; transform: translateY(0); }*/
/*}*/

/*-------------------------------------------------------------------------------------------------------------------*/

/* .tab-buttons {*/
/*    display: flex;*/
/*    gap: 10px;*/
/*    margin-bottom: 15px;*/
/*  }*/
/*  .tab-buttons button {*/
/*    padding: 8px 18px;*/
/*    border: none;*/
/*    background: #f0f0f0;*/
/*    border-radius: 6px;*/
/*    cursor: pointer;*/
/*    transition: 0.3s;*/
/*    font-weight: 500;*/
/*  }*/
/*  .tab-buttons button.active {*/
/*    background: #fc8116;*/
/*    color: #fff;*/
/*  }*/
/*  .tab-content {*/
/*    display: none;*/
/*  }*/
/*  .tab-content.active {*/
/*    display: block;*/
/*  }*/
/*  ul.listing {*/
/*    list-style: none;*/
/*    padding-left: 0;*/
/*  }*/
/*  ul.listing li {*/
/*    padding: 6px 0;*/
/*    border-bottom: 1px solid #eee;*/
/*    color: #333;*/
/*  }*/
/*  #deptTitle {*/
/*    color: #333;*/
/*    margin-bottom: 10px;*/
/*  }*/


  .departmentSection  .dept-container {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .departmentSection #scrollLeft, #scrollRight {
    background: linear-gradient(to top, #ef612f, #ff8201);
    color: #fff;
    border: none;
    font-size: 20px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
  }
  .departmentSection #scrollLeft.hidden, #scrollRight.hidden {
    opacity: 0.3;
    pointer-events: none;
  }
  .departmentSection #deptScroll {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 10px;
    padding: 10px;
  }
  .departmentSection #deptScroll::-webkit-scrollbar {
    display: none;
  }
  .departmentSection .dept-item {
    background: #f0f0f0;
    padding: 10px 18px;
    border-radius: 6px;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
  }
  .departmentSection .dept-item.active {
    background: linear-gradient(to bottom, #007bff, #0157ad);
    color: white;
  }
   /*Tabs */
  .departmentSection .tab-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
  }
  .departmentSection .tab-buttons button {
    padding: 8px 18px;
    border: none;
    background: #f0f0f0;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
  }
  .departmentSection .tab-buttons button.active {
    background: linear-gradient(to top, #ef612f, #ff8201);
    color: #fff;
  }
  .tab-content {
    display: none;
  }
  .departmentSection .tab-content.active {
    display: block;
  }
  .departmentSection ul.listing {
    list-style: none;
    padding-left: 0;
  }
  .departmentSection ul.listing li {
    padding: 6px 0;
    border-bottom: 1px solid #eee;
    color: #333;
  }
  .departmentSection #deptTitle {
    color: #333;
    margin-bottom: 10px;
  }


  /*  for that  */

  /* === VIDEO SCROLL === */
.collegeVideoSection .top-college-videos {
  padding: 60px 0;
  background: #f8f9fa;
  text-align: center;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 40%);
    color:#fff;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size:28px;
}

.video-item h4{
    font-family: 'Momo Trust Display', sans-serif;
    padding:20px;
    font-weight: 500;
    color:#007bff;
}
.collegeVideoSection .video-item {
  min-width: 320px;
  flex: 0 0 auto;
  text-align: center;
  position:relative;
}
.collegeVideoSection .video-item iframe {
  width: 320px;
  height: 180px;
  border-radius: 10px;
  border: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.video-btn{
    position:absolute;
    left: 42%;
    top: 30%;
    color:#fff;
    font-size:60px;
}

.collegeVideoSection .scroll-btn {
  background: #007bff;
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 22px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: absolute;
  z-index: 10;
}
.collegeVideoSection  .scroll-btn.left { left: -20px; } 
.collegeVideoSection  .scroll-btn.right { right: -20px; } 
.collegeVideoSection .scroll-btn:hover {
  background: #0378a8;
}

/* === TESTIMONIALS === */
.testimonialSection .testimonials {
  padding: 70px 0;
  background: #fff;
  text-align: center;
}
.testimonialSection .testimonial-slider {
  max-width: 700px;
  margin: auto;
  position: relative;
}
.testimonialSection .testimonial-item {
  display: none;
  font-style: italic;
  transition: opacity 0.5s;
}
.testimonialSection .testimonial-item.active {
  display: block;
}
.testimonialSection .testimonial-item p {
  font-size: 18px;
  color: #555;
}
.testimonialSection .testimonial-item h4 {
  margin-top: 15px;
  color: #007bff;
  font-weight: 600;
}


.testimonialSection .testimonials {
  text-align: center;
  background: #fff;
  padding: 70px 0;
  position: relative;
}

.testimonialSection .testimonial-wrapper {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonialSection .testimonial-slider {
  width:80%;
  text-align:center;
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.testimonialSection .testimonial-item {
  min-width: 100%;
  box-sizing: border-box;
  padding: 20px;
  font-style: italic;
  color: #555;
  display: none;
}
.testimonialSection .testimonial-item.active {
  display: block;
}
.testimonialSection .testimonial-item h4 {
  margin-top: 15px;
  color: #007bff;
  font-weight: 600;
}

 /*Left/Right Arrows */
.testimonialSection .testi-btn {
  background: linear-gradient(to bottom, #007bff, #0157ad);
  border: none;
  color: #fff;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  transition: background 0.3s;
}
.testimonialSection .testi-btn.left { left: 0px; }
.testimonialSection .testi-btn.right { right: 0px; }
.testimonialSection .testi-btn:hover {
  background: linear-gradient(to bottom, #007bff, #0157ad);
  opacity:0.9;
}

 /*Responsive */
@media (max-width: 768px) {
  .testimonialSection .testi-btn.left { left: 10px; }
  .testimonialSection .testi-btn.right { right: 10px; }
}

/* ------------------------------ */


/*.filter-section {*/
/*  background: #fff;*/
/*  border: 1px solid #e5e5e5;*/
/*  border-radius: 10px;*/
/*  padding: 20px;*/
/*  margin-bottom: 25px;*/
/*  box-shadow: 0 3px 10px rgba(0,0,0,0.05);*/
/*}*/
/*.filter-title {*/
/*  font-size: 18px;*/
/*  font-weight: 600;*/
/*  margin-bottom: 15px;*/
/*  color: #333;*/
/*  text-transform: uppercase;*/
/*}*/
/*.filter-box {*/
/*  margin-bottom: 18px;*/
/*}*/
/*.filter-box h5 {*/
/*  font-size: 14px;*/
/*  font-weight: 600;*/
/*  color: #222;*/
/*  margin-bottom: 6px;*/
/*}*/
/*.filter-search {*/
/*  width: 100%;*/
/*  padding: 8px 10px;*/
/*  border: 1px solid #ccc;*/
/*  border-radius: 6px;*/
/*  font-size: 13px;*/
/*  margin-bottom: 8px;*/
/*  outline: none;*/
/*}*/
/*.filter-search:focus {*/
/*  border-color: #007bff;*/
/*  box-shadow: 0 0 0 2px rgba(6,156,213,0.1);*/
/*}*/
/*.filter-options {*/
/*  max-height: 130px;*/
/*  overflow-y: auto;*/
/*  border: 1px solid #eee;*/
/*  border-radius: 6px;*/
/*  padding: 6px 10px;*/
/*  background: #fafafa;*/
/*}*/
/*.filter-options label {*/
/*  display: block;*/
/*  font-size: 13px;*/
/*  color: #333;*/
/*  padding: 3px 0;*/
/*  cursor: pointer;*/
/*}*/
/*.filter-options input[type="checkbox"] {*/
/*  margin-right: 6px;*/
/*  accent-color: #007bff;*/
/*}*/
/*.filter-options::-webkit-scrollbar {*/
/*  width: 5px;*/
/*}*/
/*.filter-options::-webkit-scrollbar-thumb {*/
/*  background: #ccc;*/
/*  border-radius: 3px;*/
/*}*/
/*.filter-options::-webkit-scrollbar-thumb:hover {*/
/*  background: #888;*/
/*}*/

/*.college-list-section {*/
/*  background: #fff;*/
/*  padding: 20px;*/
/*  border-radius: 12px;*/
/*  box-shadow: 0 4px 12px rgba(0,0,0,0.05);*/
/*}*/
/*.college-list-title {*/
/*  font-size: 22px;*/
/*  font-weight: 700;*/
/*  margin-bottom: 20px;*/
/*  color: #222;*/
/*  border-left: 4px solid #007bff;*/
/*  padding-left: 10px;*/
/*}*/
/*.college-card-modern {*/
/*  background: #fff;*/
/*  border-radius: 12px;*/
/*  box-shadow: 0 4px 8px rgba(0,0,0,0.05);*/
/*  margin-bottom: 25px;*/
/*  overflow: hidden;*/
/*  transition: all 0.3s ease;*/
/*}*/
/*.college-card-modern:hover {*/
/*  transform: translateY(-4px);*/
/*  box-shadow: 0 8px 16px rgba(6,156,213,0.15);*/
/*}*/
/*.college-banner {*/
/*  position: relative;*/
/*  height: 160px;*/
/*  overflow: hidden;*/
/*}*/
/*.college-banner img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  object-fit: cover;*/
/*  transition: 0.5s ease;*/
/*}*/
/*.college-card-modern:hover .college-banner img {*/
/*  transform: scale(1.05);*/
/*}*/
/*.ranking-badge {*/
/*  position: absolute;*/
/*  top: 12px;*/
/*  left: 12px;*/
/*  background: #007bff;*/
/*  color: #fff;*/
/*  font-size: 13px;*/
/*  padding: 4px 10px;*/
/*  border-radius: 5px;*/
/*}*/
/*.college-body {*/
/*  display: flex;*/
/*  align-items: flex-start;*/
/*  padding: 15px;*/
/*}*/
/*.college-logo img {*/
/*  width: 60px;*/
/*  height: 60px;*/
/*  border-radius: 8px;*/
/*  border: 2px solid #eee;*/
/*}*/
/*.college-info {*/
/*  margin-left: 15px;*/
/*}*/
/*.college-info h5 {*/
/*  margin: 0;*/
/*  font-size: 18px;*/
/*  color: #222;*/
/*  font-weight: 600;*/
/*}*/
/*.location {*/
/*  font-size: 13px;*/
/*  color: #666;*/
/*  margin: 5px 0;*/
/*}*/
/*.highlights {*/
/*  list-style: none;*/
/*  padding: 0;*/
/*  margin: 8px 0 0;*/
/*  font-size: 13px;*/
/*  color: #444;*/
/*}*/
/*.highlights li {*/
/*  margin-bottom: 3px;*/
/*}*/
/*.college-footer {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  border-top: 1px solid #eee;*/
/*  padding: 10px 15px;*/
/*  background: #f9f9f9;*/
/*}*/
/*.btn-details, .btn-apply {*/
/*  padding: 8px 15px;*/
/*  border-radius: 6px;*/
/*  border: none;*/
/*  cursor: pointer;*/
/*  font-size: 13px;*/
/*  font-weight: 600;*/
/*  transition: all 0.3s ease;*/
/*}*/
/*.btn-details {*/
/*  background: #eaf6ff;*/
/*  color: #007bff;*/
/*}*/
/*.btn-apply {*/
/*  background: #007bff;*/
/*  color: #fff;*/
/*}*/
/*.btn-details:hover {*/
/*  background: #d2ecff;*/
/*}*/
/*.btn-apply:hover {*/
/*  background: #058dc0;*/
/*}*/


/* 


*/

 /* .container {
      width: 95%;
      max-width: 1200px;
      margin: auto;
      padding: 20px 0;
    } */
/*    .row {*/
/*      display: flex;*/
/*      gap: 20px;*/
/*      flex-wrap: wrap;*/
/*    }*/
/*    .col-md-3, .col-md-6 {*/
/*      box-sizing: border-box;*/
/*    }*/
/*    .col-md-3 {*/
/*      flex: 1 1 250px;*/
/*      max-width: 280px;*/
/*    }*/
/*    .col-md-6 {*/
/*      flex: 1 1 600px;*/
/*    }*/

    /* Filter Section */
/*    .filter-section {*/
/*      background: #fff;*/
/*      border-radius: 10px;*/
/*      padding: 20px;*/
/*      box-shadow: 0 3px 8px rgba(0,0,0,0.05);*/
/*    }*/
/*    .filter-title {*/
/*      font-size: 18px;*/
/*      margin-bottom: 15px;*/
/*      color: #222;*/
/*    }*/
/*    .filter-box {*/
/*      margin-bottom: 20px;*/
/*    }*/
/*    .filter-box h5 {*/
/*      font-size: 15px;*/
/*      margin-bottom: 8px;*/
/*      color: #333;*/
/*    }*/
/*    .filter-search {*/
/*      width: 100%;*/
/*      padding: 7px 10px;*/
/*      border: 1px solid #ddd;*/
/*      border-radius: 5px;*/
/*      margin-bottom: 8px;*/
/*      outline: none;*/
/*    }*/
/*    .filter-options label {*/
/*      display: block;*/
/*      padding: 4px 0;*/
/*      font-size: 14px;*/
/*      color: #555;*/
/*    }*/
/*    .filter-options input {*/
/*      margin-right: 8px;*/
/*    }*/

    /* College Cards */
/*    .college-list-section {*/
/*      background: #fff;*/
/*      border-radius: 10px;*/
/*      padding: 20px;*/
/*      box-shadow: 0 3px 8px rgba(0,0,0,0.05);*/
/*    }*/
/*    .college-list-title {*/
/*      font-size: 20px;*/
/*      margin-bottom: 15px;*/
/*      border-bottom: 2px solid #e0e0e0;*/
/*      padding-bottom: 8px;*/
/*    }*/
/*    .college-card {*/
/*      display: flex;*/
/*      background: #fff;*/
/*      border: 1px solid #eee;*/
/*      border-radius: 10px;*/
/*      margin-bottom: 15px;*/
/*      padding: 15px;*/
/*      align-items: center;*/
/*      transition: all 0.3s ease;*/
/*    }*/
/*    .college-card:hover {*/
/*      box-shadow: 0 5px 15px rgba(0,0,0,0.1);*/
/*      transform: translateY(-3px);*/
/*    }*/
/*    .college-img img {*/
/*      width: 100px;*/
/*      height: 100px;*/
/*      border-radius: 10px;*/
/*      object-fit: cover;*/
/*    }*/
/*    .college-info {*/
/*      flex: 1;*/
/*      margin-left: 15px;*/
/*    }*/
/*    .college-info h5 {*/
/*      margin: 0;*/
/*      font-size: 17px;*/
/*      color: #222;*/
/*    }*/
/*    .college-location {*/
/*      color: #777;*/
/*      font-size: 14px;*/
/*      margin: 3px 0;*/
/*    }*/
/*    .college-course {*/
/*      color: #555;*/
/*      font-size: 14px;*/
/*    }*/
/*    .college-badges {*/
/*      margin-top: 5px;*/
/*    }*/
/*    .badge {*/
/*      background: #f0f0f0;*/
/*      color: #444;*/
/*      border-radius: 5px;*/
/*      padding: 3px 7px;*/
/*      font-size: 12px;*/
/*      margin-right: 5px;*/
/*    }*/
/*    .badge.ranking {*/
/*      background: #007bff;*/
/*      color: #fff;*/
/*    }*/
/*    .badge.featured {*/
/*      background: #ffb703;*/
/*      color: #fff;*/
/*    }*/
/*    .college-actions {*/
/*      margin-top: 10px;*/
/*    }*/
/*    .btn-view, .btn-apply {*/
/*      padding: 7px 15px;*/
/*      border: none;*/
/*      border-radius: 5px;*/
/*      font-size: 14px;*/
/*      cursor: pointer;*/
/*      transition: all 0.3s;*/
/*      margin-right: 8px;*/
/*    }*/
/*    .btn-view {*/
/*      background: #fff;*/
/*      border: 1px solid #007bff;*/
/*      color: #007bff;*/
/*    }*/
/*    .btn-view:hover {*/
/*      background: #007bff;*/
/*      color: #fff;*/
/*    }*/
/*    .btn-apply {*/
/*      background: #007bff;*/
/*      color: #fff;*/
/*    }*/
/*    .btn-apply:hover {*/
/*      background: #047aa9;*/
/*    }*/

    /* Filter Toggle Button for Mobile */
/*    .filter-toggle {*/
/*      display: none;*/
/*      background: #007bff;*/
/*      color: #fff;*/
/*      border: none;*/
/*      padding: 10px 15px;*/
/*      border-radius: 6px;*/
/*      font-size: 15px;*/
/*      margin-bottom: 15px;*/
/*      cursor: pointer;*/
/*    }*/

    /* Mobile View */
/*    @media (max-width: 991px) {*/
/*      .row {*/
/*        flex-direction: column;*/
/*      }*/
/*      .filter-toggle {*/
/*        display: block;*/
/*      }*/
/*      .col-md-3 {*/
/*        display: none;*/
/*        position: fixed;*/
/*        top: 0;*/
/*        left: -100%;*/
/*        width: 80%;*/
/*        height: 100vh;*/
/*        background: #fff;*/
/*        overflow-y: auto;*/
/*        box-shadow: 2px 0 10px rgba(0,0,0,0.2);*/
/*        padding: 20px;*/
/*        transition: left 0.4s ease;*/
/*        z-index: 1000;*/
/*      }*/
/*      .col-md-3.active {*/
/*        left: 0;*/
/*        display: block;*/
/*      }*/
/*      .close-filter {*/
/*        display: block;*/
/*        text-align: right;*/
/*        font-size: 18px;*/
/*        margin-bottom: 10px;*/
/*        cursor: pointer;*/
/*        color: #007bff;*/
/*      }*/
/*    }*/



  .collegeFilterSection .row {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
    }
    .collegeFilterSection .col-md-3, .col-md-6 {
      box-sizing: border-box;
    }
    .collegeFilterSection .col-md-3 {
      flex: 1 1 250px;
      max-width: 280px;
    }
    .collegeFilterSection .col-md-6 {
      flex: 1 1 600px;
    }
    
      /* Wishlist Icon */
    .collegeFilterSection .wishlist-btn {
        position: relative;
        left: 95%;
        bottom: 64px;
        /* right: 10%; */
        font-size: 20px;
        color: #bbb;
        cursor: pointer;
        transition: color 0.3s ease, transform 0.2s ease;
    }
    .collegeFilterSection .wishlist-btn:hover {
      color: #ff4d6d;
      transform: scale(1.1);
    }
    .collegeFilterSection .wishlist-btn.active {
      color: #ff4d6d;
    }


    /* Filter Section */
    .collegeFilterSection .filter-section {
      background: #fff;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    }
    .collegeFilterSection .filter-title {
      font-size: 18px;
      margin-bottom: 15px;
      color: #222;
    }
    .collegeFilterSection .filter-box {
      margin-bottom: 20px;
    }
    .collegeFilterSection .filter-box h5 {
      font-size: 15px;
      margin-bottom: 8px;
      color: #333;
    }
    .collegeFilterSection .filter-search {
      width: 100%;
      padding: 7px 8px;
      border: 1px solid #ddd;
      border-radius: 5px;
      margin-bottom: 8px;
      outline: none;
    }
    .collegeFilterSection .filter-options label {
      display: block;
      padding: 4px 0;
      font-size: 14px;
      color: #555;
    }
   .collegeFilterSection  .filter-options input {
      margin-right: 8px;
    }

    /* College Cards */
    .collegeFilterSection .college-list-section {
      background: #fff;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    }
    .collegeFilterSection .college-list-title {
      font-size: 20px;
      margin-bottom: 15px;
      border-bottom: 2px solid #e0e0e0;
      padding-bottom: 8px;
    }
    .collegeFilterSection .college-card {
      display: flex;
      background: #fff;
      border: 1px solid #eee;
      border-radius: 10px;
      margin-bottom: 15px;
      padding: 15px;
      align-items: center;
      transition: all 0.3s ease;
    }
    .collegeFilterSection .college-card:hover {
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      transform: translateY(-3px);
    }
    .collegeFilterSection .college-img img {
      width: 100px;
      height: 100px;
      border-radius: 10px;
      object-fit: cover;
    }
    .collegeFilterSection .college-info {
      flex: 1;
      margin-left: 15px;
    }
    .collegeFilterSection .college-info h5 {
      margin: 0;
      font-size: 17px;
      color: #222;
    }
    .collegeFilterSection .college-location {
      color: #777;
      font-size: 14px;
      margin: 3px 0;
    }
    .collegeFilterSection .college-course {
      color: #555;
      font-size: 14px;
    }
    .collegeFilterSection .college-badges {
      margin-top: 5px;
    }
    .collegeFilterSection .badge {
      background: #f0f0f0;
      color: #444;
      border-radius: 5px;
      padding: 3px 7px;
      font-size: 12px;
      margin-right: 5px;
    }
    .collegeFilterSection .badge.ranking {
      background: #007bff;
      color: #fff;
    }
    .collegeFilterSection .badge.featured {
      background: #ffb703;
      color: #fff;
    }
    .collegeFilterSection .college-actions {
      margin-top: 10px;
    }
    .collegeFilterSection .btn-view, .btn-apply {
      padding: 7px 15px;
      border: none;
      border-radius: 5px;
      font-size: 14px;
      cursor: pointer;
      transition: all 0.3s;
      margin-right: 8px;
    }
    .collegeFilterSection .btn-view {
      background: #fff;
      border: 1px solid #007bff;
      color: #007bff;
    }
    .collegeFilterSection .btn-view:hover {
      background: #007bff;
      color: #fff;
    }
    .collegeFilterSection .btn-apply {
      background: #007bff;
      color: #fff;
    }
    .collegeFilterSection .btn-apply:hover {
      background: #047aa9;
    }

    /* Filter Toggle Button for Mobile */
    .collegeFilterSection .filter-toggle {
      display: none;
      background: #007bff;
      color: #fff;
      border: none;
      padding: 10px 15px;
      border-radius: 6px;
      font-size: 15px;
      margin-bottom: 15px;
      cursor: pointer;
    }
    
    .collegeFilterSection .close-filter{
        display: none;
    }

    /* Mobile View */
    @media (max-width: 991px) {
      .collegeFilterSection .row {
        flex-direction: column;
      }
      .collegeFilterSection .filter-toggle {
        display: block;
      }
       .collegeFilterSection .close-filter{
        display: block;
    }

      .collegeFilterSection .col-md-3 {
        display: none;
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        height: 100vh;
        background: #fff;
        overflow-y: auto;
        box-shadow: 2px 0 10px rgba(0,0,0,0.2);
        padding: 20px;
        transition: left 0.4s ease;
        z-index: 1000;
      }
      .collegeFilterSection .col-md-3.active {
        left: 0;
        display: block;
      }
      .collegeFilterSection .close-filter {
        display: block;
        text-align: right;
        font-size: 18px;
        margin-bottom: 10px;
        cursor: pointer;
        color: #007bff;
      }
    }
    
    /* Pagination */
    .collegeFilterSection .pagination-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 25px;
      flex-wrap: wrap;
      gap: 8px;
    }
    .collegeFilterSection .page-btn {
      background: #fff;
      border: 1px solid #ddd;
      color: #333;
      padding: 8px 14px;
      border-radius: 6px;
      cursor: pointer;
      font-size: 14px;
      transition: all 0.3s ease;
    }
    .collegeFilterSection .page-btn:hover {
      background: #007bff;
      color: #fff;
      border-color: #007bff;
    }
    .collegeFilterSection .page-btn.active {
      background: #007bff;
      color: #fff;
      border-color: #007bff;
    }
    .collegeFilterSection .page-btn.prev, .page-btn.next {
      font-weight: 600;
    }
    @media (max-width: 576px) {
      .collegeFilterSection .pagination-wrapper {
        gap: 5px;
      }
      .collegeFilterSection .page-btn {
        padding: 7px 10px;
        font-size: 13px;
      }
    }
    
    .collegeFilterSection [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
        position: relative !important;
        left: 0px !important;
        opacity: 1 !important;
    }
    
    .departmentbox{
        background: #fff;
        margin: 30px 0;
        border-radius: 12px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
        padding: 25px;
    }
    .departmentbox button{
        padding: 5px 12px;
        margin: 3px 1px;
        border: none;
        background: #f0f0f0;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
        font-weight: 500;
    }
    .departmentbox button.active{
        background: linear-gradient(to top, #ef612f, #ff8201);
        color:#fff;
    }
    .button-wrap{
        /*display:flex;*/
        /*gap:5px;*/
        /*flex-flow: wrap;*/
    }
    .box-height-lg{
        height:340px;
        overflow: auto;
    }
    .box-height-sm{
        height:110px;
        overflow: auto;
    }
    
    .shortlistSection {
        width: 290px;
        height: 30px;
        background-color: rgba(225, 229, 255, 1);
        display: flex;
        position: relative;
        overflow: hidden;
        margin: 10px 0 15px;
        padding: 10px;
        align-items: center;
    }
    .shortlistSection::before {
        content: '';
        position: absolute;
        width: 100px;
        height: 100%;
        transform: skew(-40deg);
        background: rgba(238, 240, 255, 1);
        left: -20px;
    }
    .shortlistSection ul {
        position: relative;
        display: flex;
    }
    .shortlistSection img {
        width: 51px!important;
        height: 16px!important;
    }
    
    .shortlistSection ul li:first-child{
        padding-right: 30px;
    }
    .shortlistSection ul li {
        display: flex;
        align-items: center;
        font-size: 12px;
        line-height: 18px;
        color: var(--textColor);
    }
    hr{
     margin-top: 0; 
     margin-bottom: 0; 
    border: 0;
    border-top: 1px solid #959595;
    }