@keyframes scrollLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-53.5%);
  }
}
  


#about-carousel {
  /* 16:9 ratio; adjust if you want square (1/1) or 4:3 (4/3) */
  aspect-ratio: 14 / 9;
}

#about-carousel .carousel-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* fills and crops nicely */
}

.awards-carousel {
  overflow: hidden;
  width: 100%;
  background-color: #0054a4;
}


.awards-track {
  display: flex;
  flex-wrap: nowrap;
  width: calc(200%); /* since we're duplicating the icons */
  animation: scrollLoop 40s linear infinite;
}
  

.awards-track img {
  width: 6rem;  /* adjust size as needed */
  height: 6rem;
  object-fit: contain;
  margin-right: 4rem; /* consistent spacing */
}

:where([class^="ri-"])::before { content: "\f3c2"; }
body {
font-family: 'Montserrat', sans-serif;
}
h1, h2, h3, h4, h5, h6, .nav-link {
font-family: 'Montserrat', sans-serif;
}
.video-container {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.video-container iframe {
pointer-events: none;
}
.nav-link {
position: relative;
}
.nav-link::after {
content: '';
position: absolute;
width: 0;
height: 2px;
bottom: -4px;
left: 0;
background-color: #0054a4;
transition: width 0.3s ease;
}
.nav-link:hover::after {
width: 100%;
}
.carousel {
position: relative;
overflow: hidden;
}
.carousel-inner {
display: flex;
transition: transform 0.5s ease;
}
.carousel-item {
flex: 0 0 33.333%;
}

.filter-red {
filter: brightness(0) saturate(100%) invert(15%) sepia(94%) saturate(5531%) hue-rotate(344deg) brightness(90%) contrast(97%);
}
    

.filter-blue {
filter: brightness(0) saturate(100%) invert(17%) sepia(97%) saturate(1690%) hue-rotate(189deg) brightness(96%) contrast(103%);
}
    
@media (max-width: 1024px) {
.carousel-item {
flex: 0 0 50%;
}
}
@media (max-width: 640px) {
.carousel-item {
flex: 0 0 100%;
}
}
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
outline: none;
}
input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus {
border-color: #0054a4;
box-shadow: 0 0 0 2px rgba(0, 84, 164, 0.2);
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}