::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #0a1a4a;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #00004d;
}

.clip-path-slant {
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

.clip-path-slant-reverse {
  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
}

.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(241, 241, 241);
}

::-webkit-scrollbar-thumb {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(10, 26, 74);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(0, 0, 77);
}

#iqdczu {
  background-image: radial-gradient(#0a1a4a 1px, transparent 1px);
  background-size: 32px 32px;
}

.client-carousel-track {
  width: max-content;
  will-change: transform;
}

.client-carousel-item {
  width: 6rem;
  height: 6rem;
}

.client-carousel-item img {
  opacity: 0.8;
  filter: grayscale(0);
  transition:
    opacity 0.25s ease,
    filter 0.25s ease;
}

.client-carousel:hover .client-carousel-item img {
  opacity: 0.3;
  filter: grayscale(1);
}

.client-carousel:hover .client-carousel-item:hover img,
.client-carousel:hover .client-carousel-item:focus-within img {
  opacity: 1;
  filter: grayscale(0);
}

.site-image-soft {
  filter: brightness(0.82) saturate(0.88) contrast(0.94);
}

@media (min-width: 768px) {
  .client-carousel-item {
    width: 7rem;
    height: 7rem;
  }
}