@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css");
@import url("https://ka-f.webawesome.com/webawesome@3.6.0/styles/themes/default.css");
@import url("https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css");
@import url("https://unpkg.com/aos@2.3.1/dist/aos.css");




body {
  font-family: "Mulish", sans-serif;
}












/* ============================================================
   HEADER — TRANSPARENT ГОРИМ
   ------------------------------------------------------------
   `.header-transparent` класс авсан header нь sticky БИШ үедээ
   (хуудсын дээд, hero-гийн дээр) тунгалаг болж, доод контент
   ардаас нь ил гарна. Гүйлгэхэд JS `.sticky` нэмэхэд бүх дүрэм
   `:not(.sticky)`-ээр автоматаар унтарч, хатуу (solid) бар болно.

   Бүтэц:
     GENERAL — .header-transparent            (бүх хувилбарт нийтлэг)
     v1      — .header-v1.header-transparent   (mega-цэс + collapse overlay)
     v2      — .header-v2.header-transparent   (offcanvas цэс)
     v3      — .header-v3.header-transparent   (голлосон лого + collapse overlay)

   Тохируулга: scrim-ийн хар өнгийг `--header-scrim` variable-аар
   төслийн түвшинд дарж болно (жишээ: цайвар hero дээр илүү бараан).
   ============================================================ */

/* ---------------- GENERAL (бүх header хувилбар) ---------------- */

/* Байрлал + дээрээс доош бараан scrim (hero ямар ч өнгөтэй байсан
   цагаан текст уншигдана). Fixed тул доод контентоо түлхэхгүй. */
.header-transparent {
  position: fixed !important;
  width: 100%;
  top: 0 !important;
  left: 0;
  width: 100%;
}
.header-transparent:not(.sticky) {
  --header-scrim: linear-gradient(180deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, 0) 100%);
  background: var(--header-scrim);
  box-shadow: none !important;
}

/* Навбар ба топбар өөрсдөө бүрэн тунгалаг — зөвхөн header-ийн scrim харагдана */
.header-transparent:not(.sticky) .navbar {
  background: transparent !important;
  box-shadow: none !important;
}
.header-transparent:not(.sticky) .header-topbar {
  background: transparent !important;
}

/* Бар дээрх бүх текст/линк — цагаан (dark theme-тэй ижил утга) */
.header-transparent:not(.sticky) .nav-link,
.header-transparent:not(.sticky) .topbar,
.header-transparent:not(.sticky) .top-link,
.header-transparent:not(.sticky) .topbar-link,
.header-transparent:not(.sticky) .topbar-social {
  color: #fff !important;
}

/* Hover / focus / идэвхтэй / нээлттэй — бага зэрэг бүдэгрүүлж хариу мэдрэмж өгнө */
.header-transparent:not(.sticky) .nav-link:hover,
.header-transparent:not(.sticky) .nav-link:focus,
.header-transparent:not(.sticky) .nav-link.active,
.header-transparent:not(.sticky) .nav-link.show,
.header-transparent:not(.sticky) .topbar:hover,
.header-transparent:not(.sticky) .top-link:hover,
.header-transparent:not(.sticky) .topbar-link:hover,
.header-transparent:not(.sticky) .topbar-social:hover {
  color: rgba(255, 255, 255, .75) !important;
}

/* Топбарын хуваагч зураас — тунгалаг цагаан */
.header-transparent:not(.sticky) .vr {
  color: rgba(255, 255, 255, .4) !important;
}

/* Хэл сонгогч pill — цагаан текст + тунгалаг цагаан хүрээ */
.header-transparent:not(.sticky) .lang-toggle {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .35) !important;
}
.header-transparent:not(.sticky) .lang-toggle:hover,
.header-transparent:not(.sticky) .lang-toggle:focus {
  border-color: rgba(255, 255, 255, .6) !important;
  background-color: rgba(255, 255, 255, .1) !important;
}

/* Лого солих — тунгалаг дээр цайвар (dark) лого харагдана.
   `.navbar` descendant-аар бичсэн нь толгойн inline base дүрмийн
   `.header-vN[data-bs-theme=light] .navbar-brand-dark{display:none!important}`
   (0,3,0)-г давах (0,4,0) жин авахын тулд. */
.header-transparent:not(.sticky) .navbar .navbar-brand-light {
  display: none !important;
}
.header-transparent:not(.sticky) .navbar .navbar-brand-dark {
  display: flex !important;
}

/* Focus ring — бараан дэвсгэр дээр цагаан туяа (Bootstrap-ийн бараан ring-ийг солино) */
.header-transparent:not(.sticky) .nav-link:focus-visible,
.header-transparent:not(.sticky) .lang-toggle:focus-visible,
.header-transparent:not(.sticky) .navbar-toggler:focus-visible {
  outline: none;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .35) !important;
}

/* ЗАДАРСАН ҮЕД (mobile) — цэс нээгдэнгүүт header буцаад SOLID болж, өөрийн bg-ээ
   авна (тунгалаг бар + доорх цагаан цэс салангид харагдахаас сэргийлнэ). Бар дээрх
   текст/лого/pill бүгд default (бараан) байдалдаа буцна. body.nav-open-ийг collapse-ийн
   show/hide JS онооно (v1, v3, clone-ууд). v2 offcanvas тул энд хамаарахгүй. */
@media (max-width: 1199.98px) {
  /* Бар solid руу шилжих бүх элемент НЭГ ижил .4s-ээр гүйнэ — navbar/topbar/lang нь
     `.transition`-тэй (0.4s) боловч toggler нь transition-гүй тул урьд нь салангид
     шилждэг байсныг жигдэлж, бар бүхэлдээ цэстэйгээ зэрэгцэн зөөлөн цагаан болгоно. */
  body.nav-open .header-transparent:not(.sticky),
  body.nav-open .header-transparent:not(.sticky) .navbar,
  body.nav-open .header-transparent:not(.sticky) .header-topbar,
  body.nav-open .header-transparent:not(.sticky) .nav-link,
  body.nav-open .header-transparent:not(.sticky) .lang-toggle,
  body.nav-open .header-transparent:not(.sticky) .navbar-toggler,
  body.nav-open .header-transparent:not(.sticky) [data-bs-toggle="offcanvas"] {
    transition: all .4s ease-in-out !important;
  }
  body.nav-open .header-transparent:not(.sticky) {
    background: transparent !important;        /* header root scrim унтраана */
  }
  body.nav-open .header-transparent:not(.sticky) .navbar {
    background: var(--bs-body-bg) !important;      /* бар solid (default navbar bg) */
    box-shadow: none !important;
  }
  body.nav-open .header-transparent:not(.sticky) .header-topbar {
    background: var(--bs-tertiary-bg) !important;  /* топбар default (bg-body-tertiary) */
  }
  /* Бар дээрх текст / pill / toggler буцаад бараан (solid дэвсгэрт зохицно) */
  body.nav-open .header-transparent:not(.sticky) .nav-link,
  body.nav-open .header-transparent:not(.sticky) .lang-toggle,
  body.nav-open .header-transparent:not(.sticky) .navbar-toggler,
  body.nav-open .header-transparent:not(.sticky) [data-bs-toggle="offcanvas"] {
    color: var(--bs-body-color) !important;
  }
  body.nav-open .header-transparent:not(.sticky) .lang-toggle,
  body.nav-open .header-transparent:not(.sticky) .navbar-toggler,
  body.nav-open .header-transparent:not(.sticky) [data-bs-toggle="offcanvas"] {
    border-color: var(--bs-border-color) !important;
  }
  /* Лого буцаад default (light theme = бараан лого) */
  body.nav-open .header-transparent:not(.sticky) .navbar .navbar-brand-light {
    display: flex !important;
  }
  body.nav-open .header-transparent:not(.sticky) .navbar .navbar-brand-dark {
    display: none !important;
  }
}

/* ЗАДАРЧ БУЙ ЦЭС ӨӨРӨӨ transparent→bg-body болж бүдгэрнэ (mobile). Суурь = тунгалаг+сүүдэргүй;
   `body.nav-open` (JS-ээр цэс нээх/хаах агшинд t=0-д онооно) үед bg-body+сүүдэр рүү бүдгэрнэ.
   ХААХ: nav-open t=0-д хасагдана → bg шууд буцаж уусна (зөв, өмнөх байдлаараа).
   НЭЭХ: Bootstrap `.show`-г өндөр задарч дууссаны ДАРАА нэмдэг тул bg-г .show-д уяхгүй,
   `body.nav-open`-д уясан — гэвч collapse нээгдэхдээ display:none→block ордог тул энгийн
   transition эхний frame-ээс гал авдаггүй; `@starting-style` нь орох агшны ЭХЛЭЛ өнгийг
   тунгалаг болгож өгдөг тул НЭЭХ fade ч мөн t=0-оос (хураахтай ижил цагт) эхэлж бүдгэрнэ.
   ⚠️ Суурийг ЗААВАЛ тунгалаг байлга (bg-body БИШ) — эс бөгөөс хураах fade алдагдана.
   Хуучин браузер @starting-style дэмжихгүй бол нээхэд шууд solid болно (эвдрэхгүй). v1/v3-д. */
@media (max-width: 1199.98px) {
  .header-transparent:not(.sticky) .navbar-collapse {
    background: transparent !important;
    box-shadow: none !important;
    transition: height .35s ease, background-color .4s ease-in-out, box-shadow .4s ease-in-out !important;
  }
  body.nav-open .header-transparent:not(.sticky) .navbar-collapse {
    background: var(--bs-body-bg) !important;
    box-shadow: var(--bs-box-shadow-lg) !important;
  }
  @starting-style {
    body.nav-open .header-transparent:not(.sticky) .navbar-collapse {
      background: transparent !important;
      box-shadow: none !important;
    }
  }
}


/* ---------------- v1 — mega-цэс + баруун navbar-actions ---------------- */

/* Toggler (hamburger "Цэс") — зөвхөн mobile-д харагдана, цагаан болгоно */
.header-v1.header-transparent:not(.sticky) .navbar-toggler {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .35) !important;
}
.header-v1.header-transparent:not(.sticky) .navbar-toggler:hover,
.header-v1.header-transparent:not(.sticky) .navbar-toggler:focus {
  border-color: rgba(255, 255, 255, .6) !important;
  background-color: rgba(255, 255, 255, .1) !important;
}

/* ЗАДАРСАН ЦЭС (< xl) — collapse overlay нь SOLID (bg-body) тул доторх
   nav-link-ийг буцааж бараан болгоно (цагаан дээр цагаан болохоос сэргийлнэ).
   Bar дээрх (desktop) nav-link цагаан хэвээр — энэ дүрэм зөвхөн overlay-д. */
@media (max-width: 1199.98px) {
  .header-v1.header-transparent:not(.sticky) .navbar-collapse .nav-link {
    color: var(--bs-body-color) !important;
  }
  .header-v1.header-transparent:not(.sticky) .navbar-collapse .nav-link:hover,
  .header-v1.header-transparent:not(.sticky) .navbar-collapse .nav-link:focus,
  .header-v1.header-transparent:not(.sticky) .navbar-collapse .nav-link.active,
  .header-v1.header-transparent:not(.sticky) .navbar-collapse .nav-link.show {
    color: var(--bs-primary) !important;
  }
}
/* NB: mega-dropdown-ийн панел SOLID (.wrapper.bg-body) тул доторх .dropdown-item /
   .dropdown-title автоматаар зөв өнгөтэй — bar-ийн цагаан дүрэм тэдэнд хүрэхгүй. */


/* ---------------- v2 — offcanvas цэс ---------------- */

/* Цэс нээх pill товч (.navbar-toggler БИШ, custom offcanvas trigger) — цагаан болгоно.
   Offcanvas панел өөрөө тусдаа SOLID тул хөндөхгүй (доторх текст зөв хэвээр). */
.header-v2.header-transparent:not(.sticky) [data-bs-toggle="offcanvas"] {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .35) !important;
}
.header-v2.header-transparent:not(.sticky) [data-bs-toggle="offcanvas"]:hover,
.header-v2.header-transparent:not(.sticky) [data-bs-toggle="offcanvas"]:focus {
  border-color: rgba(255, 255, 255, .6) !important;
  background-color: rgba(255, 255, 255, .1) !important;
}


/* ---------------- v3 — голлосон лого + 2 талын цэс ---------------- */

/* Toggler (hamburger) — зөвхөн mobile-д (d-xl-none), цагаан болгоно */
.header-v3.header-transparent:not(.sticky) .navbar-toggler {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .35) !important;
}
.header-v3.header-transparent:not(.sticky) .navbar-toggler:hover,
.header-v3.header-transparent:not(.sticky) .navbar-toggler:focus {
  border-color: rgba(255, 255, 255, .6) !important;
  background-color: rgba(255, 255, 255, .1) !important;
}

/* ЗАДАРСАН ЦЭС (< xl) — collapse overlay SOLID тул nav-link буцааж бараан.
   Desktop-ийн 2 талын bar nav-link цагаан хэвээр (энэ дүрэм зөвхөн overlay-д). */
@media (max-width: 1199.98px) {
  .header-v3.header-transparent:not(.sticky) .navbar-collapse .nav-link {
    color: var(--bs-body-color) !important;
  }
  .header-v3.header-transparent:not(.sticky) .navbar-collapse .nav-link:hover,
  .header-v3.header-transparent:not(.sticky) .navbar-collapse .nav-link:focus,
  .header-v3.header-transparent:not(.sticky) .navbar-collapse .nav-link.active,
  .header-v3.header-transparent:not(.sticky) .navbar-collapse .nav-link.show {
    color: var(--bs-primary) !important;
  }
}









/* RESPONSIVE POSITION UTILITIES */

@media (min-width: 576px) {
  .position-sm-static   { position: static !important;   }
  .position-sm-relative { position: relative !important; }
  .position-sm-absolute { position: absolute !important; }
  .position-sm-fixed    { position: fixed !important;    }
  .position-sm-sticky   { position: sticky !important;   }
}

@media (min-width: 768px) {
  .position-md-static   { position: static !important;   }
  .position-md-relative { position: relative !important; }
  .position-md-absolute { position: absolute !important; }
  .position-md-fixed    { position: fixed !important;    }
  .position-md-sticky   { position: sticky !important;   }
}

@media (min-width: 992px) {
  .position-lg-static   { position: static !important;   }
  .position-lg-relative { position: relative !important; }
  .position-lg-absolute { position: absolute !important; }
  .position-lg-fixed    { position: fixed !important;    }
  .position-lg-sticky   { position: sticky !important;   }
}

@media (min-width: 1200px) {
  .position-xl-static   { position: static !important;   }
  .position-xl-relative { position: relative !important; }
  .position-xl-absolute { position: absolute !important; }
  .position-xl-fixed    { position: fixed !important;    }
  .position-xl-sticky   { position: sticky !important;   }
}

@media (min-width: 1400px) {
  .position-xxl-static   { position: static !important;   }
  .position-xxl-relative { position: relative !important; }
  .position-xxl-absolute { position: absolute !important; }
  .position-xxl-fixed    { position: fixed !important;    }
  .position-xxl-sticky   { position: sticky !important;   }
}




@media (min-width: 576px) {
  .rounded-top-sm-0    { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
  .rounded-top-sm-1    { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; }
  .rounded-top-sm-2    { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; }
  .rounded-top-sm-3    { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; }
  .rounded-top-sm-4    { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; }
  .rounded-top-sm-5    { border-top-left-radius: 2rem !important; border-top-right-radius: 2rem !important; }
  .rounded-bottom-sm-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  .rounded-bottom-sm-1 { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; }
  .rounded-bottom-sm-2 { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; }
  .rounded-bottom-sm-3 { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }
  .rounded-bottom-sm-4 { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; }
  .rounded-bottom-sm-5 { border-bottom-left-radius: 2rem !important; border-bottom-right-radius: 2rem !important; }
  .rounded-start-sm-0  { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
  .rounded-start-sm-1  { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; }
  .rounded-start-sm-2  { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; }
  .rounded-start-sm-3  { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; }
  .rounded-start-sm-4  { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; }
  .rounded-start-sm-5  { border-top-left-radius: 2rem !important; border-bottom-left-radius: 2rem !important; }
  .rounded-end-sm-0    { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  .rounded-end-sm-1    { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; }
  .rounded-end-sm-2    { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; }
  .rounded-end-sm-3    { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }
  .rounded-end-sm-4    { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; }
  .rounded-end-sm-5    { border-top-right-radius: 2rem !important; border-bottom-right-radius: 2rem !important; }
}

@media (min-width: 768px) {
  .rounded-top-md-0    { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
  .rounded-top-md-1    { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; }
  .rounded-top-md-2    { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; }
  .rounded-top-md-3    { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; }
  .rounded-top-md-4    { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; }
  .rounded-top-md-5    { border-top-left-radius: 2rem !important; border-top-right-radius: 2rem !important; }
  .rounded-bottom-md-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  .rounded-bottom-md-1 { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; }
  .rounded-bottom-md-2 { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; }
  .rounded-bottom-md-3 { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }
  .rounded-bottom-md-4 { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; }
  .rounded-bottom-md-5 { border-bottom-left-radius: 2rem !important; border-bottom-right-radius: 2rem !important; }
  .rounded-start-md-0  { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
  .rounded-start-md-1  { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; }
  .rounded-start-md-2  { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; }
  .rounded-start-md-3  { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; }
  .rounded-start-md-4  { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; }
  .rounded-start-md-5  { border-top-left-radius: 2rem !important; border-bottom-left-radius: 2rem !important; }
  .rounded-end-md-0    { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  .rounded-end-md-1    { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; }
  .rounded-end-md-2    { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; }
  .rounded-end-md-3    { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }
  .rounded-end-md-4    { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; }
  .rounded-end-md-5    { border-top-right-radius: 2rem !important; border-bottom-right-radius: 2rem !important; }
}

@media (min-width: 992px) {
  .rounded-top-lg-0    { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
  .rounded-top-lg-1    { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; }
  .rounded-top-lg-2    { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; }
  .rounded-top-lg-3    { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; }
  .rounded-top-lg-4    { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; }
  .rounded-top-lg-5    { border-top-left-radius: 2rem !important; border-top-right-radius: 2rem !important; }
  .rounded-bottom-lg-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  .rounded-bottom-lg-1 { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; }
  .rounded-bottom-lg-2 { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; }
  .rounded-bottom-lg-3 { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }
  .rounded-bottom-lg-4 { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; }
  .rounded-bottom-lg-5 { border-bottom-left-radius: 2rem !important; border-bottom-right-radius: 2rem !important; }
  .rounded-start-lg-0  { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
  .rounded-start-lg-1  { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; }
  .rounded-start-lg-2  { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; }
  .rounded-start-lg-3  { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; }
  .rounded-start-lg-4  { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; }
  .rounded-start-lg-5  { border-top-left-radius: 2rem !important; border-bottom-left-radius: 2rem !important; }
  .rounded-end-lg-0    { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  .rounded-end-lg-1    { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; }
  .rounded-end-lg-2    { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; }
  .rounded-end-lg-3    { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }
  .rounded-end-lg-4    { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; }
  .rounded-end-lg-5    { border-top-right-radius: 2rem !important; border-bottom-right-radius: 2rem !important; }
}

@media (min-width: 1200px) {
  .rounded-top-xl-0    { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
  .rounded-top-xl-1    { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; }
  .rounded-top-xl-2    { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; }
  .rounded-top-xl-3    { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; }
  .rounded-top-xl-4    { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; }
  .rounded-top-xl-5    { border-top-left-radius: 2rem !important; border-top-right-radius: 2rem !important; }
  .rounded-bottom-xl-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  .rounded-bottom-xl-1 { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; }
  .rounded-bottom-xl-2 { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; }
  .rounded-bottom-xl-3 { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }
  .rounded-bottom-xl-4 { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; }
  .rounded-bottom-xl-5 { border-bottom-left-radius: 2rem !important; border-bottom-right-radius: 2rem !important; }
  .rounded-start-xl-0  { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
  .rounded-start-xl-1  { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; }
  .rounded-start-xl-2  { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; }
  .rounded-start-xl-3  { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; }
  .rounded-start-xl-4  { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; }
  .rounded-start-xl-5  { border-top-left-radius: 2rem !important; border-bottom-left-radius: 2rem !important; }
  .rounded-end-xl-0    { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  .rounded-end-xl-1    { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; }
  .rounded-end-xl-2    { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; }
  .rounded-end-xl-3    { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; }
  .rounded-end-xl-4    { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; }
  .rounded-end-xl-5    { border-top-right-radius: 2rem !important; border-bottom-right-radius: 2rem !important; }
}


.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }
.cursor-move    { cursor: move; }
.cursor-grab    { cursor: grab; }
.cursor-grabbing { cursor: grabbing; }
.cursor-text    { cursor: text; }
.cursor-wait    { cursor: wait; }
.cursor-help    { cursor: help; }
.cursor-none    { cursor: none; }
.cursor-zoom-in  { cursor: zoom-in; }
.cursor-zoom-out { cursor: zoom-out; }
.cursor-not-allowed { cursor: not-allowed; }



.transition {
  transition: all .4s ease-in-out;
}

.ratio-3x4 {
  --bs-aspect-ratio: 133.33%;
}

.ratio-4x5 {
  --bs-aspect-ratio: 125%;
}

.btn {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: .5rem;
}


.btn-primary {
  --bs-btn-bg: var(--bs-primary) !important;
  --bs-btn-border-color: var(--bs-primary) !important;

  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 85%, black) !important;
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary) 75%, black) !important;

  --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary) 70%, black) !important;
  --bs-btn-active-border-color: color-mix(
    in srgb,
    var(--bs-primary) 65%,
    black
  ) !important;

  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb) !important;

  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;

  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-disabled-color: #fff;
}

.btn-secondary {
  --bs-btn-bg: var(--bs-secondary) !important;
  --bs-btn-border-color: var(--bs-secondary) !important;

  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-secondary) 85%, black) !important;
  --bs-btn-hover-border-color: color-mix(
    in srgb,
    var(--bs-secondary) 75%,
    black
  ) !important;

  --bs-btn-active-bg: color-mix(in srgb, var(--bs-secondary) 70%, black) !important;
  --bs-btn-active-border-color: color-mix(
    in srgb,
    var(--bs-secondary) 65%,
    black
  ) !important;

  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb) !important;

  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;

  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
  --bs-btn-disabled-color: #fff;
}

.btn-outline-primary {
  --bs-btn-bg: transparent !important;
  --bs-btn-border-color: var(--bs-primary) !important;
  --bs-btn-color: var(--bs-primary) !important;

  --bs-btn-hover-bg: var(--bs-primary) !important;
  --bs-btn-hover-border-color: var(--bs-primary) !important;
  --bs-btn-hover-color: #fff !important;

  --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary) 85%, black) !important;
  --bs-btn-active-border-color: color-mix(
    in srgb,
    var(--bs-primary) 85%,
    black
  ) !important;
  --bs-btn-active-color: #fff !important;

  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb) !important;

  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
}

.btn-outline-secondary {
  --bs-btn-bg: transparent !important;
  --bs-btn-border-color: var(--bs-secondary) !important;
  --bs-btn-color: var(--bs-secondary) !important;

  --bs-btn-hover-bg: var(--bs-secondary) !important;
  --bs-btn-hover-border-color: var(--bs-secondary) !important;
  --bs-btn-hover-color: #fff !important;

  --bs-btn-active-bg: color-mix(in srgb, var(--bs-secondary) 85%, black) !important;
  --bs-btn-active-border-color: color-mix(
    in srgb,
    var(--bs-secondary) 85%,
    black
  ) !important;
  --bs-btn-active-color: #fff !important;

  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb) !important;

  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-secondary);
  --bs-btn-disabled-color: var(--bs-secondary);
}

.btn-circle {
  border-radius: 50% !important;
  padding: 0px !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-circle {
  transition: all .4s ease-in-out;
}
.btn-circle:after {
  content: '\f105';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  line-height: 1;
}
.btn-circle:has(i):after {
  content: none;
}




/* FORM */

.form-group label {
  color: var(--bs-body-color);
}
.form-control {
  appearance: auto !important;
}




/* TYPO */

.typography {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  font-weight: 700;
  color: var(--bs-body-color);
}

.typography p,
.typography ul li,
.typography ol li {
  font-size: .875rem;
  color: var(--bs-body-color);
}

.typography img {
  border-radius: .75rem;
}

.typography>* {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  margin-bottom: 0px !important;
}

@media (min-width: 992px) {
  .typography img {
    border-radius: 1rem;
  }
}

@media (min-width: 1200px) {
  .typography {
    gap: .75rem;
  }
  .typography p,
  .typography ul li,
  .typography ol li {
    font-size: .875rem;
  }
}




/* =============================================
   ITEM ELEMENT
   Ерөнхий → Var 1..4 → Тохиргоо → Hover
   (тохиргоо/hover нь var-ыг дарж чаддаг байхаар сүүлд нь)
   ============================================= */

/* ---------- ЕРӨНХИЙ ---------- */

.item-element,
.item-element video,
.item-element img,
.item-element .item-bg-overlay,
.item-element .item-title,
.item-element .item-title a,
.item-element .item-action a {
  transition: all .4s ease-in-out;
}

/* Суурь flex — зөвхөн var-тай item (timeline/gallery/clients тусгай, markup-даа). */
.item-element {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: .75rem;
}
.item-element figure {
  position: relative;
  overflow: hidden;
}

.item-details {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: 100%;
}

.item-meta,
.item-spec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
}
.item-meta .item-category a,
.item-spec .item-category a {
  font-weight: 700;
  color: var(--bs-primary);
  text-decoration: none;
}
.item-meta .item-date {
  color: var(--bs-body-color);
  font-weight: 500;
}
.item-meta>span {
  color: var(--bs-body-color);
}

.item-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
.item-title:not(.item-title:has(a)) {
  color: var(--bs-body-color);
}
.item-title:has(a) > a {
  color: var(--bs-body-color);
  text-decoration: none;
}

.item-badge {
  background: white;
  color: var(--bs-dark);
  width: fit-content;
  border-radius: 50rem;
}

.item-desc {
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--bs-secondary-color);
  margin: 0;
}

.item-info {
  font-weight: 500;
  color: var(--bs-secondary-color);
}

.item-price .h4 {
  font-weight: 700;
  color: var(--bs-body-color) !important;
}
.item-price .product-price-old {
  text-decoration: line-through;
  color: var(--bs-secondary-color);
}

