@import url("https://fonts.googleapis.com/css2?family=Playball&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");

.plus-jarkata {
  font-family: "Plus Jakarta Sans", sans-serif;
}

html {
  scroll-behavior: smooth;
}

.rubik {
  font-family: "Rubik", sans-serif;
}

p,
ul {
  font-family: "Rubik", sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: "Anton", sans-serif;
  letter-spacing: 2px;
}

.sec_1 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec1.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_4 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec4.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_5 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec5.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_7 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec7.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_9 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec9.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_13 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec13.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_15 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec15.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_17 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec17.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_19 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec19.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_21 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec21.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec20-mini {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec20-mini.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_23 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/sec23.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.fe-img6 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/fe-img6.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.fe-img9 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/fe-img9.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.fe-img15 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/fe-img15.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.fe-img43 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/fe-img43.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.fe-img45 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/fe-img45.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.fe-img46 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/fe-img46.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.fe-img49 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/fe-img49.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.fe-img56 {
  background: url("https://fastcdn.flaxxa.in/studios/live/assets/fe-img56.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.text-grad1 {
  background: linear-gradient(
    99deg,
    #01d8fd 13.85%,
    #fc65f8 49.52%,
    #ffba00 87.9%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-grad2 {
  background: linear-gradient(90deg, #ddff94 0%, #feda3b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-grad3 {
  background: linear-gradient(99deg, #01d8fd 14.63%, #fc65f8 94.49%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.vid-bg {
  border-radius: 20.478px;
  background: linear-gradient(
    99deg,
    rgba(1, 216, 253, 0.3) 13.85%,
    rgba(252, 101, 248, 0.3) 49.52%,
    rgba(255, 186, 0, 0.3) 87.9%
  );
  backdrop-filter: blur(13.201147079467773px);
}

.bounce {
  animation: arrowBounce 1s infinite ease-in-out;
}

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

.jump {
  transition: transform 0.3s ease-in-out;
  transform: translateZ(0); /* ensures smooth rendering */
}

.jump:hover {
  transform: translateY(-8px);
}

.comm {
  border-radius: 33.882px;
  background: linear-gradient(
    166deg,
    rgba(255, 243, 255, 0.26) 10.14%,
    rgba(252, 101, 248, 0.34) 44.33%,
    rgba(215, 247, 90, 0.22) 71.18%
  );
}

.off {
  background: var(
    --Linear,
    linear-gradient(
      99deg,
      rgba(1, 216, 253, 0.3) 13.85%,
      rgba(252, 101, 248, 0.3) 49.52%,
      rgba(255, 186, 0, 0.3) 87.9%
    )
  );
}

.carousel-container {
  width: 100%;
  overflow: hidden; /* Hides overflow */
  /* padding: 20px 0; */
  /* font-size: 26px; */
}
.carousel-wrapper {
  display: flex;
  animation: scroll 20s linear infinite; /* Infinite scroll */
}
.carousel-item {
  flex: 0 0 25%;
  margin: 0 20px;
}

/* .carousel-item img {
  max-height: 40px;
  width: auto;
} */
/* Infinite Scroll Animation */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* Duplicate items for continuous scrolling */
.carousel-wrapper::after {
  content: "";
  flex: 0 0 auto;
  margin-left: 20px;
}

.btn-1 {
  border-radius: 8.252px;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.28) 0%,
      rgba(0, 0, 0, 0.28) 100%
    ),
    linear-gradient(99deg, #01d8fd 13.85%, #fc65f8 49.52%, #ffba00 87.9%);
  backdrop-filter: blur(8.252427101135254px);
  transition: all 0.3s ease-in-out;
  transform: translateZ(0); /* Smooth rendering */
}

.btn-1:hover {
  transform: scale(1.05) translateY(-2px);
  box-shadow: 0 8px 20px rgba(252, 101, 248, 0.4),
    0 0 15px rgba(1, 216, 253, 0.4);
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.2) 100%
    ),
    linear-gradient(99deg, #ffba00 13.85%, #fc65f8 49.52%, #01d8fd 87.9%);
}