/* =============================================================================
   SITE 2039 — MICC Asset Management (micc.greensoft.mn)
   Брэнд давхарга — /bootstrap-extra/style.css-ийн ДАРАА ачаална.
   ⛔ extra-г энд бүү өөрчил — зөвхөн override. Блок бүрт hex бичихгүй — токеноор.

   ЭХ СУРВАЛЖ (2026-10-26): урьдчилсан лого (харилцагч 10-22, viber) — ганц navy өнгөтэй,
   тунгалаг дэвсгэр. Пикселээс хэмжсэн navy = #001239 (hue 221°).
   Лого CDN: cdn.greensoft.mn/uploads/site/2039/site_config/logo/ (light b28e6af2… · dark dfedb21e… = цагаан болгосон)
   ⚠️ Эцсийн лого ирэх долоо хоногт батлагдана — өнгө өөрчлөгдвөл ЭНД Л солино.
   Secondary = #5B7DB8 зөөлөн цэнхэр (навы-гийн ижил өнгөт гэр бүл). Цайвар дээр 3.8:1 ⇒ ТОМ тоо, чимэглэлд;
   навы дээрх жижиг текст = `--micc-secondary-light` #8FA9D6 (7.6:1 ✓); цайвар дээрх жижиг текст = `--micc-secondary-text` #3F5F9E (6.3:1 ✓).

   КОНТРАСТ (хэмжсэн): цагаан ↔ navy 18.33:1 ✓ · navy ↔ #212529 1.19:1 ✗ ⇒ бараан горимд цайруулна.
   ============================================================================= */

:root {
  --micc-primary: #001239;
  --micc-primary-rgb: 0, 18, 57;   /* горимоос үл хамаарах navy (overlay, тууз) — `--bs-primary-rgb` нь бараан горимд цайвардаг */

  --micc-secondary: #5b7db8;        /* туслах — зөөлөн цэнхэр */
  --micc-secondary-rgb: 91, 125, 184;
  --micc-secondary-light: #8fa9d6;  /* навы дэвсгэр дээрх текст (7.6:1) */
  --micc-secondary-light-rgb: 143, 169, 214;
  --micc-secondary-text: #3f5f9e;   /* цайвар дэвсгэр дээрх жижиг текст (6.3:1) */

  /* БУЛАНГИЙН СТАНДАРТ (2026-10-28, хэрэглэгч «rounded стандартуудыг зөв тааруул») — 2 л түвшин:
     удирдлага (товч · талбар · шүүлтүүр · dropdown · жижиг icon хайрцаг) = 4px;
     гадаргуу (зураг · карт · модал · газрын зураг · форм хайрцаг · drawer) = 12px. Бүтэн өргөн хэсэг = 0. */
  --micc-radius-control: .25rem;
  --micc-radius-surface: .75rem;
}

:root,
[data-bs-theme="light"] {
  --bs-primary: var(--micc-primary);
  --bs-primary-rgb: 0, 18, 57;
  --bs-primary-bg-subtle: #e0e7f5;
  --bs-primary-border-subtle: #b0c2e8;
  --bs-primary-text-emphasis: #001239;   /* цагаан дээр 18.33:1 */

  --bs-link-color: #001239;
  --bs-link-color-rgb: 0, 18, 57;

  /* Хөлийн `.footer-link:hover` энэ токеныг уншдаг. Navy аль хэдийн маш харанхуй тул
     жамын ×.85 (#000f30) авав. */
  --bs-link-hover-color: #000f30;
  --bs-link-hover-color-rgb: 0, 15, 48;

  --bs-secondary: var(--micc-secondary);
  --bs-secondary-rgb: 91, 125, 184;
  --bs-secondary-bg-subtle: #e9eef7;
  --bs-secondary-border-subtle: #c9d5ea;
  --bs-secondary-text-emphasis: #3f5f9e;
}

