@font-face {
  font-family: Montserrat;
  font-weight: 100 900;
  font-style: normal;
  src: url(../fonts/montserrat-variable.ttf) format("truetype");
  font-display: swap;
}

@font-face {
  font-family: mBank-regular;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/mbank-regular.eot);
  src: url(../fonts/mbank-regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/mbank-regular.woff2) format("woff2"),
    url(../fonts/mbank-regular.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: mBank;
  font-weight: 600;
  font-style: normal;
  src: url(../fonts/mbank-semibold.eot);
  src: url(../fonts/mbank-semibold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/mbank-semibold.woff2) format("woff2"),
    url(../fonts/mbank-semibold.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: mBank;
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/mbank-bold.eot);
  src: url(../fonts/mbank-bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/mbank-bold.woff2) format("woff2"),
    url(../fonts/mbank-bold.woff) format("woff");
  font-display: swap;
}

h1 {
  font-family: mBank;
  font-style: normal;
  font-weight: 600;
  line-height: 117%;
  letter-spacing: -0.005em;
  font-size: 2.5rem;
}

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 576px) {
  h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 576px) and (min-width: 1200px) {
  h1 {
    font-size: 1.875rem;
  }
}

@media (min-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 768px) and (min-width: 1200px) {
  h1 {
    font-size: 2.1875rem;
  }
}

@media (min-width: 992px) {
  h1 {
    font-size: 3.5rem;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 1200px) {
  h1 {
    font-size: 3.5rem;
  }
}

h5 {
  font-family: mBank;
  font-style: normal;
  font-weight: 600;
  line-height: 117%;
  letter-spacing: -0.005em;
  font-size: 1rem;
}

@media (min-width: 576px) {
  h5 {
    font-size: 1.25rem;
  }
}

h4 {
  color: #333132;
  font-size: 1rem;
}

h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 117%;
  letter-spacing: -0.005em;
}

h2,
h3 {
  font-family: mBank;
  font-style: normal;
}

h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
}

header {
  z-index: 3;
  position: fixed;
}

main {
  margin-top: 110px;
}

body,
html {
  font-size: 16px;
  color: white;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 150%;
}

header nav ul li a:hover {
  opacity: 0.6;
}

.font-semibold {
  font-weight: 700;
}

.font-xl {
  font-size: 40px;
  font-weight: 600;
  font-family: mBank;
  line-height: 120%;
}

.font-lg {
  font-size: 24px;
  font-family: mBank;
  line-height: 120%;
}

.font-lg-26 {
  font-size: 26px;
  font-family: mBank-regular;
  line-height: 120%;
  font-weight: 600;
}

.font-md {
  font-size: 16px;
  font-family: mBank-regular;
  line-height: 120%;
  font-weight: 400;
}

.lh-md {
  line-height: 120%;
}

.font-xxl {
  font-size: 72px;
  font-family: mBank;
  line-height: 120%;
  font-weight: 400;
}

.font-sm {
  font-size: 14px;
  font-family: mBank;
  line-height: 180%;
  font-weight: 400;
  font-family: Montserrat;
}

.font-xs {
  font-size: 12px;
  font-family: mBank;
  line-height: 180%;
  font-weight: 400;
  font-family: Montserrat;
}

.w-100 {
  width: 100%;
}

.mt-80 {
  margin-top: 80px;
}

.pt-32 {
  padding-top: 32px;
}

.gap-12 {
  gap: 12px;
}

.gap-100 {
  gap: 100px;
}

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

.fw-medium {
  font-weight: 500;
}

.fw-bold {
  font-weight: 700;
}

@media (max-width: 992px) {
  .modal-dialog {
    margin: auto;
    padding: 0.5rem;
  }
}

.w-min-content {
  width: min-content;
}

b {
  font-weight: 700;
}