body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background-color: #f8f9fa;
      
    }
 
    .banner{
      display: flex;
    }
    .banner-logo h5{
      margin-top:-10px;
    }
   
    .heading {
      color: #2e78e8;
      font-weight: bold;
      font-size: 36px;
    }
    .sub-heading {
      color: #000;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 20px;
    }
    .content {
      font-size: 16px;
      color: #333;
      line-height: 1.8;
      text-align:justify;
    }
    /* Notice & News Card */
    .notice-news-card {
      background: #ffffff;
      border: 2px solid #2e78e8;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(31, 81, 50, 0.2);
      margin-top:1px;
    }
    .nav-tabs {
      background-color: #2e78e8;
      border-bottom: none;
    }
    .nav-tabs .nav-link {
      color: #ffffff;
      font-weight: 600;
      border: none;
      border-radius: 0;
    }
    .nav-tabs .nav-link.active {
      background-color: #ffffff;
      color: #2e78e8;
      border-bottom: 3px solid #2e78e8;
    }
    .nav-tabs .nav-link:hover {
      
      color:white;
    }
    .tab-content {
      background: #ffffff;
      border-top: 2px solid #2e78e8;
      height: 335px;
      overflow: hidden;
      position: relative;
    }
    .tab-content marquee {
      position: absolute;
      width: 100%;
      height: 100%;
     
    }
   
    @keyframes scroll-up {
      0% {
        transform: translateY(100%);
      }
      100% {
        transform: translateY(-100%);
      }
    }
    .tab-content ul {
      list-style: none;
      padding-left: 0;
      margin: 0;
    }
    .tab-content ul li {
      margin-bottom: 10px;
      font-size: 15px;
      font-weight: 500;
      color: #000;
    }
    .info-section {
      background: #2e78e8;
      color: #ffffff;
      padding: 50px 0;
    }
    .info-title {
      color: white;
      font-weight: bold;
      margin-bottom: 40px;
      font-size: 29px;
    }
    .info-card {
      background: #ffffff;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      border-radius: 12px;
      padding: 30px 20px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .info-card1 {
      background: #ffffff;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      border-radius: 12px;
      padding: 10px 10px;
      height: 100%;
      display: flex;
      border:1px groove #2e78e8;
      flex-direction: column;
      justify-content: center;
    }
    .info-card h2 {
      font-size: 36px;
      color: #2e78e8;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .info-card h5 {
      font-size: 18px;
      color: #333;
      margin-bottom: 10px;
    }
    .info-card p {
      font-size: 16px;
      color: #555;
      margin: 0;
    }
    .justify{
      text-align: justify;
    }
    .course{
      background-color: #5591eb2d;
    }
    .bca{
      background:linear-gradient(rgba(46, 46, 46, 0.457),rgba(46, 46, 46, 0.457)),url('../images/bca.jpg') no-repeat center center/cover;
      height: 200px;
      border-radius: 10px;
      color:white;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .bca:hover{
      background:linear-gradient(rgba(46, 46, 46, 0.767),rgba(46, 46, 46, 0.767)),url('../images/bca.jpg') no-repeat center center/cover;
    }
    .bba{
      background:linear-gradient(rgba(46, 46, 46, 0.457),rgba(46, 46, 46, 0.457)),url('../images/bba.jpeg') no-repeat center center/cover;
      height: 200px;
      border-radius: 10px;
      color:white;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .bba:hover{
      background:linear-gradient(rgba(46, 46, 46, 0.767),rgba(46, 46, 46, 0.767)),url('../images/bba.jpeg') no-repeat center center/cover;
    }
    .bcom{
      background:linear-gradient(rgba(46, 46, 46, 0.457),rgba(46, 46, 46, 0.457)),url('../images/bcom.jpeg') no-repeat center center/cover;
      height: 200px;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .gallery{
      background:linear-gradient(rgba(46, 46, 46, 0.457),rgba(46, 46, 46, 0.457)),url('../images/slider-4.jpg');
      height: 300px;
      color:white;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .bcom:hover{
      background:linear-gradient(rgba(46, 46, 46, 0.767),rgba(46, 46, 46, 0.767)),url('../images/bcom.jpeg') no-repeat center center/cover;
    }
    .card-title{
      font-size: 3em;
      color:white;
    }
    .facilities .card{
      border: 1px solid #2e78e8;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      transition: transform 0.3s;
    }
    .card-img-container {
      height: 200px;
      overflow: hidden;
    }
  
    .card-img-top {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
.logo-marquee {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  background: #fff;
  padding: 10px 0;
}

.logo-track {
  display: flex;
  width: max-content;
  animation: scrollMarquee 25s linear infinite;
}

.logo-item {
  display: inline-block;
  padding: 0 40px; /* spacing between logos */
}

.logo-item img {
  height: 90px;
  width: auto;
  object-fit: contain;
}

/* Animation */
@keyframes scrollMarquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.tie-up-content{
  height: 300px;
}
 /* Footer */
 footer {
  background-color: #212121;
  color: #bdbdbd;
  font-size: 0.9rem;
  user-select: none;
}



.footer-section {
  flex: 1 1 200px;
  margin: 10px 20px;
}

.footer-section h4 {
  margin-bottom: 15px;
  color: #81c784;
}

.footer-section ul {
  list-style: none;
}

.footer-section ul li {
  margin-bottom: 10px;
}

.footer-section ul li a {
  color: #bdbdbd;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-section ul li a:hover {
  color: #81c784;
}

/* Responsive footer */
@media (max-width: 768px) {
  .tie-up-content{
    height: auto;
  }
  .footer-container {
      flex-direction: column;
      align-items: center;
      text-align: center;
  }

  .footer-section {
      margin: 15px 0;
  }
}
/* About page css */
.about{
  height: 300px;
  background:linear-gradient(rgba(19, 19, 19, 0.628),rgba(19, 19, 19, 0.628)),url('../images/about.jpg') no-repeat center center/cover;
  display: flex;
  align-items: center;
  padding: 5%;
  color:white;
}

.mou{
  height: 300px;
  background:linear-gradient(rgba(19, 19, 19, 0.628),rgba(19, 19, 19, 0.628)),url('../images/bba.jpeg') no-repeat center center/cover;
  display: flex;
  align-items: center;
  padding: 5%;
  color:white;
}
.icc{
  height: 300px;
  background:linear-gradient(rgba(19, 19, 19, 0.788),rgba(19, 19, 19, 0.788)),url('../images/islamia-college-of-commerce.jpeg') no-repeat center center/cover;
  display: flex;
  align-items: center;
  padding: 5%;
  color:white;
}
.syllabus{
  height: 300px;
  background:linear-gradient(rgba(19, 19, 19, 0.788),rgba(19, 19, 19, 0.788)),url('../images/syllabus.webp') no-repeat center center/cover;
  display: flex;
  align-items: center;
  padding: 5%;
  color:white;
}
.bba-course{
  height: 300px;
  background:linear-gradient(rgba(19, 19, 19, 0.788),rgba(19, 19, 19, 0.788)),url('../images/bba.jpeg') no-repeat center center/cover;
  display: flex;
  align-items: center;
  padding: 5%;
  color:white;
}
.contact{
  height: 300px;
  background:linear-gradient(rgba(19, 19, 19, 0.788),rgba(19, 19, 19, 0.788)),url('../images/contact.jpg') no-repeat center center/cover;
  display: flex;
  align-items: center;
  padding: 5%;
  color:white;
}
.library{
  height: 300px;
  background:linear-gradient(rgba(19, 19, 19, 0.788),rgba(19, 19, 19, 0.788)),url('../images/library.jpeg');
  display: flex;
  align-items: center;
  padding: 5%;
  color:white;
}
.faculty-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.faculty-table th,
.faculty-table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
}

.faculty-table thead {
  background-color: #2e78e8;
  color: white;
  font-weight: bold;
}

.list{
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.list li::before
{
  content: "♦ ";
  color: #2e78e8;
  font-weight: bold;
}

.mission{
  background-color: white;
  border-radius: 0px 0px 30px 0px;
  border:2px groove #2e78e8;
  padding:25px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.manager{
  background-color:#f0f0f0;
}
.infra .card img{
  height: 200px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.syllabus-table{
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
.syllabus-table th, .syllabus-table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
}
.syllabus-table thead {
  background-color: #2e78e8;
  color: white;
  font-weight: bold;
}
/* course */

.card-custom {
  border: none;
  border-radius: 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  padding: 1rem;
  display: flex;
  align-items: center;
}
.card-custom img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 1rem;
}
.timeline {
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
}

.timeline-item {
  position: relative;
  margin-bottom: 30px;
  padding-left: 20px;
}

.timeline-item::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 5px;
  width: 15px;
  height: 15px;
  background-color: #2e78e8;
  border-radius: 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #2e78e8;
}

.timeline-item h5 {
  font-weight: 700;
}

.timeline-item p {
  margin-top: 5px;
  color: #555;
}
.hover-scale:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(46, 120, 232, 0.6);
  cursor: pointer;
}
.owl-carousel .item {
  display: flex;
  justify-content: center;
  align-items: center;
}

html {
  scroll-behavior: smooth;
}