[data-bs-theme="dark"] {
  /* Navy нь #212529 дээр 1.19:1 — товч, холбоос алга болно. extra-гийн товчнууд өнгөө
     `--bs-primary`-аас `!important`-оор гаргадаг тул токенийг өөрийг нь цайруулна (ижил hue 221°):
     цагаан текст 5.0:1 ✓ · дэвсгэртэй 3.09:1 ✓ (UI-н 3:1). */
  --bs-primary: #416cc8;
  --bs-primary-rgb: 65, 108, 200;
  --bs-primary-bg-subtle: #0a1429;
  --bs-primary-border-subtle: #142852;
  --bs-primary-text-emphasis: #9cb2e2;   /* #212529 дээр 7.26:1 */

  --bs-link-color: #9cb2e2;
  --bs-link-color-rgb: 156, 178, 226;
  --bs-link-hover-color: #b0c2e8;
  --bs-link-hover-color-rgb: 176, 194, 232;
}

/* ── TYPOGRAPHY ───────────────────────────────────────────────────────────────
   Институцийн «premium» мэдрэмж (лавлагаа Gemcorp · Arkaim): ГАРЧИГ = Playfair Display (логоны
   Didone serif-тэй ойр, кирилл бий), ТЕКСТ = extra-гийн Effra хэвээр. Зөвхөн h1/h2 — карт, цэс,
   товч sans хэвээр (уншигдац). Фонт нь `_start.php`-д холбогдсон. */
:root {
  --micc-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
}

h1, .h1,
h2, .h2,
.heading-row h1,
.heading-row h2 {
  font-family: var(--micc-font-display);
  font-weight: 500;
  letter-spacing: -.01em;
}

/* ── LAYOUT ───────────────────────────────────────────────────────────────────
   Container = Bootstrap-ийн анхдагч өргөн (1140 / 1320px) — хэрэглэгч 2026-10-26-нд 1100px болгоод буцаасан.
   1100px хэрэгтэй бол:
   @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1100px; } } */

/* ── INSTITUTIONAL FINISH (хэрэглэгч 2026-10-28: «илүү албаны, царайлаг») ──────────────────────
   Лавлагаа: Gemcorp · PIMCO · Robeco · VinaCapital — хурц өнцөг, сүүдэргүй хавтгай карт, нимгэн зураас,
   гарчгийн өмнө богино зураас, бараан хэсэгт цагаан товч. Markup-д класс НЭМЭЛГҮЙ — бүгд энд.
   ⚠️ extra-гийн `rounded-*` утилит токен биш, тогтмол rem (0.5–2rem) тул энд шууд дарна. */

/* 1. БУЛАН — нэгдсэн стандарт (дээрх `--micc-radius-*`). extra-гийн утилит тогтмол rem тул энд шууд дарна:
      rounded-1/2 = удирдлага (4px) · rounded-3/4/5 = гадаргуу (12px), бүх breakpoint-д ижил. */
.rounded-1,
.rounded-2 {
  border-radius: var(--micc-radius-control) !important;
}
.rounded-3,
.rounded-4,
.rounded-5 {
  border-radius: var(--micc-radius-surface) !important;
}
@media (min-width: 576px) {
  .rounded-sm-1, .rounded-sm-2 { border-radius: var(--micc-radius-control) !important; }
  .rounded-sm-3, .rounded-sm-4, .rounded-sm-5 { border-radius: var(--micc-radius-surface) !important; }
}
@media (min-width: 768px) {
  .rounded-md-1, .rounded-md-2 { border-radius: var(--micc-radius-control) !important; }
  .rounded-md-3, .rounded-md-4, .rounded-md-5 { border-radius: var(--micc-radius-surface) !important; }
}
@media (min-width: 992px) {
  .rounded-lg-1, .rounded-lg-2 { border-radius: var(--micc-radius-control) !important; }
  .rounded-lg-3, .rounded-lg-4, .rounded-lg-5 { border-radius: var(--micc-radius-surface) !important; }
}
@media (min-width: 1200px) {
  .rounded-xl-1, .rounded-xl-2 { border-radius: var(--micc-radius-control) !important; }
  .rounded-xl-3, .rounded-xl-4, .rounded-xl-5 { border-radius: var(--micc-radius-surface) !important; }
}
@media (min-width: 1400px) {
  .rounded-xxl-1, .rounded-xxl-2 { border-radius: var(--micc-radius-control) !important; }
  .rounded-xxl-3, .rounded-xxl-4, .rounded-xxl-5 { border-radius: var(--micc-radius-surface) !important; }
}
.item-filter .rounded-pill {
  border-radius: var(--micc-radius-control) !important;
}

