@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Outfit:wght@100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");

@font-face {
  font-family: thicccoboi-regular;
  src: url(../assets/font/THICCCBOI-Regular.woff2);
}
@font-face {
  font-family: thicccoboi-medium;
  src: url(../assets/font/THICCCBOI-Medium.woff2);
}
@font-face {
  font-family: thicccoboi-semibold;
  src: url(../assets/font/THICCCBOI-SemiBold.woff2);
}
@font-face {
  font-family: thicccoboi-bold;
  src: url(../assets/font/THICCCBOI-Bold.woff2);
}
@font-face {
  font-family: gilory-medium;
  src: url(../assets/font/gilroy/Gilroy-Medium.ttf);
}
@font-face {
  font-family: gilory-semibold;
  src: url(../assets/font/gilroy/Gilroy-SemiBold.ttf);
}
.thicccoboi-medium {
  font-family: thicccoboi-medium;
}
.thicccoboi-semibold {
  font-family: thicccoboi-semibold;
}
.thicccoboi-bold {
  font-family: thicccoboi-bold;
}
.gilory-medium {
  font-family: gilory-medium;
}
.gilory-semibold {
  font-family: gilory-semibold;
}

.space-mono-bold {
  font-family: "Space Mono", monospace;
  font-weight: 700;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: thicccoboi-regular;
}

.hero-bg {
  background-image: url(../assets/images/hero-bg.svg);
}


.up-down {
  animation: bounce 5s ease-in-out infinite;
}
@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}

.blue-gradient {
  background: linear-gradient(
    102.9deg,
    #00cdff -30.39%,
    #5f78f1 50.46%,
    #e3e3ff 126.85%
  );
}

.case-card:hover {
  background: linear-gradient(
    102.9deg,
    rgba(0, 205, 255, 0.1) -30.39%,
    rgba(95, 120, 241, 0.1) 50.46%,
    rgba(227, 227, 255, 0.1) 126.85%
  );
  border: 1px solid;
  border-image-source: linear-gradient(
    102.9deg,
    rgba(0, 205, 255, 0.13) -30.39%,
    rgba(95, 120, 241, 0.13) 50.46%,
    rgba(227, 227, 255, 0.13) 126.85%
  );
}

.active-tab {
  color: white !important;
  background-color: #605dff;
}

.swiper-pagination-bullet {
  width: 160px !important;
  height: 2px !important;
  border-radius: 20px !important;
  background-color: #090618 !important;
}

@media (max-width: 768px) {
  .swiper-pagination-bullet {
    width: 70px !important;
  }
}
@media (max-width: 425px) {
  .swiper-pagination-bullet {
    width: 40px !important;
  }
}
.swiper-button-prev,
.swiper-button-next {
  cursor: pointer;
  display: flex;
  justify-items: center;
  justify-content: center;
  color: black !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: linear-gradient(
    102.9deg,
    #00cdff -30.39%,
    #5f78f1 50.46%,
    #e3e3ff 126.85%
  );
  color: white !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}
.swiper-button-prev::before,
.swiper-button-next::before {
  content: "➜";
  font-size: 20px;
  transform: rotate(180deg);
}
.swiper-button-next::before {
  transform: rotate(0deg);
}