.font-ap-regular {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.font-ap-bold {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}



h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  line-height: 150% !important;
}

h1, .h1, .fs-48 {
  font-size: 48px !important;
}

h2, .h2, .fs-40 {
  font-size: 32px !important;
}

h3, .h3, .fs-24 {
  font-size: 24px !important;
}

h4, .h4, .fs-20 {
  font-size: 20px !important;
}


.nav-link {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 20px !important;
}

.bg-ap-gradient {
  background: linear-gradient(0deg, #E7EAFA -4.58%, #FFF 100%) !important;
}

.bg-blue-gradient {
  background: linear-gradient(179deg, #4361EE 0.5%, #1C3BD0 99.5%) !important;
}

.btn-blue-gradient {
  background: linear-gradient(179deg, #4361EE 0.5%, #1C3BD0 99.5%) !important;
  box-shadow: 0px 8px 8px 0px rgba(59, 59, 59, 0.16), 0px 4px 4px 0px rgba(59, 59, 59, 0.16), 0px 2px 2px 0px rgba(59, 59, 59, 0.16) !important;
}


.btn-blue-gradient:hover {
background: linear-gradient(179.42deg, #153AEA 0.5%, #1833B4 99.5%) !important;
box-shadow: 0px 2px 2px rgba(67, 97, 238, 0.16), 0px 4px 4px rgba(67, 97, 238, 0.16), 0px 8px 8px rgba(67, 97, 238, 0.16), 0px 16px 16px rgba(67, 97, 238, 0.16), 0px 32px 32px rgba(67, 97, 238, 0.16), 0px 64px 64px rgba(67, 97, 238, 0.16) !important;
}

.bg-black-gradient {
  background:linear-gradient(191deg, #3B3B3B 11.25%, #110F0F 87.21%) !important;
}

.bg-ap-black {
  background: #18181A !important;
}

.bg-ap-gray90 {
  background: #4A4C4B !important;
}

.bg-ap-gray60 {
  background: #A7A8A9 !important;
}

.bg-ap-gray30 {
  background: #C9C9C9 !important;
}

.bg-ap-light {
  background: rgba(201, 201, 201, 0.2);
}

.bg-ap-white {
  background: #FFFFFF !important;
}

.bg-ap-red {
  background: #EB002A !important;
}

.bg-ap-blue {
  background: #314792 !important;
}

.bg-ap-green {
  background: #25D366 !important;
}

.color-ap-black {
  color: #18181A !important;
}

.color-ap-gray90 {
  color: #4A4C4B !important;
}

.color-ap-gray60 {
  color: #A7A8A9 !important;
}

.color-ap-gray30 {
  color: #C9C9C9 !important;
}

.color-ap-white {
  color: #FFFFFF !important;
}


.color-ap-red {
  color: #EB002A !important;
}

.color-ap-blue {
  color: #314792 !important;
}

.bg-ap-green {
  background: #25D366 !important;
}

.bg-ap-multigradient {
  background: linear-gradient(270deg, #E62235 17.3%, #ED5618 30.75%, #F6D54E 56.7%, #70B631 78.69%);
}

}

.box-shadow-level-1 {
  box-shadow: 0px 8px 8px 0px rgba(59, 59, 59, 0.16), 0px 4px 4px 0px rgba(59, 59, 59, 0.16), 0px 2px 2px 0px rgba(59, 59, 59, 0.16) !important;
}

.box-shadow-level-2 {
  box-shadow: 0px 32px 32px 0px rgba(59, 59, 59, 0.16), 0px 16px 16px 0px rgba(59, 59, 59, 0.16), 0px 8px 8px 0px rgba(59, 59, 59, 0.16), 0px 4px 4px 0px rgba(59, 59, 59, 0.16), 0px 2px 2px 0px rgba(59, 59, 59, 0.16) !important;
}

.box-shadow-blue {
  box-shadow: 0 64px 64px 0 rgba(67,97,238,.16),0 32px 32px 0 rgba(67,97,238,.16),0 16px 16px 0 rgba(67,97,238,.16),0 8px 8px 0 rgba(67,97,238,.16),0 4px 4px 0 rgba(67,97,238,.16),0 2px 2px 0 rgba(67,97,238,.16);
}

/**/

li a {
  color: #18181A !important;
}

.btn-ap-outline {
  border-radius: 4px;
  border: 2px solid #18181A;
  padding: 8px 16px;
  /* H4 Bold */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  align-items: center;

  color: #18181A;
  text-decoration: none;
}


.btn-ap-outline:hover {
  border: 2px solid #314792;
  color: #314792;
}


.btn-ap-primary {
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

.border-ap-red {
  border-top: 8px solid #EB002A;
}

.border-ap-secondary {
  border-top: 1px solid #C9C9C9;
}

.border-ap-faq {
  border-bottom: 1px solid #C9C9C9;
}

.card {
  border: 0px !important;
}

.modal-content {
  background: #000000;
}

.link-ap {
  text-decoration: none !important;
}

.link-ap:hover {
  color: #314792 !important;
}

.w-ap-100 {
  width: 96% !important;
}

.btn-sec, .btn-whats {
 border-radius: 4px;
}


.btn-whats {
padding: 16px 24px;
background: #25D366;
box-shadow: 0px 2px 2px rgba(59, 59, 59, 0.16), 0px 4px 4px rgba(59, 59, 59, 0.16), 0px 8px 8px rgba(59, 59, 59, 0.16);
}

.btn-whats:hover {
  background: #53EA8C !important;
}

.btn-sec {
padding: 16px 24px;
border: 1px solid #FFFFFF;
}

.btn-sec:hover {
  border: 1px solid #FFFFFF !important;
  background: #000000 !important;
}




@media (max-width: 1199.98px) {

.nav-link {
  font-size: 16px !important;}

}

.pr-fixed {
  padding: 0px !important;
}


@media (max-width: 768px) {
h1, .h1, .fs-48 {
  font-size: 32px !important;
}

h2, .h2, .fs-40 {
  font-size: 24px !important;
}
}