/* Зураг — item-ийн зургийн хайрцаг бүр гадаргуу (12px). Жижиг icon хайрцаг `rounded-2` (!important) тул 4px хэвээр */
.item-element .item-image {
  border-radius: var(--micc-radius-surface);
  overflow: hidden;
}

/* Товч, талбар — extra form-button.css-ийн токенийг ИЖИЛ selector-оор дарна (энэ файл дараа ачаалагдана) */
.btn,
.form-control,
.form-select,
.input-group-text,
.form-option {
  --bs-border-radius-sm: var(--micc-radius-control);
  --bs-border-radius: var(--micc-radius-control);
  --bs-border-radius-lg: var(--micc-radius-control);
  --bs-border-width: 1px;   /* extra = 2px; хэрэглэгч 2026-10-28: товч, input-ийн хүрээ 1px (хоёулаа ижил → өндөр тэнцүү хэвээр) */
}
/* extra style.css нь `.btn`-д `--bs-btn-border-radius: .75rem`-ийг ШУУД тавьдаг — үүнийг ч дарна */
.btn,
.btn-sm,
.btn-lg {
  --bs-btn-border-radius: var(--micc-radius-control);
  --bs-btn-border-width: 1px;   /* input-тэй ижил 1px — өндөр тэнцүү (43px) */
}
.accordion {
  --bs-accordion-border-radius: var(--micc-radius-surface);
  --bs-accordion-inner-border-radius: calc(var(--micc-radius-surface) - 1px);
}

/* 1b. extra-д ХАТУУ бичигдсэн булангууд (style.css · item-element.css) — ИЖИЛ selector-оор, энэ файл дараа ачаалагдана.
       Жагсаалтыг extra-гаас скриптээр цуглуулсан (2026-10-28). */
.typography img,
.typography iframe,
.item-var-2,
.card-item.item-var-3,
.post-item.item-var-3,
.product-item.item-var-3,
.feature-item.item-element.item-var-4,
.card-item.item-var-1 .item-image,
.card-item.item-var-4 .item-image,
.post-item.item-var-1 .item-image,
.post-item.item-var-4 .item-image,
.product-item.item-var-1 .item-image,
.product-item.item-var-4 .item-image,
.accordion-item,
.accordion-item:first-child,
.accordion-item:last-child {
  border-radius: var(--micc-radius-surface);
}
.modal {
  --bs-modal-border-radius: var(--micc-radius-surface);
  --bs-modal-inner-border-radius: calc(var(--micc-radius-surface) - 1px);
}
.form-control,
.form-select,
.form-control-sm,
.form-select-sm {
  border-radius: var(--micc-radius-control);
}
.page-item .page-link,
.pagination-var-2 .page-item .page-link {
  border-radius: var(--micc-radius-control) !important;
}

/* 2. ХАВТГАЙ — картын том сүүдэр → нимгэн навы хүрээ; зургийн сүүдэр хасна; толгой = нимгэн зураас */
.item-var-2 {
  border-radius: var(--micc-radius-surface);
  box-shadow: none;
  border: 1px solid rgba(var(--micc-primary-rgb), .1);
}
@media (min-width: 768px) {
  .item-var-2 {
    border-radius: var(--micc-radius-surface);
  }
}
.shadow:is(.hero-image, .item-media) {
  box-shadow: none !important;
}
.header-v1 .navbar.shadow-sm {
  box-shadow: 0 1px 0 rgba(var(--micc-primary-rgb), .08) !important;
}