.item-action {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.item-action > .btn.btn-link {
  width: fit-content;
  padding: 0px !important;
  font-size: 0.875rem !important;
  text-decoration: none;
  font-weight: 700;
  color: var(--bs-body-color);
  transition: all .4s ease-in-out;
}
.item-action > .btn:not(.btn-link) {
  width: fit-content;
}

@media (min-width: 768px) {
  .item-element:not(.item-var-2) {
    gap: 1rem;
  }
  .item-details {
    gap: .75rem;
  }
}

@media (min-width: 1200px) {
  .item-title {
    font-size: 1.25rem;
  }
  .item-desc {
    font-size: 1rem;
  }
  .item-price .h4 {
    font-size: 1.25rem;
  }
}

/* ---------- VAR 1 — энгийн (нэмэлт CSS шаардлагагүй) ---------- */

.item-var-1.post-item .item-details,
.item-var-1.card-item .item-details,
.item-var-1.product-item .item-details {
  padding-inline: 1rem;
}

@media (min-width: 768px) {
  .item-var-1.post-item .item-details,
  .item-var-1.card-item .item-details,
  .item-var-1.product-item .item-details {
    padding-inline: 1.5rem;
  }
}

/* ---------- VAR 2 — boxed ---------- */

.item-var-2 {
  background-color: var(--bs-tertiary-bg);
  box-shadow: var(--bs-box-shadow);
  border-radius: .75rem;
  gap: 0px;
  overflow: hidden;
}
.feature-item.item-var-2 {
  gap: .75rem;
  padding: 1rem;
}
.item-var-2 .item-details:not(.feature-item .item-details) {
  padding: 1rem;
}
@media (min-width: 768px) {
  .item-var-2 {
    border-radius: 1rem;
  }
  .feature-item.item-var-2 {
    gap: 1rem;
    padding: 1.5rem;
  }
  .item-var-2 .item-details:not(.feature-item .item-details) {
    padding: 1.5rem;
  }
}

/* ---------- VAR 3 — overlay (card/post/product · feature=хэвтээ) ---------- */

.feature-item.item-var-3 {
  flex-direction: row;
}

.card-item.item-var-3,
.post-item.item-var-3,
.product-item.item-var-3 {
  border-radius: .75rem;
  overflow: hidden;
}

.card-item.item-var-3 .item-details,
.post-item.item-var-3 .item-details,
.product-item.item-var-3 .item-details {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1rem;
}

.card-item.item-var-3 .item-overlay,
.post-item.item-var-3 .item-overlay,
.product-item.item-var-3 .item-overlay {
  background: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0) 0%, rgba(var(--bs-body-bg-rgb), 1) 100%);
}
.card-item.item-var-3 .item-title a,
.card-item.item-var-3 .item-desc,
.card-item.item-var-3 .item-info,
.card-item.item-var-3 .item-details a,
.card-item.item-var-3 .item-details small,
.card-item.item-var-3 .item-action .btn-link,
.post-item.item-var-3 .item-title a,
.post-item.item-var-3 .item-desc,
.post-item.item-var-3 .item-info,
.post-item.item-var-3 .item-details a,
.post-item.item-var-3 .item-details small,
.post-item.item-var-3 .item-action .btn-link,
.product-item.item-var-3 .item-title a,
.product-item.item-var-3 .item-desc,
.product-item.item-var-3 .item-info,
.product-item.item-var-3 .item-details a,
.product-item.item-var-3 .item-details small,
.product-item.item-var-3 .item-action .btn-link {
  color: var(--bs-body-color) !important;
  text-decoration: none;
}

@media (min-width: 768px) {
  .card-item.item-var-3,
  .post-item.item-var-3,
  .product-item.item-var-3 {
    border-radius: 1rem;
  }
  .card-item.item-var-3 .item-details,
  .post-item.item-var-3 .item-details,
  .product-item.item-var-3 .item-details {
    padding: 1.5rem;
  }
}
/* ---------- VAR 4 — хэвтээ ---------- */

.item-var-4.item-element {
  flex-direction: row;
}
.feature-item.item-element.item-var-4 {
  background: var(--bs-tertiary-bg);
  box-shadow: var(--bs-box-shadow);
  border-radius: .75rem;
  padding: 1rem;
}

/* тусдаа зурагтай хувилбарын figure rounded (var-1 · var-4) */
.card-item.item-var-1 figure,
.card-item.item-var-4 figure,
.post-item.item-var-1 figure,
.post-item.item-var-4 figure,
.product-item.item-var-1 figure,
.product-item.item-var-4 figure {
  border-radius: .75rem;
}
@media (min-width: 768px) {
  .item-element.item-var-4.feature-item {
    border-radius: 1rem;
    padding: 1.5rem;
  }
  .card-item.item-var-1 figure,
  .card-item.item-var-4 figure,
  .post-item.item-var-1 figure,
  .post-item.item-var-4 figure,
  .product-item.item-var-1 figure,
  .product-item.item-var-4 figure {
    border-radius: 1rem;
  }
}

/* ---------- ТОХИРГОО — items-wrapper дээр ---------- */

/* Текст хэмжээ — items-text-sm / md = default (классгүй) / items-text-lg / items-text-xl.
   Зөвхөн title шатлана: sm 1rem тогтмол · md 1→1.25 · lg 1.25→1.5 · xl = heading-row h2 (calc(1.325rem+.9vw)→2rem @1200).
   desc/info/badge суурьдаа тогтмол. sm-ийн title ≥1200-д desc-тэй тэнцэнэ (жин/өнгөөр ялгарна). */

.items-text-sm .item-title { font-size: 1rem; }

.items-text-lg .item-title { font-size: 1.25rem; }
@media (min-width: 1200px) {
  .items-text-lg .item-title { font-size: 1.5rem; }
}

.items-text-xl .item-title { font-size: calc(1.325rem + .9vw); } /* = heading-row h2 (Bootstrap default) */
@media (min-width: 1200px) {
  .items-text-xl .item-title { font-size: 2rem; }
}

/* Доторх зай: items-gap-sm / md (default) / items-gap-lg — утгыг гараар бөглөнө */
.items-gap-sm .item-element { }
.items-gap-sm .item-details { }

.items-gap-lg .item-element { }
.items-gap-lg .item-details { }

/* Голлуулна — items-centered (wrapper: бүх item) / item-centered (дан item).
   Зөвхөн босоо item-д: icon блок align-ээр, title/desc/info текстээрээ голлоно.
   Хэвтээ хувилбарт (var-4, feature var-3) үйлчлэхгүй. */
.items-centered .item-element:not(.item-var-4):not(.feature-item.item-var-3),
.item-element.item-centered:not(.item-var-4):not(.feature-item.item-var-3) {
  align-items: center;
  text-align: center;
}
.items-centered .item-action {
  justify-content: center;
}
/* align-items:center нь ТОДОРХОЙ ӨРГӨНТЭЙ хүүхдийг л голлуулна (icon w-14, avatar w-75).
   Бүтэн өргөний зураг (w-* класс байхгүй .item-image) болон .item-details-ийг агшихаас
   сэргийлж align-self:stretch-ээр буцаана — эс бөгөөс ratio figure 0 өргөнтэй болж зураг алга болно. */
.items-centered .item-element:not(.item-var-4):not(.feature-item.item-var-3) > .item-image:not([class*="w-"]),
.items-centered .item-element:not(.item-var-4):not(.feature-item.item-var-3) > .item-details,
.item-element.item-centered:not(.item-var-4):not(.feature-item.item-var-3) > .item-image:not([class*="w-"]),
.item-element.item-centered:not(.item-var-4):not(.feature-item.item-var-3) > .item-details {
  align-self: stretch;
}

/* Feature icon байнга цагаан */
.items-icon-white .feature-image img {
  filter: brightness(0) invert(1);
}

/* ---------- HOVER — items-wrapper дээр, ≥992px ---------- */

/* image-swap суурь: 2-р зургийг 1-ийнхээ яг дээр давхарлаж (absolute) нууна.
   Зөвхөн swap wrapper-т — default болговол бусад блокийн 2 дахь зураг нуугдана. */
.items-hover-image-swap .item-element figure img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

@media (min-width: 992px) {

  /* дээш хөвнө */
  .items-hover-lift .item-element:hover {
    transform: translateY(-0.5rem);
  }

  /* томорно */
  .items-hover-scale .item-element:hover {
    transform: scale(1.05);
  }

  /* зүүн тийш */
  .items-hover-lift-left .item-element:hover {
    transform: translateX(-0.5rem);
  }

  /* баруун тийш */
  .items-hover-lift-right .item-element:hover {
    transform: translateX(0.5rem);
  }

  /* зураг томорно */
  .items-hover-zoom .item-element:hover figure img,
  .items-hover-zoom .item-element:hover figure video {
    transform: scale(1.05);
  }

  /* зураг харлана (feature хамаарахгүй) */
  .items-hover-darken .item-element:not(.feature-item):hover figure img,
  .items-hover-darken .item-element:not(.feature-item):hover figure video {
    filter: brightness(0.75);
  }

  /* video гарч ирнэ (markup: opacity-0) */
  .items-hover-video .item-element:hover figure video {
    opacity: 1 !important;
  }

  /* title 0.5 → 1 */
  .items-hover-opacity .item-element .item-title {
    opacity: 0.5;
  }
  .items-hover-opacity .item-element:hover .item-title {
    opacity: 1;
  }

  /* title primary өнгөтэй болно */
  .items-hover-title .item-element:hover .item-title,
  .items-hover-title .item-element:hover .item-title a {
    color: var(--bs-primary) !important;
  }

  /* item-bg-dark гарч (markup: opacity-0), текст цагаан, icon цагаан */
  .items-hover-dark .item-element:hover .item-bg-dark {
    opacity: 1 !important;
  }
  .items-hover-dark .item-element:hover,
  .items-hover-dark .item-element:hover * {
    color: #fff !important;
  }
  .items-hover-dark .item-element:hover .feature-image figure img {
    filter: brightness(0) invert(1);
  }

  /* 1-р зураг → 2-р зураг crossfade */
  .items-hover-image-swap .item-element:hover figure img:nth-child(1):not(:only-of-type) {
    opacity: 0;
  }
  .items-hover-image-swap .item-element:hover figure img:nth-child(2) {
    opacity: 1;
  }

}




/* =============================================
   LINE CLAMP
   ============================================= */

.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4,
.line-clamp-5,
.line-clamp-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-1 { -webkit-line-clamp: 1; line-clamp: 1; }
.line-clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; line-clamp: 3; }
.line-clamp-4 { -webkit-line-clamp: 4; line-clamp: 4; }
.line-clamp-5 { -webkit-line-clamp: 5; line-clamp: 5; }
.line-clamp-6 { -webkit-line-clamp: 6; line-clamp: 6; }

@media (min-width: 768px) {
  .line-clamp-md-1,
  .line-clamp-md-2,
  .line-clamp-md-3,
  .line-clamp-md-4,
  .line-clamp-md-5,
  .line-clamp-md-6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .line-clamp-md-1 { -webkit-line-clamp: 1; line-clamp: 1; }
  .line-clamp-md-2 { -webkit-line-clamp: 2; line-clamp: 2; }
  .line-clamp-md-3 { -webkit-line-clamp: 3; line-clamp: 3; }
  .line-clamp-md-4 { -webkit-line-clamp: 4; line-clamp: 4; }
  .line-clamp-md-5 { -webkit-line-clamp: 5; line-clamp: 5; }
  .line-clamp-md-6 { -webkit-line-clamp: 6; line-clamp: 6; }
}

@media (min-width: 992px) {
  .line-clamp-lg-1,
  .line-clamp-lg-2,
  .line-clamp-lg-3,
  .line-clamp-lg-4,
  .line-clamp-lg-5,
  .line-clamp-lg-6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .line-clamp-lg-1 { -webkit-line-clamp: 1; line-clamp: 1; }
  .line-clamp-lg-2 { -webkit-line-clamp: 2; line-clamp: 2; }
  .line-clamp-lg-3 { -webkit-line-clamp: 3; line-clamp: 3; }
  .line-clamp-lg-4 { -webkit-line-clamp: 4; line-clamp: 4; }
  .line-clamp-lg-5 { -webkit-line-clamp: 5; line-clamp: 5; }
  .line-clamp-lg-6 { -webkit-line-clamp: 6; line-clamp: 6; }
}

@media (min-width: 1200px) {
  .line-clamp-xl-1,
  .line-clamp-xl-2,
  .line-clamp-xl-3,
  .line-clamp-xl-4,
  .line-clamp-xl-5,
  .line-clamp-xl-6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .line-clamp-xl-1 { -webkit-line-clamp: 1; line-clamp: 1; }
  .line-clamp-xl-2 { -webkit-line-clamp: 2; line-clamp: 2; }
  .line-clamp-xl-3 { -webkit-line-clamp: 3; line-clamp: 3; }
  .line-clamp-xl-4 { -webkit-line-clamp: 4; line-clamp: 4; }
  .line-clamp-xl-5 { -webkit-line-clamp: 5; line-clamp: 5; }
  .line-clamp-xl-6 { -webkit-line-clamp: 6; line-clamp: 6; }
}


/* ITEM FILTER */

.item-filter button.active {
  background-color: var(--bs-emphasis-color) !important;
  border-color: var(--bs-emphasis-color) !important;
  color: var(--bs-body-bg);
}


/* BREADCRUMB */

div[data-type="breadcrumb"] ol {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.breadcrumb-item+.breadcrumb-item,
.breadcrumb-item+.breadcrumb-item::before {
  padding: 0px;
}
.breadcrumb-item a {
  display: flex;
  align-items: center;
  gap: .5rem;
  text-decoration: none;
  color: var(--bs-breadcrumb-item-active-color);
}
.breadcrumb-item {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .75rem;
}

@media (min-width: 1200px) {
  div[data-type="breadcrumb"] ol {
    gap: .75rem;
  }
  .breadcrumb-item {
    gap: .75rem;
  }
}

@media (min-width: 1200px) {
  .breadcrumb-item {
    font-size: .875rem;
  }
}

/* BREADCRUMB > var-1 — pill контейнер + chevron заагч */

.breadcrumb-var-1 .breadcrumb {
  display: inline-flex;
  align-items: center;
  background: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 50rem;
  padding: .5rem 1.25rem;
}
.breadcrumb-var-1 .breadcrumb-item,
.breadcrumb-var-1 .breadcrumb-item a {
  color: var(--bs-secondary-color);
}
.breadcrumb-var-1 .breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  color: var(--bs-secondary-color);
}
.breadcrumb-var-1 .breadcrumb-item a:hover {
  color: var(--bs-primary);
}
.breadcrumb-var-1 .breadcrumb-item.active {
  color: var(--bs-body-color);
  font-weight: 600;
}

/* BREADCRUMB > var-2 — минимал, идэвхтэй нь primary chip */

.breadcrumb-var-2 .breadcrumb-item,
.breadcrumb-var-2 .breadcrumb-item a {
  color: var(--bs-secondary-color);
}
.breadcrumb-var-2 .breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  color: var(--bs-secondary-color);
}
.breadcrumb-var-2 .breadcrumb-item a:hover {
  color: var(--bs-primary);
}
.breadcrumb-var-2 .breadcrumb-item.active {
  color: var(--bs-primary);
  font-weight: 600;
}
.breadcrumb-var-2 .breadcrumb-item.active span {
  background: color-mix(in srgb, var(--bs-primary) 12%, transparent);
  padding: .25rem .75rem;
  border-radius: 50rem;
}

/* BREADCRUMB > var-3 — зөөлөн primary-tinted bar */

.breadcrumb-var-3 .breadcrumb {
  display: inline-flex;
  align-items: center;
  background: color-mix(in srgb, var(--bs-primary) 10%, transparent);
  border-radius: .75rem;
  padding: .625rem 1.25rem;
}
.breadcrumb-var-3 .breadcrumb-item,
.breadcrumb-var-3 .breadcrumb-item a {
  color: var(--bs-primary);
}
.breadcrumb-var-3 .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  color: color-mix(in srgb, var(--bs-primary) 45%, transparent);
}
.breadcrumb-var-3 .breadcrumb-item.active {
  font-weight: 700;
}



/* HEADING ROW */

.heading-row {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  position: relative;
}
.heading-row>.heading-main {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: fit-content;
}
.heading-row>.heading-main>small {
  width: fit-content;
  background-color: var(--bs-primary);
}
.heading-row>.heading-main>h2 {
  font-weight: 700;
  color: var(--bs-body-color);
  margin: 0px;
}
.heading-row h2>.heading-main>h2>span {
  color: var(--bs-primary);
}
.heading-row>.heading-desc {
  display: flex;
  flex-direction: column;
}
.heading-row>.heading-desc>p {
  color: var(--bs-body-color);
  font-weight: 500;
  margin-bottom: 0;
}

.heading-row.heading-centered {
  align-items: center !important;
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
}
.heading-row.heading-centered .heading-main,
.heading-row.heading-centered .heading-desc {
  align-items: center !important;
}

@media (min-width: 768px) {
  .heading-row {
    width: 75%;
    gap: .75rem;
  }
  .heading-row>.heading-main {
    gap: .75rem;
  }
}

/* Split баганад (.col-first / .col-second) багтахад бүтэн өргөн авна */
.col-first .heading-row,
.col-second .heading-row {
  max-width: 100%;
  width: 100%;
}

/* HEADING ROW — variants (heading-var-2 / heading-var-3 / heading-row-page) */

.heading-row.heading-var-2 {
  max-width: 100%;
}

.heading-row.heading-var-3>.heading-main {
  width: 100%;
}
.heading-row.heading-var-3>.heading-main>h2 {
  display: flex;
  align-items: center;
  gap: .5rem;
  white-space: nowrap;
}
.heading-row.heading-var-3>.heading-main>h2::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg, rgb(var(--bs-primary-rgb)) 0%, rgba(var(--bs-primary-rgb), 0) 100%);
}

.heading-row.heading-row-page>.heading-main>h1 {
  font-weight: 700;
  color: var(--bs-body-color);
  margin: 0;
}
.heading-row.heading-row-page>.heading-desc>p {
  font-size: 1.125rem;
}

@media (min-width: 768px) {
  .heading-row.heading-var-2 {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
  .heading-row.heading-var-2>.heading-main,
  .heading-row.heading-var-2>.heading-desc {
    width: 41.6667%;
  }
  .heading-row.heading-var-3>.heading-main>h2 {
    gap: .75rem;
  }
}




/* BLOCK ACTION */

.block-action {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

section:has(.heading-row.heading-centered) .block-action {
  justify-content: center;
}

@media (min-width: 768px) {
  .block-action {
    gap: .75rem;
  }
}




/* SWIPER */

:root {
  --swiper-navigation-size: 0.875rem !important;
}

/* SWIPER > NAVIGATION — slides дээр overlay (2 талд, босоо голд; хуучин байршил) */
.swiper-navigation {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .75rem;
  pointer-events: none;
}
@media (min-width: 768px) {
  .swiper-navigation {
    padding: 1rem;
    gap: .75rem;
  }
}
.swiper-navigation .swiper-button {
  pointer-events: auto;
}

/* SWIPER > ARROW */

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.swiper-button {
  background-color: var(--bs-white);
  box-shadow: var(--bs-box-shadow-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 0;
  border-radius: 50%;
  margin: 0px;
  color: var(--bs-dark);
  padding: 0px;
  transition: all .4s ease-in-out;
  pointer-events: auto;
}
.swiper-button-disabled {
  opacity: 0.5;
}

/* SWIPER > NAVIGATION > var-1 — хүйтэн шил (frosted glass) */

.swiper-navigation-var-1 .swiper-button {
  background-color: color-mix(in srgb, var(--bs-white) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--bs-white) 35%, transparent);
  color: var(--bs-white);
  border-radius: 1rem;
  box-shadow: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* SWIPER > NAVIGATION > var-2 — 2 талдаа энгийн сум (дэвсгэргүй) */

.swiper-navigation-var-2 .swiper-button {
  background-color: transparent;
  box-shadow: none;
  color: var(--bs-white);
  font-size: 1.5rem;
  filter: drop-shadow(0 1px 4px color-mix(in srgb, var(--bs-black) 45%, transparent));
}

/* SWIPER > PAGINATION */

.swiper-pagination {
  display: flex;
  gap: .5rem;
  justify-content: center;
}
.swiper-pagination.position-static {
  margin-top: 1rem;
}
.swiper-pagination-bullet {
  width: .75rem;
  height: .75rem;
  border-radius: 50rem;
  transition: all .4s ease-in-out;
  background: var(--bs-secondary-bg);
  opacity: 1;
  margin: 0px !important;
  pointer-events: auto;
}
.swiper-pagination-bullet-active {
  background: var(--bs-primary);
  opacity: 1;
}

/* SWIPER > PAGINATION > var-1 — сунадаг pill (идэвхтэй нь урт primary зураас) */

.swiper-pagination-var-1 .swiper-pagination-bullet {
  width: .5rem;
  height: .5rem;
  background: color-mix(in srgb, var(--bs-white) 55%, transparent);
}
.swiper-pagination-var-1 .swiper-pagination-bullet-active {
  width: 1.75rem;
  background: var(--bs-primary);
}

/* SWIPER > PAGINATION > var-2 — үргэлжилсэн fill progress bar */

.swiper-pagination-var-2 {
  display: block;
  padding-inline: 1.5rem;
}
.swiper-pagination-var-2 .pagination-progress {
  display: block;
  height: .25rem;
  border-radius: 50rem;
  overflow: hidden;
  background: color-mix(in srgb, var(--bs-white) 30%, transparent);
}
.swiper-pagination-var-2 .pagination-progress-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--bs-primary);
  transition: width .4s ease-in-out;
}

/* PAGINATION */

.pagination {
  gap: .5rem;
  justify-content: center;
  margin-bottom: 0;
}
.page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  font-weight: 500;
  font-size: .875rem;
  border-radius: .5rem !important;
  transition: all .4s ease-in-out;
}
.page-item:not(.active) .page-link {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
}
.page-item:not(.active):hover .page-link {
  background: var(--bs-secondary-bg);
}
.page-item.active .page-link {
  border-color: var(--bs-primary);
  background: var(--bs-primary);
}

/* PAGINATION > var-1 — pill контейнер, borderless, дугуй active */

.pagination-var-1 {
  text-align: center;
}
.pagination-var-1 .pagination {
  display: inline-flex;
  gap: .25rem;
  padding: .375rem;
  background: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 50rem;
  box-shadow: var(--bs-box-shadow-sm);
}
.pagination-var-1 .page-item .page-link {
  border: 0;
  background: transparent;
  color: var(--bs-body-color);
  border-radius: 50% !important;
}
.pagination-var-1 .page-item.active .page-link {
  background: color-mix(in srgb, var(--bs-primary) 12%, transparent);
  border: var(--bs-border-width) solid var(--bs-primary);
  color: var(--bs-primary);
}
.pagination-var-1 .page-item.disabled .page-link {
  background: transparent;
}

/* PAGINATION > var-2 — дүүрэн будсан бөөрөнхий дөрвөлжин */

.pagination-var-2 .page-item .page-link {
  border: 0;
  background: color-mix(in srgb, var(--bs-primary) 12.5%, transparent);
  color: var(--bs-primary);
  border-radius: .5rem !important;
}
.pagination-var-2 .page-item.active .page-link {
  background: var(--bs-primary);
  color: var(--bs-white);
}
.pagination-var-2 .page-item.disabled .page-link {
  background: transparent;
  color: var(--bs-secondary-color);
}

/* ACCORDION default — тусдаа хүрээт карт, +/× icon */

.accordion {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.accordion-item {
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: .5rem;
  overflow: hidden;
}
.accordion-item:first-child,
.accordion-item:last-child {
  border-radius: .5rem;
}
.accordion-item:not(:first-of-type) {
  border-top: var(--bs-border-width) solid var(--bs-border-color);   /* Bootstrap-ийн border-top:0-г дарж, карт бүр бүтэн хүрээтэй */
}
.accordion-button {
  font-weight: 700;
  color: var(--bs-body-color);
  background: transparent;
  box-shadow: none;
  padding: 1rem;
  gap: .5rem;
}
.accordion-button:not(.collapsed) {
  color: var(--bs-body-color);
  background: transparent;
  box-shadow: none;
}
.accordion-button::after {
  content: '\2b';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 1rem;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: none;
  transition: all .4s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
  transform: rotate(45deg);
}
.accordion-collapse.collapsing {
  transition: all .4s ease-in-out;
}
.accordion-body {
  padding: 1rem;
  border-top: var(--bs-border-width) solid var(--bs-border-color);
}
@media (min-width: 768px) {
  .accordion {
    gap: .75rem;
  }
  .accordion-item,
  .accordion-item:first-child,
  .accordion-item:last-child {
    border-radius: .75rem;
  }
  .accordion-button {
    padding: 1.5rem;
    gap: .75rem;
  }
  .accordion-body {
    padding: 1.5rem;
  }
}

/* ACCORDION > var-1 — flush, доод хүрээ, angle icon */

.accordion-var-1 {
  gap: 0;
}
.accordion-var-1 .accordion-item {
  border: 0;
  border-bottom: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0;
  overflow: visible;
  background: transparent;
}
.accordion-var-1 .accordion-item:first-child {
  border-top: var(--bs-border-width) solid var(--bs-border-color);   /* эхний item-ний дээд хүрээ (жагсаалтын дээд ирмэг битүү) */
}
.accordion-var-1 .accordion-button {
  padding-inline: 0;
}
.accordion-var-1 .accordion-button::after {
  content: '\f107';
}
.accordion-var-1 .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}
.accordion-var-1 .accordion-body {
  padding-inline: 0;
  padding-top: 0;
  border-top: 0;
}

/* HR */

hr {
  border-color: var(--bs-border-color) !important;
  opacity: 1;
}










/* HEADER OVERLAY */

.header-v1.header-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.header-v1.header-overlay:not(.sticky) {
  background: linear-gradient(180deg, rgba(0, 0, 0, .75) 25%, rgba(0, 0, 0, 0) 100%);
}

.header-v1.header-overlay:not(.sticky):not(:has(.navbar-collapse.show)):not(:has(.navbar-collapse.collapsing)) .navbar,
.header-v1.header-overlay:not(.sticky):not(:has(.navbar-collapse.show)):not(:has(.navbar-collapse.collapsing)) .header-topbar {
  background: transparent !important;
  box-shadow: none !important;
}

