.font-montserrat {
  font-family: "Montserrat", sans-serif;
}

.font-esport {
  font-family: "Esport Graph", sans-serif;
}

.font-manrope {
  font-family: "Manrope", sans-serif;
}

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

.no-scrollbar {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

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

::-webkit-scrollbar-track {
  background-color: #e5e7eb;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb {
  background-color: #9ca3af;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #6b7280;
}

.marquee__track {
  display: flex;
  width: max-content;
  animation: scroll 15s linear infinite;
  animation-delay: -0.001s;
  will-change: transform;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.contactSection {
    position: relative;
    background:
        radial-gradient(31.96% 31.37% at 50.13% 55.17%, #0f63fe4d 0%, rgba(15, 98, 254, 0) 100%),
        #000;
}

.contactSection::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('../imgs/af8b111e9be79a96f46c7e2581d37593eb4654ef.png') top right round;
    opacity: 0.2;
    pointer-events: none;
}
@media (max-width:768px) {
  .contactSection::before {
    background: url('../imgs/af8b111e9be79a96f46c7e2581d37593eb4654ef.png') top right no-repeat;
}
}

.top-90vh{
  top: 90vh;
}
.h-700px{
  height: 700px;
}
.mb-60px {
  margin-bottom: 60px;
}
.writing-mode-vertical-rl {
  writing-mode: vertical-rl;
}
.h-90p{
  height: 90%;
}
.max-w-810px{
  max-width: 810px;
}
.w-88p{
  width: 88%;
}
.bg-1D5BF7{
  background-color: #1D5BF7;
}
.text-1D5BF7{
  color: #1D5BF7;
}
.text-343A3F{
  color: #343A3F;
}
.w-70px{
  width: 70px;
}
.h-70px{
  height: 70px;
}
.max-w-603px{
  max-width: 603px;
}
.rounded-br-35px {
  border-bottom-right-radius: 35px;
}
.rounded-tl-35px {
  border-top-left-radius: 35px;
}
.rounded-20px{
  border-radius: 20px;
}
.bg-E6EDFE80{
  background-color: #E6EDFE80;
}
.text-1B1B1B{
  color: #1B1B1B;
}
.track-6px{
  letter-spacing: 6px;
}
.gap-60px{
  gap: 60px;
}
.max-w-924px{
  max-width: 924px;
}
.max-w-480px{
  max-width: 480px;
}
.h-536px{
  height: 536px;
}
.rounded-35px{
  border-radius: 35px;
}
.w-87px{
  width: 87px;
}
.h-87px{
  height: 87px;
}
.text-F2F4F8{
  color: #F2F4F8;
}
.py-120px{
  padding-top: 120px;
  padding-bottom: 120px;
}
.text-EBECF9{
  color: #EBECF9;
}
.border-#DDE1E6{
  border-color: #DDE1E6;
}
.w-278px{
  width: 278.57px;
}

@media (min-width: 1280px) {
  .xl-text-32px{
    font-size: 32px;
  }
  .xl-min-w-295px{
    min-width: 295px;
  }
  .xl-text-89px{
    font-size: 89px;
  }
}
@media (min-width:1024px) {
  .lg-right-68px{
    right: 68px
  }
  .lg-h-1015px{
    height: 1015px;
  }
  .lg-w-582px{
    width: 582px;
  }
  .lg-w-214px{
    width: 214px;
  }
  .lg-text-40px{
    font-size: 40px;
  }
  .lg-text-68px{
    font-size: 68px;
  }
  .lg-h-523px{
    height: 523px;
  }
  .lg-text-32px{
    font-size: 32px;
  }
  .lg-py-60px{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .lg-gap-11px{
    gap: 11px;
  }
  .lg-pt-60px{
    padding-top: 60px;
  }
  .lg-h-644px{
    height: 644px;
  }
  .lg-w-60px{
    width: 60px;
  }
  .lg-h-60px{
    height: 60px;
  }
  .lg-w-356px{
    width: 356px;
  }
}
@media (min-width:768px) {
  .md-text-32px{
    font-size: 32px;
  }
}