.dissolve-image-slider{
    width:100%;
}
.carousel {
    /* margin-top: 50px;
    margin-bottom: 50px; */
}

.carousel-item {
    height: 400px;
    transition: opacity 1s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-item img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    width: auto;
    height: auto;
}
.form-section{
    margin-top:30px;
}
/* logo slider */
  .logo-slider {
      overflow: hidden;
      position: relative;
    }

    .logo-slider .slider-track {
      display: flex;
      width: calc(250px * 10 * 2); /* adjust based on number of logos */
      animation: scroll 30s linear infinite;
    }

    .logo-slider .slide {
      width: 200px;
      padding: 10px;
      flex-shrink: 0;
    }

    .logo-slider img {
      /* width: 100%;
      height: auto; */
      width:100px;
      height:100px;
      /* object-fit: contain; */
      filter: grayscale(100%);
      transition: filter 0.3s;
    }

    .logo-slider img:hover {
      filter: grayscale(0%);
    }

    @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }
    /* card slider */
        .card-slider {
      overflow: hidden;
      position: relative;
    }

    .slider-track {
      display: flex;
      animation: scrollCards 10s linear infinite;
    }

    .card-slide {
      flex: 0 0 50%;
      padding: 10px;
    }

    /* Tablet/Desktop: 4 cards visible */
    @media (min-width: 768px) {
      .card-slide {
        flex: 0 0 25%; /* 4 cards visible */
        max-width: 25%;
      }
    }

    /* Mobile: 2 cards visible */
    @media (max-width: 767px) {
      .card-slide {
        flex: 0 0 50%; /* 2 cards visible */
        max-width: 50%;
      }
    }

    @keyframes scrollCards {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-100%); /* Moves by 100% of the total width */
      }
    }

    .lead{
      font-size: 15px;
      font-weight: 300;
      line-height: 20px;
    }
    .card-slide img{
      width:150px;
      height:100px;
    }
    #footer-address p{
      font-size: 15px !important;
      margin-bottom: -6px;
    }
    #footer-address h3{
      margin-top: -10px !important;
    }
    #footer-address a{
      color:white;
    }
    #footer-connect img{
      border-radius: 15px;
    }
    .title-course-section a{
      text-decoration: none;
    }
    .modal-dialog-centered{
      max-width:500px;
      margin: auto;
    }
    /* modal form */
    .btn-close {
  background-color: red;
  background-image: none; /* remove default icon */
  color: white;
  opacity: 1;
  padding: 0.5rem;
  border-radius: 0.25rem;
  font-size: 1.2rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-close::after {
  content: "×";
  font-weight: bold;
  font-size: 1.5rem;
  color: white;
}
.title-course-year{
   transition: all 0.4s;
}
.title-course-year:hover{
   cursor:pointer;
   color:black;
   transition: all 0.4s;
}

@media (min-width: 481px) and (max-width: 768px) {
    form {
         /* margin-left: 203px; */
         margin-left:0 !important;
    }

    .submit-btn {
        /* background: #EE2C3C;
        border-radius: 28px;
        border: 1px solid;
        padding: 0.4rem 2rem;
        color: #fff; */
        /* margin-left: -173px; */
        margin:20px 0;
    }
}