.header-v1.header-overlay:not([data-bs-theme="dark"]):not(.sticky):not(:has(.navbar-collapse.show)):not(:has(.navbar-collapse.collapsing)) .navbar-brand img {
  filter: brightness(0) invert(1);
}

.header-v1.header-overlay:not(.sticky):not(:has(.navbar-collapse.show)):not(:has(.navbar-collapse.collapsing)) .nav-link,
.header-v1.header-overlay:not(.sticky):not(:has(.navbar-collapse.show)):not(:has(.navbar-collapse.collapsing)) .top-link,
.header-v1.header-overlay:not(.sticky):not(:has(.navbar-collapse.show)):not(:has(.navbar-collapse.collapsing)) .lang-dropdown button,
.header-v1.header-overlay:not(.sticky):not(:has(.navbar-collapse.show)):not(:has(.navbar-collapse.collapsing)) .navbar-toggler {
  color: white !important;
}



/* =============================================
   SOCIAL BRAND COLORS — нэгдсэн
   FA icon class + .social-* wrapper хоёуланд үйлчилнэ:
   ямар ч байрлалд (topbar, share, author, footer) icon
   өөрийн брэнд өнгөөр гарна. Хар брэндүүд (X, TikTok,
   GitHub) theme дагаж cолигдоно.
   ============================================= */

:root {
  --social-x-color:      #000000;
  --social-tiktok-color: #000000;
  --social-github-color: #181717;
}
[data-bs-theme="dark"] {
  --social-x-color:      #ffffff;
  --social-tiktok-color: #ffffff;
  --social-github-color: #ffffff;
}

.fa-facebook-f, .fa-facebook,   .social-facebook  { color: #1877F2; }
.fa-instagram,                  .social-instagram { color: #E1306C; }
.fa-youtube,                    .social-youtube   { color: #FF0000; }
.fa-linkedin-in, .fa-linkedin,  .social-linkedin  { color: #0A66C2; }
.fa-viber,                      .social-viber     { color: #7360F2; }
.fa-telegram,                   .social-telegram  { color: #26A5E4; }
.fa-pinterest-p, .fa-pinterest, .social-pinterest { color: #E60023; }
.fa-snapchat,                   .social-snapchat  { color: #F7CA00; }
.fa-discord,                    .social-discord   { color: #5865F2; }
.fa-twitch,                     .social-twitch    { color: #9146FF; }
.fa-x-twitter,                  .social-x         { color: var(--social-x-color); }
.fa-tiktok,                     .social-tiktok    { color: var(--social-tiktok-color); }
.fa-github,                     .social-github    { color: var(--social-github-color); }

/* ICON BOX — glyph-ийг flex-ээр төвлүүлж, мөрийн өндрөөр (1.5em = line-height) квадрат болгоно
   (aspect-ratio → w=h; glyph ямар ч өргөнтэй байсан текстийн мөртэй эгнэнэ, өргөн glyph ч багтана; FA-аас хараат бус) */

.icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1lh;
  height: 1lh;
  min-width: 0;
  flex-shrink: 0;
  line-height: var(--bs-body-line-height);
}

/* ROUNDED */

.rounded-1 { border-radius: 0.5rem !important;  }
.rounded-2 { border-radius: 0.75rem !important; }
.rounded-3 { border-radius: 1rem !important;    }
.rounded-4 { border-radius: 1.5rem !important;  }
.rounded-5 { border-radius: 2rem !important;    }

@media (min-width: 576px) {
  .rounded-sm-0      { border-radius: 0 !important;       }
  .rounded-sm-1      { border-radius: 0.5rem !important;  }
  .rounded-sm-2      { border-radius: 0.75rem !important; }
  .rounded-sm-3      { border-radius: 1rem !important;    }
  .rounded-sm-4      { border-radius: 1.5rem !important;  }
  .rounded-sm-5      { border-radius: 2rem !important;    }
  .rounded-sm-circle { border-radius: 50% !important;     }
  .rounded-sm-pill   { border-radius: 50rem !important;   }
}
@media (min-width: 768px) {
  .rounded-md-0      { border-radius: 0 !important;       }
  .rounded-md-1      { border-radius: 0.5rem !important;  }
  .rounded-md-2      { border-radius: 0.75rem !important; }
  .rounded-md-3      { border-radius: 1rem !important;    }
  .rounded-md-4      { border-radius: 1.5rem !important;  }
  .rounded-md-5      { border-radius: 2rem !important;    }
  .rounded-md-circle { border-radius: 50% !important;     }
  .rounded-md-pill   { border-radius: 50rem !important;   }
}
@media (min-width: 992px) {
  .rounded-lg-0      { border-radius: 0 !important;       }
  .rounded-lg-1      { border-radius: 0.5rem !important;  }
  .rounded-lg-2      { border-radius: 0.75rem !important; }
  .rounded-lg-3      { border-radius: 1rem !important;    }
  .rounded-lg-4      { border-radius: 1.5rem !important;  }
  .rounded-lg-5      { border-radius: 2rem !important;    }
  .rounded-lg-circle { border-radius: 50% !important;     }
  .rounded-lg-pill   { border-radius: 50rem !important;   }
}
@media (min-width: 1200px) {
  .rounded-xl-0      { border-radius: 0 !important;       }
  .rounded-xl-1      { border-radius: 0.5rem !important;  }
  .rounded-xl-2      { border-radius: 0.75rem !important; }
  .rounded-xl-3      { border-radius: 1rem !important;    }
  .rounded-xl-4      { border-radius: 1.5rem !important;  }
  .rounded-xl-5      { border-radius: 2rem !important;    }
  .rounded-xl-circle { border-radius: 50% !important;     }
  .rounded-xl-pill   { border-radius: 50rem !important;   }
}
@media (min-width: 1400px) {
  .rounded-xxl-0      { border-radius: 0 !important;       }
  .rounded-xxl-1      { border-radius: 0.5rem !important;  }
  .rounded-xxl-2      { border-radius: 0.75rem !important; }
  .rounded-xxl-3      { border-radius: 1rem !important;    }
  .rounded-xxl-4      { border-radius: 1.5rem !important;  }
  .rounded-xxl-5      { border-radius: 2rem !important;    }
  .rounded-xxl-circle { border-radius: 50% !important;     }
  .rounded-xxl-pill   { border-radius: 50rem !important;   }
}


/* RESPONSIVE ROUNDED UTILITIES — sides (top, bottom, start, end) */


/* ─── gap ─── */

.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 0.75rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.gap-5 {
  gap: 1.25rem !important;
}
.gap-6 {
  gap: 1.5rem !important;
}
.gap-7 {
  gap: 1.75rem !important;
}
.gap-8 {
  gap: 2rem !important;
}
.gap-9 {
  gap: 2.25rem !important;
}
.gap-10 {
  gap: 2.5rem !important;
}
.gap-11 {
  gap: 3rem !important;
}
.gap-12 {
  gap: 3.5rem !important;
}
.gap-13 {
  gap: 4rem !important;
}
.gap-14 {
  gap: 4.5rem !important;
}
.gap-15 {
  gap: 5rem !important;
}
.gap-16 {
  gap: 6rem !important;
}
.gap-17 {
  gap: 7rem !important;
}
.gap-18 {
  gap: 8rem !important;
}
.gap-19 {
  gap: 9rem !important;
}
.gap-20 {
  gap: 10rem !important;
}

/* width */

.w-fit {
  width: fit-content !important;
}

.w-0 {
  width: 0 !important;
}
.w-1 {
  width: 0.25rem !important;
}
.w-2 {
  width: 0.5rem !important;
}
.w-3 {
  width: 0.75rem !important;
}
.w-4 {
  width: 1rem !important;
}
.w-5 {
  width: 1.25rem !important;
}
.w-6 {
  width: 1.5rem !important;
}
.w-7 {
  width: 1.75rem !important;
}
.w-8 {
  width: 2rem !important;
}
.w-9 {
  width: 2.25rem !important;
}
.w-10 {
  width: 2.5rem !important;
}
.w-11 {
  width: 3rem !important;
}
.w-12 {
  width: 3.5rem !important;
}
.w-13 {
  width: 4rem !important;
}
.w-14 {
  width: 4.5rem !important;
}
.w-15 {
  width: 5rem !important;
}
.w-16 {
  width: 6rem !important;
}
.w-17 {
  width: 7rem !important;
}
.w-18 {
  width: 8rem !important;
}
.w-19 {
  width: 9rem !important;
}
.w-20 {
  width: 10rem !important;
}

/* RESPONSIVE PERCENTAGE WIDTH — Bootstrap-ийн w-25/50/75/100/auto-д md/lg/xl хувилбар
   (Bootstrap хувийн өргөнд responsive variant өгдөггүй тул нэмэв). Хатуу w-N scale (0..24)
   rem-суурьтай, эдгээр нь хувь — тоонууд давхцахгүй тул зэрэгцэн ажиллана. */

@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
}

@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
}

/* height */
.h-fit {
  height: fit-content;
}
.h-0 {
  height: 0 !important;
}
.h-1 {
  height: 0.25rem !important;
}
.h-2 {
  height: 0.5rem !important;
}
.h-3 {
  height: 0.75rem !important;
}
.h-4 {
  height: 1rem !important;
}
.h-5 {
  height: 1.25rem !important;
}
.h-6 {
  height: 1.5rem !important;
}
.h-7 {
  height: 1.75rem !important;
}
.h-8 {
  height: 2rem !important;
}
.h-9 {
  height: 2.25rem !important;
}
.h-10 {
  height: 2.5rem !important;
}
.h-11 {
  height: 3rem !important;
}
.h-12 {
  height: 3.5rem !important;
}
.h-13 {
  height: 4rem !important;
}
.h-14 {
  height: 4.5rem !important;
}
.h-15 {
  height: 5rem !important;
}
.h-16 {
  height: 6rem !important;
}
.h-17 {
  height: 7rem !important;
}
.h-18 {
  height: 8rem !important;
}
.h-19 {
  height: 9rem !important;
}
.h-20 {
  height: 10rem !important;
}

/* min-height viewport (vh) — Bootstrap-ийн min-vh-100-г гүйцээв */
.min-vh-25 {
  min-height: 25vh !important;
}
.min-vh-50 {
  min-height: 50vh !important;
}
.min-vh-75 {
  min-height: 75vh !important;
}

.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 0.75rem !important;
}
.m-4 {
  margin: 1rem !important;
}
.m-5 {
  margin: 1.25rem !important;
}
.m-6 {
  margin: 1.5rem !important;
}
.m-7 {
  margin: 1.75rem !important;
}
.m-8 {
  margin: 2rem !important;
}
.m-9 {
  margin: 2.25rem !important;
}
.m-10 {
  margin: 2.5rem !important;
}
.m-11 {
  margin: 3rem !important;
}
.m-12 {
  margin: 3.5rem !important;
}
.m-13 {
  margin: 4rem !important;
}
.m-14 {
  margin: 4.5rem !important;
}
.m-15 {
  margin: 5rem !important;
}
.m-16 {
  margin: 6rem !important;
}
.m-17 {
  margin: 7rem !important;
}
.m-18 {
  margin: 8rem !important;
}
.m-19 {
  margin: 9rem !important;
}
.m-20 {
  margin: 10rem !important;
}
.m-21 {
  margin: 12.5rem !important;
}
.m-22 {
  margin: 15rem !important;
}
.m-23 {
  margin: 17.5rem !important;
}
.m-24 {
  margin: 20rem !important;
}
.m-25 {
  margin: 22.5rem !important;
}
.m-auto {
  margin: auto !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.m-n3 {
  margin: -0.75rem !important;
}
.m-n4 {
  margin: -1rem !important;
}
.m-n5 {
  margin: -1.25rem !important;
}
.m-n6 {
  margin: -1.5rem !important;
}
.m-n7 {
  margin: -1.75rem !important;
}
.m-n8 {
  margin: -2rem !important;
}
.m-n9 {
  margin: -2.25rem !important;
}
.m-n10 {
  margin: -2.5rem !important;
}
.m-n11 {
  margin: -3rem !important;
}
.m-n12 {
  margin: -3.5rem !important;
}
.m-n13 {
  margin: -4rem !important;
}
.m-n14 {
  margin: -4.5rem !important;
}
.m-n15 {
  margin: -5rem !important;
}
.m-n16 {
  margin: -6rem !important;
}
.m-n17 {
  margin: -7rem !important;
}
.m-n18 {
  margin: -8rem !important;
}
.m-n19 {
  margin: -9rem !important;
}
.m-n20 {
  margin: -10rem !important;
}

/* mx */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 0.75rem !important;
  margin-left: 0.75rem !important;
}
.mx-4 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-5 {
  margin-right: 1.25rem !important;
  margin-left: 1.25rem !important;
}
.mx-6 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-7 {
  margin-right: 1.75rem !important;
  margin-left: 1.75rem !important;
}
.mx-8 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
.mx-9 {
  margin-right: 2.25rem !important;
  margin-left: 2.25rem !important;
}
.mx-10 {
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}
.mx-11 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-12 {
  margin-right: 3.5rem !important;
  margin-left: 3.5rem !important;
}
.mx-13 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}
.mx-14 {
  margin-right: 4.5rem !important;
  margin-left: 4.5rem !important;
}
.mx-15 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}
.mx-16 {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}
.mx-17 {
  margin-right: 7rem !important;
  margin-left: 7rem !important;
}
.mx-18 {
  margin-right: 8rem !important;
  margin-left: 8rem !important;
}
.mx-19 {
  margin-right: 9rem !important;
  margin-left: 9rem !important;
}
.mx-20 {
  margin-right: 10rem !important;
  margin-left: 10rem !important;
}
.mx-21 {
  margin-right: 12.5rem !important;
  margin-left: 12.5rem !important;
}
.mx-22 {
  margin-right: 15rem !important;
  margin-left: 15rem !important;
}
.mx-23 {
  margin-right: 17.5rem !important;
  margin-left: 17.5rem !important;
}
.mx-24 {
  margin-right: 20rem !important;
  margin-left: 20rem !important;
}
.mx-25 {
  margin-right: 22.5rem !important;
  margin-left: 22.5rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.mx-n1 {
  margin-right: -0.25rem !important;
  margin-left: -0.25rem !important;
}
.mx-n2 {
  margin-right: -0.5rem !important;
  margin-left: -0.5rem !important;
}
.mx-n3 {
  margin-right: -0.75rem !important;
  margin-left: -0.75rem !important;
}
.mx-n4 {
  margin-right: -1rem !important;
  margin-left: -1rem !important;
}
.mx-n5 {
  margin-right: -1.25rem !important;
  margin-left: -1.25rem !important;
}
.mx-n6 {
  margin-right: -1.5rem !important;
  margin-left: -1.5rem !important;
}
.mx-n7 {
  margin-right: -1.75rem !important;
  margin-left: -1.75rem !important;
}
.mx-n8 {
  margin-right: -2rem !important;
  margin-left: -2rem !important;
}
.mx-n9 {
  margin-right: -2.25rem !important;
  margin-left: -2.25rem !important;
}
.mx-n10 {
  margin-right: -2.5rem !important;
  margin-left: -2.5rem !important;
}
.mx-n11 {
  margin-right: -3rem !important;
  margin-left: -3rem !important;
}
.mx-n12 {
  margin-right: -3.5rem !important;
  margin-left: -3.5rem !important;
}
.mx-n13 {
  margin-right: -4rem !important;
  margin-left: -4rem !important;
}
.mx-n14 {
  margin-right: -4.5rem !important;
  margin-left: -4.5rem !important;
}
.mx-n15 {
  margin-right: -5rem !important;
  margin-left: -5rem !important;
}
.mx-n16 {
  margin-right: -6rem !important;
  margin-left: -6rem !important;
}
.mx-n17 {
  margin-right: -7rem !important;
  margin-left: -7rem !important;
}
.mx-n18 {
  margin-right: -8rem !important;
  margin-left: -8rem !important;
}
.mx-n19 {
  margin-right: -9rem !important;
  margin-left: -9rem !important;
}
.mx-n20 {
  margin-right: -10rem !important;
  margin-left: -10rem !important;
}

/* my */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-7 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}
.my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-9 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}
.my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.my-11 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-12 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}
.my-13 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-14 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}
.my-15 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.my-16 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}
.my-17 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}
.my-18 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}
.my-19 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}
.my-20 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}
.my-21 {
  margin-top: 12.5rem !important;
  margin-bottom: 12.5rem !important;
}
.my-22 {
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
}
.my-23 {
  margin-top: 17.5rem !important;
  margin-bottom: 17.5rem !important;
}
.my-24 {
  margin-top: 20rem !important;
  margin-bottom: 20rem !important;
}
.my-25 {
  margin-top: 22.5rem !important;
  margin-bottom: 22.5rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.my-n1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}
.my-n2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}
.my-n3 {
  margin-top: -0.75rem !important;
  margin-bottom: -0.75rem !important;
}
.my-n4 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}
.my-n5 {
  margin-top: -1.25rem !important;
  margin-bottom: -1.25rem !important;
}
.my-n6 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}
.my-n7 {
  margin-top: -1.75rem !important;
  margin-bottom: -1.75rem !important;
}
.my-n8 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}
.my-n9 {
  margin-top: -2.25rem !important;
  margin-bottom: -2.25rem !important;
}
.my-n10 {
  margin-top: -2.5rem !important;
  margin-bottom: -2.5rem !important;
}
.my-n11 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}
.my-n12 {
  margin-top: -3.5rem !important;
  margin-bottom: -3.5rem !important;
}
.my-n13 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}
.my-n14 {
  margin-top: -4.5rem !important;
  margin-bottom: -4.5rem !important;
}
.my-n15 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}
.my-n16 {
  margin-top: -6rem !important;
  margin-bottom: -6rem !important;
}
.my-n17 {
  margin-top: -7rem !important;
  margin-bottom: -7rem !important;
}
.my-n18 {
  margin-top: -8rem !important;
  margin-bottom: -8rem !important;
}
.my-n19 {
  margin-top: -9rem !important;
  margin-bottom: -9rem !important;
}
.my-n20 {
  margin-top: -10rem !important;
  margin-bottom: -10rem !important;
}

/* mt */
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mt-7 {
  margin-top: 1.75rem !important;
}
.mt-8 {
  margin-top: 2rem !important;
}
.mt-9 {
  margin-top: 2.25rem !important;
}
.mt-10 {
  margin-top: 2.5rem !important;
}
.mt-11 {
  margin-top: 3rem !important;
}
.mt-12 {
  margin-top: 3.5rem !important;
}
.mt-13 {
  margin-top: 4rem !important;
}
.mt-14 {
  margin-top: 4.5rem !important;
}
.mt-15 {
  margin-top: 5rem !important;
}
.mt-16 {
  margin-top: 6rem !important;
}
.mt-17 {
  margin-top: 7rem !important;
}
.mt-18 {
  margin-top: 8rem !important;
}
.mt-19 {
  margin-top: 9rem !important;
}
.mt-20 {
  margin-top: 10rem !important;
}
.mt-21 {
  margin-top: 12.5rem !important;
}
.mt-22 {
  margin-top: 15rem !important;
}
.mt-23 {
  margin-top: 17.5rem !important;
}
.mt-24 {
  margin-top: 20rem !important;
}
.mt-25 {
  margin-top: 22.5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mt-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2 {
  margin-top: -0.5rem !important;
}
.mt-n3 {
  margin-top: -0.75rem !important;
}
.mt-n4 {
  margin-top: -1rem !important;
}
.mt-n5 {
  margin-top: -1.25rem !important;
}
.mt-n6 {
  margin-top: -1.5rem !important;
}
.mt-n7 {
  margin-top: -1.75rem !important;
}
.mt-n8 {
  margin-top: -2rem !important;
}
.mt-n9 {
  margin-top: -2.25rem !important;
}
.mt-n10 {
  margin-top: -2.5rem !important;
}
.mt-n11 {
  margin-top: -3rem !important;
}
.mt-n12 {
  margin-top: -3.5rem !important;
}
.mt-n13 {
  margin-top: -4rem !important;
}
.mt-n14 {
  margin-top: -4.5rem !important;
}
.mt-n15 {
  margin-top: -5rem !important;
}
.mt-n16 {
  margin-top: -6rem !important;
}
.mt-n17 {
  margin-top: -7rem !important;
}
.mt-n18 {
  margin-top: -8rem !important;
}
.mt-n19 {
  margin-top: -9rem !important;
}
.mt-n20 {
  margin-top: -10rem !important;
}

/* me */
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 0.75rem !important;
}
.me-4 {
  margin-right: 1rem !important;
}
.me-5 {
  margin-right: 1.25rem !important;
}
.me-6 {
  margin-right: 1.5rem !important;
}
.me-7 {
  margin-right: 1.75rem !important;
}
.me-8 {
  margin-right: 2rem !important;
}
.me-9 {
  margin-right: 2.25rem !important;
}
.me-10 {
  margin-right: 2.5rem !important;
}
.me-11 {
  margin-right: 3rem !important;
}
.me-12 {
  margin-right: 3.5rem !important;
}
.me-13 {
  margin-right: 4rem !important;
}
.me-14 {
  margin-right: 4.5rem !important;
}
.me-15 {
  margin-right: 5rem !important;
}
.me-16 {
  margin-right: 6rem !important;
}
.me-17 {
  margin-right: 7rem !important;
}
.me-18 {
  margin-right: 8rem !important;
}
.me-19 {
  margin-right: 9rem !important;
}
.me-20 {
  margin-right: 10rem !important;
}
.me-21 {
  margin-right: 12.5rem !important;
}
.me-22 {
  margin-right: 15rem !important;
}
.me-23 {
  margin-right: 17.5rem !important;
}
.me-24 {
  margin-right: 20rem !important;
}
.me-25 {
  margin-right: 22.5rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.me-n1 {
  margin-right: -0.25rem !important;
}
.me-n2 {
  margin-right: -0.5rem !important;
}
.me-n3 {
  margin-right: -0.75rem !important;
}
.me-n4 {
  margin-right: -1rem !important;
}
.me-n5 {
  margin-right: -1.25rem !important;
}
.me-n6 {
  margin-right: -1.5rem !important;
}
.me-n7 {
  margin-right: -1.75rem !important;
}
.me-n8 {
  margin-right: -2rem !important;
}
.me-n9 {
  margin-right: -2.25rem !important;
}
.me-n10 {
  margin-right: -2.5rem !important;
}
.me-n11 {
  margin-right: -3rem !important;
}
.me-n12 {
  margin-right: -3.5rem !important;
}
.me-n13 {
  margin-right: -4rem !important;
}
.me-n14 {
  margin-right: -4.5rem !important;
}
.me-n15 {
  margin-right: -5rem !important;
}
.me-n16 {
  margin-right: -6rem !important;
}
.me-n17 {
  margin-right: -7rem !important;
}
.me-n18 {
  margin-right: -8rem !important;
}
.me-n19 {
  margin-right: -9rem !important;
}
.me-n20 {
  margin-right: -10rem !important;
}

/* mb */
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.mb-7 {
  margin-bottom: 1.75rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.mb-9 {
  margin-bottom: 2.25rem !important;
}
.mb-10 {
  margin-bottom: 2.5rem !important;
}
.mb-11 {
  margin-bottom: 3rem !important;
}
.mb-12 {
  margin-bottom: 3.5rem !important;
}
.mb-13 {
  margin-bottom: 4rem !important;
}
.mb-14 {
  margin-bottom: 4.5rem !important;
}
.mb-15 {
  margin-bottom: 5rem !important;
}
.mb-16 {
  margin-bottom: 6rem !important;
}
.mb-17 {
  margin-bottom: 7rem !important;
}
.mb-18 {
  margin-bottom: 8rem !important;
}
.mb-19 {
  margin-bottom: 9rem !important;
}
.mb-20 {
  margin-bottom: 10rem !important;
}
.mb-21 {
  margin-bottom: 12.5rem !important;
}
.mb-22 {
  margin-bottom: 15rem !important;
}
.mb-23 {
  margin-bottom: 17.5rem !important;
}
.mb-24 {
  margin-bottom: 20rem !important;
}
.mb-25 {
  margin-bottom: 22.5rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mb-n1 {
  margin-bottom: -0.25rem !important;
}
.mb-n2 {
  margin-bottom: -0.5rem !important;
}
.mb-n3 {
  margin-bottom: -0.75rem !important;
}
.mb-n4 {
  margin-bottom: -1rem !important;
}
.mb-n5 {
  margin-bottom: -1.25rem !important;
}
.mb-n6 {
  margin-bottom: -1.5rem !important;
}
.mb-n7 {
  margin-bottom: -1.75rem !important;
}
.mb-n8 {
  margin-bottom: -2rem !important;
}
.mb-n9 {
  margin-bottom: -2.25rem !important;
}
.mb-n10 {
  margin-bottom: -2.5rem !important;
}
.mb-n11 {
  margin-bottom: -3rem !important;
}
.mb-n12 {
  margin-bottom: -3.5rem !important;
}
.mb-n13 {
  margin-bottom: -4rem !important;
}
.mb-n14 {
  margin-bottom: -4.5rem !important;
}
.mb-n15 {
  margin-bottom: -5rem !important;
}
.mb-n16 {
  margin-bottom: -6rem !important;
}
.mb-n17 {
  margin-bottom: -7rem !important;
}
.mb-n18 {
  margin-bottom: -8rem !important;
}
.mb-n19 {
  margin-bottom: -9rem !important;
}
.mb-n20 {
  margin-bottom: -10rem !important;
}

/* ms */
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 0.75rem !important;
}
.ms-4 {
  margin-left: 1rem !important;
}
.ms-5 {
  margin-left: 1.25rem !important;
}
.ms-6 {
  margin-left: 1.5rem !important;
}
.ms-7 {
  margin-left: 1.75rem !important;
}
.ms-8 {
  margin-left: 2rem !important;
}
.ms-9 {
  margin-left: 2.25rem !important;
}
.ms-10 {
  margin-left: 2.5rem !important;
}
.ms-11 {
  margin-left: 3rem !important;
}
.ms-12 {
  margin-left: 3.5rem !important;
}
.ms-13 {
  margin-left: 4rem !important;
}
.ms-14 {
  margin-left: 4.5rem !important;
}
.ms-15 {
  margin-left: 5rem !important;
}
.ms-16 {
  margin-left: 6rem !important;
}
.ms-17 {
  margin-left: 7rem !important;
}
.ms-18 {
  margin-left: 8rem !important;
}
.ms-19 {
  margin-left: 9rem !important;
}
.ms-20 {
  margin-left: 10rem !important;
}
.ms-21 {
  margin-left: 12.5rem !important;
}
.ms-22 {
  margin-left: 15rem !important;
}
.ms-23 {
  margin-left: 17.5rem !important;
}
.ms-24 {
  margin-left: 20rem !important;
}
.ms-25 {
  margin-left: 22.5rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.ms-n1 {
  margin-left: -0.25rem !important;
}
.ms-n2 {
  margin-left: -0.5rem !important;
}
.ms-n3 {
  margin-left: -0.75rem !important;
}
.ms-n4 {
  margin-left: -1rem !important;
}
.ms-n5 {
  margin-left: -1.25rem !important;
}
.ms-n6 {
  margin-left: -1.5rem !important;
}
.ms-n7 {
  margin-left: -1.75rem !important;
}
.ms-n8 {
  margin-left: -2rem !important;
}
.ms-n9 {
  margin-left: -2.25rem !important;
}
.ms-n10 {
  margin-left: -2.5rem !important;
}
.ms-n11 {
  margin-left: -3rem !important;
}
.ms-n12 {
  margin-left: -3.5rem !important;
}
.ms-n13 {
  margin-left: -4rem !important;
}
.ms-n14 {
  margin-left: -4.5rem !important;
}
.ms-n15 {
  margin-left: -5rem !important;
}
.ms-n16 {
  margin-left: -6rem !important;
}
.ms-n17 {
  margin-left: -7rem !important;
}
.ms-n18 {
  margin-left: -8rem !important;
}
.ms-n19 {
  margin-left: -9rem !important;
}
.ms-n20 {
  margin-left: -10rem !important;
}

/* ── Padding ── */
/* p */
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 0.75rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-5 {
  padding: 1.25rem !important;
}
.p-6 {
  padding: 1.5rem !important;
}
.p-7 {
  padding: 1.75rem !important;
}
.p-8 {
  padding: 2rem !important;
}
.p-9 {
  padding: 2.25rem !important;
}
.p-10 {
  padding: 2.5rem !important;
}
.p-11 {
  padding: 3rem !important;
}
.p-12 {
  padding: 3.5rem !important;
}
.p-13 {
  padding: 4rem !important;
}
.p-14 {
  padding: 4.5rem !important;
}
.p-15 {
  padding: 5rem !important;
}
.p-16 {
  padding: 6rem !important;
}
.p-17 {
  padding: 7rem !important;
}
.p-18 {
  padding: 8rem !important;
}
.p-19 {
  padding: 9rem !important;
}
.p-20 {
  padding: 10rem !important;
}

/* px */
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}
.px-4 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-5 {
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
}
.px-6 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-7 {
  padding-right: 1.75rem !important;
  padding-left: 1.75rem !important;
}
.px-8 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.px-9 {
  padding-right: 2.25rem !important;
  padding-left: 2.25rem !important;
}
.px-10 {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}
.px-11 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.px-12 {
  padding-right: 3.5rem !important;
  padding-left: 3.5rem !important;
}
.px-13 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}
.px-14 {
  padding-right: 4.5rem !important;
  padding-left: 4.5rem !important;
}
.px-15 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}
.px-16 {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}
.px-17 {
  padding-right: 7rem !important;
  padding-left: 7rem !important;
}
.px-18 {
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}
.px-19 {
  padding-right: 9rem !important;
  padding-left: 9rem !important;
}
.px-20 {
  padding-right: 10rem !important;
  padding-left: 10rem !important;
}

