.partner-wrapper {
  margin-top: 2rem;
  width: 90%;
  max-width: 1536px;
  margin-inline: auto;
  height: 100px;
  position: relative;
  overflow: hidden;
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1) 20%,
    rgba(0, 0, 0, 1) 80%,
    rgba(0, 0, 0, 0)
  );
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1) 20%,
    rgba(0, 0, 0, 1) 80%,
    rgba(0, 0, 0, 0)
  );
}

.partner-item {
  width: 200px;
  height: 100px;
  position: absolute;
  animation-timing-function: linear;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partner-item img {
  max-height: 80%;
  max-width: 90%;
  object-fit: contain;
}

.scroll-left {
  animation-name: scrollLeft;
  left: max(calc(200px * 8), 100%);
}

.scroll-right {
  animation-name: scrollRight;
  right: max(calc(200px * 8), calc(100% + 200px));
}

.scroll-left:nth-child(1) { animation-delay: calc(30s / 8 * (8 - 1) * -1); }
.scroll-left:nth-child(2) { animation-delay: calc(30s / 8 * (8 - 2) * -1); }
.scroll-left:nth-child(3) { animation-delay: calc(30s / 8 * (8 - 3) * -1); }
.scroll-left:nth-child(4) { animation-delay: calc(30s / 8 * (8 - 4) * -1); }
.scroll-left:nth-child(5) { animation-delay: calc(30s / 8 * (8 - 5) * -1); }
.scroll-left:nth-child(6) { animation-delay: calc(30s / 8 * (8 - 6) * -1); }
.scroll-left:nth-child(7) { animation-delay: calc(30s / 8 * (8 - 7) * -1); }
.scroll-left:nth-child(8) { animation-delay: calc(30s / 8 * (8 - 8) * -1); }

.scroll-right:nth-child(1) { animation-delay: calc(30s / 8 * (8 - 1) * -1); }
.scroll-right:nth-child(2) { animation-delay: calc(30s / 8 * (8 - 2) * -1); }
.scroll-right:nth-child(3) { animation-delay: calc(30s / 8 * (8 - 3) * -1); }
.scroll-right:nth-child(4) { animation-delay: calc(30s / 8 * (8 - 4) * -1); }
.scroll-right:nth-child(5) { animation-delay: calc(30s / 8 * (8 - 5) * -1); }
.scroll-right:nth-child(6) { animation-delay: calc(30s / 8 * (8 - 6) * -1); }
.scroll-right:nth-child(7) { animation-delay: calc(30s / 8 * (8 - 7) * -1); }
.scroll-right:nth-child(8) { animation-delay: calc(30s / 8 * (8 - 8) * -1); }

@keyframes scrollLeft {
  to {
    left: -200px;
  }
}

@keyframes scrollRight {
  to {
    right: -200px;
  }
}        
@keyframes blink {
    0%, 100% { opacity: 0.2; }
    50% { opacity: 1; }
  }
  
  .arrow-gold   { animation: blink 1.5s infinite ease-in-out; }
  .arrow-white  { animation: blink 1.5s infinite ease-in-out 0.3s; }
  .arrow-blue   { animation: blink 1.5s infinite ease-in-out 0.6s; }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px) scale(0.95);
    }
    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  .animate-fade-in-up {
    animation: fadeInUp 0.5s ease-out forwards;
  }
  
html { scroll-behavior: smooth; }
body {
    font-family: 'Cairo', sans-serif;     
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bg-custom-dark-blue { background-color: #1a2b45; }
.text-custom-dark-blue { color: #1a2b45; }
.text-custom-gold { color: #c7a14e; }
.border-custom-gold { border-color: #c7a14e; }
.bg-custom-gold { background-color: #c7a14e; }
.bg-custom-light-gray { background-color: #f8f9fa; }
.hover\:text-custom-gold:hover { color: #c7a14e; }
.hover\:bg-custom-gold:hover { background-color: #c7a14e; }
.focus\:ring-custom-gold:focus { --tw-ring-color: #c7a14e; }
.focus\:border-custom-gold:focus { border-color: #c7a14e; }

@keyframes pulse-slow {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.9; }
    50% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
}
.animate-pulse-slow {
    animation: pulse-slow 2s infinite ease-in-out;
}

.dropdown-item {
    @apply block w-full text-right px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-custom-gold transition duration-150 ease-in-out;
}

body.overflow-hidden {
    overflow: hidden;
}

.mobile-nav-link {
     @apply block py-2 px-4 text-base text-gray-700 hover:bg-gray-100 hover:text-custom-gold rounded-md transition duration-150;
}
.mobile-nav-link.has-dropdown {
     @apply flex justify-between items-center;
}
.mobile-dropdown {
    @apply mt-1 mr-4 pl-4 border-r-2 border-gray-200 space-y-1;
}
.mobile-dropdown-item {
     @apply block py-1 px-2 text-sm text-gray-600 hover:bg-gray-100 hover:text-custom-gold rounded transition duration-150;
}
.mobile-dropdown-item.has-subtext {
     @apply group;
}
 .mobile-dropdown-item.has-subtext .subtext {
      @apply text-xs text-gray-500 group-hover:text-gray-600 block mt-0.5;
 }

 @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .fade-in-up {
    animation: fadeInUp 1s ease-out;
  }
  

  @keyframes float {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  .float-animation {
    animation: float 3s ease-in-out infinite;
  }