/* Alt Regular */
@font-face {
  font-family: "Galano Grotesque Alt";
  src: url("../fonts/GalanoGrotesqueAltRegular.woff2") format("woff2"),
    url("../fonts/GalanoGrotesqueAltRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Alt Medium */
@font-face {
  font-family: "Galano Grotesque Alt";
  src: url("../fonts/GalanoGrotesqueAltMedium.woff2") format("woff2"),
    url("../fonts/GalanoGrotesqueAltMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Alt Semibold */
@font-face {
  font-family: "Galano Grotesque Alt";
  src: url("../fonts/GalanoGrotesqueAltSemiBold.woff2") format("woff2"),
    url("../fonts/GalanoGrotesqueAltSemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Alt Bold */
@font-face {
  font-family: "Galano Grotesque Alt";
  src: url("../fonts/GalanoGrotesqueAltBold.woff2") format("woff2"),
    url("../fonts/GalanoGrotesqueAltBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ================================
   GALANO GROTESQUE (bez ALT)
================================ */

/* Medium */
@font-face {
  font-family: "Galano Grotesque";
  src: url("../fonts/GalanoGrotesqueMedium.woff2") format("woff2"),
    url("../fonts/GalanoGrotesqueMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Semibold */
@font-face {
  font-family: "Galano Grotesque";
  src: url("../fonts/GalanoGrotesqueSemiBold.woff2") format("woff2"),
    url("../fonts/GalanoGrotesqueSemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: "Galano Grotesque";
  src: url("../fonts/GalanoGrotesqueBold.woff2") format("woff2"),
    url("../fonts/GalanoGrotesqueBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

.gap-36 {
  gap: 36px;
}

@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;
}

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-24 {
  font-size: 24px;
  font-family: mBank-regular;
  line-height: 120%;
  font-weight: 600;
}

.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;
}

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

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

.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;
}