/* py */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}
.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-9 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}
.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.py-11 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-12 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}
.py-13 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-14 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}
.py-15 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.py-16 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.py-17 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}
.py-18 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
.py-19 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}
.py-20 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

/* pt */
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 0.75rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pt-5 {
  padding-top: 1.25rem !important;
}
.pt-6 {
  padding-top: 1.5rem !important;
}
.pt-7 {
  padding-top: 1.75rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.pt-9 {
  padding-top: 2.25rem !important;
}
.pt-10 {
  padding-top: 2.5rem !important;
}
.pt-11 {
  padding-top: 3rem !important;
}
.pt-12 {
  padding-top: 3.5rem !important;
}
.pt-13 {
  padding-top: 4rem !important;
}
.pt-14 {
  padding-top: 4.5rem !important;
}
.pt-15 {
  padding-top: 5rem !important;
}
.pt-16 {
  padding-top: 6rem !important;
}
.pt-17 {
  padding-top: 7rem !important;
}
.pt-18 {
  padding-top: 8rem !important;
}
.pt-19 {
  padding-top: 9rem !important;
}
.pt-20 {
  padding-top: 10rem !important;
}

/* pe */
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 0.75rem !important;
}
.pe-4 {
  padding-right: 1rem !important;
}
.pe-5 {
  padding-right: 1.25rem !important;
}
.pe-6 {
  padding-right: 1.5rem !important;
}
.pe-7 {
  padding-right: 1.75rem !important;
}
.pe-8 {
  padding-right: 2rem !important;
}
.pe-9 {
  padding-right: 2.25rem !important;
}
.pe-10 {
  padding-right: 2.5rem !important;
}
.pe-11 {
  padding-right: 3rem !important;
}
.pe-12 {
  padding-right: 3.5rem !important;
}
.pe-13 {
  padding-right: 4rem !important;
}
.pe-14 {
  padding-right: 4.5rem !important;
}
.pe-15 {
  padding-right: 5rem !important;
}
.pe-16 {
  padding-right: 6rem !important;
}
.pe-17 {
  padding-right: 7rem !important;
}
.pe-18 {
  padding-right: 8rem !important;
}
.pe-19 {
  padding-right: 9rem !important;
}
.pe-20 {
  padding-right: 10rem !important;
}

/* pb */
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pb-5 {
  padding-bottom: 1.25rem !important;
}
.pb-6 {
  padding-bottom: 1.5rem !important;
}
.pb-7 {
  padding-bottom: 1.75rem !important;
}
.pb-8 {
  padding-bottom: 2rem !important;
}
.pb-9 {
  padding-bottom: 2.25rem !important;
}
.pb-10 {
  padding-bottom: 2.5rem !important;
}
.pb-11 {
  padding-bottom: 3rem !important;
}
.pb-12 {
  padding-bottom: 3.5rem !important;
}
.pb-13 {
  padding-bottom: 4rem !important;
}
.pb-14 {
  padding-bottom: 4.5rem !important;
}
.pb-15 {
  padding-bottom: 5rem !important;
}
.pb-16 {
  padding-bottom: 6rem !important;
}
.pb-17 {
  padding-bottom: 7rem !important;
}
.pb-18 {
  padding-bottom: 8rem !important;
}
.pb-19 {
  padding-bottom: 9rem !important;
}
.pb-20 {
  padding-bottom: 10rem !important;
}

/* ps */
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 0.75rem !important;
}
.ps-4 {
  padding-left: 1rem !important;
}
.ps-5 {
  padding-left: 1.25rem !important;
}
.ps-6 {
  padding-left: 1.5rem !important;
}
.ps-7 {
  padding-left: 1.75rem !important;
}
.ps-8 {
  padding-left: 2rem !important;
}
.ps-9 {
  padding-left: 2.25rem !important;
}
.ps-10 {
  padding-left: 2.5rem !important;
}
.ps-11 {
  padding-left: 3rem !important;
}
.ps-12 {
  padding-left: 3.5rem !important;
}
.ps-13 {
  padding-left: 4rem !important;
}
.ps-14 {
  padding-left: 4.5rem !important;
}
.ps-15 {
  padding-left: 5rem !important;
}
.ps-16 {
  padding-left: 6rem !important;
}
.ps-17 {
  padding-left: 7rem !important;
}
.ps-18 {
  padding-left: 8rem !important;
}
.ps-19 {
  padding-left: 9rem !important;
}
.ps-20 {
  padding-left: 10rem !important;
}

/* === MD (>= 768px) === */
@media (min-width: 768px) {
  /* width */
  .w-md-0 {
    width: 0 !important;
  }
  .w-md-1 {
    width: 0.25rem !important;
  }
  .w-md-2 {
    width: 0.5rem !important;
  }
  .w-md-3 {
    width: 0.75rem !important;
  }
  .w-md-4 {
    width: 1rem !important;
  }
  .w-md-5 {
    width: 1.25rem !important;
  }
  .w-md-6 {
    width: 1.5rem !important;
  }
  .w-md-7 {
    width: 1.75rem !important;
  }
  .w-md-8 {
    width: 2rem !important;
  }
  .w-md-9 {
    width: 2.25rem !important;
  }
  .w-md-10 {
    width: 2.5rem !important;
  }
  .w-md-11 {
    width: 3rem !important;
  }
  .w-md-12 {
    width: 3.5rem !important;
  }
  .w-md-13 {
    width: 4rem !important;
  }
  .w-md-14 {
    width: 4.5rem !important;
  }
  .w-md-15 {
    width: 5rem !important;
  }
  .w-md-16 {
    width: 6rem !important;
  }
  .w-md-17 {
    width: 7rem !important;
  }
  .w-md-18 {
    width: 8rem !important;
  }
  .w-md-19 {
    width: 9rem !important;
  }
  .w-md-20 {
    width: 10rem !important;
  }
  .w-md-21 {
    width: 12.5rem !important;
  }
  .w-md-22 {
    width: 15rem !important;
  }
  .w-md-23 {
    width: 17.5rem !important;
  }
  .w-md-24 {
    width: 20rem !important;
  }

  /* height */
  .h-md-0 {
    height: 0 !important;
  }
  .h-md-1 {
    height: 0.25rem !important;
  }
  .h-md-2 {
    height: 0.5rem !important;
  }
  .h-md-3 {
    height: 0.75rem !important;
  }
  .h-md-4 {
    height: 1rem !important;
  }
  .h-md-5 {
    height: 1.25rem !important;
  }
  .h-md-6 {
    height: 1.5rem !important;
  }
  .h-md-7 {
    height: 1.75rem !important;
  }
  .h-md-8 {
    height: 2rem !important;
  }
  .h-md-9 {
    height: 2.25rem !important;
  }
  .h-md-10 {
    height: 2.5rem !important;
  }
  .h-md-11 {
    height: 3rem !important;
  }
  .h-md-12 {
    height: 3.5rem !important;
  }
  .h-md-13 {
    height: 4rem !important;
  }
  .h-md-14 {
    height: 4.5rem !important;
  }
  .h-md-15 {
    height: 5rem !important;
  }
  .h-md-16 {
    height: 6rem !important;
  }
  .h-md-17 {
    height: 7rem !important;
  }
  .h-md-18 {
    height: 8rem !important;
  }
  .h-md-19 {
    height: 9rem !important;
  }
  .h-md-20 {
    height: 10rem !important;
  }
  .h-md-21 {
    height: 12.5rem !important;
  }
  .h-md-22 {
    height: 15rem !important;
  }
  .h-md-23 {
    height: 17.5rem !important;
  }
  .h-md-24 {
    height: 20rem !important;
  }

  /* m */
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 0.75rem !important;
  }
  .m-md-4 {
    margin: 1rem !important;
  }
  .m-md-5 {
    margin: 1.25rem !important;
  }
  .m-md-6 {
    margin: 1.5rem !important;
  }
  .m-md-7 {
    margin: 1.75rem !important;
  }
  .m-md-8 {
    margin: 2rem !important;
  }
  .m-md-9 {
    margin: 2.25rem !important;
  }
  .m-md-10 {
    margin: 2.5rem !important;
  }
  .m-md-11 {
    margin: 3rem !important;
  }
  .m-md-12 {
    margin: 3.5rem !important;
  }
  .m-md-13 {
    margin: 4rem !important;
  }
  .m-md-14 {
    margin: 4.5rem !important;
  }
  .m-md-15 {
    margin: 5rem !important;
  }
  .m-md-16 {
    margin: 6rem !important;
  }
  .m-md-17 {
    margin: 7rem !important;
  }
  .m-md-18 {
    margin: 8rem !important;
  }
  .m-md-19 {
    margin: 9rem !important;
  }
  .m-md-20 {
    margin: 10rem !important;
  }
  .m-md-21 {
    margin: 12.5rem !important;
  }
  .m-md-22 {
    margin: 15rem !important;
  }
  .m-md-23 {
    margin: 17.5rem !important;
  }
  .m-md-24 {
    margin: 20rem !important;
  }
  .m-md-25 {
    margin: 22.5rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -0.75rem !important;
  }
  .m-md-n4 {
    margin: -1rem !important;
  }
  .m-md-n5 {
    margin: -1.25rem !important;
  }
  .m-md-n6 {
    margin: -1.5rem !important;
  }
  .m-md-n7 {
    margin: -1.75rem !important;
  }
  .m-md-n8 {
    margin: -2rem !important;
  }
  .m-md-n9 {
    margin: -2.25rem !important;
  }
  .m-md-n10 {
    margin: -2.5rem !important;
  }
  .m-md-n11 {
    margin: -3rem !important;
  }
  .m-md-n12 {
    margin: -3.5rem !important;
  }
  .m-md-n13 {
    margin: -4rem !important;
  }
  .m-md-n14 {
    margin: -4.5rem !important;
  }
  .m-md-n15 {
    margin: -5rem !important;
  }
  .m-md-n16 {
    margin: -6rem !important;
  }
  .m-md-n17 {
    margin: -7rem !important;
  }
  .m-md-n18 {
    margin: -8rem !important;
  }
  .m-md-n19 {
    margin: -9rem !important;
  }
  .m-md-n20 {
    margin: -10rem !important;
  }
  .m-md-n21 {
    margin: -12.5rem !important;
  }
  .m-md-n22 {
    margin: -15rem !important;
  }
  .m-md-n23 {
    margin: -17.5rem !important;
  }
  .m-md-n24 {
    margin: -20rem !important;
  }
  .m-md-n25 {
    margin: -22.5rem !important;
  }

  /* mx */
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .mx-md-4 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-5 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .mx-md-6 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-7 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
  }
  .mx-md-8 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-md-9 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
  }
  .mx-md-10 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-md-11 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-12 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }
  .mx-md-13 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-md-14 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }
  .mx-md-15 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-md-16 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .mx-md-17 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .mx-md-18 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
  }
  .mx-md-19 {
    margin-right: 9rem !important;
    margin-left: 9rem !important;
  }
  .mx-md-20 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
  }
  .mx-md-21 {
    margin-right: 12.5rem !important;
    margin-left: 12.5rem !important;
  }
  .mx-md-22 {
    margin-right: 15rem !important;
    margin-left: 15rem !important;
  }
  .mx-md-23 {
    margin-right: 17.5rem !important;
    margin-left: 17.5rem !important;
  }
  .mx-md-24 {
    margin-right: 20rem !important;
    margin-left: 20rem !important;
  }
  .mx-md-25 {
    margin-right: 22.5rem !important;
    margin-left: 22.5rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .mx-md-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-md-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-md-n3 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .mx-md-n4 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-md-n5 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }
  .mx-md-n6 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-md-n7 {
    margin-right: -1.75rem !important;
    margin-left: -1.75rem !important;
  }
  .mx-md-n8 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-md-n9 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important;
  }
  .mx-md-n10 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .mx-md-n11 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-md-n12 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }
  .mx-md-n13 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .mx-md-n14 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important;
  }
  .mx-md-n15 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .mx-md-n16 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .mx-md-n17 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .mx-md-n18 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
  }
  .mx-md-n19 {
    margin-right: -9rem !important;
    margin-left: -9rem !important;
  }
  .mx-md-n20 {
    margin-right: -10rem !important;
    margin-left: -10rem !important;
  }
  .mx-md-n21 {
    margin-right: -12.5rem !important;
    margin-left: -12.5rem !important;
  }
  .mx-md-n22 {
    margin-right: -15rem !important;
    margin-left: -15rem !important;
  }
  .mx-md-n23 {
    margin-right: -17.5rem !important;
    margin-left: -17.5rem !important;
  }
  .mx-md-n24 {
    margin-right: -20rem !important;
    margin-left: -20rem !important;
  }
  .mx-md-n25 {
    margin-right: -22.5rem !important;
    margin-left: -22.5rem !important;
  }

  /* my */
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .my-md-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .my-md-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  .my-md-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .my-md-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-md-11 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-12 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-md-13 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-md-14 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-md-15 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-md-16 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-md-17 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-md-18 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-md-19 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-md-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .my-md-21 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
  .my-md-22 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .my-md-23 {
    margin-top: 17.5rem !important;
    margin-bottom: 17.5rem !important;
  }
  .my-md-24 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .my-md-25 {
    margin-top: 22.5rem !important;
    margin-bottom: 22.5rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my-md-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-md-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-md-n3 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .my-md-n4 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-md-n5 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }
  .my-md-n6 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-md-n7 {
    margin-top: -1.75rem !important;
    margin-bottom: -1.75rem !important;
  }
  .my-md-n8 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-md-n9 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important;
  }
  .my-md-n10 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .my-md-n11 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-md-n12 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .my-md-n13 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .my-md-n14 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
  }
  .my-md-n15 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .my-md-n16 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .my-md-n17 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-md-n18 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }
  .my-md-n19 {
    margin-top: -9rem !important;
    margin-bottom: -9rem !important;
  }
  .my-md-n20 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }
  .my-md-n21 {
    margin-top: -12.5rem !important;
    margin-bottom: -12.5rem !important;
  }
  .my-md-n22 {
    margin-top: -15rem !important;
    margin-bottom: -15rem !important;
  }
  .my-md-n23 {
    margin-top: -17.5rem !important;
    margin-bottom: -17.5rem !important;
  }
  .my-md-n24 {
    margin-top: -20rem !important;
    margin-bottom: -20rem !important;
  }
  .my-md-n25 {
    margin-top: -22.5rem !important;
    margin-bottom: -22.5rem !important;
  }

  /* mt */
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 0.75rem !important;
  }
  .mt-md-4 {
    margin-top: 1rem !important;
  }
  .mt-md-5 {
    margin-top: 1.25rem !important;
  }
  .mt-md-6 {
    margin-top: 1.5rem !important;
  }
  .mt-md-7 {
    margin-top: 1.75rem !important;
  }
  .mt-md-8 {
    margin-top: 2rem !important;
  }
  .mt-md-9 {
    margin-top: 2.25rem !important;
  }
  .mt-md-10 {
    margin-top: 2.5rem !important;
  }
  .mt-md-11 {
    margin-top: 3rem !important;
  }
  .mt-md-12 {
    margin-top: 3.5rem !important;
  }
  .mt-md-13 {
    margin-top: 4rem !important;
  }
  .mt-md-14 {
    margin-top: 4.5rem !important;
  }
  .mt-md-15 {
    margin-top: 5rem !important;
  }
  .mt-md-16 {
    margin-top: 6rem !important;
  }
  .mt-md-17 {
    margin-top: 7rem !important;
  }
  .mt-md-18 {
    margin-top: 8rem !important;
  }
  .mt-md-19 {
    margin-top: 9rem !important;
  }
  .mt-md-20 {
    margin-top: 10rem !important;
  }
  .mt-md-21 {
    margin-top: 12.5rem !important;
  }
  .mt-md-22 {
    margin-top: 15rem !important;
  }
  .mt-md-23 {
    margin-top: 17.5rem !important;
  }
  .mt-md-24 {
    margin-top: 20rem !important;
  }
  .mt-md-25 {
    margin-top: 22.5rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mt-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-md-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-md-n4 {
    margin-top: -1rem !important;
  }
  .mt-md-n5 {
    margin-top: -1.25rem !important;
  }
  .mt-md-n6 {
    margin-top: -1.5rem !important;
  }
  .mt-md-n7 {
    margin-top: -1.75rem !important;
  }
  .mt-md-n8 {
    margin-top: -2rem !important;
  }
  .mt-md-n9 {
    margin-top: -2.25rem !important;
  }
  .mt-md-n10 {
    margin-top: -2.5rem !important;
  }
  .mt-md-n11 {
    margin-top: -3rem !important;
  }
  .mt-md-n12 {
    margin-top: -3.5rem !important;
  }
  .mt-md-n13 {
    margin-top: -4rem !important;
  }
  .mt-md-n14 {
    margin-top: -4.5rem !important;
  }
  .mt-md-n15 {
    margin-top: -5rem !important;
  }
  .mt-md-n16 {
    margin-top: -6rem !important;
  }
  .mt-md-n17 {
    margin-top: -7rem !important;
  }
  .mt-md-n18 {
    margin-top: -8rem !important;
  }
  .mt-md-n19 {
    margin-top: -9rem !important;
  }
  .mt-md-n20 {
    margin-top: -10rem !important;
  }
  .mt-md-n21 {
    margin-top: -12.5rem !important;
  }
  .mt-md-n22 {
    margin-top: -15rem !important;
  }
  .mt-md-n23 {
    margin-top: -17.5rem !important;
  }
  .mt-md-n24 {
    margin-top: -20rem !important;
  }
  .mt-md-n25 {
    margin-top: -22.5rem !important;
  }

  /* me */
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 0.75rem !important;
  }
  .me-md-4 {
    margin-right: 1rem !important;
  }
  .me-md-5 {
    margin-right: 1.25rem !important;
  }
  .me-md-6 {
    margin-right: 1.5rem !important;
  }
  .me-md-7 {
    margin-right: 1.75rem !important;
  }
  .me-md-8 {
    margin-right: 2rem !important;
  }
  .me-md-9 {
    margin-right: 2.25rem !important;
  }
  .me-md-10 {
    margin-right: 2.5rem !important;
  }
  .me-md-11 {
    margin-right: 3rem !important;
  }
  .me-md-12 {
    margin-right: 3.5rem !important;
  }
  .me-md-13 {
    margin-right: 4rem !important;
  }
  .me-md-14 {
    margin-right: 4.5rem !important;
  }
  .me-md-15 {
    margin-right: 5rem !important;
  }
  .me-md-16 {
    margin-right: 6rem !important;
  }
  .me-md-17 {
    margin-right: 7rem !important;
  }
  .me-md-18 {
    margin-right: 8rem !important;
  }
  .me-md-19 {
    margin-right: 9rem !important;
  }
  .me-md-20 {
    margin-right: 10rem !important;
  }
  .me-md-21 {
    margin-right: 12.5rem !important;
  }
  .me-md-22 {
    margin-right: 15rem !important;
  }
  .me-md-23 {
    margin-right: 17.5rem !important;
  }
  .me-md-24 {
    margin-right: 20rem !important;
  }
  .me-md-25 {
    margin-right: 22.5rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .me-md-n1 {
    margin-right: -0.25rem !important;
  }
  .me-md-n2 {
    margin-right: -0.5rem !important;
  }
  .me-md-n3 {
    margin-right: -0.75rem !important;
  }
  .me-md-n4 {
    margin-right: -1rem !important;
  }
  .me-md-n5 {
    margin-right: -1.25rem !important;
  }
  .me-md-n6 {
    margin-right: -1.5rem !important;
  }
  .me-md-n7 {
    margin-right: -1.75rem !important;
  }
  .me-md-n8 {
    margin-right: -2rem !important;
  }
  .me-md-n9 {
    margin-right: -2.25rem !important;
  }
  .me-md-n10 {
    margin-right: -2.5rem !important;
  }
  .me-md-n11 {
    margin-right: -3rem !important;
  }
  .me-md-n12 {
    margin-right: -3.5rem !important;
  }
  .me-md-n13 {
    margin-right: -4rem !important;
  }
  .me-md-n14 {
    margin-right: -4.5rem !important;
  }
  .me-md-n15 {
    margin-right: -5rem !important;
  }
  .me-md-n16 {
    margin-right: -6rem !important;
  }
  .me-md-n17 {
    margin-right: -7rem !important;
  }
  .me-md-n18 {
    margin-right: -8rem !important;
  }
  .me-md-n19 {
    margin-right: -9rem !important;
  }
  .me-md-n20 {
    margin-right: -10rem !important;
  }
  .me-md-n21 {
    margin-right: -12.5rem !important;
  }
  .me-md-n22 {
    margin-right: -15rem !important;
  }
  .me-md-n23 {
    margin-right: -17.5rem !important;
  }
  .me-md-n24 {
    margin-right: -20rem !important;
  }
  .me-md-n25 {
    margin-right: -22.5rem !important;
  }

  /* mb */
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 0.75rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1rem !important;
  }
  .mb-md-5 {
    margin-bottom: 1.25rem !important;
  }
  .mb-md-6 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-7 {
    margin-bottom: 1.75rem !important;
  }
  .mb-md-8 {
    margin-bottom: 2rem !important;
  }
  .mb-md-9 {
    margin-bottom: 2.25rem !important;
  }
  .mb-md-10 {
    margin-bottom: 2.5rem !important;
  }
  .mb-md-11 {
    margin-bottom: 3rem !important;
  }
  .mb-md-12 {
    margin-bottom: 3.5rem !important;
  }
  .mb-md-13 {
    margin-bottom: 4rem !important;
  }
  .mb-md-14 {
    margin-bottom: 4.5rem !important;
  }
  .mb-md-15 {
    margin-bottom: 5rem !important;
  }
  .mb-md-16 {
    margin-bottom: 6rem !important;
  }
  .mb-md-17 {
    margin-bottom: 7rem !important;
  }
  .mb-md-18 {
    margin-bottom: 8rem !important;
  }
  .mb-md-19 {
    margin-bottom: 9rem !important;
  }
  .mb-md-20 {
    margin-bottom: 10rem !important;
  }
  .mb-md-21 {
    margin-bottom: 12.5rem !important;
  }
  .mb-md-22 {
    margin-bottom: 15rem !important;
  }
  .mb-md-23 {
    margin-bottom: 17.5rem !important;
  }
  .mb-md-24 {
    margin-bottom: 20rem !important;
  }
  .mb-md-25 {
    margin-bottom: 22.5rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .mb-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-md-n3 {
    margin-bottom: -0.75rem !important;
  }
  .mb-md-n4 {
    margin-bottom: -1rem !important;
  }
  .mb-md-n5 {
    margin-bottom: -1.25rem !important;
  }
  .mb-md-n6 {
    margin-bottom: -1.5rem !important;
  }
  .mb-md-n7 {
    margin-bottom: -1.75rem !important;
  }
  .mb-md-n8 {
    margin-bottom: -2rem !important;
  }
  .mb-md-n9 {
    margin-bottom: -2.25rem !important;
  }
  .mb-md-n10 {
    margin-bottom: -2.5rem !important;
  }
  .mb-md-n11 {
    margin-bottom: -3rem !important;
  }
  .mb-md-n12 {
    margin-bottom: -3.5rem !important;
  }
  .mb-md-n13 {
    margin-bottom: -4rem !important;
  }
  .mb-md-n14 {
    margin-bottom: -4.5rem !important;
  }
  .mb-md-n15 {
    margin-bottom: -5rem !important;
  }
  .mb-md-n16 {
    margin-bottom: -6rem !important;
  }
  .mb-md-n17 {
    margin-bottom: -7rem !important;
  }
  .mb-md-n18 {
    margin-bottom: -8rem !important;
  }
  .mb-md-n19 {
    margin-bottom: -9rem !important;
  }
  .mb-md-n20 {
    margin-bottom: -10rem !important;
  }

  /* ms */
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 0.75rem !important;
  }
  .ms-md-4 {
    margin-left: 1rem !important;
  }
  .ms-md-5 {
    margin-left: 1.25rem !important;
  }
  .ms-md-6 {
    margin-left: 1.5rem !important;
  }
  .ms-md-7 {
    margin-left: 1.75rem !important;
  }
  .ms-md-8 {
    margin-left: 2rem !important;
  }
  .ms-md-9 {
    margin-left: 2.25rem !important;
  }
  .ms-md-10 {
    margin-left: 2.5rem !important;
  }
  .ms-md-11 {
    margin-left: 3rem !important;
  }
  .ms-md-12 {
    margin-left: 3.5rem !important;
  }
  .ms-md-13 {
    margin-left: 4rem !important;
  }
  .ms-md-14 {
    margin-left: 4.5rem !important;
  }
  .ms-md-15 {
    margin-left: 5rem !important;
  }
  .ms-md-16 {
    margin-left: 6rem !important;
  }
  .ms-md-17 {
    margin-left: 7rem !important;
  }
  .ms-md-18 {
    margin-left: 8rem !important;
  }
  .ms-md-19 {
    margin-left: 9rem !important;
  }
  .ms-md-20 {
    margin-left: 10rem !important;
  }
  .ms-md-21 {
    margin-left: 12.5rem !important;
  }
  .ms-md-22 {
    margin-left: 15rem !important;
  }
  .ms-md-23 {
    margin-left: 17.5rem !important;
  }
  .ms-md-24 {
    margin-left: 20rem !important;
  }
  .ms-md-25 {
    margin-left: 22.5rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .ms-md-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-md-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-md-n3 {
    margin-left: -0.75rem !important;
  }
  .ms-md-n4 {
    margin-left: -1rem !important;
  }
  .ms-md-n5 {
    margin-left: -1.25rem !important;
  }
  .ms-md-n6 {
    margin-left: -1.5rem !important;
  }
  .ms-md-n7 {
    margin-left: -1.75rem !important;
  }
  .ms-md-n8 {
    margin-left: -2rem !important;
  }
  .ms-md-n9 {
    margin-left: -2.25rem !important;
  }
  .ms-md-n10 {
    margin-left: -2.5rem !important;
  }
  .ms-md-n11 {
    margin-left: -3rem !important;
  }
  .ms-md-n12 {
    margin-left: -3.5rem !important;
  }
  .ms-md-n13 {
    margin-left: -4rem !important;
  }
  .ms-md-n14 {
    margin-left: -4.5rem !important;
  }
  .ms-md-n15 {
    margin-left: -5rem !important;
  }
  .ms-md-n16 {
    margin-left: -6rem !important;
  }
  .ms-md-n17 {
    margin-left: -7rem !important;
  }
  .ms-md-n18 {
    margin-left: -8rem !important;
  }
  .ms-md-n19 {
    margin-left: -9rem !important;
  }
  .ms-md-n20 {
    margin-left: -10rem !important;
  }
  .ms-md-n21 {
    margin-left: -12.5rem !important;
  }
  .ms-md-n22 {
    margin-left: -15rem !important;
  }
  .ms-md-n23 {
    margin-left: -17.5rem !important;
  }
  .ms-md-n24 {
    margin-left: -20rem !important;
  }
  .ms-md-n25 {
    margin-left: -22.5rem !important;
  }

  /* p */
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 0.75rem !important;
  }
  .p-md-4 {
    padding: 1rem !important;
  }
  .p-md-5 {
    padding: 1.25rem !important;
  }
  .p-md-6 {
    padding: 1.5rem !important;
  }
  .p-md-7 {
    padding: 1.75rem !important;
  }
  .p-md-8 {
    padding: 2rem !important;
  }
  .p-md-9 {
    padding: 2.25rem !important;
  }
  .p-md-10 {
    padding: 2.5rem !important;
  }
  .p-md-11 {
    padding: 3rem !important;
  }
  .p-md-12 {
    padding: 3.5rem !important;
  }
  .p-md-13 {
    padding: 4rem !important;
  }
  .p-md-14 {
    padding: 4.5rem !important;
  }
  .p-md-15 {
    padding: 5rem !important;
  }
  .p-md-16 {
    padding: 6rem !important;
  }
  .p-md-17 {
    padding: 7rem !important;
  }
  .p-md-18 {
    padding: 8rem !important;
  }
  .p-md-19 {
    padding: 9rem !important;
  }
  .p-md-20 {
    padding: 10rem !important;
  }
  .p-md-21 {
    padding: 12.5rem !important;
  }
  .p-md-22 {
    padding: 15rem !important;
  }
  .p-md-23 {
    padding: 17.5rem !important;
  }
  .p-md-24 {
    padding: 20rem !important;
  }
  .p-md-25 {
    padding: 22.5rem !important;
  }

  /* px */
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .px-md-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-5 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .px-md-6 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-7 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }
  .px-md-8 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-md-9 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }
  .px-md-10 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .px-md-11 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-md-12 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
  .px-md-13 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .px-md-14 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  .px-md-15 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-md-16 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .px-md-17 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .px-md-18 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }
  .px-md-19 {
    padding-right: 9rem !important;
    padding-left: 9rem !important;
  }
  .px-md-20 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }
  .px-md-21 {
    padding-right: 12.5rem !important;
    padding-left: 12.5rem !important;
  }
  .px-md-22 {
    padding-right: 15rem !important;
    padding-left: 15rem !important;
  }
  .px-md-23 {
    padding-right: 17.5rem !important;
    padding-left: 17.5rem !important;
  }
  .px-md-24 {
    padding-right: 20rem !important;
    padding-left: 20rem !important;
  }
  .px-md-25 {
    padding-right: 22.5rem !important;
    padding-left: 22.5rem !important;
  }

  /* py */
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .py-md-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .py-md-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .py-md-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .py-md-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-md-11 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-md-12 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-md-13 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-md-14 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-md-15 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-md-16 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-md-17 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-md-18 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-md-19 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-md-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .py-md-21 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  .py-md-22 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .py-md-23 {
    padding-top: 17.5rem !important;
    padding-bottom: 17.5rem !important;
  }
  .py-md-24 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .py-md-25 {
    padding-top: 22.5rem !important;
    padding-bottom: 22.5rem !important;
  }

  /* pt */
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 0.75rem !important;
  }
  .pt-md-4 {
    padding-top: 1rem !important;
  }
  .pt-md-5 {
    padding-top: 1.25rem !important;
  }
  .pt-md-6 {
    padding-top: 1.5rem !important;
  }
  .pt-md-7 {
    padding-top: 1.75rem !important;
  }
  .pt-md-8 {
    padding-top: 2rem !important;
  }
  .pt-md-9 {
    padding-top: 2.25rem !important;
  }
  .pt-md-10 {
    padding-top: 2.5rem !important;
  }
  .pt-md-11 {
    padding-top: 3rem !important;
  }
  .pt-md-12 {
    padding-top: 3.5rem !important;
  }
  .pt-md-13 {
    padding-top: 4rem !important;
  }
  .pt-md-14 {
    padding-top: 4.5rem !important;
  }
  .pt-md-15 {
    padding-top: 5rem !important;
  }
  .pt-md-16 {
    padding-top: 6rem !important;
  }
  .pt-md-17 {
    padding-top: 7rem !important;
  }
  .pt-md-18 {
    padding-top: 8rem !important;
  }
  .pt-md-19 {
    padding-top: 9rem !important;
  }
  .pt-md-20 {
    padding-top: 10rem !important;
  }
  .pt-md-21 {
    padding-top: 12.5rem !important;
  }
  .pt-md-22 {
    padding-top: 15rem !important;
  }
  .pt-md-23 {
    padding-top: 17.5rem !important;
  }
  .pt-md-24 {
    padding-top: 20rem !important;
  }
  .pt-md-25 {
    padding-top: 22.5rem !important;
  }

  /* pe */
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 0.75rem !important;
  }
  .pe-md-4 {
    padding-right: 1rem !important;
  }
  .pe-md-5 {
    padding-right: 1.25rem !important;
  }
  .pe-md-6 {
    padding-right: 1.5rem !important;
  }
  .pe-md-7 {
    padding-right: 1.75rem !important;
  }
  .pe-md-8 {
    padding-right: 2rem !important;
  }
  .pe-md-9 {
    padding-right: 2.25rem !important;
  }
  .pe-md-10 {
    padding-right: 2.5rem !important;
  }
  .pe-md-11 {
    padding-right: 3rem !important;
  }
  .pe-md-12 {
    padding-right: 3.5rem !important;
  }
  .pe-md-13 {
    padding-right: 4rem !important;
  }
  .pe-md-14 {
    padding-right: 4.5rem !important;
  }
  .pe-md-15 {
    padding-right: 5rem !important;
  }
  .pe-md-16 {
    padding-right: 6rem !important;
  }
  .pe-md-17 {
    padding-right: 7rem !important;
  }
  .pe-md-18 {
    padding-right: 8rem !important;
  }
  .pe-md-19 {
    padding-right: 9rem !important;
  }
  .pe-md-20 {
    padding-right: 10rem !important;
  }
  .pe-md-21 {
    padding-right: 12.5rem !important;
  }
  .pe-md-22 {
    padding-right: 15rem !important;
  }
  .pe-md-23 {
    padding-right: 17.5rem !important;
  }
  .pe-md-24 {
    padding-right: 20rem !important;
  }
  .pe-md-25 {
    padding-right: 22.5rem !important;
  }

  /* pb */
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 0.75rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1rem !important;
  }
  .pb-md-5 {
    padding-bottom: 1.25rem !important;
  }
  .pb-md-6 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-7 {
    padding-bottom: 1.75rem !important;
  }
  .pb-md-8 {
    padding-bottom: 2rem !important;
  }
  .pb-md-9 {
    padding-bottom: 2.25rem !important;
  }
  .pb-md-10 {
    padding-bottom: 2.5rem !important;
  }
  .pb-md-11 {
    padding-bottom: 3rem !important;
  }
  .pb-md-12 {
    padding-bottom: 3.5rem !important;
  }
  .pb-md-13 {
    padding-bottom: 4rem !important;
  }
  .pb-md-14 {
    padding-bottom: 4.5rem !important;
  }
  .pb-md-15 {
    padding-bottom: 5rem !important;
  }
  .pb-md-16 {
    padding-bottom: 6rem !important;
  }
  .pb-md-17 {
    padding-bottom: 7rem !important;
  }
  .pb-md-18 {
    padding-bottom: 8rem !important;
  }
  .pb-md-19 {
    padding-bottom: 9rem !important;
  }
  .pb-md-20 {
    padding-bottom: 10rem !important;
  }
  .pb-md-21 {
    padding-bottom: 12.5rem !important;
  }
  .pb-md-22 {
    padding-bottom: 15rem !important;
  }
  .pb-md-23 {
    padding-bottom: 17.5rem !important;
  }
  .pb-md-24 {
    padding-bottom: 20rem !important;
  }
  .pb-md-25 {
    padding-bottom: 22.5rem !important;
  }

  /* ps */
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 0.75rem !important;
  }
  .ps-md-4 {
    padding-left: 1rem !important;
  }
  .ps-md-5 {
    padding-left: 1.25rem !important;
  }
  .ps-md-6 {
    padding-left: 1.5rem !important;
  }
  .ps-md-7 {
    padding-left: 1.75rem !important;
  }
  .ps-md-8 {
    padding-left: 2rem !important;
  }
  .ps-md-9 {
    padding-left: 2.25rem !important;
  }
  .ps-md-10 {
    padding-left: 2.5rem !important;
  }
  .ps-md-11 {
    padding-left: 3rem !important;
  }
  .ps-md-12 {
    padding-left: 3.5rem !important;
  }
  .ps-md-13 {
    padding-left: 4rem !important;
  }
  .ps-md-14 {
    padding-left: 4.5rem !important;
  }
  .ps-md-15 {
    padding-left: 5rem !important;
  }
  .ps-md-16 {
    padding-left: 6rem !important;
  }
  .ps-md-17 {
    padding-left: 7rem !important;
  }
  .ps-md-18 {
    padding-left: 8rem !important;
  }
  .ps-md-19 {
    padding-left: 9rem !important;
  }
  .ps-md-20 {
    padding-left: 10rem !important;
  }
  .ps-md-21 {
    padding-left: 12.5rem !important;
  }
  .ps-md-22 {
    padding-left: 15rem !important;
  }
  .ps-md-23 {
    padding-left: 17.5rem !important;
  }
  .ps-md-24 {
    padding-left: 20rem !important;
  }
  .ps-md-25 {
    padding-left: 22.5rem !important;
  }

  /* gap */
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 0.75rem !important;
  }
  .gap-md-4 {
    gap: 1rem !important;
  }
  .gap-md-5 {
    gap: 1.25rem !important;
  }
  .gap-md-6 {
    gap: 1.5rem !important;
  }
  .gap-md-7 {
    gap: 1.75rem !important;
  }
  .gap-md-8 {
    gap: 2rem !important;
  }
  .gap-md-9 {
    gap: 2.25rem !important;
  }
  .gap-md-10 {
    gap: 2.5rem !important;
  }
  .gap-md-11 {
    gap: 3rem !important;
  }
  .gap-md-12 {
    gap: 3.5rem !important;
  }
  .gap-md-13 {
    gap: 4rem !important;
  }
  .gap-md-14 {
    gap: 4.5rem !important;
  }
  .gap-md-15 {
    gap: 5rem !important;
  }
  .gap-md-16 {
    gap: 6rem !important;
  }
  .gap-md-17 {
    gap: 7rem !important;
  }
  .gap-md-18 {
    gap: 8rem !important;
  }
  .gap-md-19 {
    gap: 9rem !important;
  }
  .gap-md-20 {
    gap: 10rem !important;
  }

  /* row-gap */
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 0.75rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1rem !important;
  }
  .row-gap-md-5 {
    row-gap: 1.25rem !important;
  }
  .row-gap-md-6 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-7 {
    row-gap: 1.75rem !important;
  }
  .row-gap-md-8 {
    row-gap: 2rem !important;
  }
  .row-gap-md-9 {
    row-gap: 2.25rem !important;
  }
  .row-gap-md-10 {
    row-gap: 2.5rem !important;
  }
  .row-gap-md-11 {
    row-gap: 3rem !important;
  }
  .row-gap-md-12 {
    row-gap: 3.5rem !important;
  }
  .row-gap-md-13 {
    row-gap: 4rem !important;
  }
  .row-gap-md-14 {
    row-gap: 4.5rem !important;
  }
  .row-gap-md-15 {
    row-gap: 5rem !important;
  }
  .row-gap-md-16 {
    row-gap: 6rem !important;
  }
  .row-gap-md-17 {
    row-gap: 7rem !important;
  }
  .row-gap-md-18 {
    row-gap: 8rem !important;
  }
  .row-gap-md-19 {
    row-gap: 9rem !important;
  }
  .row-gap-md-20 {
    row-gap: 10rem !important;
  }

  /* column-gap */
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 0.75rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1rem !important;
  }
  .column-gap-md-5 {
    column-gap: 1.25rem !important;
  }
  .column-gap-md-6 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-7 {
    column-gap: 1.75rem !important;
  }
  .column-gap-md-8 {
    column-gap: 2rem !important;
  }
  .column-gap-md-9 {
    column-gap: 2.25rem !important;
  }
  .column-gap-md-10 {
    column-gap: 2.5rem !important;
  }
  .column-gap-md-11 {
    column-gap: 3rem !important;
  }
  .column-gap-md-12 {
    column-gap: 3.5rem !important;
  }
  .column-gap-md-13 {
    column-gap: 4rem !important;
  }
  .column-gap-md-14 {
    column-gap: 4.5rem !important;
  }
  .column-gap-md-15 {
    column-gap: 5rem !important;
  }
  .column-gap-md-16 {
    column-gap: 6rem !important;
  }
  .column-gap-md-17 {
    column-gap: 7rem !important;
  }
  .column-gap-md-18 {
    column-gap: 8rem !important;
  }
  .column-gap-md-19 {
    column-gap: 9rem !important;
  }
  .column-gap-md-20 {
    column-gap: 10rem !important;
  }
}

