/* Media Queries */
@media only screen and (max-width: 900px) {
    .silder {
        height: auto;
        padding: 100px 0;
    }
    .navbar-toggler-icon {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: #fff;
    }
    .navbar-toggler-icon:before {
        content: "\f0c9";
    }
    .home-nav .navbar-toggler-icon {
        color: #fff;
    }
    .sticky .navbar-toggler-icon {
        color: #212121;
    }
    .navbar-collapse {
        background-color: #fff;
    }
    .navbar a.nav-link {
        color: #212121;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
}

@media only screen and (max-width: 600px) {
    .home-margin-top {
        margin-top: 50vh;
    }
    #myVideo {
        min-height: 65vh;
    }
    .content {
        top: 27%;
    }
    .navbar img {
        width: 200px;
        padding-left: 20px;
    }
    .home-nav .logo-white {
        display: none;
    }
    .home-nav .logo-dark {
        display: block;
    }
    .d-flex.align-items-start {
        display: block !important;
    }
    .content .display-1 {
        font-size: 18px;
    }
    .footer .ps-5 {
        padding-left: 1rem !important;
    }
    .navbar {
        padding-left: 10px;
    }
}






/* Adjust the size of the images in the slideshow */
.slideshow-container {
  position: relative;
  max-width: 100%;
  margin: auto;
}

.mySlides {
  display: none;
}

.mySlides .img-box {
  display: flex;
  align-items: center;
  justify-content: start;
}

.mySlides img {
  width: auto; /* Adjust this value to change the width of the images */
  height: auto; /* Maintain aspect ratio */
  margin-right: 20px; /* Space between the image and the text */
}

.mySlides img:hover {
  filter: none;
  background-color: transparent;
}

.mySlides .text {
  flex: 1;
}

.fade {
  animation-name: fade;
  animation-duration: 9.5s; /* Change this value to adjust the animation duration */
}

@keyframes fade {
  from {opacity: .0}
  to {opacity: 900}
}

/* Dots for navigation */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.9999s ease;
}

.active, .dot:hover {
  background-color: #717171;





  /* Partners */
.partner-carousel {
    overflow: hidden;
    white-space: nowrap; /* Prevent images from wrapping */
    position: relative;
}

.partner-carousel img {
    display: inline-block;
    max-width: 100%; /* Ensure images do not exceed container width */
    vertical-align: middle;
}

/* Animation for continuous scrolling */
@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); } /* Adjust -100% based on the width of your images */
}

.partner-carousel {
    animation: scroll-left 10s linear infinite; /* Adjust duration (10s) and animation timing here */
}