:root {
  --primary: #168b8b;

  --secondary: #f59e0b;

  --black: #111111;

  --white: #ffffff;

  --bg: #fafafa;

  --gray: #666666;
}

.sora-<uniquifier > {
  font-family: "Sora", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.manrope-<uniquifier > {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/* Scrollbar */

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



.logos {
  display: flex;

  align-items: center;

  gap: 90px;

  width: max-content;

  animation: marquee 12s linear infinite;

  will-change: transform;
}

.brand-logo {
  height: 48px;

  width: auto;

  max-width: 160px;

  object-fit: contain;

  filter: grayscale(100%);

  opacity: 0.65;

  transition: 0.35s;
}

.brand-logo:hover {
  filter: none;

  opacity: 1;

  transform: scale(1.08);
}

/* Marquee Animation */

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* Floating Animation */

@keyframes float {
}

/* Gradient Animation */

@keyframes gradient {
}

/* Mouse Glow */

.glow {
}

/* Glass Effect (Reusable) */

.glass {
}

/* Noise Overlay */

.noise {
}

.floating-card {
  animation: float 4s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

/* loader */

#loader {
  position: fixed;

  inset: 0;

  background: white;

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 9999;
}



.project-video{

    max-height:300px;
    overflow:hidden;
    border-radius:24px;

}

.project-video a{

    display:block;
    width:100%;
    height:100%;

}

.project-video-media{

    width:100%;
    height:300px;

    object-fit:cover;
    object-position:center;

    transition:0.5s ease;

}

.project-video:hover .project-video-media{

    transform:scale(1.05);

}