/* === LG (>= 992px) === */
@media (min-width: 992px) {
  /* width */
  .w-lg-0 {
    width: 0 !important;
  }
  .w-lg-1 {
    width: 0.25rem !important;
  }
  .w-lg-2 {
    width: 0.5rem !important;
  }
  .w-lg-3 {
    width: 0.75rem !important;
  }
  .w-lg-4 {
    width: 1rem !important;
  }
  .w-lg-5 {
    width: 1.25rem !important;
  }
  .w-lg-6 {
    width: 1.5rem !important;
  }
  .w-lg-7 {
    width: 1.75rem !important;
  }
  .w-lg-8 {
    width: 2rem !important;
  }
  .w-lg-9 {
    width: 2.25rem !important;
  }
  .w-lg-10 {
    width: 2.5rem !important;
  }
  .w-lg-11 {
    width: 3rem !important;
  }
  .w-lg-12 {
    width: 3.5rem !important;
  }
  .w-lg-13 {
    width: 4rem !important;
  }
  .w-lg-14 {
    width: 4.5rem !important;
  }
  .w-lg-15 {
    width: 5rem !important;
  }
  .w-lg-16 {
    width: 6rem !important;
  }
  .w-lg-17 {
    width: 7rem !important;
  }
  .w-lg-18 {
    width: 8rem !important;
  }
  .w-lg-19 {
    width: 9rem !important;
  }
  .w-lg-20 {
    width: 10rem !important;
  }
  .w-lg-21 {
    width: 12.5rem !important;
  }
  .w-lg-22 {
    width: 15rem !important;
  }
  .w-lg-23 {
    width: 17.5rem !important;
  }
  .w-lg-24 {
    width: 20rem !important;
  }

  /* height */
  .h-lg-0 {
    height: 0 !important;
  }
  .h-lg-1 {
    height: 0.25rem !important;
  }
  .h-lg-2 {
    height: 0.5rem !important;
  }
  .h-lg-3 {
    height: 0.75rem !important;
  }
  .h-lg-4 {
    height: 1rem !important;
  }
  .h-lg-5 {
    height: 1.25rem !important;
  }
  .h-lg-6 {
    height: 1.5rem !important;
  }
  .h-lg-7 {
    height: 1.75rem !important;
  }
  .h-lg-8 {
    height: 2rem !important;
  }
  .h-lg-9 {
    height: 2.25rem !important;
  }
  .h-lg-10 {
    height: 2.5rem !important;
  }
  .h-lg-11 {
    height: 3rem !important;
  }
  .h-lg-12 {
    height: 3.5rem !important;
  }
  .h-lg-13 {
    height: 4rem !important;
  }
  .h-lg-14 {
    height: 4.5rem !important;
  }
  .h-lg-15 {
    height: 5rem !important;
  }
  .h-lg-16 {
    height: 6rem !important;
  }
  .h-lg-17 {
    height: 7rem !important;
  }
  .h-lg-18 {
    height: 8rem !important;
  }
  .h-lg-19 {
    height: 9rem !important;
  }
  .h-lg-20 {
    height: 10rem !important;
  }

  /* m */
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 0.75rem !important;
  }
  .m-lg-4 {
    margin: 1rem !important;
  }
  .m-lg-5 {
    margin: 1.25rem !important;
  }
  .m-lg-6 {
    margin: 1.5rem !important;
  }
  .m-lg-7 {
    margin: 1.75rem !important;
  }
  .m-lg-8 {
    margin: 2rem !important;
  }
  .m-lg-9 {
    margin: 2.25rem !important;
  }
  .m-lg-10 {
    margin: 2.5rem !important;
  }
  .m-lg-11 {
    margin: 3rem !important;
  }
  .m-lg-12 {
    margin: 3.5rem !important;
  }
  .m-lg-13 {
    margin: 4rem !important;
  }
  .m-lg-14 {
    margin: 4.5rem !important;
  }
  .m-lg-15 {
    margin: 5rem !important;
  }
  .m-lg-16 {
    margin: 6rem !important;
  }
  .m-lg-17 {
    margin: 7rem !important;
  }
  .m-lg-18 {
    margin: 8rem !important;
  }
  .m-lg-19 {
    margin: 9rem !important;
  }
  .m-lg-20 {
    margin: 10rem !important;
  }
  .m-lg-21 {
    margin: 12.5rem !important;
  }
  .m-lg-22 {
    margin: 15rem !important;
  }
  .m-lg-23 {
    margin: 17.5rem !important;
  }
  .m-lg-24 {
    margin: 20rem !important;
  }
  .m-lg-25 {
    margin: 22.5rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -0.75rem !important;
  }
  .m-lg-n4 {
    margin: -1rem !important;
  }
  .m-lg-n5 {
    margin: -1.25rem !important;
  }
  .m-lg-n6 {
    margin: -1.5rem !important;
  }
  .m-lg-n7 {
    margin: -1.75rem !important;
  }
  .m-lg-n8 {
    margin: -2rem !important;
  }
  .m-lg-n9 {
    margin: -2.25rem !important;
  }
  .m-lg-n10 {
    margin: -2.5rem !important;
  }
  .m-lg-n11 {
    margin: -3rem !important;
  }
  .m-lg-n12 {
    margin: -3.5rem !important;
  }
  .m-lg-n13 {
    margin: -4rem !important;
  }
  .m-lg-n14 {
    margin: -4.5rem !important;
  }
  .m-lg-n15 {
    margin: -5rem !important;
  }
  .m-lg-n16 {
    margin: -6rem !important;
  }
  .m-lg-n17 {
    margin: -7rem !important;
  }
  .m-lg-n18 {
    margin: -8rem !important;
  }
  .m-lg-n19 {
    margin: -9rem !important;
  }
  .m-lg-n20 {
    margin: -10rem !important;
  }

  /* mx */
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .mx-lg-4 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-5 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .mx-lg-6 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-7 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
  }
  .mx-lg-8 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-lg-9 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
  }
  .mx-lg-10 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-lg-11 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-12 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }
  .mx-lg-13 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-lg-14 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }
  .mx-lg-15 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-lg-16 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .mx-lg-17 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .mx-lg-18 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
  }
  .mx-lg-19 {
    margin-right: 9rem !important;
    margin-left: 9rem !important;
  }
  .mx-lg-20 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
  }
  .mx-lg-21 {
    margin-right: 12.5rem !important;
    margin-left: 12.5rem !important;
  }
  .mx-lg-22 {
    margin-right: 15rem !important;
    margin-left: 15rem !important;
  }
  .mx-lg-23 {
    margin-right: 17.5rem !important;
    margin-left: 17.5rem !important;
  }
  .mx-lg-24 {
    margin-right: 20rem !important;
    margin-left: 20rem !important;
  }
  .mx-lg-25 {
    margin-right: 22.5rem !important;
    margin-left: 22.5rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-lg-n3 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .mx-lg-n4 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-lg-n5 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }
  .mx-lg-n6 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-lg-n7 {
    margin-right: -1.75rem !important;
    margin-left: -1.75rem !important;
  }
  .mx-lg-n8 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-lg-n9 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important;
  }
  .mx-lg-n10 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .mx-lg-n11 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-lg-n12 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }
  .mx-lg-n13 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .mx-lg-n14 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important;
  }
  .mx-lg-n15 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .mx-lg-n16 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .mx-lg-n17 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .mx-lg-n18 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
  }
  .mx-lg-n19 {
    margin-right: -9rem !important;
    margin-left: -9rem !important;
  }
  .mx-lg-n20 {
    margin-right: -10rem !important;
    margin-left: -10rem !important;
  }

  /* my */
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .my-lg-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .my-lg-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  .my-lg-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .my-lg-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-lg-11 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-12 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-lg-13 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-lg-14 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-lg-15 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-lg-16 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-lg-17 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-lg-18 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-lg-19 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-lg-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .my-lg-21 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
  .my-lg-22 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .my-lg-23 {
    margin-top: 17.5rem !important;
    margin-bottom: 17.5rem !important;
  }
  .my-lg-24 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .my-lg-25 {
    margin-top: 22.5rem !important;
    margin-bottom: 22.5rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my-lg-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-lg-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-lg-n3 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .my-lg-n4 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-lg-n5 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }
  .my-lg-n6 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-lg-n7 {
    margin-top: -1.75rem !important;
    margin-bottom: -1.75rem !important;
  }
  .my-lg-n8 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-lg-n9 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important;
  }
  .my-lg-n10 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .my-lg-n11 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-lg-n12 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .my-lg-n13 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .my-lg-n14 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
  }
  .my-lg-n15 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .my-lg-n16 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .my-lg-n17 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-lg-n18 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }
  .my-lg-n19 {
    margin-top: -9rem !important;
    margin-bottom: -9rem !important;
  }
  .my-lg-n20 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }
  .my-lg-n21 {
    margin-top: -12.5rem !important;
    margin-bottom: -12.5rem !important;
  }
  .my-lg-n22 {
    margin-top: -15rem !important;
    margin-bottom: -15rem !important;
  }
  .my-lg-n23 {
    margin-top: -17.5rem !important;
    margin-bottom: -17.5rem !important;
  }
  .my-lg-n24 {
    margin-top: -20rem !important;
    margin-bottom: -20rem !important;
  }
  .my-lg-n25 {
    margin-top: -22.5rem !important;
    margin-bottom: -22.5rem !important;
  }

  /* mt */
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 0.75rem !important;
  }
  .mt-lg-4 {
    margin-top: 1rem !important;
  }
  .mt-lg-5 {
    margin-top: 1.25rem !important;
  }
  .mt-lg-6 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-7 {
    margin-top: 1.75rem !important;
  }
  .mt-lg-8 {
    margin-top: 2rem !important;
  }
  .mt-lg-9 {
    margin-top: 2.25rem !important;
  }
  .mt-lg-10 {
    margin-top: 2.5rem !important;
  }
  .mt-lg-11 {
    margin-top: 3rem !important;
  }
  .mt-lg-12 {
    margin-top: 3.5rem !important;
  }
  .mt-lg-13 {
    margin-top: 4rem !important;
  }
  .mt-lg-14 {
    margin-top: 4.5rem !important;
  }
  .mt-lg-15 {
    margin-top: 5rem !important;
  }
  .mt-lg-16 {
    margin-top: 6rem !important;
  }
  .mt-lg-17 {
    margin-top: 7rem !important;
  }
  .mt-lg-18 {
    margin-top: 8rem !important;
  }
  .mt-lg-19 {
    margin-top: 9rem !important;
  }
  .mt-lg-20 {
    margin-top: 10rem !important;
  }
  .mt-lg-21 {
    margin-top: 12.5rem !important;
  }
  .mt-lg-22 {
    margin-top: 15rem !important;
  }
  .mt-lg-23 {
    margin-top: 17.5rem !important;
  }
  .mt-lg-24 {
    margin-top: 20rem !important;
  }
  .mt-lg-25 {
    margin-top: 22.5rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mt-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-lg-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-lg-n4 {
    margin-top: -1rem !important;
  }
  .mt-lg-n5 {
    margin-top: -1.25rem !important;
  }
  .mt-lg-n6 {
    margin-top: -1.5rem !important;
  }
  .mt-lg-n7 {
    margin-top: -1.75rem !important;
  }
  .mt-lg-n8 {
    margin-top: -2rem !important;
  }
  .mt-lg-n9 {
    margin-top: -2.25rem !important;
  }
  .mt-lg-n10 {
    margin-top: -2.5rem !important;
  }
  .mt-lg-n11 {
    margin-top: -3rem !important;
  }
  .mt-lg-n12 {
    margin-top: -3.5rem !important;
  }
  .mt-lg-n13 {
    margin-top: -4rem !important;
  }
  .mt-lg-n14 {
    margin-top: -4.5rem !important;
  }
  .mt-lg-n15 {
    margin-top: -5rem !important;
  }
  .mt-lg-n16 {
    margin-top: -6rem !important;
  }
  .mt-lg-n17 {
    margin-top: -7rem !important;
  }
  .mt-lg-n18 {
    margin-top: -8rem !important;
  }
  .mt-lg-n19 {
    margin-top: -9rem !important;
  }
  .mt-lg-n20 {
    margin-top: -10rem !important;
  }

  /* me */
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 0.75rem !important;
  }
  .me-lg-4 {
    margin-right: 1rem !important;
  }
  .me-lg-5 {
    margin-right: 1.25rem !important;
  }
  .me-lg-6 {
    margin-right: 1.5rem !important;
  }
  .me-lg-7 {
    margin-right: 1.75rem !important;
  }
  .me-lg-8 {
    margin-right: 2rem !important;
  }
  .me-lg-9 {
    margin-right: 2.25rem !important;
  }
  .me-lg-10 {
    margin-right: 2.5rem !important;
  }
  .me-lg-11 {
    margin-right: 3rem !important;
  }
  .me-lg-12 {
    margin-right: 3.5rem !important;
  }
  .me-lg-13 {
    margin-right: 4rem !important;
  }
  .me-lg-14 {
    margin-right: 4.5rem !important;
  }
  .me-lg-15 {
    margin-right: 5rem !important;
  }
  .me-lg-16 {
    margin-right: 6rem !important;
  }
  .me-lg-17 {
    margin-right: 7rem !important;
  }
  .me-lg-18 {
    margin-right: 8rem !important;
  }
  .me-lg-19 {
    margin-right: 9rem !important;
  }
  .me-lg-20 {
    margin-right: 10rem !important;
  }
  .me-lg-21 {
    margin-right: 12.5rem !important;
  }
  .me-lg-22 {
    margin-right: 15rem !important;
  }
  .me-lg-23 {
    margin-right: 17.5rem !important;
  }
  .me-lg-24 {
    margin-right: 20rem !important;
  }
  .me-lg-25 {
    margin-right: 22.5rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .me-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .me-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .me-lg-n3 {
    margin-right: -0.75rem !important;
  }
  .me-lg-n4 {
    margin-right: -1rem !important;
  }
  .me-lg-n5 {
    margin-right: -1.25rem !important;
  }
  .me-lg-n6 {
    margin-right: -1.5rem !important;
  }
  .me-lg-n7 {
    margin-right: -1.75rem !important;
  }
  .me-lg-n8 {
    margin-right: -2rem !important;
  }
  .me-lg-n9 {
    margin-right: -2.25rem !important;
  }
  .me-lg-n10 {
    margin-right: -2.5rem !important;
  }
  .me-lg-n11 {
    margin-right: -3rem !important;
  }
  .me-lg-n12 {
    margin-right: -3.5rem !important;
  }
  .me-lg-n13 {
    margin-right: -4rem !important;
  }
  .me-lg-n14 {
    margin-right: -4.5rem !important;
  }
  .me-lg-n15 {
    margin-right: -5rem !important;
  }
  .me-lg-n16 {
    margin-right: -6rem !important;
  }
  .me-lg-n17 {
    margin-right: -7rem !important;
  }
  .me-lg-n18 {
    margin-right: -8rem !important;
  }
  .me-lg-n19 {
    margin-right: -9rem !important;
  }
  .me-lg-n20 {
    margin-right: -10rem !important;
  }

  /* mb */
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 0.75rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 1.25rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 1.75rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 2.25rem !important;
  }
  .mb-lg-10 {
    margin-bottom: 2.5rem !important;
  }
  .mb-lg-11 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-12 {
    margin-bottom: 3.5rem !important;
  }
  .mb-lg-13 {
    margin-bottom: 4rem !important;
  }
  .mb-lg-14 {
    margin-bottom: 4.5rem !important;
  }
  .mb-lg-15 {
    margin-bottom: 5rem !important;
  }
  .mb-lg-16 {
    margin-bottom: 6rem !important;
  }
  .mb-lg-17 {
    margin-bottom: 7rem !important;
  }
  .mb-lg-18 {
    margin-bottom: 8rem !important;
  }
  .mb-lg-19 {
    margin-bottom: 9rem !important;
  }
  .mb-lg-20 {
    margin-bottom: 10rem !important;
  }
  .mb-lg-21 {
    margin-bottom: 12.5rem !important;
  }
  .mb-lg-22 {
    margin-bottom: 15rem !important;
  }
  .mb-lg-23 {
    margin-bottom: 17.5rem !important;
  }
  .mb-lg-24 {
    margin-bottom: 20rem !important;
  }
  .mb-lg-25 {
    margin-bottom: 22.5rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .mb-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-lg-n3 {
    margin-bottom: -0.75rem !important;
  }
  .mb-lg-n4 {
    margin-bottom: -1rem !important;
  }
  .mb-lg-n5 {
    margin-bottom: -1.25rem !important;
  }
  .mb-lg-n6 {
    margin-bottom: -1.5rem !important;
  }
  .mb-lg-n7 {
    margin-bottom: -1.75rem !important;
  }
  .mb-lg-n8 {
    margin-bottom: -2rem !important;
  }
  .mb-lg-n9 {
    margin-bottom: -2.25rem !important;
  }
  .mb-lg-n10 {
    margin-bottom: -2.5rem !important;
  }
  .mb-lg-n11 {
    margin-bottom: -3rem !important;
  }
  .mb-lg-n12 {
    margin-bottom: -3.5rem !important;
  }
  .mb-lg-n13 {
    margin-bottom: -4rem !important;
  }
  .mb-lg-n14 {
    margin-bottom: -4.5rem !important;
  }
  .mb-lg-n15 {
    margin-bottom: -5rem !important;
  }
  .mb-lg-n16 {
    margin-bottom: -6rem !important;
  }
  .mb-lg-n17 {
    margin-bottom: -7rem !important;
  }
  .mb-lg-n18 {
    margin-bottom: -8rem !important;
  }
  .mb-lg-n19 {
    margin-bottom: -9rem !important;
  }
  .mb-lg-n20 {
    margin-bottom: -10rem !important;
  }

  /* ms */
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 0.75rem !important;
  }
  .ms-lg-4 {
    margin-left: 1rem !important;
  }
  .ms-lg-5 {
    margin-left: 1.25rem !important;
  }
  .ms-lg-6 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-7 {
    margin-left: 1.75rem !important;
  }
  .ms-lg-8 {
    margin-left: 2rem !important;
  }
  .ms-lg-9 {
    margin-left: 2.25rem !important;
  }
  .ms-lg-10 {
    margin-left: 2.5rem !important;
  }
  .ms-lg-11 {
    margin-left: 3rem !important;
  }
  .ms-lg-12 {
    margin-left: 3.5rem !important;
  }
  .ms-lg-13 {
    margin-left: 4rem !important;
  }
  .ms-lg-14 {
    margin-left: 4.5rem !important;
  }
  .ms-lg-15 {
    margin-left: 5rem !important;
  }
  .ms-lg-16 {
    margin-left: 6rem !important;
  }
  .ms-lg-17 {
    margin-left: 7rem !important;
  }
  .ms-lg-18 {
    margin-left: 8rem !important;
  }
  .ms-lg-19 {
    margin-left: 9rem !important;
  }
  .ms-lg-20 {
    margin-left: 10rem !important;
  }
  .ms-lg-21 {
    margin-left: 12.5rem !important;
  }
  .ms-lg-22 {
    margin-left: 15rem !important;
  }
  .ms-lg-23 {
    margin-left: 17.5rem !important;
  }
  .ms-lg-24 {
    margin-left: 20rem !important;
  }
  .ms-lg-25 {
    margin-left: 22.5rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .ms-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-lg-n3 {
    margin-left: -0.75rem !important;
  }
  .ms-lg-n4 {
    margin-left: -1rem !important;
  }
  .ms-lg-n5 {
    margin-left: -1.25rem !important;
  }
  .ms-lg-n6 {
    margin-left: -1.5rem !important;
  }
  .ms-lg-n7 {
    margin-left: -1.75rem !important;
  }
  .ms-lg-n8 {
    margin-left: -2rem !important;
  }
  .ms-lg-n9 {
    margin-left: -2.25rem !important;
  }
  .ms-lg-n10 {
    margin-left: -2.5rem !important;
  }
  .ms-lg-n11 {
    margin-left: -3rem !important;
  }
  .ms-lg-n12 {
    margin-left: -3.5rem !important;
  }
  .ms-lg-n13 {
    margin-left: -4rem !important;
  }
  .ms-lg-n14 {
    margin-left: -4.5rem !important;
  }
  .ms-lg-n15 {
    margin-left: -5rem !important;
  }
  .ms-lg-n16 {
    margin-left: -6rem !important;
  }
  .ms-lg-n17 {
    margin-left: -7rem !important;
  }
  .ms-lg-n18 {
    margin-left: -8rem !important;
  }
  .ms-lg-n19 {
    margin-left: -9rem !important;
  }
  .ms-lg-n20 {
    margin-left: -10rem !important;
  }

  /* p */
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 0.75rem !important;
  }
  .p-lg-4 {
    padding: 1rem !important;
  }
  .p-lg-5 {
    padding: 1.25rem !important;
  }
  .p-lg-6 {
    padding: 1.5rem !important;
  }
  .p-lg-7 {
    padding: 1.75rem !important;
  }
  .p-lg-8 {
    padding: 2rem !important;
  }
  .p-lg-9 {
    padding: 2.25rem !important;
  }
  .p-lg-10 {
    padding: 2.5rem !important;
  }
  .p-lg-11 {
    padding: 3rem !important;
  }
  .p-lg-12 {
    padding: 3.5rem !important;
  }
  .p-lg-13 {
    padding: 4rem !important;
  }
  .p-lg-14 {
    padding: 4.5rem !important;
  }
  .p-lg-15 {
    padding: 5rem !important;
  }
  .p-lg-16 {
    padding: 6rem !important;
  }
  .p-lg-17 {
    padding: 7rem !important;
  }
  .p-lg-18 {
    padding: 8rem !important;
  }
  .p-lg-19 {
    padding: 9rem !important;
  }
  .p-lg-20 {
    padding: 10rem !important;
  }

  /* px */
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .px-lg-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-5 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .px-lg-6 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-7 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }
  .px-lg-8 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-lg-9 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }
  .px-lg-10 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .px-lg-11 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-lg-12 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
  .px-lg-13 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .px-lg-14 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  .px-lg-15 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-lg-16 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .px-lg-17 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .px-lg-18 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }
  .px-lg-19 {
    padding-right: 9rem !important;
    padding-left: 9rem !important;
  }
  .px-lg-20 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }

  /* py */
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .py-lg-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .py-lg-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .py-lg-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-lg-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .py-lg-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-lg-11 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-lg-12 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-lg-13 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-lg-14 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-lg-15 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-lg-16 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-lg-17 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-lg-18 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-lg-19 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-lg-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  /* pt */
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 0.75rem !important;
  }
  .pt-lg-4 {
    padding-top: 1rem !important;
  }
  .pt-lg-5 {
    padding-top: 1.25rem !important;
  }
  .pt-lg-6 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-7 {
    padding-top: 1.75rem !important;
  }
  .pt-lg-8 {
    padding-top: 2rem !important;
  }
  .pt-lg-9 {
    padding-top: 2.25rem !important;
  }
  .pt-lg-10 {
    padding-top: 2.5rem !important;
  }
  .pt-lg-11 {
    padding-top: 3rem !important;
  }
  .pt-lg-12 {
    padding-top: 3.5rem !important;
  }
  .pt-lg-13 {
    padding-top: 4rem !important;
  }
  .pt-lg-14 {
    padding-top: 4.5rem !important;
  }
  .pt-lg-15 {
    padding-top: 5rem !important;
  }
  .pt-lg-16 {
    padding-top: 6rem !important;
  }
  .pt-lg-17 {
    padding-top: 7rem !important;
  }
  .pt-lg-18 {
    padding-top: 8rem !important;
  }
  .pt-lg-19 {
    padding-top: 9rem !important;
  }
  .pt-lg-20 {
    padding-top: 10rem !important;
  }
  /* pe */
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 0.75rem !important;
  }
  .pe-lg-4 {
    padding-right: 1rem !important;
  }
  .pe-lg-5 {
    padding-right: 1.25rem !important;
  }
  .pe-lg-6 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-7 {
    padding-right: 1.75rem !important;
  }
  .pe-lg-8 {
    padding-right: 2rem !important;
  }
  .pe-lg-9 {
    padding-right: 2.25rem !important;
  }
  .pe-lg-10 {
    padding-right: 2.5rem !important;
  }
  .pe-lg-11 {
    padding-right: 3rem !important;
  }
  .pe-lg-12 {
    padding-right: 3.5rem !important;
  }
  .pe-lg-13 {
    padding-right: 4rem !important;
  }
  .pe-lg-14 {
    padding-right: 4.5rem !important;
  }
  .pe-lg-15 {
    padding-right: 5rem !important;
  }
  .pe-lg-16 {
    padding-right: 6rem !important;
  }
  .pe-lg-17 {
    padding-right: 7rem !important;
  }
  .pe-lg-18 {
    padding-right: 8rem !important;
  }
  .pe-lg-19 {
    padding-right: 9rem !important;
  }
  .pe-lg-20 {
    padding-right: 10rem !important;
  }
  .pe-lg-21 {
    padding-right: 12.5rem !important;
  }
  .pe-lg-22 {
    padding-right: 15rem !important;
  }
  .pe-lg-23 {
    padding-right: 17.5rem !important;
  }
  .pe-lg-24 {
    padding-right: 20rem !important;
  }
  .pe-lg-25 {
    padding-right: 22.5rem !important;
  }

  /* pb */
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 0.75rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 1.25rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 1.75rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 2rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 2.25rem !important;
  }
  .pb-lg-10 {
    padding-bottom: 2.5rem !important;
  }
  .pb-lg-11 {
    padding-bottom: 3rem !important;
  }
  .pb-lg-12 {
    padding-bottom: 3.5rem !important;
  }
  .pb-lg-13 {
    padding-bottom: 4rem !important;
  }
  .pb-lg-14 {
    padding-bottom: 4.5rem !important;
  }
  .pb-lg-15 {
    padding-bottom: 5rem !important;
  }
  .pb-lg-16 {
    padding-bottom: 6rem !important;
  }
  .pb-lg-17 {
    padding-bottom: 7rem !important;
  }
  .pb-lg-18 {
    padding-bottom: 8rem !important;
  }
  .pb-lg-19 {
    padding-bottom: 9rem !important;
  }
  .pb-lg-20 {
    padding-bottom: 10rem !important;
  }

  /* ps */
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 0.75rem !important;
  }
  .ps-lg-4 {
    padding-left: 1rem !important;
  }
  .ps-lg-5 {
    padding-left: 1.25rem !important;
  }
  .ps-lg-6 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-7 {
    padding-left: 1.75rem !important;
  }
  .ps-lg-8 {
    padding-left: 2rem !important;
  }
  .ps-lg-9 {
    padding-left: 2.25rem !important;
  }
  .ps-lg-10 {
    padding-left: 2.5rem !important;
  }
  .ps-lg-11 {
    padding-left: 3rem !important;
  }
  .ps-lg-12 {
    padding-left: 3.5rem !important;
  }
  .ps-lg-13 {
    padding-left: 4rem !important;
  }
  .ps-lg-14 {
    padding-left: 4.5rem !important;
  }
  .ps-lg-15 {
    padding-left: 5rem !important;
  }
  .ps-lg-16 {
    padding-left: 6rem !important;
  }
  .ps-lg-17 {
    padding-left: 7rem !important;
  }
  .ps-lg-18 {
    padding-left: 8rem !important;
  }
  .ps-lg-19 {
    padding-left: 9rem !important;
  }
  .ps-lg-20 {
    padding-left: 10rem !important;
  }
  /* gap */
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 0.75rem !important;
  }
  .gap-lg-4 {
    gap: 1rem !important;
  }
  .gap-lg-5 {
    gap: 1.25rem !important;
  }
  .gap-lg-6 {
    gap: 1.5rem !important;
  }
  .gap-lg-7 {
    gap: 1.75rem !important;
  }
  .gap-lg-8 {
    gap: 2rem !important;
  }
  .gap-lg-9 {
    gap: 2.25rem !important;
  }
  .gap-lg-10 {
    gap: 2.5rem !important;
  }
  .gap-lg-11 {
    gap: 3rem !important;
  }
  .gap-lg-12 {
    gap: 3.5rem !important;
  }
  .gap-lg-13 {
    gap: 4rem !important;
  }
  .gap-lg-14 {
    gap: 4.5rem !important;
  }
  .gap-lg-15 {
    gap: 5rem !important;
  }
  .gap-lg-16 {
    gap: 6rem !important;
  }
  .gap-lg-17 {
    gap: 7rem !important;
  }
  .gap-lg-18 {
    gap: 8rem !important;
  }
  .gap-lg-19 {
    gap: 9rem !important;
  }
  .gap-lg-20 {
    gap: 10rem !important;
  }
  .gap-lg-21 {
    gap: 12.5rem !important;
  }
  .gap-lg-22 {
    gap: 15rem !important;
  }
  .gap-lg-23 {
    gap: 17.5rem !important;
  }
  .gap-lg-24 {
    gap: 20rem !important;
  }
  .gap-lg-25 {
    gap: 22.5rem !important;
  }

  /* row-gap */
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 0.75rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 1.25rem !important;
  }
  .row-gap-lg-6 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-7 {
    row-gap: 1.75rem !important;
  }
  .row-gap-lg-8 {
    row-gap: 2rem !important;
  }
  .row-gap-lg-9 {
    row-gap: 2.25rem !important;
  }
  .row-gap-lg-10 {
    row-gap: 2.5rem !important;
  }
  .row-gap-lg-11 {
    row-gap: 3rem !important;
  }
  .row-gap-lg-12 {
    row-gap: 3.5rem !important;
  }
  .row-gap-lg-13 {
    row-gap: 4rem !important;
  }
  .row-gap-lg-14 {
    row-gap: 4.5rem !important;
  }
  .row-gap-lg-15 {
    row-gap: 5rem !important;
  }
  .row-gap-lg-16 {
    row-gap: 6rem !important;
  }
  .row-gap-lg-17 {
    row-gap: 7rem !important;
  }
  .row-gap-lg-18 {
    row-gap: 8rem !important;
  }
  .row-gap-lg-19 {
    row-gap: 9rem !important;
  }
  .row-gap-lg-20 {
    row-gap: 10rem !important;
  }

  /* column-gap */
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 0.75rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 1.25rem !important;
  }
  .column-gap-lg-6 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-7 {
    column-gap: 1.75rem !important;
  }
  .column-gap-lg-8 {
    column-gap: 2rem !important;
  }
  .column-gap-lg-9 {
    column-gap: 2.25rem !important;
  }
  .column-gap-lg-10 {
    column-gap: 2.5rem !important;
  }
  .column-gap-lg-11 {
    column-gap: 3rem !important;
  }
  .column-gap-lg-12 {
    column-gap: 3.5rem !important;
  }
  .column-gap-lg-13 {
    column-gap: 4rem !important;
  }
  .column-gap-lg-14 {
    column-gap: 4.5rem !important;
  }
  .column-gap-lg-15 {
    column-gap: 5rem !important;
  }
  .column-gap-lg-16 {
    column-gap: 6rem !important;
  }
  .column-gap-lg-17 {
    column-gap: 7rem !important;
  }
  .column-gap-lg-18 {
    column-gap: 8rem !important;
  }
  .column-gap-lg-19 {
    column-gap: 9rem !important;
  }
  .column-gap-lg-20 {
    column-gap: 10rem !important;
  }
}