/* 3. ГАРЧИГ — extra нь `.heading-row>.heading-main>h2`-д 700 өгдөг тул ИЖИЛ specificity-ээр 500 болгоно */
.heading-row > .heading-main > h1,
.heading-row > .heading-main > h2 {
  font-weight: 500;
  letter-spacing: -.01em;
}
.heading-row > .heading-main > h2 {
  font-size: clamp(1.75rem, 1.15rem + 1.6vw, 2.5rem);
  line-height: 1.15;
}
/* Гарчгийн өмнө богино зураас (Gemcorp) — heading-main нь flex багана тул ::before нь эхний мөр болно */
.heading-row > .heading-main::before {
  display: none;
  content: "";
  width: 2.5rem;
  height: 2px;
  background-color: var(--micc-secondary);
}
.heading-row > .heading-desc > p {
  font-weight: 400;
  color: var(--bs-secondary-color);
}
.text-uppercase {
  letter-spacing: .06em;
}

/* 4. БАРААН ХЭСЭГТ ЦАГААН ТОВЧ — extra `.btn-primary` нь `--bs-primary`-аас (!important) авдаг тул ижил аргаар.
      `:not(…)` — бараан хэсэг ДОТОРХ цайвар scope-д хамаарахгүй: Investor portal-ын модалууд (`data-bs-theme="light"`)
      бараан section дотор байрладаг тул «Sign in» / «Register» товч цагаан модал дээр цагаан болдог байв (2026-10-28). */
[data-bs-theme="dark"] .btn-primary:not([data-bs-theme="dark"] [data-bs-theme="light"] *) {
  --bs-btn-bg: #fff !important;
  --bs-btn-border-color: #fff !important;
  --bs-btn-color: var(--micc-primary);
  --bs-btn-hover-bg: #e0e7f5 !important;
  --bs-btn-hover-border-color: #e0e7f5 !important;
  --bs-btn-hover-color: var(--micc-primary);
  --bs-btn-active-bg: #b0c2e8 !important;
  --bs-btn-active-border-color: #b0c2e8 !important;
  --bs-btn-active-color: var(--micc-primary);
  --bs-btn-focus-shadow-rgb: 255, 255, 255 !important;
}

/* 4a. OUTLINE ТОВЧ БАРААН ХЭСЭГТ — dark-ийн `--bs-primary` (#416cc8) навы дээр бараг үл харагдана (Investor portal-ын
       «Register», хэрэглэгч 2026-10-28) ⇒ цагаан текст + цайвар хүрээ, hover = цагаан дүүргэлт (4-ийн цагаан товчтой хос). */
[data-bs-theme="dark"] .btn-outline-primary:not([data-bs-theme="dark"] [data-bs-theme="light"] *) {
  --bs-btn-color: #fff !important;
  --bs-btn-border-color: rgba(255, 255, 255, .6) !important;
  --bs-btn-hover-bg: #fff !important;
  --bs-btn-hover-border-color: #fff !important;
  --bs-btn-hover-color: var(--micc-primary) !important;
  --bs-btn-active-bg: #e0e7f5 !important;
  --bs-btn-active-border-color: #e0e7f5 !important;
  --bs-btn-active-color: var(--micc-primary) !important;
  --bs-btn-focus-shadow-rgb: 255, 255, 255 !important;
}

/* 4b. БАРААН ХЭСГИЙН ТЕКСТ — `data-bs-theme="dark"` нь зөвхөн хувьсагч сольдог тул класс-гүй энгийн текст body-гийн
       БАРААН өнгийг өвлөж навы дээр харагдахгүй байв (Fund performance-ийн «Past performance…» мөр, 2026-10-28). */
section[data-bs-theme="dark"],
footer[data-bs-theme="dark"] {
  color: var(--bs-body-color);
}

/* 5. ДЭВСГЭР — tertiary (#f8f9fa саарал) → навытай зохицсон хүйтэн цайвар */
:root,
[data-bs-theme="light"] {
  --bs-tertiary-bg: #f4f6f9;
  --bs-tertiary-bg-rgb: 244, 246, 249;
}

