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

.font-inter {
  font-family: Inter, sans-serif
}

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

.bg-primary-blue {
  background-color: #1d5bf7
}
body{
  background-color: #f8fafc;
  font-family: 'montserrat', sans-serif;
}
.bg-body {
  background-color: #f8fafc
}

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

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

.custom-scrollbar {
  width: .5rem;
  height: .5rem
}

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

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

.custom-scrollbar-thumb:hover {
  background-color: #6b7280
}

.active {
  background-color: #e6edfe;
  border-left: 4px solid #1d5bf7
}

.active a {
  color: #1d5bf7
}

.bg-hero {
  background-image: url(../imgs/hero-bg.gif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.rounded-b-56px {
  border-bottom-left-radius: 56px;
  border-bottom-right-radius: 56px
}

.h-66px {
  height: 66px
}

.text-6865B2 {
  color: #6865b2
}
.text-F8FAFC{
  color: #F8FAFC;
}
.border-6865B2 {
  border-color: #6865b2
}
.bg-232244{
  background-color: #232244;
}
.rounded-48px {
  border-radius: 48px
}

.text-0F172A {
  color: #0f172a
}

.text-475569 {
  color: #475569
}

.max-w-800px {
  max-width: 800px
}

.bg-00072C {
  background-color: #00072c
}

.border-00072C {
  border-color: #00072c
}

.text-00072C {
  color: #00072c
}

.rounded-80px {
  border-radius: 80px
}

.text-506373 {
  color: #506373
}

.shadow-custom {
  box-shadow: 0 1px 2px 0 #1018280D, 0 1px 3px 0 #1018280D
}

.bg-121122 {
  background-color: #121122
}

.leading-ultra-tight {
  line-height: 1.1
}
.bg-soft-vertical {
  background: linear-gradient(
    180deg,
    #F8FAFC 0%,
    #F0EEF7 50%,
    #F8FAFC 100%
  );
}
.gap-42px{
  gap:42px;
}
.h-428px {
  height: 428px
}
.border-464488 {
  border-color: #464488
}
.bg-0B0F2B{
  background-color: #0B0F2B
}
.text-4F4F4F {
  color: #4F4F4F
}
.text-40px{
  font-size: 40px;
}
.text-1E293B {
  color: #1E293B
}
.bg-EEEEF6 {
  background-color: #EEEEF6
}
.w-178px{
  width: 178px;
}
.h-116px{
  height: 116px;
}
.text-0f0f0f{
  color: #0f0f0f;
}
.bg-blur-white{
  background-color: rgba(255, 255, 255, 0.05);
}
.text-white-80{
  color: rgba(255, 255, 255, 0.8);
}
.text-white-70{
  color: rgba(255, 255, 255, 0.7);
}
.text-white-60{
  color: rgba(255, 255, 255, 0.6);
}
.bg-FFFFFF1F{
  background-color: #FFFFFF1F;
}
.border-FFFFFF33{
  border-color: #FFFFFF33;
}
.w-174{
  width: 174px;
}
.h-114px{
  height: 114px;
}
.bg-F2F4F8{
  background-color: #F2F4F8;
}
.bg-6865B2{
  background-color: #6865B2;
}
.max-w-467px{
  max-width: 467px;
}
.backdrop-blur-380px{
  backdrop-filter: blur(380px);
}

@media (min-width:640px) {
  .sm-text-46px {
    font-size: 46px
  }
  .sm-text-32px{
    font-size: 32px;
  }
  .sm-max-w-600px {
    max-width: 600px
  }

  .sm-text-60px {
    font-size: 60px
  }
  .sm-text-30px{
    font-size: 30px;
  }

}
@media (max-width:768px) {
  
    .md-w-90p{
    width: 90%
  }
}
@media (min-width:768px) {
  .md-h-831px{
    height: 831.34px
  }
    .md-top-11p-neg{
    top: -11%
  }
  .md-text-40px {
    font-size: 40px
  }
  .md-w-85p{
    width: 85%
  }
  .md-left-19p{
    left: 19%
  }
  .md-text-64px {
    font-size: 64px
  }
  .md-text-32px {
    font-size: 32px
  }
  .md-text-48px{
    font-size: 48px;
  }
  .md-text-22px{
    font-size: 22px;
  }
}


@media (max-width:1024px) {
  .w-101px {
    width: 101px
  }
}
@media (min-width:1024px) {
  .lg-h-1032px {
    height: 1032px
  }

  .lg-text-60px {
    font-size: 60px
  }
  .lg-text-64px {
    font-size: 64px
  }

  .lg-max-w-931px {
    max-width: 931px
  }

  .lg-py-110px {
    padding-top: 110px;
    padding-bottom: 110px
  }
  .lg-pt-110px{
    padding-top: 110px;
  }

  .lg-text-115px {
    font-size: 115.6px 
  }

  .lg-max-w-599px {
    max-width: 599px
  }
  .lg-max-w-596px{
    max-width: 596px
  }

  .lg-text-40px {
    font-size: 40px
  }

  .lg-max-w-547px {
    max-width: 547px
  }
  .lg-my-76px{
    margin-top: 76px;
    margin-bottom: 76px
  }
  .lg-w-447px{
    width: 447px
  }
  .lg-h-293px{
    height: 293px
  }
  .lg-w-265px{
    width: 265.8px
  }
  .lg-h-59px{
    height: 59.7px
  }
  .lg-h-85px{
    height: 85.78px
  }
  .lg-w-412px{
    width:412.7px
  }
  .lg-h-111px{
    height: 111px;
  }
  .lg-w-139px{
    width: 139px;
  }
  .lg-h-159px{
    height: 159.4px;
  }
  .lg-w-497px{
    width: 497px;
  }
  .lg-h-119px{
    height: 119px;
  }
  .lg-w-284px{
    width: 284px;
  }
  .lg-h-284px{
    height: 284px;
  }
  .lg-h-82px{
    height: 82px;
  }
  
}
@media (min-width:1280px) {
  .xl-text-126px {
    font-size: 126.6px 
  }
  .xl-text-112px {
    font-size: 112.5px 
  }
  .xl-text-32px {
    font-size: 32px
  }
}