/* === XL (>= 1200px) === */
@media (min-width: 1200px) {
  /* width */
  .w-xl-0 {
    width: 0 !important;
  }
  .w-xl-1 {
    width: 0.25rem !important;
  }
  .w-xl-2 {
    width: 0.5rem !important;
  }
  .w-xl-3 {
    width: 0.75rem !important;
  }
  .w-xl-4 {
    width: 1rem !important;
  }
  .w-xl-5 {
    width: 1.25rem !important;
  }
  .w-xl-6 {
    width: 1.5rem !important;
  }
  .w-xl-7 {
    width: 1.75rem !important;
  }
  .w-xl-8 {
    width: 2rem !important;
  }
  .w-xl-9 {
    width: 2.25rem !important;
  }
  .w-xl-10 {
    width: 2.5rem !important;
  }
  .w-xl-11 {
    width: 3rem !important;
  }
  .w-xl-12 {
    width: 3.5rem !important;
  }
  .w-xl-13 {
    width: 4rem !important;
  }
  .w-xl-14 {
    width: 4.5rem !important;
  }
  .w-xl-15 {
    width: 5rem !important;
  }
  .w-xl-16 {
    width: 6rem !important;
  }
  .w-xl-17 {
    width: 7rem !important;
  }
  .w-xl-18 {
    width: 8rem !important;
  }
  .w-xl-19 {
    width: 9rem !important;
  }
  .w-xl-20 {
    width: 10rem !important;
  }

  /* height */
  .h-xl-0 {
    height: 0 !important;
  }
  .h-xl-1 {
    height: 0.25rem !important;
  }
  .h-xl-2 {
    height: 0.5rem !important;
  }
  .h-xl-3 {
    height: 0.75rem !important;
  }
  .h-xl-4 {
    height: 1rem !important;
  }
  .h-xl-5 {
    height: 1.25rem !important;
  }
  .h-xl-6 {
    height: 1.5rem !important;
  }
  .h-xl-7 {
    height: 1.75rem !important;
  }
  .h-xl-8 {
    height: 2rem !important;
  }
  .h-xl-9 {
    height: 2.25rem !important;
  }
  .h-xl-10 {
    height: 2.5rem !important;
  }
  .h-xl-11 {
    height: 3rem !important;
  }
  .h-xl-12 {
    height: 3.5rem !important;
  }
  .h-xl-13 {
    height: 4rem !important;
  }
  .h-xl-14 {
    height: 4.5rem !important;
  }
  .h-xl-15 {
    height: 5rem !important;
  }
  .h-xl-16 {
    height: 6rem !important;
  }
  .h-xl-17 {
    height: 7rem !important;
  }
  .h-xl-18 {
    height: 8rem !important;
  }
  .h-xl-19 {
    height: 9rem !important;
  }
  .h-xl-20 {
    height: 10rem !important;
  }

  /* m */
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 0.75rem !important;
  }
  .m-xl-4 {
    margin: 1rem !important;
  }
  .m-xl-5 {
    margin: 1.25rem !important;
  }
  .m-xl-6 {
    margin: 1.5rem !important;
  }
  .m-xl-7 {
    margin: 1.75rem !important;
  }
  .m-xl-8 {
    margin: 2rem !important;
  }
  .m-xl-9 {
    margin: 2.25rem !important;
  }
  .m-xl-10 {
    margin: 2.5rem !important;
  }
  .m-xl-11 {
    margin: 3rem !important;
  }
  .m-xl-12 {
    margin: 3.5rem !important;
  }
  .m-xl-13 {
    margin: 4rem !important;
  }
  .m-xl-14 {
    margin: 4.5rem !important;
  }
  .m-xl-15 {
    margin: 5rem !important;
  }
  .m-xl-16 {
    margin: 6rem !important;
  }
  .m-xl-17 {
    margin: 7rem !important;
  }
  .m-xl-18 {
    margin: 8rem !important;
  }
  .m-xl-19 {
    margin: 9rem !important;
  }
  .m-xl-20 {
    margin: 10rem !important;
  }
  .m-xl-21 {
    margin: 12.5rem !important;
  }
  .m-xl-22 {
    margin: 15rem !important;
  }
  .m-xl-23 {
    margin: 17.5rem !important;
  }
  .m-xl-24 {
    margin: 20rem !important;
  }
  .m-xl-25 {
    margin: 22.5rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -0.75rem !important;
  }
  .m-xl-n4 {
    margin: -1rem !important;
  }
  .m-xl-n5 {
    margin: -1.25rem !important;
  }
  .m-xl-n6 {
    margin: -1.5rem !important;
  }
  .m-xl-n7 {
    margin: -1.75rem !important;
  }
  .m-xl-n8 {
    margin: -2rem !important;
  }
  .m-xl-n9 {
    margin: -2.25rem !important;
  }
  .m-xl-n10 {
    margin: -2.5rem !important;
  }
  .m-xl-n11 {
    margin: -3rem !important;
  }
  .m-xl-n12 {
    margin: -3.5rem !important;
  }
  .m-xl-n13 {
    margin: -4rem !important;
  }
  .m-xl-n14 {
    margin: -4.5rem !important;
  }
  .m-xl-n15 {
    margin: -5rem !important;
  }
  .m-xl-n16 {
    margin: -6rem !important;
  }
  .m-xl-n17 {
    margin: -7rem !important;
  }
  .m-xl-n18 {
    margin: -8rem !important;
  }
  .m-xl-n19 {
    margin: -9rem !important;
  }
  .m-xl-n20 {
    margin: -10rem !important;
  }
  .m-xl-n21 {
    margin: -12.5rem !important;
  }
  .m-xl-n22 {
    margin: -15rem !important;
  }
  .m-xl-n23 {
    margin: -17.5rem !important;
  }
  .m-xl-n24 {
    margin: -20rem !important;
  }
  .m-xl-n25 {
    margin: -22.5rem !important;
  }

  /* mx */
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .mx-xl-4 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-5 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .mx-xl-6 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-7 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
  }
  .mx-xl-8 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xl-9 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
  }
  .mx-xl-10 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-xl-11 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-12 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }
  .mx-xl-13 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .mx-xl-14 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
  }
  .mx-xl-15 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .mx-xl-16 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .mx-xl-17 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .mx-xl-18 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
  }
  .mx-xl-19 {
    margin-right: 9rem !important;
    margin-left: 9rem !important;
  }
  .mx-xl-20 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
  }
  .mx-xl-21 {
    margin-right: 12.5rem !important;
    margin-left: 12.5rem !important;
  }
  .mx-xl-22 {
    margin-right: 15rem !important;
    margin-left: 15rem !important;
  }
  .mx-xl-23 {
    margin-right: 17.5rem !important;
    margin-left: 17.5rem !important;
  }
  .mx-xl-24 {
    margin-right: 20rem !important;
    margin-left: 20rem !important;
  }
  .mx-xl-25 {
    margin-right: 22.5rem !important;
    margin-left: 22.5rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-xl-n3 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .mx-xl-n4 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-xl-n5 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }
  .mx-xl-n6 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-xl-n7 {
    margin-right: -1.75rem !important;
    margin-left: -1.75rem !important;
  }
  .mx-xl-n8 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-xl-n9 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important;
  }
  .mx-xl-n10 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .mx-xl-n11 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .mx-xl-n12 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }
  .mx-xl-n13 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .mx-xl-n14 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important;
  }
  .mx-xl-n15 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .mx-xl-n16 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .mx-xl-n17 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .mx-xl-n18 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
  }
  .mx-xl-n19 {
    margin-right: -9rem !important;
    margin-left: -9rem !important;
  }
  .mx-xl-n20 {
    margin-right: -10rem !important;
    margin-left: -10rem !important;
  }
  .mx-xl-n21 {
    margin-right: -12.5rem !important;
    margin-left: -12.5rem !important;
  }
  .mx-xl-n22 {
    margin-right: -15rem !important;
    margin-left: -15rem !important;
  }
  .mx-xl-n23 {
    margin-right: -17.5rem !important;
    margin-left: -17.5rem !important;
  }
  .mx-xl-n24 {
    margin-right: -20rem !important;
    margin-left: -20rem !important;
  }
  .mx-xl-n25 {
    margin-right: -22.5rem !important;
    margin-left: -22.5rem !important;
  }

  /* my */
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .my-xl-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .my-xl-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  .my-xl-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .my-xl-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-xl-11 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-12 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-xl-13 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-xl-14 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-xl-15 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-xl-16 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-xl-17 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-xl-18 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-xl-19 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-xl-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .my-xl-21 {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }
  .my-xl-22 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .my-xl-23 {
    margin-top: 17.5rem !important;
    margin-bottom: 17.5rem !important;
  }
  .my-xl-24 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .my-xl-25 {
    margin-top: 22.5rem !important;
    margin-bottom: 22.5rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my-xl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-xl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-xl-n3 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .my-xl-n4 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xl-n5 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }
  .my-xl-n6 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-xl-n7 {
    margin-top: -1.75rem !important;
    margin-bottom: -1.75rem !important;
  }
  .my-xl-n8 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-xl-n9 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important;
  }
  .my-xl-n10 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .my-xl-n11 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-xl-n12 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .my-xl-n13 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .my-xl-n14 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important;
  }
  .my-xl-n15 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .my-xl-n16 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .my-xl-n17 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-xl-n18 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }
  .my-xl-n19 {
    margin-top: -9rem !important;
    margin-bottom: -9rem !important;
  }
  .my-xl-n20 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }
  .my-xl-n21 {
    margin-top: -12.5rem !important;
    margin-bottom: -12.5rem !important;
  }
  .my-xl-n22 {
    margin-top: -15rem !important;
    margin-bottom: -15rem !important;
  }
  .my-xl-n23 {
    margin-top: -17.5rem !important;
    margin-bottom: -17.5rem !important;
  }
  .my-xl-n24 {
    margin-top: -20rem !important;
    margin-bottom: -20rem !important;
  }
  .my-xl-n25 {
    margin-top: -22.5rem !important;
    margin-bottom: -22.5rem !important;
  }

  /* mt */
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 0.75rem !important;
  }
  .mt-xl-4 {
    margin-top: 1rem !important;
  }
  .mt-xl-5 {
    margin-top: 1.25rem !important;
  }
  .mt-xl-6 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-7 {
    margin-top: 1.75rem !important;
  }
  .mt-xl-8 {
    margin-top: 2rem !important;
  }
  .mt-xl-9 {
    margin-top: 2.25rem !important;
  }
  .mt-xl-10 {
    margin-top: 2.5rem !important;
  }
  .mt-xl-11 {
    margin-top: 3rem !important;
  }
  .mt-xl-12 {
    margin-top: 3.5rem !important;
  }
  .mt-xl-13 {
    margin-top: 4rem !important;
  }
  .mt-xl-14 {
    margin-top: 4.5rem !important;
  }
  .mt-xl-15 {
    margin-top: 5rem !important;
  }
  .mt-xl-16 {
    margin-top: 6rem !important;
  }
  .mt-xl-17 {
    margin-top: 7rem !important;
  }
  .mt-xl-18 {
    margin-top: 8rem !important;
  }
  .mt-xl-19 {
    margin-top: 9rem !important;
  }
  .mt-xl-20 {
    margin-top: 10rem !important;
  }
  .mt-xl-21 {
    margin-top: 12.5rem !important;
  }
  .mt-xl-22 {
    margin-top: 15rem !important;
  }
  .mt-xl-23 {
    margin-top: 17.5rem !important;
  }
  .mt-xl-24 {
    margin-top: 20rem !important;
  }
  .mt-xl-25 {
    margin-top: 22.5rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mt-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xl-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-xl-n4 {
    margin-top: -1rem !important;
  }
  .mt-xl-n5 {
    margin-top: -1.25rem !important;
  }
  .mt-xl-n6 {
    margin-top: -1.5rem !important;
  }
  .mt-xl-n7 {
    margin-top: -1.75rem !important;
  }
  .mt-xl-n8 {
    margin-top: -2rem !important;
  }
  .mt-xl-n9 {
    margin-top: -2.25rem !important;
  }
  .mt-xl-n10 {
    margin-top: -2.5rem !important;
  }
  .mt-xl-n11 {
    margin-top: -3rem !important;
  }
  .mt-xl-n12 {
    margin-top: -3.5rem !important;
  }
  .mt-xl-n13 {
    margin-top: -4rem !important;
  }
  .mt-xl-n14 {
    margin-top: -4.5rem !important;
  }
  .mt-xl-n15 {
    margin-top: -5rem !important;
  }
  .mt-xl-n16 {
    margin-top: -6rem !important;
  }
  .mt-xl-n17 {
    margin-top: -7rem !important;
  }
  .mt-xl-n18 {
    margin-top: -8rem !important;
  }
  .mt-xl-n19 {
    margin-top: -9rem !important;
  }
  .mt-xl-n20 {
    margin-top: -10rem !important;
  }
  .mt-xl-n21 {
    margin-top: -12.5rem !important;
  }
  .mt-xl-n22 {
    margin-top: -15rem !important;
  }
  .mt-xl-n23 {
    margin-top: -17.5rem !important;
  }
  .mt-xl-n24 {
    margin-top: -20rem !important;
  }
  .mt-xl-n25 {
    margin-top: -22.5rem !important;
  }

  /* me */
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 0.75rem !important;
  }
  .me-xl-4 {
    margin-right: 1rem !important;
  }
  .me-xl-5 {
    margin-right: 1.25rem !important;
  }
  .me-xl-6 {
    margin-right: 1.5rem !important;
  }
  .me-xl-7 {
    margin-right: 1.75rem !important;
  }
  .me-xl-8 {
    margin-right: 2rem !important;
  }
  .me-xl-9 {
    margin-right: 2.25rem !important;
  }
  .me-xl-10 {
    margin-right: 2.5rem !important;
  }
  .me-xl-11 {
    margin-right: 3rem !important;
  }
  .me-xl-12 {
    margin-right: 3.5rem !important;
  }
  .me-xl-13 {
    margin-right: 4rem !important;
  }
  .me-xl-14 {
    margin-right: 4.5rem !important;
  }
  .me-xl-15 {
    margin-right: 5rem !important;
  }
  .me-xl-16 {
    margin-right: 6rem !important;
  }
  .me-xl-17 {
    margin-right: 7rem !important;
  }
  .me-xl-18 {
    margin-right: 8rem !important;
  }
  .me-xl-19 {
    margin-right: 9rem !important;
  }
  .me-xl-20 {
    margin-right: 10rem !important;
  }
  .me-xl-21 {
    margin-right: 12.5rem !important;
  }
  .me-xl-22 {
    margin-right: 15rem !important;
  }
  .me-xl-23 {
    margin-right: 17.5rem !important;
  }
  .me-xl-24 {
    margin-right: 20rem !important;
  }
  .me-xl-25 {
    margin-right: 22.5rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .me-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .me-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .me-xl-n3 {
    margin-right: -0.75rem !important;
  }
  .me-xl-n4 {
    margin-right: -1rem !important;
  }
  .me-xl-n5 {
    margin-right: -1.25rem !important;
  }
  .me-xl-n6 {
    margin-right: -1.5rem !important;
  }
  .me-xl-n7 {
    margin-right: -1.75rem !important;
  }
  .me-xl-n8 {
    margin-right: -2rem !important;
  }
  .me-xl-n9 {
    margin-right: -2.25rem !important;
  }
  .me-xl-n10 {
    margin-right: -2.5rem !important;
  }
  .me-xl-n11 {
    margin-right: -3rem !important;
  }
  .me-xl-n12 {
    margin-right: -3.5rem !important;
  }
  .me-xl-n13 {
    margin-right: -4rem !important;
  }
  .me-xl-n14 {
    margin-right: -4.5rem !important;
  }
  .me-xl-n15 {
    margin-right: -5rem !important;
  }
  .me-xl-n16 {
    margin-right: -6rem !important;
  }
  .me-xl-n17 {
    margin-right: -7rem !important;
  }
  .me-xl-n18 {
    margin-right: -8rem !important;
  }
  .me-xl-n19 {
    margin-right: -9rem !important;
  }
  .me-xl-n20 {
    margin-right: -10rem !important;
  }
  .me-xl-n21 {
    margin-right: -12.5rem !important;
  }
  .me-xl-n22 {
    margin-right: -15rem !important;
  }
  .me-xl-n23 {
    margin-right: -17.5rem !important;
  }
  .me-xl-n24 {
    margin-right: -20rem !important;
  }
  .me-xl-n25 {
    margin-right: -22.5rem !important;
  }

  /* mb */
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 0.75rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 1.25rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 1.75rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 2.25rem !important;
  }
  .mb-xl-10 {
    margin-bottom: 2.5rem !important;
  }
  .mb-xl-11 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-12 {
    margin-bottom: 3.5rem !important;
  }
  .mb-xl-13 {
    margin-bottom: 4rem !important;
  }
  .mb-xl-14 {
    margin-bottom: 4.5rem !important;
  }
  .mb-xl-15 {
    margin-bottom: 5rem !important;
  }
  .mb-xl-16 {
    margin-bottom: 6rem !important;
  }
  .mb-xl-17 {
    margin-bottom: 7rem !important;
  }
  .mb-xl-18 {
    margin-bottom: 8rem !important;
  }
  .mb-xl-19 {
    margin-bottom: 9rem !important;
  }
  .mb-xl-20 {
    margin-bottom: 10rem !important;
  }
  .mb-xl-21 {
    margin-bottom: 12.5rem !important;
  }
  .mb-xl-22 {
    margin-bottom: 15rem !important;
  }
  .mb-xl-23 {
    margin-bottom: 17.5rem !important;
  }
  .mb-xl-24 {
    margin-bottom: 20rem !important;
  }
  .mb-xl-25 {
    margin-bottom: 22.5rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .mb-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xl-n3 {
    margin-bottom: -0.75rem !important;
  }
  .mb-xl-n4 {
    margin-bottom: -1rem !important;
  }
  .mb-xl-n5 {
    margin-bottom: -1.25rem !important;
  }
  .mb-xl-n6 {
    margin-bottom: -1.5rem !important;
  }
  .mb-xl-n7 {
    margin-bottom: -1.75rem !important;
  }
  .mb-xl-n8 {
    margin-bottom: -2rem !important;
  }
  .mb-xl-n9 {
    margin-bottom: -2.25rem !important;
  }
  .mb-xl-n10 {
    margin-bottom: -2.5rem !important;
  }
  .mb-xl-n11 {
    margin-bottom: -3rem !important;
  }
  .mb-xl-n12 {
    margin-bottom: -3.5rem !important;
  }
  .mb-xl-n13 {
    margin-bottom: -4rem !important;
  }
  .mb-xl-n14 {
    margin-bottom: -4.5rem !important;
  }
  .mb-xl-n15 {
    margin-bottom: -5rem !important;
  }
  .mb-xl-n16 {
    margin-bottom: -6rem !important;
  }
  .mb-xl-n17 {
    margin-bottom: -7rem !important;
  }
  .mb-xl-n18 {
    margin-bottom: -8rem !important;
  }
  .mb-xl-n19 {
    margin-bottom: -9rem !important;
  }
  .mb-xl-n20 {
    margin-bottom: -10rem !important;
  }
  .mb-xl-n21 {
    margin-bottom: -12.5rem !important;
  }
  .mb-xl-n22 {
    margin-bottom: -15rem !important;
  }
  .mb-xl-n23 {
    margin-bottom: -17.5rem !important;
  }
  .mb-xl-n24 {
    margin-bottom: -20rem !important;
  }
  .mb-xl-n25 {
    margin-bottom: -22.5rem !important;
  }

  /* ms */
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 0.75rem !important;
  }
  .ms-xl-4 {
    margin-left: 1rem !important;
  }
  .ms-xl-5 {
    margin-left: 1.25rem !important;
  }
  .ms-xl-6 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-7 {
    margin-left: 1.75rem !important;
  }
  .ms-xl-8 {
    margin-left: 2rem !important;
  }
  .ms-xl-9 {
    margin-left: 2.25rem !important;
  }
  .ms-xl-10 {
    margin-left: 2.5rem !important;
  }
  .ms-xl-11 {
    margin-left: 3rem !important;
  }
  .ms-xl-12 {
    margin-left: 3.5rem !important;
  }
  .ms-xl-13 {
    margin-left: 4rem !important;
  }
  .ms-xl-14 {
    margin-left: 4.5rem !important;
  }
  .ms-xl-15 {
    margin-left: 5rem !important;
  }
  .ms-xl-16 {
    margin-left: 6rem !important;
  }
  .ms-xl-17 {
    margin-left: 7rem !important;
  }
  .ms-xl-18 {
    margin-left: 8rem !important;
  }
  .ms-xl-19 {
    margin-left: 9rem !important;
  }
  .ms-xl-20 {
    margin-left: 10rem !important;
  }
  .ms-xl-21 {
    margin-left: 12.5rem !important;
  }
  .ms-xl-22 {
    margin-left: 15rem !important;
  }
  .ms-xl-23 {
    margin-left: 17.5rem !important;
  }
  .ms-xl-24 {
    margin-left: 20rem !important;
  }
  .ms-xl-25 {
    margin-left: 22.5rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .ms-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-xl-n3 {
    margin-left: -0.75rem !important;
  }
  .ms-xl-n4 {
    margin-left: -1rem !important;
  }
  .ms-xl-n5 {
    margin-left: -1.25rem !important;
  }
  .ms-xl-n6 {
    margin-left: -1.5rem !important;
  }
  .ms-xl-n7 {
    margin-left: -1.75rem !important;
  }
  .ms-xl-n8 {
    margin-left: -2rem !important;
  }
  .ms-xl-n9 {
    margin-left: -2.25rem !important;
  }
  .ms-xl-n10 {
    margin-left: -2.5rem !important;
  }
  .ms-xl-n11 {
    margin-left: -3rem !important;
  }
  .ms-xl-n12 {
    margin-left: -3.5rem !important;
  }
  .ms-xl-n13 {
    margin-left: -4rem !important;
  }
  .ms-xl-n14 {
    margin-left: -4.5rem !important;
  }
  .ms-xl-n15 {
    margin-left: -5rem !important;
  }
  .ms-xl-n16 {
    margin-left: -6rem !important;
  }
  .ms-xl-n17 {
    margin-left: -7rem !important;
  }
  .ms-xl-n18 {
    margin-left: -8rem !important;
  }
  .ms-xl-n19 {
    margin-left: -9rem !important;
  }
  .ms-xl-n20 {
    margin-left: -10rem !important;
  }
  .ms-xl-n21 {
    margin-left: -12.5rem !important;
  }
  .ms-xl-n22 {
    margin-left: -15rem !important;
  }
  .ms-xl-n23 {
    margin-left: -17.5rem !important;
  }
  .ms-xl-n24 {
    margin-left: -20rem !important;
  }
  .ms-xl-n25 {
    margin-left: -22.5rem !important;
  }

  /* p */
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 0.75rem !important;
  }
  .p-xl-4 {
    padding: 1rem !important;
  }
  .p-xl-5 {
    padding: 1.25rem !important;
  }
  .p-xl-6 {
    padding: 1.5rem !important;
  }
  .p-xl-7 {
    padding: 1.75rem !important;
  }
  .p-xl-8 {
    padding: 2rem !important;
  }
  .p-xl-9 {
    padding: 2.25rem !important;
  }
  .p-xl-10 {
    padding: 2.5rem !important;
  }
  .p-xl-11 {
    padding: 3rem !important;
  }
  .p-xl-12 {
    padding: 3.5rem !important;
  }
  .p-xl-13 {
    padding: 4rem !important;
  }
  .p-xl-14 {
    padding: 4.5rem !important;
  }
  .p-xl-15 {
    padding: 5rem !important;
  }
  .p-xl-16 {
    padding: 6rem !important;
  }
  .p-xl-17 {
    padding: 7rem !important;
  }
  .p-xl-18 {
    padding: 8rem !important;
  }
  .p-xl-19 {
    padding: 9rem !important;
  }
  .p-xl-20 {
    padding: 10rem !important;
  }
  .p-xl-21 {
    padding: 12.5rem !important;
  }
  .p-xl-22 {
    padding: 15rem !important;
  }
  .p-xl-23 {
    padding: 17.5rem !important;
  }
  .p-xl-24 {
    padding: 20rem !important;
  }
  .p-xl-25 {
    padding: 22.5rem !important;
  }

  /* px */
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .px-xl-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-5 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .px-xl-6 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-7 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }
  .px-xl-8 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xl-9 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }
  .px-xl-10 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .px-xl-11 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .px-xl-12 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
  .px-xl-13 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .px-xl-14 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  .px-xl-15 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .px-xl-16 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .px-xl-17 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .px-xl-18 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }
  .px-xl-19 {
    padding-right: 9rem !important;
    padding-left: 9rem !important;
  }
  .px-xl-20 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }
  .px-xl-21 {
    padding-right: 12.5rem !important;
    padding-left: 12.5rem !important;
  }
  .px-xl-22 {
    padding-right: 15rem !important;
    padding-left: 15rem !important;
  }
  .px-xl-23 {
    padding-right: 17.5rem !important;
    padding-left: 17.5rem !important;
  }
  .px-xl-24 {
    padding-right: 20rem !important;
    padding-left: 20rem !important;
  }
  .px-xl-25 {
    padding-right: 22.5rem !important;
    padding-left: 22.5rem !important;
  }

  /* py */
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .py-xl-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .py-xl-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .py-xl-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xl-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .py-xl-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-xl-11 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xl-12 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-xl-13 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xl-14 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-xl-15 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xl-16 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-xl-17 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-xl-18 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-xl-19 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-xl-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .py-xl-21 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }
  .py-xl-22 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .py-xl-23 {
    padding-top: 17.5rem !important;
    padding-bottom: 17.5rem !important;
  }
  .py-xl-24 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .py-xl-25 {
    padding-top: 22.5rem !important;
    padding-bottom: 22.5rem !important;
  }

  /* pt */
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 0.75rem !important;
  }
  .pt-xl-4 {
    padding-top: 1rem !important;
  }
  .pt-xl-5 {
    padding-top: 1.25rem !important;
  }
  .pt-xl-6 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-7 {
    padding-top: 1.75rem !important;
  }
  .pt-xl-8 {
    padding-top: 2rem !important;
  }
  .pt-xl-9 {
    padding-top: 2.25rem !important;
  }
  .pt-xl-10 {
    padding-top: 2.5rem !important;
  }
  .pt-xl-11 {
    padding-top: 3rem !important;
  }
  .pt-xl-12 {
    padding-top: 3.5rem !important;
  }
  .pt-xl-13 {
    padding-top: 4rem !important;
  }
  .pt-xl-14 {
    padding-top: 4.5rem !important;
  }
  .pt-xl-15 {
    padding-top: 5rem !important;
  }
  .pt-xl-16 {
    padding-top: 6rem !important;
  }
  .pt-xl-17 {
    padding-top: 7rem !important;
  }
  .pt-xl-18 {
    padding-top: 8rem !important;
  }
  .pt-xl-19 {
    padding-top: 9rem !important;
  }
  .pt-xl-20 {
    padding-top: 10rem !important;
  }
  .pt-xl-21 {
    padding-top: 12.5rem !important;
  }
  .pt-xl-22 {
    padding-top: 15rem !important;
  }
  .pt-xl-23 {
    padding-top: 17.5rem !important;
  }
  .pt-xl-24 {
    padding-top: 20rem !important;
  }
  .pt-xl-25 {
    padding-top: 22.5rem !important;
  }

  /* pe */
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 0.75rem !important;
  }
  .pe-xl-4 {
    padding-right: 1rem !important;
  }
  .pe-xl-5 {
    padding-right: 1.25rem !important;
  }
  .pe-xl-6 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-7 {
    padding-right: 1.75rem !important;
  }
  .pe-xl-8 {
    padding-right: 2rem !important;
  }
  .pe-xl-9 {
    padding-right: 2.25rem !important;
  }
  .pe-xl-10 {
    padding-right: 2.5rem !important;
  }
  .pe-xl-11 {
    padding-right: 3rem !important;
  }
  .pe-xl-12 {
    padding-right: 3.5rem !important;
  }
  .pe-xl-13 {
    padding-right: 4rem !important;
  }
  .pe-xl-14 {
    padding-right: 4.5rem !important;
  }
  .pe-xl-15 {
    padding-right: 5rem !important;
  }
  .pe-xl-16 {
    padding-right: 6rem !important;
  }
  .pe-xl-17 {
    padding-right: 7rem !important;
  }
  .pe-xl-18 {
    padding-right: 8rem !important;
  }
  .pe-xl-19 {
    padding-right: 9rem !important;
  }
  .pe-xl-20 {
    padding-right: 10rem !important;
  }
  .pe-xl-21 {
    padding-right: 12.5rem !important;
  }
  .pe-xl-22 {
    padding-right: 15rem !important;
  }
  .pe-xl-23 {
    padding-right: 17.5rem !important;
  }
  .pe-xl-24 {
    padding-right: 20rem !important;
  }
  .pe-xl-25 {
    padding-right: 22.5rem !important;
  }

  /* pb */
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 0.75rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 1.25rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 1.75rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 2rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 2.25rem !important;
  }
  .pb-xl-10 {
    padding-bottom: 2.5rem !important;
  }
  .pb-xl-11 {
    padding-bottom: 3rem !important;
  }
  .pb-xl-12 {
    padding-bottom: 3.5rem !important;
  }
  .pb-xl-13 {
    padding-bottom: 4rem !important;
  }
  .pb-xl-14 {
    padding-bottom: 4.5rem !important;
  }
  .pb-xl-15 {
    padding-bottom: 5rem !important;
  }
  .pb-xl-16 {
    padding-bottom: 6rem !important;
  }
  .pb-xl-17 {
    padding-bottom: 7rem !important;
  }
  .pb-xl-18 {
    padding-bottom: 8rem !important;
  }
  .pb-xl-19 {
    padding-bottom: 9rem !important;
  }
  .pb-xl-20 {
    padding-bottom: 10rem !important;
  }
  .pb-xl-21 {
    padding-bottom: 12.5rem !important;
  }
  .pb-xl-22 {
    padding-bottom: 15rem !important;
  }
  .pb-xl-23 {
    padding-bottom: 17.5rem !important;
  }
  .pb-xl-24 {
    padding-bottom: 20rem !important;
  }
  .pb-xl-25 {
    padding-bottom: 22.5rem !important;
  }

  /* ps */
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 0.75rem !important;
  }
  .ps-xl-4 {
    padding-left: 1rem !important;
  }
  .ps-xl-5 {
    padding-left: 1.25rem !important;
  }
  .ps-xl-6 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-7 {
    padding-left: 1.75rem !important;
  }
  .ps-xl-8 {
    padding-left: 2rem !important;
  }
  .ps-xl-9 {
    padding-left: 2.25rem !important;
  }
  .ps-xl-10 {
    padding-left: 2.5rem !important;
  }
  .ps-xl-11 {
    padding-left: 3rem !important;
  }
  .ps-xl-12 {
    padding-left: 3.5rem !important;
  }
  .ps-xl-13 {
    padding-left: 4rem !important;
  }
  .ps-xl-14 {
    padding-left: 4.5rem !important;
  }
  .ps-xl-15 {
    padding-left: 5rem !important;
  }
  .ps-xl-16 {
    padding-left: 6rem !important;
  }
  .ps-xl-17 {
    padding-left: 7rem !important;
  }
  .ps-xl-18 {
    padding-left: 8rem !important;
  }
  .ps-xl-19 {
    padding-left: 9rem !important;
  }
  .ps-xl-20 {
    padding-left: 10rem !important;
  }
  .ps-xl-21 {
    padding-left: 12.5rem !important;
  }
  .ps-xl-22 {
    padding-left: 15rem !important;
  }
  .ps-xl-23 {
    padding-left: 17.5rem !important;
  }
  .ps-xl-24 {
    padding-left: 20rem !important;
  }
  .ps-xl-25 {
    padding-left: 22.5rem !important;
  }

  /* gap */
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 0.75rem !important;
  }
  .gap-xl-4 {
    gap: 1rem !important;
  }
  .gap-xl-5 {
    gap: 1.25rem !important;
  }
  .gap-xl-6 {
    gap: 1.5rem !important;
  }
  .gap-xl-7 {
    gap: 1.75rem !important;
  }
  .gap-xl-8 {
    gap: 2rem !important;
  }
  .gap-xl-9 {
    gap: 2.25rem !important;
  }
  .gap-xl-10 {
    gap: 2.5rem !important;
  }
  .gap-xl-11 {
    gap: 3rem !important;
  }
  .gap-xl-12 {
    gap: 3.5rem !important;
  }
  .gap-xl-13 {
    gap: 4rem !important;
  }
  .gap-xl-14 {
    gap: 4.5rem !important;
  }
  .gap-xl-15 {
    gap: 5rem !important;
  }
  .gap-xl-16 {
    gap: 6rem !important;
  }
  .gap-xl-17 {
    gap: 7rem !important;
  }
  .gap-xl-18 {
    gap: 8rem !important;
  }
  .gap-xl-19 {
    gap: 9rem !important;
  }
  .gap-xl-20 {
    gap: 10rem !important;
  }
  .gap-xl-21 {
    gap: 12.5rem !important;
  }
  .gap-xl-22 {
    gap: 15rem !important;
  }
  .gap-xl-23 {
    gap: 17.5rem !important;
  }
  .gap-xl-24 {
    gap: 20rem !important;
  }
  .gap-xl-25 {
    gap: 22.5rem !important;
  }

  /* row-gap */
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 0.75rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 1.25rem !important;
  }
  .row-gap-xl-6 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-7 {
    row-gap: 1.75rem !important;
  }
  .row-gap-xl-8 {
    row-gap: 2rem !important;
  }
  .row-gap-xl-9 {
    row-gap: 2.25rem !important;
  }
  .row-gap-xl-10 {
    row-gap: 2.5rem !important;
  }
  .row-gap-xl-11 {
    row-gap: 3rem !important;
  }
  .row-gap-xl-12 {
    row-gap: 3.5rem !important;
  }
  .row-gap-xl-13 {
    row-gap: 4rem !important;
  }
  .row-gap-xl-14 {
    row-gap: 4.5rem !important;
  }
  .row-gap-xl-15 {
    row-gap: 5rem !important;
  }
  .row-gap-xl-16 {
    row-gap: 6rem !important;
  }
  .row-gap-xl-17 {
    row-gap: 7rem !important;
  }
  .row-gap-xl-18 {
    row-gap: 8rem !important;
  }
  .row-gap-xl-19 {
    row-gap: 9rem !important;
  }
  .row-gap-xl-20 {
    row-gap: 10rem !important;
  }
  .row-gap-xl-21 {
    row-gap: 12.5rem !important;
  }
  .row-gap-xl-22 {
    row-gap: 15rem !important;
  }
  .row-gap-xl-23 {
    row-gap: 17.5rem !important;
  }
  .row-gap-xl-24 {
    row-gap: 20rem !important;
  }
  .row-gap-xl-25 {
    row-gap: 22.5rem !important;
  }

  /* column-gap */
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 0.75rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 1.25rem !important;
  }
  .column-gap-xl-6 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-7 {
    column-gap: 1.75rem !important;
  }
  .column-gap-xl-8 {
    column-gap: 2rem !important;
  }
  .column-gap-xl-9 {
    column-gap: 2.25rem !important;
  }
  .column-gap-xl-10 {
    column-gap: 2.5rem !important;
  }
  .column-gap-xl-11 {
    column-gap: 3rem !important;
  }
  .column-gap-xl-12 {
    column-gap: 3.5rem !important;
  }
  .column-gap-xl-13 {
    column-gap: 4rem !important;
  }
  .column-gap-xl-14 {
    column-gap: 4.5rem !important;
  }
  .column-gap-xl-15 {
    column-gap: 5rem !important;
  }
  .column-gap-xl-16 {
    column-gap: 6rem !important;
  }
  .column-gap-xl-17 {
    column-gap: 7rem !important;
  }
  .column-gap-xl-18 {
    column-gap: 8rem !important;
  }
  .column-gap-xl-19 {
    column-gap: 9rem !important;
  }
  .column-gap-xl-20 {
    column-gap: 10rem !important;
  }
  .column-gap-xl-21 {
    column-gap: 12.5rem !important;
  }
  .column-gap-xl-22 {
    column-gap: 15rem !important;
  }
  .column-gap-xl-23 {
    column-gap: 17.5rem !important;
  }
  .column-gap-xl-24 {
    column-gap: 20rem !important;
  }
  .column-gap-xl-25 {
    column-gap: 22.5rem !important;
  }
}

