* {
    margin: 0;
    padding: 0;
}
body {
    /* background: linear-gradient(360deg, #105798 35.49%, rgba(16, 87, 152, 0) 100%); */
    background: #105798;
}
html {
    scroll-behavior: smooth;
}
html::-webkit-scrollbar {
    display: none;
}
.customSection {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.customContainer {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 100px 0;
}

.institutionsHeader .swiper{
    margin-bottom: 20px;
}
.swiper-wrapper {
  transition-timing-function: linear;
}

/* 2. Allow slides to size based on their content (the image) */
.swiper-slide {
  width: auto; /* Allow the slide to shrink to fit the image */
  /* Optional: Add some spacing between logos via CSS or JS spaceBetween */
  margin-right: 30px; 

}

/* Optional: Ensure images don't get too big */
.swiper-slide img {
  display: block;
  height: 70px; /* Adjust height to match your design */
  width: auto;
}
@media screen and (max-width: 1280px) {
    .customContainer {
        width: 95%;
        margin: 80px 0;
    }
}
@media screen and (max-width: 990px) {
    .customContainer {
        margin: 60px 0;
    }
}
@media screen and (max-width: 600px) {
    .customContainer {
        margin: 40px 0;
    }
}