/* 6. ХӨДӨЛГӨӨН — AOS-ийн 100px шилжилтийг 24px болгож тайван болгоно (.aos-animate нь 0 руу буцаана) */
[data-aos="fade-up"] {
  transform: translate3d(0, 24px, 0);
}
[data-aos="fade-down"] {
  transform: translate3d(0, -24px, 0);
}
[data-aos="fade-left"] {
  transform: translate3d(24px, 0, 0);
}
[data-aos="fade-right"] {
  transform: translate3d(-24px, 0, 0);
}

/* 7. МЭДЭЭНИЙ ЗУРАГ — hover-оор зөөлөн томорно */
.post-item .item-image img {
  transition: transform .8s cubic-bezier(.2, .6, .2, 1);
}
.post-item:hover .item-image img {
  transform: scale(1.04);
}

/* 8. ТУНГАЛАГ ТОЛГОЙ (хэрэглэгч 2026-10-28) — extra header.css-ийн `header-transparent` горим; scrim-ийг хараас навы болгоно.
   Бүх хуудас зураг/навы hero-гоор эхэлдэг (нүүр = слайдер, дотоод = _page-hero.php) тул хаана ч тохирно.
   Extra scrim-ийг header-ийн `background`-д (градиент) тавьдаг ⇒ sticky болоход огцом алга болдог, градиентыг шилжүүлж
   болдоггүй — тиймээс `::before` руу зөөж opacity-гоор уусгана (шилжилт §11). */
.header-transparent:not(.sticky) {
  background: none;
}
.header-transparent::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(var(--micc-primary-rgb), .7) 0%, rgba(var(--micc-primary-rgb), 0) 100%);
  opacity: 0;
  pointer-events: none;
}
.header-transparent:not(.sticky)::before {
  opacity: 1;
}
body.nav-open .header-transparent::before {
  opacity: 0;
}

/* 9. ТУСЛАХ ӨНГӨ (зөөлөн цэнхэр) — слайдерын идэвхтэй цэг (бараан зураг дээр → light), бичвэр доторх холбоосын
      доогуур зураас, цайвар туузны тоо (_stats-band.php). Footer-ийн гарчиг/hover = _footer.php. */
.swiper-pagination-bullet-active {
  background-color: var(--micc-secondary-light) !important;
}
.item-info a {
  text-decoration-color: var(--micc-secondary);
}

/* 10. МОДАЛ — формтой scrollable модалд `.row`-ийн сөрөг gutter (g-3/g-4) `modal-body p-0`-оос халиж ХӨНДЛӨН scroll
       гарч байв (хэрэглэгч 2026-10-28). Хөндлөн гүйлгэлтийг хааж, focus цагираг (.25rem) таслагдахгүйн тулд 2 талд зай. */
.modal-dialog-scrollable .modal-body {
  overflow-x: hidden;
  padding-inline: .25rem !important;
  margin-inline: -.25rem;
}

/* 11. ШИЛЖИЛТ — НЭГ ХУРД .4s ease-in-out (= extra-гийн `.item-*`-тэй ижил). Хэрэглэгч 2026-10-28 «хатуу hover,
       transition-уудыг эвтэйхэн тааруул». Хэмжсэн байдал: Bootstrap-ийн `.btn` / `.nav-link` .15s, extra-гийн hover-ийн
       `translateY(-1px)` transition-д ороогүй тул үсэрдэг · dropdown-item · footer-link · breadcrumb · текстийн холбоос ·
       мэдээний шүүлтүүр (`.transition` утилити extra-гаас устсан ⇒ инерт) шилжилтгүй · тунгалаг толгой → sticky огцом.
       `prefers-reduced-motion: reduce` үед Bootstrap-ийн анхдагч (шилжилтгүй) хэвээр. */