/* g */
.g-0 {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
.g-1 {
  --bs-gutter-x: 0.25rem;
  --bs-gutter-y: 0.25rem;
}
.g-2 {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0.5rem;
}
.g-3 {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0.75rem;
}
.g-4 {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}
.g-5 {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
}
.g-6 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}
.g-7 {
  --bs-gutter-x: 1.75rem;
  --bs-gutter-y: 1.75rem;
}
.g-8 {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}
.g-9 {
  --bs-gutter-x: 2.25rem;
  --bs-gutter-y: 2.25rem;
}
.g-10 {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 2.5rem;
}
.g-11 {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 3rem;
}
.g-12 {
  --bs-gutter-x: 3.5rem;
  --bs-gutter-y: 3.5rem;
}
.g-13 {
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 4rem;
}
.g-14 {
  --bs-gutter-x: 4.5rem;
  --bs-gutter-y: 4.5rem;
}
.g-15 {
  --bs-gutter-x: 5rem;
  --bs-gutter-y: 5rem;
}
.g-16 {
  --bs-gutter-x: 6rem;
  --bs-gutter-y: 6rem;
}
.g-17 {
  --bs-gutter-x: 7rem;
  --bs-gutter-y: 7rem;
}
.g-18 {
  --bs-gutter-x: 8rem;
  --bs-gutter-y: 8rem;
}
.g-19 {
  --bs-gutter-x: 9rem;
  --bs-gutter-y: 9rem;
}
.g-20 {
  --bs-gutter-x: 10rem;
  --bs-gutter-y: 10rem;
}