@media (prefers-reduced-motion: no-preference) {
  .btn,
  .nav-link,
  .dropdown-item,
  .navbar-toggler,
  .lang-toggle,
  .theme-toggle,
  .search-toggle,
  .item-filter button {
    transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out,
                box-shadow .4s ease-in-out, transform .4s ease-in-out;
  }

  /* Accordion — Bootstrap-ийн .15s хувьсагчууд (товчны өнгө + сумны эргэлт .2s) */
  .accordion {
    --bs-accordion-transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out,
                               box-shadow .4s ease-in-out, border-radius .4s ease-in-out;
    --bs-accordion-btn-icon-transition: transform .4s ease-in-out;
  }

  /* Энгийн холбоос — specificity 0 (`:where`) тул extra-гийн `.item-*` дүрэм давуу хэвээр */
  :where(a:not(.btn)) {
    transition: color .4s ease-in-out, text-decoration-color .4s ease-in-out;
  }

  /* Тунгалаг толгой → sticky: бар зөөлөн цагаан болж, scrim (§8 ::before) зэрэгцэн уусна */
  .header-v1 .navbar {
    transition: background-color .4s ease-in-out, box-shadow .4s ease-in-out;
  }
  .header-transparent::before {
    transition: opacity .4s ease-in-out;
  }

  /* Цэсний задаргаа — гэнэт «үсрэхгүй», доороос бага зэрэг уусаж гарна (`translate` нь transform-ыг дардаггүй) */
  .header-v1 .dropdown-menu.show {
    animation: micc-dropdown .3s ease-out;
  }
  @keyframes micc-dropdown {
    from {
      opacity: 0;
      translate: 0 .5rem;
    }
  }
}

/* 12. МОБАЙЛ — хоёр товчтой мөр болон формын илгээх товч бүтэн өргөн, ижил хэмжээтэй */
@media (max-width: 575.98px) {
  .block-action:has(> .btn:not(.d-none) + .btn:not(.d-none)) > .btn {
    flex: 1 1 100%;
  }

  .lead-form button[type="submit"],
  #newsletter form .btn {
    width: 100%;
  }
}

/* 13. CRM МАЯГТ — GreenCRM виджет (Bootstrap 3 + Chosen-ээ шахдаг) → сайтын маягтын хэмжээ, өнгө. Багана хуваалт = `layout/_crm-form.blade.php` */
#green_crm_form .card {
  border: 0;
  background: transparent;
  box-shadow: none;
}
#green_crm_form .card-body {
  padding: 0;
}
#green_crm_form .rendered-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
#green_crm_form .rendered-form .form-group {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin: 0;
}
#green_crm_form .rendered-form .help:empty,
#green_crm_form .chosen-container {
  display: none !important;
}
#green_crm_form .rendered-form label {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
}
#green_crm_form .rendered-form .formbuilder-required {
  margin-left: .25rem;
  color: var(--bs-danger);
}
#green_crm_form .rendered-form .form-control,
#green_crm_form .rendered-form .form-select {
  display: block !important;
  width: 100%;
  height: auto;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--micc-radius-control);
  box-shadow: none;
}
#green_crm_form .rendered-form .form-select {
  padding-right: 3rem;
  background-image: var(--bs-form-select-bg-img);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  appearance: none;
}
#green_crm_form .rendered-form textarea.form-control {
  min-height: 6.5rem;
}
#green_crm_form .rendered-form .form-control:focus,
#green_crm_form .rendered-form .form-select:focus {
  border-color: rgba(var(--bs-primary-rgb), .5);
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .15);
}
#green_crm_form .field-consent > label {
  display: none;
}
#green_crm_form .formbuilder-checkbox {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
}
#green_crm_form .formbuilder-checkbox input {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin: .25rem 0 0;
  accent-color: var(--bs-primary);
}
#green_crm_form .formbuilder-checkbox label {
  font-size: .875rem;
  line-height: 1.5;
  color: var(--bs-secondary-color);
}
#green_crm_form .field-submit {
  align-items: flex-start;
}
#green_crm_form .rendered-form .btn {
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
}
#green_crm_form .rendered-form .btn:hover,
#green_crm_form .rendered-form .btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
@media (max-width: 575.98px) {
  #green_crm_form .rendered-form .field-submit .btn {
    width: 100%;
  }
}