/* gx */
.gx-0 {
  --bs-gutter-x: 0;
}
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.gx-3 {
  --bs-gutter-x: 0.75rem;
}
.gx-4 {
  --bs-gutter-x: 1rem;
}
.gx-5 {
  --bs-gutter-x: 1.25rem;
}
.gx-6 {
  --bs-gutter-x: 1.5rem;
}
.gx-7 {
  --bs-gutter-x: 1.75rem;
}
.gx-8 {
  --bs-gutter-x: 2rem;
}
.gx-9 {
  --bs-gutter-x: 2.25rem;
}
.gx-10 {
  --bs-gutter-x: 2.5rem;
}
.gx-11 {
  --bs-gutter-x: 3rem;
}
.gx-12 {
  --bs-gutter-x: 3.5rem;
}
.gx-13 {
  --bs-gutter-x: 4rem;
}
.gx-14 {
  --bs-gutter-x: 4.5rem;
}
.gx-15 {
  --bs-gutter-x: 5rem;
}
.gx-16 {
  --bs-gutter-x: 6rem;
}
.gx-17 {
  --bs-gutter-x: 7rem;
}
.gx-18 {
  --bs-gutter-x: 8rem;
}
.gx-19 {
  --bs-gutter-x: 9rem;
}
.gx-20 {
  --bs-gutter-x: 10rem;
}

/* gy */
.gy-0 {
  --bs-gutter-y: 0;
}
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.gy-3 {
  --bs-gutter-y: 0.75rem;
}
.gy-4 {
  --bs-gutter-y: 1rem;
}
.gy-5 {
  --bs-gutter-y: 1.25rem;
}
.gy-6 {
  --bs-gutter-y: 1.5rem;
}
.gy-7 {
  --bs-gutter-y: 1.75rem;
}
.gy-8 {
  --bs-gutter-y: 2rem;
}
.gy-9 {
  --bs-gutter-y: 2.25rem;
}
.gy-10 {
  --bs-gutter-y: 2.5rem;
}
.gy-11 {
  --bs-gutter-y: 3rem;
}
.gy-12 {
  --bs-gutter-y: 3.5rem;
}
.gy-13 {
  --bs-gutter-y: 4rem;
}
.gy-14 {
  --bs-gutter-y: 4.5rem;
}
.gy-15 {
  --bs-gutter-y: 5rem;
}
.gy-16 {
  --bs-gutter-y: 6rem;
}
.gy-17 {
  --bs-gutter-y: 7rem;
}
.gy-18 {
  --bs-gutter-y: 8rem;
}
.gy-19 {
  --bs-gutter-y: 9rem;
}
.gy-20 {
  --bs-gutter-y: 10rem;
}

/* === MD (>= 768px) === */
@media (min-width: 768px) {
  /* g */
  .g-md-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .g-md-1 {
    --bs-gutter-x: 0.25rem;
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2 {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3 {
    --bs-gutter-x: 0.75rem;
    --bs-gutter-y: 0.75rem;
  }
  .g-md-4 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
  .g-md-5 {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.25rem;
  }
  .g-md-6 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .g-md-7 {
    --bs-gutter-x: 1.75rem;
    --bs-gutter-y: 1.75rem;
  }
  .g-md-8 {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }
  .g-md-9 {
    --bs-gutter-x: 2.25rem;
    --bs-gutter-y: 2.25rem;
  }
  .g-md-10 {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 2.5rem;
  }
  .g-md-11 {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
  }
  .g-md-12 {
    --bs-gutter-x: 3.5rem;
    --bs-gutter-y: 3.5rem;
  }
  .g-md-13 {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 4rem;
  }
  .g-md-14 {
    --bs-gutter-x: 4.5rem;
    --bs-gutter-y: 4.5rem;
  }
  .g-md-15 {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
  }
  .g-md-16 {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 6rem;
  }
  .g-md-17 {
    --bs-gutter-x: 7rem;
    --bs-gutter-y: 7rem;
  }
  .g-md-18 {
    --bs-gutter-x: 8rem;
    --bs-gutter-y: 8rem;
  }
  .g-md-19 {
    --bs-gutter-x: 9rem;
    --bs-gutter-y: 9rem;
  }
  .g-md-20 {
    --bs-gutter-x: 10rem;
    --bs-gutter-y: 10rem;
  }

  /* gx */
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .gx-md-3 {
    --bs-gutter-x: 0.75rem;
  }
  .gx-md-4 {
    --bs-gutter-x: 1rem;
  }
  .gx-md-5 {
    --bs-gutter-x: 1.25rem;
  }
  .gx-md-6 {
    --bs-gutter-x: 1.5rem;
  }
  .gx-md-7 {
    --bs-gutter-x: 1.75rem;
  }
  .gx-md-8 {
    --bs-gutter-x: 2rem;
  }
  .gx-md-9 {
    --bs-gutter-x: 2.25rem;
  }
  .gx-md-10 {
    --bs-gutter-x: 2.5rem;
  }
  .gx-md-11 {
    --bs-gutter-x: 3rem;
  }
  .gx-md-12 {
    --bs-gutter-x: 3.5rem;
  }
  .gx-md-13 {
    --bs-gutter-x: 4rem;
  }
  .gx-md-14 {
    --bs-gutter-x: 4.5rem;
  }
  .gx-md-15 {
    --bs-gutter-x: 5rem;
  }
  .gx-md-16 {
    --bs-gutter-x: 6rem;
  }
  .gx-md-17 {
    --bs-gutter-x: 7rem;
  }
  .gx-md-18 {
    --bs-gutter-x: 8rem;
  }
  .gx-md-19 {
    --bs-gutter-x: 9rem;
  }
  .gx-md-20 {
    --bs-gutter-x: 10rem;
  }

  /* gy */
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .gy-md-3 {
    --bs-gutter-y: 0.75rem;
  }
  .gy-md-4 {
    --bs-gutter-y: 1rem;
  }
  .gy-md-5 {
    --bs-gutter-y: 1.25rem;
  }
  .gy-md-6 {
    --bs-gutter-y: 1.5rem;
  }
  .gy-md-7 {
    --bs-gutter-y: 1.75rem;
  }
  .gy-md-8 {
    --bs-gutter-y: 2rem;
  }
  .gy-md-9 {
    --bs-gutter-y: 2.25rem;
  }
  .gy-md-10 {
    --bs-gutter-y: 2.5rem;
  }
  .gy-md-11 {
    --bs-gutter-y: 3rem;
  }
  .gy-md-12 {
    --bs-gutter-y: 3.5rem;
  }
  .gy-md-13 {
    --bs-gutter-y: 4rem;
  }
  .gy-md-14 {
    --bs-gutter-y: 4.5rem;
  }
  .gy-md-15 {
    --bs-gutter-y: 5rem;
  }
  .gy-md-16 {
    --bs-gutter-y: 6rem;
  }
  .gy-md-17 {
    --bs-gutter-y: 7rem;
  }
  .gy-md-18 {
    --bs-gutter-y: 8rem;
  }
  .gy-md-19 {
    --bs-gutter-y: 9rem;
  }
  .gy-md-20 {
    --bs-gutter-y: 10rem;
  }
}

/* === LG (>= 992px) === */
@media (min-width: 992px) {
  /* g */
  .g-lg-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .g-lg-1 {
    --bs-gutter-x: 0.25rem;
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2 {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3 {
    --bs-gutter-x: 0.75rem;
    --bs-gutter-y: 0.75rem;
  }
  .g-lg-4 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
  .g-lg-5 {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.25rem;
  }
  .g-lg-6 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-7 {
    --bs-gutter-x: 1.75rem;
    --bs-gutter-y: 1.75rem;
  }
  .g-lg-8 {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }
  .g-lg-9 {
    --bs-gutter-x: 2.25rem;
    --bs-gutter-y: 2.25rem;
  }
  .g-lg-10 {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 2.5rem;
  }
  .g-lg-11 {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
  }
  .g-lg-12 {
    --bs-gutter-x: 3.5rem;
    --bs-gutter-y: 3.5rem;
  }
  .g-lg-13 {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 4rem;
  }
  .g-lg-14 {
    --bs-gutter-x: 4.5rem;
    --bs-gutter-y: 4.5rem;
  }
  .g-lg-15 {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
  }
  .g-lg-16 {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 6rem;
  }
  .g-lg-17 {
    --bs-gutter-x: 7rem;
    --bs-gutter-y: 7rem;
  }
  .g-lg-18 {
    --bs-gutter-x: 8rem;
    --bs-gutter-y: 8rem;
  }
  .g-lg-19 {
    --bs-gutter-x: 9rem;
    --bs-gutter-y: 9rem;
  }
  .g-lg-20 {
    --bs-gutter-x: 10rem;
    --bs-gutter-y: 10rem;
  }

  /* gx */
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .gx-lg-3 {
    --bs-gutter-x: 0.75rem;
  }
  .gx-lg-4 {
    --bs-gutter-x: 1rem;
  }
  .gx-lg-5 {
    --bs-gutter-x: 1.25rem;
  }
  .gx-lg-6 {
    --bs-gutter-x: 1.5rem;
  }
  .gx-lg-7 {
    --bs-gutter-x: 1.75rem;
  }
  .gx-lg-8 {
    --bs-gutter-x: 2rem;
  }
  .gx-lg-9 {
    --bs-gutter-x: 2.25rem;
  }
  .gx-lg-10 {
    --bs-gutter-x: 2.5rem;
  }
  .gx-lg-11 {
    --bs-gutter-x: 3rem;
  }
  .gx-lg-12 {
    --bs-gutter-x: 3.5rem;
  }
  .gx-lg-13 {
    --bs-gutter-x: 4rem;
  }
  .gx-lg-14 {
    --bs-gutter-x: 4.5rem;
  }
  .gx-lg-15 {
    --bs-gutter-x: 5rem;
  }
  .gx-lg-16 {
    --bs-gutter-x: 6rem;
  }
  .gx-lg-17 {
    --bs-gutter-x: 7rem;
  }
  .gx-lg-18 {
    --bs-gutter-x: 8rem;
  }
  .gx-lg-19 {
    --bs-gutter-x: 9rem;
  }
  .gx-lg-20 {
    --bs-gutter-x: 10rem;
  }

  /* gy */
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .gy-lg-3 {
    --bs-gutter-y: 0.75rem;
  }
  .gy-lg-4 {
    --bs-gutter-y: 1rem;
  }
  .gy-lg-5 {
    --bs-gutter-y: 1.25rem;
  }
  .gy-lg-6 {
    --bs-gutter-y: 1.5rem;
  }
  .gy-lg-7 {
    --bs-gutter-y: 1.75rem;
  }
  .gy-lg-8 {
    --bs-gutter-y: 2rem;
  }
  .gy-lg-9 {
    --bs-gutter-y: 2.25rem;
  }
  .gy-lg-10 {
    --bs-gutter-y: 2.5rem;
  }
  .gy-lg-11 {
    --bs-gutter-y: 3rem;
  }
  .gy-lg-12 {
    --bs-gutter-y: 3.5rem;
  }
  .gy-lg-13 {
    --bs-gutter-y: 4rem;
  }
  .gy-lg-14 {
    --bs-gutter-y: 4.5rem;
  }
  .gy-lg-15 {
    --bs-gutter-y: 5rem;
  }
  .gy-lg-16 {
    --bs-gutter-y: 6rem;
  }
  .gy-lg-17 {
    --bs-gutter-y: 7rem;
  }
  .gy-lg-18 {
    --bs-gutter-y: 8rem;
  }
  .gy-lg-19 {
    --bs-gutter-y: 9rem;
  }
  .gy-lg-20 {
    --bs-gutter-y: 10rem;
  }
}

/* === XL (>= 1200px) === */
@media (min-width: 1200px) {
  /* g */
  .g-xl-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .g-xl-1 {
    --bs-gutter-x: 0.25rem;
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2 {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3 {
    --bs-gutter-x: 0.75rem;
    --bs-gutter-y: 0.75rem;
  }
  .g-xl-4 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
  .g-xl-5 {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.25rem;
  }
  .g-xl-6 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-7 {
    --bs-gutter-x: 1.75rem;
    --bs-gutter-y: 1.75rem;
  }
  .g-xl-8 {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }
  .g-xl-9 {
    --bs-gutter-x: 2.25rem;
    --bs-gutter-y: 2.25rem;
  }
  .g-xl-10 {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 2.5rem;
  }
  .g-xl-11 {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
  }
  .g-xl-12 {
    --bs-gutter-x: 3.5rem;
    --bs-gutter-y: 3.5rem;
  }
  .g-xl-13 {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 4rem;
  }
  .g-xl-14 {
    --bs-gutter-x: 4.5rem;
    --bs-gutter-y: 4.5rem;
  }
  .g-xl-15 {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 5rem;
  }
  .g-xl-16 {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 6rem;
  }
  .g-xl-17 {
    --bs-gutter-x: 7rem;
    --bs-gutter-y: 7rem;
  }
  .g-xl-18 {
    --bs-gutter-x: 8rem;
    --bs-gutter-y: 8rem;
  }
  .g-xl-19 {
    --bs-gutter-x: 9rem;
    --bs-gutter-y: 9rem;
  }
  .g-xl-20 {
    --bs-gutter-x: 10rem;
    --bs-gutter-y: 10rem;
  }

  /* gx */
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .gx-xl-3 {
    --bs-gutter-x: 0.75rem;
  }
  .gx-xl-4 {
    --bs-gutter-x: 1rem;
  }
  .gx-xl-5 {
    --bs-gutter-x: 1.25rem;
  }
  .gx-xl-6 {
    --bs-gutter-x: 1.5rem;
  }
  .gx-xl-7 {
    --bs-gutter-x: 1.75rem;
  }
  .gx-xl-8 {
    --bs-gutter-x: 2rem;
  }
  .gx-xl-9 {
    --bs-gutter-x: 2.25rem;
  }
  .gx-xl-10 {
    --bs-gutter-x: 2.5rem;
  }
  .gx-xl-11 {
    --bs-gutter-x: 3rem;
  }
  .gx-xl-12 {
    --bs-gutter-x: 3.5rem;
  }
  .gx-xl-13 {
    --bs-gutter-x: 4rem;
  }
  .gx-xl-14 {
    --bs-gutter-x: 4.5rem;
  }
  .gx-xl-15 {
    --bs-gutter-x: 5rem;
  }
  .gx-xl-16 {
    --bs-gutter-x: 6rem;
  }
  .gx-xl-17 {
    --bs-gutter-x: 7rem;
  }
  .gx-xl-18 {
    --bs-gutter-x: 8rem;
  }
  .gx-xl-19 {
    --bs-gutter-x: 9rem;
  }
  .gx-xl-20 {
    --bs-gutter-x: 10rem;
  }

  /* gy */
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .gy-xl-3 {
    --bs-gutter-y: 0.75rem;
  }
  .gy-xl-4 {
    --bs-gutter-y: 1rem;
  }
  .gy-xl-5 {
    --bs-gutter-y: 1.25rem;
  }
  .gy-xl-6 {
    --bs-gutter-y: 1.5rem;
  }
  .gy-xl-7 {
    --bs-gutter-y: 1.75rem;
  }
  .gy-xl-8 {
    --bs-gutter-y: 2rem;
  }
  .gy-xl-9 {
    --bs-gutter-y: 2.25rem;
  }
  .gy-xl-10 {
    --bs-gutter-y: 2.5rem;
  }
  .gy-xl-11 {
    --bs-gutter-y: 3rem;
  }
  .gy-xl-12 {
    --bs-gutter-y: 3.5rem;
  }
  .gy-xl-13 {
    --bs-gutter-y: 4rem;
  }
  .gy-xl-14 {
    --bs-gutter-y: 4.5rem;
  }
  .gy-xl-15 {
    --bs-gutter-y: 5rem;
  }
  .gy-xl-16 {
    --bs-gutter-y: 6rem;
  }
  .gy-xl-17 {
    --bs-gutter-y: 7rem;
  }
  .gy-xl-18 {
    --bs-gutter-y: 8rem;
  }
  .gy-xl-19 {
    --bs-gutter-y: 9rem;
  }
  .gy-xl-20 {
    --bs-gutter-y: 10rem;
  }
}


/* =============================================
   BRAND — webstore.mn (логоноос ууссан өнгөнүүд)
   primary #0d8cff (цэнхэр) · secondary #8f66ff (ягаан)
   ============================================= */

:root,
[data-bs-theme="light"] {
  --bs-primary: #0d8cff;
  --bs-primary-rgb: 13, 140, 255;
  --bs-primary-bg-subtle: #cfe8ff;
  --bs-primary-border-subtle: #9ed1ff;
  --bs-primary-text-emphasis: #053866;

  --bs-secondary: #8f66ff;
  --bs-secondary-rgb: 143, 102, 255;
  --bs-secondary-bg-subtle: #e9e0ff;
  --bs-secondary-border-subtle: #d2c2ff;
  --bs-secondary-text-emphasis: #392966;

  --bs-link-color: #0d8cff;
  --bs-link-color-rgb: 13, 140, 255;
  --bs-link-hover-color: #0b77d9;
  --bs-link-hover-color-rgb: 11, 119, 217;
}

[data-bs-theme="dark"] {
  --bs-primary-bg-subtle: #031c33;
  --bs-primary-border-subtle: #085499;
  --bs-primary-text-emphasis: #6ebaff;

  --bs-secondary-bg-subtle: #1d1433;
  --bs-secondary-border-subtle: #563d99;
  --bs-secondary-text-emphasis: #bca3ff;
}

.btn-primary {
  --bs-btn-bg: #0d8cff;
  --bs-btn-border-color: #0d8cff;
  --bs-btn-hover-bg: #0b77d9;
  --bs-btn-hover-border-color: #0b77d9;
  --bs-btn-active-bg: #0a70cc;
  --bs-btn-active-border-color: #0a70cc;
  --bs-btn-disabled-bg: #0d8cff;
  --bs-btn-disabled-border-color: #0d8cff;
}
.btn-outline-primary {
  --bs-btn-color: #0d8cff;
  --bs-btn-border-color: #0d8cff;
  --bs-btn-hover-bg: #0d8cff;
  --bs-btn-hover-border-color: #0d8cff;
  --bs-btn-active-bg: #0d8cff;
  --bs-btn-active-border-color: #0d8cff;
  --bs-btn-disabled-color: #0d8cff;
  --bs-btn-disabled-border-color: #0d8cff;
}

.btn-secondary {
  --bs-btn-bg: #8f66ff;
  --bs-btn-border-color: #8f66ff;
  --bs-btn-hover-bg: #7a57d9;
  --bs-btn-hover-border-color: #7a57d9;
  --bs-btn-active-bg: #7252cc;
  --bs-btn-active-border-color: #7252cc;
  --bs-btn-disabled-bg: #8f66ff;
  --bs-btn-disabled-border-color: #8f66ff;
}
.btn-outline-secondary {
  --bs-btn-color: #8f66ff;
  --bs-btn-border-color: #8f66ff;
  --bs-btn-hover-bg: #8f66ff;
  --bs-btn-hover-border-color: #8f66ff;
  --bs-btn-active-bg: #8f66ff;
  --bs-btn-active-border-color: #8f66ff;
  --bs-btn-disabled-color: #8f66ff;
  --bs-btn-disabled-border-color: #8f66ff;
}