/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 /* HERO контейнер баннера (правый блок) */
 /* ===== HERO: фон, сетка, блики ===== */
 /* ====== HERO базовые переменные ====== */
 /* ============ HERO стили ============ */
 /* ============ HERO улучшения ============ */
 /* ===== Topbar + Navbar (фикс) ===== */
 
 
 .section-top .card {
  border-radius: 18px;
  transition: all .25s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.section-top .card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

.card-icon-border-large {
  width: 80px;
  height: 80px;
  margin: -40px auto 0;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #fff, rgba(255,255,255,.85));
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
  font-size: 28px;
  transition: transform .25s ease;
}
.card:hover .card-icon-border-large {
  transform: scale(1.1) rotate(4deg);
}

}

/* Дудлы поверх фона (та же сетка, что на “Навчання”) */
body.about-page .breadcrumb-bg--brandfade::before{
  content:"";
  position:absolute; inset:0;
  z-index: 1;
  pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' width='320' height='220' viewBox='0 0 320 220'>\
      <g fill='none' stroke='white' stroke-opacity='0.25' stroke-width='1.2'>\
        <path d='M18 32c14-6 28 6 42 0m-8 38c16 3 30-9 42-2M140 30l12 12-12 12-12-12 12-12z'/>\
        <path d='M90 70q10-14 26-6 8 4 12 12M196 40c0 10 16 10 16 0s-16-10-16 0z'/>\
        <path d='M228 92l24-14m-8 0l8 14m-28 18c10-8 26-8 36 0'/>\
        <circle cx='280' cy='42' r='10'/>\
        <circle cx='36' cy='120' r='8'/>\
        <path d='M12 170h40m-20-20v40M150 160c8 0 8 12 0 12s-8-12 0-12z'/>\
        <path d='M200 170l14 14 14-14M260 150c12 0 12 18 0 18s-12-18 0-18z'/>\
      </g>\
    </svg>");
  background-size: 360px 248px;
  background-repeat: repeat;
  mix-blend-mode: overlay;
}

/* Плавный переход баннера в белый, как на “Навчання” */
body.about-page .breadcrumb-bg--brandfade::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:120px;
  z-index: 1;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);
}

/* Если у пользователя выключены анимации — ничего лишнего не двигаем */
@media (prefers-reduced-motion: reduce){
  body.about-page .breadcrumb-bg--brandfade::before{ animation: none !important; }
}



/* Topbar — без изменений по сути */
.top-bar{
  background:
    linear-gradient(135deg, rgba(132,190,214,.12), rgba(181,213,106,.12)),
    #0f1a1c;
  color:#e9f0f2; font-size:14px; padding:.35rem 0; border-bottom:1px solid rgba(255,255,255,.06);
}
.top-bar a{ color:#e9f0f2; text-decoration:none }
.top-bar .opacity-80{ opacity:.85 }
.top-bar .icon-header{
  width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.12);
}
.top-bar .bg-primary{ background:linear-gradient(135deg,#84bed6,#6cb0c9) }
.top-bar .bg-success{ background:linear-gradient(135deg,#b5d56a,#9bc44a) }
.top-bar .bg-info{ background:linear-gradient(135deg,#b9dff0,#84bed6) }
.top-bar .list-inline>li+li{ margin-left:1.1rem; position:relative }
.top-bar .list-inline>li+li:before{
  content:""; position:absolute; left:-.6rem; top:50%; transform:translateY(-50%);
  width:1px; height:18px; background:rgba(255,255,255,.12);
}
.top-bar .redLnk{
  background:#dc3545; padding:.35rem .65rem; border-radius:10px; font-weight:700;
  box-shadow:0 6px 18px rgba(220,53,69,.18);
}

/* Navbar — убран псевдоэлемент ::after (он и создавал «квадрат») */
.header .navbar{ background:#fff; border-bottom:1px solid rgba(15,26,28,.06); }
.header .navbar.sticky-top{ box-shadow:0 8px 24px rgba(0,0,0,.06) }
/* ВАЖНО: никаких ::after и фоновых наложений */

/* Лого — вернули исходный размер */
.navbar-brand img{ height:40px; width:auto; }

/* Пункты меню с иконками */
.navbar .nav-link{
  position:relative; font-weight:600; color:#263033; padding:.7rem .85rem; border-radius:10px;
  display:flex; align-items:center; gap:.35rem;
}
.navbar .nav-link .nav-icon{ opacity:.8; }
.navbar .nav-link:hover{ color:#0f1a1c; background:rgba(132,190,214,.08); }
.navbar .nav-link::after{
  content:""; position:absolute; left:12px; right:12px; bottom:6px; height:3px;
  border-radius:4px; background:linear-gradient(90deg,var(--brand),var(--accent));
  transform:scaleX(0); transform-origin:left; transition:transform .18s ease;
}
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after{ transform:scaleX(1) }

/* Dropdown */
.dropdown-menu{
  border:1px solid rgba(15,26,28,.06);
  border-radius:12px; box-shadow:0 18px 36px rgba(0,0,0,.12);
}
.dropdown-item{ padding:.55rem .9rem; font-weight:600 }
.dropdown-item:hover{ background:rgba(132,190,214,.12) }

/* Адаптив */
@media (max-width: 991.98px){
  .top-bar{ font-size:13px }
  .navbar .nav-link{ padding:.6rem .75rem }
}

.hero-lite{
  background:
    radial-gradient(1200px 600px at -10% 20%, rgba(181,213,106,.18) 0%, rgba(181,213,106,0) 60%),
    radial-gradient(1000px 500px at 110% 0%, rgba(132,190,214,.20) 0%, rgba(132,190,214,0) 55%),
    #f8fafb;
}

/* Левая колонка — титулы/акценты */
.hero-title{ letter-spacing:.2px; }
.hero-title-accent{
  font-size:.58em;font-weight:800;line-height:1.15;
  background:linear-gradient(90deg,#84bed6,#b5d56a);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-top:.12em
}
.bg-gradient-pill{
  background:linear-gradient(135deg,rgba(132,190,214,.25),rgba(181,213,106,.25));
  color:#1f2b2e;font-weight:700;padding:.55rem .9rem
}
.hero-cta{border-radius:12px;padding:.85rem 1.25rem;transition:.15s}
.hero-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(220,53,69,.25)}
.hero-bullets{list-style:none;margin:1rem 0 0;padding:0}
.hero-bullets li{display:flex;align-items:flex-start;gap:.6rem;margin:.35rem 0;color:#445}
.hero-bullets .i{
  width:28px;height:28px;flex:0 0 28px;border-radius:8px;
  background:linear-gradient(135deg,#84bed6,#b5d56a);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:.85rem;box-shadow:0 4px 10px rgba(0,0,0,.08)
}

/* Правая колонка — рамка баннера */
.hero-banner-frame{
  position:relative;
  height:clamp(380px,54vh,540px);
  border-radius:22px;
  padding:2px; /* тонкая внешняя рамка-градиент */
  background:linear-gradient(135deg,rgba(132,190,214,.6),rgba(181,213,106,.6));
  box-shadow:0 18px 42px rgba(0,0,0,.08);
  overflow:hidden;
  /* делаем визуально бОльший отступ от правого края на больших экранах */
  margin-right:clamp(16px,5vw,72px);
}
.hero-banner-frame::before{
  content:"";position:absolute;inset:0;border-radius:20px;background:#fff
}

/* Сам контейнер слайдера внутри рамки */
.rev-banner{position:absolute;inset:0;border-radius:20px;overflow:hidden}

/* Показывать картинку ПОЛНОСТЬЮ (без обрезки) */
.rev-banner img,
.rev-banner .tp-bgimg{ /* .tp-bgimg — слой Revolution Slider */
  width:100%!important;height:100%!important;object-fit:contain!important;
  object-position:center center!important;background-color:#fff;
}

/* Дополнительный внутренний «легкий» frame поверх картинки */
.hero-banner-frame::after{
  content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(132,190,214,.25), inset 0 0 40px rgba(181,213,106,.12)
}

/* Декоративные блики — совпадение по осям с текстом и баннером */
.hero-glare{position:absolute;pointer-events:none;mix-blend-mode:soft-light;opacity:.55;filter:blur(8px)}
.glare-left{
  left:max(0px, min(6vw,48px)); top:8%;
  width:220px;height:220px;border-radius:50%;
  background:radial-gradient(closest-side, rgba(255,255,255,.55), rgba(255,255,255,0) 70%)
}
.glare-right{
  right:clamp(16px,5vw,72px); top:12%;
  width:260px;height:260px;border-radius:50%;
  background:radial-gradient(closest-side, rgba(255,255,255,.45), rgba(255,255,255,0) 72%)
}

/* Микро-светлячки */
.hero-blob{position:absolute;border-radius:50%;filter:blur(28px);opacity:.28}
.hero-blob--1{left:-70px;bottom:-50px;width:220px;height:220px;background:#b5d56a}
.hero-blob--2{right:-60px;top:-40px;width:200px;height:200px;background:#84bed6}

/* Чуть левее текст на lg+; вертикальная плотность */
@media (min-width: 992px){
  .hero-copy{padding-left:.5rem}
}

/* Мобильные отступы */
@media (max-width: 575.98px){
  .hero-lite{padding-top:2.25rem!important;padding-bottom:2.25rem!important}
  .hero-title{font-size:1.9rem}
  .hero-banner-frame{height:56vw;min-height:280px;margin-right:16px}
}

.hero-lite{
  background:
    radial-gradient(1200px 600px at -10% 20%, rgba(181,213,106,.18) 0%, rgba(181,213,106,0) 60%),
    radial-gradient(1000px 500px at 110% 0%, rgba(132,190,214,.20) 0%, rgba(132,190,214,0) 55%),
    #f8fafb;
}

/* заголовок с аккуратным акцентом */
.hero-title{ letter-spacing:.2px; }
.hero-title-accent{
  font-size: .58em;
  font-weight: 800;
  line-height: 1.15;
  background: linear-gradient(90deg, #84bed6, #b5d56a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-top: .1em;
}

/* кнопка */
.hero-cta{
  border-radius: 12px;
  padding:.85rem 1.25rem;
  transform: translateZ(0);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.hero-cta:hover{ transform: translateY(-2px); box-shadow:0 10px 24px rgba(220,53,69,.25); }

/* бейдж над заголовком */
.bg-gradient-pill{
  background: linear-gradient(135deg, rgba(132,190,214,.25), rgba(181,213,106,.25));
  color:#1f2b2e;
  font-weight:700;
  padding:.55rem .9rem;
}

/* доверие-список */
.hero-trust i{ opacity:.7 }

/* рамка и контейнер баннера */
.hero-banner-frame{
  position: relative;
  height: clamp(360px, 54vh, 520px);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(132,190,214,.35), rgba(181,213,106,.35));
  padding: 2px;                 /* «тонкая рамка» градиентом */
  box-shadow: 0 18px 42px rgba(0,0,0,.08);
  overflow: hidden;
}
.hero-banner-frame::before{
  content:"";
  position:absolute; inset:0;
  border-radius: 20px;
  background:#fff;               /* внутренняя подложка */
}

/* сам слайдер внутри рамки */
.rev-banner{
  position: absolute;
  inset: 0;
  border-radius: 20px;
  overflow: hidden;
}

/* лёгкие блики сверху */
.hero-banner-frame::after{
  content:"";
  position:absolute; left:-15%; top:-25%;
  width: 55%; height: 60%;
  background: radial-gradient(closest-side, rgba(255,255,255,.38), rgba(255,255,255,0) 70%);
  transform: ;
  pointer-events: none;
}

/* декоративные «светлячки» */
.hero-blob{
  position:absolute; display:block;
  width:220px; height:220px; border-radius:50%;
  filter: blur(30px);
  opacity:.25; pointer-events:none;
}
.hero-blob--1{ left:-80px; bottom:-60px; background:#b5d56a; }
.hero-blob--2{ right:-70px; top:-40px; background:#84bed6; }

/* копия — чуть левее и плотнее на больших экранах */
@media (min-width: 992px){
  .hero-copy{ padding-left: .75rem; }
}

/* мобильные отступы */
@media (max-width: 575.98px){
  .hero-lite{ padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; }
  .hero-title{ font-size: 1.9rem; }
}

.hero-section{
  --radius: 22px;
  --shadow: 0 20px 60px rgba(0,0,0,.12);
  --glass-bg: rgba(255,255,255,.88);
  --glass-brd: 1px solid rgba(132,190,214,.28);
  --brand1: #84bed6;
  --brand2: #b5d56a;
  --brand3: #dc3545;
  background: linear-gradient(180deg, #ffffff 0%, #f6fafc 100%);
  position: relative;
  z-index: 1;
}

/* ====== Фоновый узор (тонкий арабеск) ====== */
.hero-pattern{
  position:absolute; inset:0; opacity:.12; pointer-events:none; z-index:0;
  background-image: radial-gradient(circle at 12px 12px, #7bc6e0 1px, transparent 1px),
                    radial-gradient(circle at 36px 36px, #b7dfa3 1px, transparent 1px);
  background-size: 48px 48px;
  mix-blend-mode: multiply;
}

/* ====== Блики ====== */
.hero-glare{ position:absolute; border-radius: 50%; filter: blur(120px); pointer-events:none; z-index:0; }
.hero-glare.glare-1{ width:520px;height:520px;background:#6bc2e5; top:-160px; left:-160px; opacity:.35;}
.hero-glare.glare-2{ width:460px;height:460px;background:#ffd36b; bottom:-180px; right:-140px; opacity:.35;}
.hero-glare.glare-3{ width:340px;height:340px;background:#c9f7d1; top:12%; right:34%; opacity:.26;}

/* ====== Левая карточка (стекло) ====== */
.hero-card{
  position: relative;
  border-radius: 20px;
  padding: clamp(24px, 3.2vw, 38px);
  background: var(--glass-bg);
  border: var(--glass-brd);
  backdrop-filter: blur(10px);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.hero-card::after{ /* мягкий отблеск внутри карточки */
  content:""; position:absolute; inset:-20%;
  background: radial-gradient(60% 60% at 0% 0%, rgba(255,255,255,.28) 0%, transparent 60%);
  pointer-events:none;
}
.hero-accent{
  position:absolute; left:0; top:36px; width:6px; height:72px; border-radius: 4px;
  background: linear-gradient(180deg, var(--brand3) 0%, #ff827a 100%);
  box-shadow: 0 10px 26px rgba(220,53,69,.35);
}
.hero-founded{
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
}

/* Кнопка с лёгким бликом при ховере */
.btn-shine{
  position: relative; overflow: hidden;
}
.btn-shine::after{
  content:""; position:absolute; top:-120%; left:-30%;
  width:40%; height:300%;
  background: linear-gradient(90deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);

  transition: transform .6s ease, left .6s ease, top .6s ease;
}
.btn-shine:hover::after{
  left:120%; top:-20%;
}

/* ====== Правый баннер ====== */
.hero-banner-wrap{ max-width: 860px; }
.hero-banner-frame{
  position: relative; border-radius: var(--radius); padding: 8px;
  background: conic-gradient(from 140deg, var(--brand1), var(--brand2), var(--brand1));
  box-shadow: var(--shadow);
  overflow: hidden;
  min-height: clamp(380px, 44vw, 520px);
  isolation:isolate;
}
/
}
.hero-banner-frame::before{
  content:""; position:absolute; inset:-50%; z-index:0;
  background: conic-gradient(from 0deg, var(--brand1), var(--brand2), var(--brand1));
  animation: borderSpin 16s linear infinite;
  filter: blur(22px); opacity:.25;
}
.hero-banner-frame::after{ /* лёгкая внутренняя подсветка по верхнему правому углу */
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background: radial-gradient(120% 120% at 100% 0%, rgba(255,255,255,.22) 0%, transparent 52%);
}

/* Внутренняя область (под слайдер) */
.hero-banner-fallback{
  position:absolute; inset:8px; z-index:0; border-radius: calc(var(--radius) - 10px);
  background-image: url('img/hero-banner.webp'); /* подмени на твоё изображение */
  background-size: cover; background-position: center;
  filter: saturate(1.02);
}

/* Слайдер занимает всю внутреннюю область */
.hero-rev{
  position:absolute; inset:8px; z-index:2; border-radius: calc(var(--radius) - 10px);
  width: auto; height: auto; overflow: hidden; background: transparent;
}

/* Лёгкая «дымка» поверх изображения (делает картинку дороже) */
.hero-banner-glow{
  position:absolute; inset:8px; z-index:3; border-radius: calc(var(--radius) - 10px);
  background: radial-gradient(120% 120% at 105% -5%, rgba(255,255,255,.16) 0%, transparent 40%),
              radial-gradient(100% 80% at -10% 110%, rgba(255,255,255,.08) 0%, transparent 60%);
  pointer-events:none;
}

/* ====== Адаптив ====== */
@media (max-width: 1199.98px){
  .hero-banner-wrap{ max-width: 100%; }
}
@media (max-width: 991.98px){
  .hero-card{ padding: 24px; }
  .hero-accent{ top:28px; height:64px; }
  .hero-glare.glare-1{ left:-240px; top:-220px; }
  .hero-glare.glare-2{ right:-180px; bottom:-220px; }
}

/* Уважение к user prefs: отключаем лишнюю анимацию, если нужно */
@media (prefers-reduced-motion: reduce){
  .hero-banner-frame::before{ animation: none; }
  .btn-shine::after{ transition: none; }
}

.hero-section{
  --radius: 22px;
  --shadow: 0 18px 60px rgba(0,0,0,.12);
  --frame-grad: linear-gradient(135deg, #84bed6, #b5d56a);
  --glass-bg: rgba(255,255,255,.88);
  --border-glass: 1px solid rgba(132,190,214,.25);
  background: linear-gradient(180deg, #ffffff 0%, #f7fafb 100%);
  position: relative;
  z-index: 1;
}
.hero-glare{
  position: absolute; border-radius: 50%; filter: blur(120px);
  pointer-events: none; opacity:.35; z-index:0;
}
.hero-glare.glare-1{ width:480px;height:480px;background:#6bc2e5; top:-160px; left:-160px; }
.hero-glare.glare-2{ width:420px;height:420px;background:#ffd36b; bottom:-160px; right:-120px; }
.hero-glare.glare-3{ width:320px;height:320px;background:#c9f7d1; top:10%; right:35%; opacity:.28; }

/* ===== Левая карточка (стекло + аккуратные детали) ===== */
.hero-card{
  position: relative;
  border-radius: 20px;
  padding: clamp(22px, 3vw, 36px);
  background: var(--glass-bg);
  border: var(--border-glass);
  backdrop-filter: blur(8px);
}
.hero-accent{
  height: 6px; width: 84px; border-radius: 6px;
  background: linear-gradient(90deg, #dc3545, #ff8a80);
  box-shadow: 0 6px 18px rgba(220,53,69,.35);
}

/* ===== Правый баннер с рамкой ===== */
.hero-banner-wrap{ max-width: 820px; }
.hero-banner-frame{
  position: relative;
  border-radius: var(--radius);
  padding: 5px;                     /* толщина рамки */
  background: var(--frame-grad) padding-box;
  box-shadow: var(--shadow);
  overflow: hidden;
  min-height: clamp(360px, 44vw, 500px);  /* «нормальная» высота фрейма */
  /* Fallback-фон на случай, если слайдер не прогрузился */
  background-image: url('img/hero-banner.webp'); /* подмени на свою картинку */
  background-size: cover;
  background-position: center;
}
.hero-banner-frame::after{          /* лёгкий внутренний отблеск */
  content:""; position:absolute; inset:0;
  background: radial-gradient(120% 120% at 100% 0%, rgba(255,255,255,.22) 0%, transparent 42%);
  pointer-events: none;
}

/* Слайдер занимает весь фрейм, показывает твоё фото/слайды */
.hero-rev{
  position:absolute; inset:5px;        /* чтобы рамка оставалась видимой */
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: calc(var(--radius) - 8px);
  overflow: hidden;
  background: transparent;
  z-index: 1;
}

/* Адаптивные штрихи */
@media (max-width: 1199.98px){
  .hero-banner-wrap{ max-width: 100%; }
}
@media (max-width: 991.98px){
  .hero-card{ padding: 22px; }
  .hero-glare.glare-1{ left:-220px; top:-200px; }
  .hero-glare.glare-2{ right:-160px; bottom:-200px; }
}

.hero-media{
  position:relative;
  width:100%;
  /* делаем немного крупнее и заметнее */
  padding:14px;
  border-radius:22px;
  background:
    radial-gradient(120% 120% at 10% 10%, rgba(132,190,214,.15), transparent 60%) ,
    radial-gradient(120% 120% at 90% 90%, rgba(181,213,106,.12), transparent 60%) ,
    #fff;
  box-shadow: 0 10px 32px rgba(0,0,0,.10);
  border:1px solid rgba(0,0,0,.06);
}
.hero-media::before{
  /* тонкая декоративная «свечка» по краю */
  content:"";
  position:absolute; inset:0;
  border-radius:22px;
  padding:1px;
  background: linear-gradient(135deg, rgba(132,190,214,.6), rgba(181,213,106,.6));
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events:none;
}
.hero-media__frame{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  background:#000;              /* фоновая подложка пока слайды грузятся */
  aspect-ratio: 16/10;          /* чтобы картинка была полностью видна и адаптивна */
  min-height: 360px;            /* на узких екранах держим высоту */
}
@media (min-width: 992px){
  .hero-media__frame{ min-height: 480px; }
}

/* Заставляем Revolution Slider занимать весь контейнер и «cover» */
.hero-media .hero-rev,
.hero-media .rev_slider_wrapper,
.hero-media .rev_slider,
.hero-media .tp-revslider-mainul,
.hero-media .tp-revslider-slidesli{
  width:100% !important;
  height:100% !important;
}
.hero-media .tp-revslider-slidesli,
.hero-media .tp-revslider-slidesli > img,
.hero-media .rev-slidebg{
  width:100% !important;
  height:100% !important;
  object-fit: cover !important;   /* фото «замощает» область полностью */
  object-position: center !important;
}

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #a597e7;
    --bs-pink: #ea77ad;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #f0c24b;
    --bs-secondary: #6c757d;
    --bs-warning: #f0c24b;
    --bs-danger: #ea7066;
    --bs-success: #b5d56a;
    --bs-info: #84bed6;
    --bs-light: #f5f5f5;
    --bs-dark: #222;
    --bs-purple: #a597e7;
    --bs-pink: #ea77ad;
    --bs-stone: #2f3c43;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
*,
::before,
::after {
    box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
body {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}
hr:not([size]) {
    height: 1px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1,
.h1 {
    font-size: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 2.1875rem;
    }
}
h2,
.h2 {
    font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
    h2,
    .h2 {
        font-size: 1.75rem;
    }
}
h3,
.h3 {
    font-size: calc(1.27813rem + 0.3375vw);
}
@media (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 1.53125rem;
    }
}
h4,
.h4 {
    font-size: calc(1.25625rem + 0.075vw);
}
@media (min-width: 1200px) {
    h4,
    .h4 {
        font-size: 1.3125rem;
    }
}
h5,
.h5 {
    font-size: 1.09375rem;
}
h6,
.h6 {
    font-size: 0.875rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
ol,
ul {
    padding-left: 2rem;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
small,
.small {
    font-size: 0.875em;
}
mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: #f0c24b;
    text-decoration: underline;
}
a:hover {
    color: #c09b3c;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override;
}
pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}
code {
    font-size: 0.875em;
    color: #ea77ad;
    word-wrap: break-word;
}
a > code {
    color: inherit;
}
kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #222;
    border-radius: 0.4rem;
}
kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700;
}
figure {
    margin: 0 0 1rem;
}
img,
svg {
    vertical-align: middle;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: left;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
label {
    display: inline-block;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
select {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
select:disabled {
    opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
    display: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}
::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
textarea {
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}
@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}
legend + * {
    clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0;
}
::-webkit-inner-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::file-selector-button {
    font: inherit;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
iframe {
    border: 0;
}
summary {
    display: list-item;
    cursor: pointer;
}
progress {
    vertical-align: baseline;
}
[hidden] {
    display: none !important;
}
.lead {
    font-size: 1.09375rem;
    font-weight: 300;
}
.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem;
    }
}
.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem;
    }
}
.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem;
    }
}
.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem;
    }
}
.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem;
    }
}
.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem;
    }
}
.portfolio-section{padding-bottom:40px}.filter-section{padding-top:40px}.filter-container{text-align:center;padding:20px}ul.filter > li > a{color:#1abc9c;font-size:20px;line-height:40px;padding:0}ul.filter > li > a:hover,ul.filter > li > a:focus{text-decoration:none;color:#929497;outline:none;background-color:transparent}ul.filter > li.active a{color:#111;background-color:#0df}ul.filter > li span{color:#ddd;font-size:20px;display:inline-block;margin:0 5px}.filter-section .filter-container .filter > li{padding:0;margin:0}.filter-section h1{text-align:center}.portfolio-section.port-col figure .overlay-background{background-color:#000;background-color:rgba(0,0,0,0.4)}.portfolio-section figure{float:left;width:100%;position:relative}.portfolio-section figure img{width:100%;height:auto}.portfolio-section .article-title{text-align:center;float:left;width:100%;font-size:18px;line-height:24px;padding:10px 0 30px 0}.portfolio-section .article-title a{color:#aaa}.portfolio-section figure:hover .overlay{opacity:1;visibility:visible}.portfolio-section figure:hover .overlay-background{opacity:.8;visibility:visible}.portfolio-section figure .overlay-background{z-index:1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;top:0;left:0;opacity:0;visibility:hidden;width:100%;height:100%}.portfolio-section figure .overlay-background .inner{position:absolute;left:0;right:0;bottom:0;top:0;margin:11px;background-color:#c8e9c8;background-color:rgba(194,231,194,0.9)}.portfolio-section figure .overlay{z-index:2;transition:all .2s ease-in-out;position:absolute;top:0;left:0;opacity:0;visibility:hidden;width:100%;height:100%}.portfolio-section figure .inner-overlay{display:table;width:100%;height:100%}.portfolio-section figure .inner-overlay-content{display:table-cell;vertical-align:middle;width:100%;padding:20px 40px}.portfolio-section figure .inner-overlay-content.with-icons{text-align:center}.portfolio-section figure .inner-overlay-content.with-icons a{width:40px;height:40px;line-height:42px;display:inline-block;margin:0 10px;text-decoration:none;font-size:20px;background:rgba(0,0,0,0.9);color:#fff;border-radius:0}.isotopeSelector img{-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out}.isotopeSelector:hover img{-moz-transform:scale(1.5) rotate(2deg);-webkit-transform:scale(1.5) rotate(2deg);-o-transform:scale(1.5) rotate(2deg);-ms-transform:scale(1.5) rotate(2deg);transform:scale(1.5) rotate(2deg);-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out}.isotopeSelector figure{overflow:hidden}.isotopeSelector figure{box-shadow:0 0 2px rgba(0,0,0,0.2)}.demo-colored-wrap{background:#ecf0f1}
#rev_slider_1_forcefullwidth{
height:550px;	
background:url(../img/banner.png);
text-align:center;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}.teacher {
    width: 65%;
    aspect-ratio: 1/1;
    margin: auto;
}.redLnk {
    background: #dc3545;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}.copyright {
    background: #2f3c43;
}
.teacher img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}#teachers p {
    color: white;
    font-size: 16px;
    margin-top: 20px;
}
.btn-red {
    background: #dc3545 !important;
    color: white !important;
}
.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}
.initialism {
    font-size: 0.875em;
    text-transform: uppercase;
}
.blockquote {
    margin-bottom: 1rem;
    font-size: 1.09375rem;
}
.blockquote > :last-child {
    margin-bottom: 0;
}
.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #6c757d;
}
.blockquote-footer::before {
    content: "\2014\00A0";
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}
.figure {
    display: inline-block;
}
.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}
.figure-caption {
    font-size: 0.875em;
    color: #6c757d;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container,
    .container-sm,
    .container-md {
        max-width: 750px;
    }
}
@media (min-width: 992px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 970px;
    }
}
@media (min-width: 1200px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1170px;
    }
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}
.col {
    -webkit-box-flex: 1;
    flex: 1 0 0;
}
.row-cols-auto > * {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
}
.row-cols-1 > * {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 100%;
}
.row-cols-2 > * {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 50%;
}
.row-cols-3 > * {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 33.33333%;
}
.row-cols-4 > * {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 25%;
}
.row-cols-5 > * {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 20%;
}
.row-cols-6 > * {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 16.66667%;
}
@media (min-width: 576px) {
    .col-sm {
        -webkit-box-flex: 1;
        flex: 1 0 0;
    }
    .row-cols-sm-auto > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .row-cols-sm-4 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.66667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        -webkit-box-flex: 1;
        flex: 1 0 0;
    }
    .row-cols-md-auto > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-md-1 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-md-2 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-md-3 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .row-cols-md-4 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-md-5 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-md-6 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.66667%;
    }
}
@media (min-width: 992px) {
    .col-lg {
        -webkit-box-flex: 1;
        flex: 1 0 0;
    }
    .row-cols-lg-auto > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-lg-1 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-lg-2 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-lg-3 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .row-cols-lg-4 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-lg-5 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-lg-6 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.66667%;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        -webkit-box-flex: 1;
        flex: 1 0 0;
    }
    .row-cols-xl-auto > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xl-1 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xl-2 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xl-3 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .row-cols-xl-4 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xl-5 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xl-6 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.66667%;
    }
}
@media (min-width: 1400px) {
    .col-xxl {
        -webkit-box-flex: 1;
        flex: 1 0 0;
    }
    .row-cols-xxl-auto > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xxl-1 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xxl-2 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xxl-3 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .row-cols-xxl-4 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xxl-5 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xxl-6 > * {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.66667%;
    }
}
.col-auto {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
}
.col-1 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 8.33333%;
}
.col-2 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 16.66667%;
}
.col-3 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 33.33333%;
}
.col-5 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 41.66667%;
}
.col-6 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 58.33333%;
}
.col-8 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 66.66667%;
}
.col-9 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 83.33333%;
}
.col-11 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 91.66667%;
}
.col-12 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 100%;
}
.offset-1 {
    margin-left: 8.33333%;
}
.offset-2 {
    margin-left: 16.66667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.33333%;
}
.offset-5 {
    margin-left: 41.66667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.33333%;
}
.offset-8 {
    margin-left: 66.66667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.33333%;
}
.offset-11 {
    margin-left: 91.66667%;
}
.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
    --bs-gutter-x: 0.31rem;
}
.g-1,
.gy-1 {
    --bs-gutter-y: 0.31rem;
}
.g-2,
.gx-2 {
    --bs-gutter-x: 0.63rem;
}
.g-2,
.gy-2 {
    --bs-gutter-y: 0.63rem;
}
.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
    --bs-gutter-x: 1.25rem;
}
.g-4,
.gy-4 {
    --bs-gutter-y: 1.25rem;
}
.g-5,
.gx-5 {
    --bs-gutter-x: 1.56rem;
}
.g-5,
.gy-5 {
    --bs-gutter-y: 1.56rem;
}
.g-6,
.gx-6 {
    --bs-gutter-x: 1.88rem;
}
.g-6,
.gy-6 {
    --bs-gutter-y: 1.88rem;
}
.g-7,
.gx-7 {
    --bs-gutter-x: 3.13rem;
}
.g-7,
.gy-7 {
    --bs-gutter-y: 3.13rem;
}
.g-8,
.gx-8 {
    --bs-gutter-x: 3.75rem;
}
.g-8,
.gy-8 {
    --bs-gutter-y: 3.75rem;
}
.g-9,
.gx-9 {
    --bs-gutter-x: 4.96rem;
}
.g-9,
.gy-9 {
    --bs-gutter-y: 4.96rem;
}
.g-10,
.gx-10 {
    --bs-gutter-x: 6.25rem;
}
.g-10,
.gy-10 {
    --bs-gutter-y: 6.25rem;
}
@media (min-width: 576px) {
    .col-sm-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 8.33333%;
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.66667%;
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 41.66667%;
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 58.33333%;
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 66.66667%;
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 83.33333%;
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 91.66667%;
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333%;
    }
    .offset-sm-2 {
        margin-left: 16.66667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333%;
    }
    .offset-sm-5 {
        margin-left: 41.66667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333%;
    }
    .offset-sm-8 {
        margin-left: 66.66667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333%;
    }
    .offset-sm-11 {
        margin-left: 91.66667%;
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.31rem;
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.31rem;
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.63rem;
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.63rem;
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.25rem;
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.25rem;
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 1.56rem;
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 1.56rem;
    }
    .g-sm-6,
    .gx-sm-6 {
        --bs-gutter-x: 1.88rem;
    }
    .g-sm-6,
    .gy-sm-6 {
        --bs-gutter-y: 1.88rem;
    }
    .g-sm-7,
    .gx-sm-7 {
        --bs-gutter-x: 3.13rem;
    }
    .g-sm-7,
    .gy-sm-7 {
        --bs-gutter-y: 3.13rem;
    }
    .g-sm-8,
    .gx-sm-8 {
        --bs-gutter-x: 3.75rem;
    }
    .g-sm-8,
    .gy-sm-8 {
        --bs-gutter-y: 3.75rem;
    }
    .g-sm-9,
    .gx-sm-9 {
        --bs-gutter-x: 4.96rem;
    }
    .g-sm-9,
    .gy-sm-9 {
        --bs-gutter-y: 4.96rem;
    }
    .g-sm-10,
    .gx-sm-10 {
        --bs-gutter-x: 6.25rem;
    }
    .g-sm-10,
    .gy-sm-10 {
        --bs-gutter-y: 6.25rem;
    }
}
@media (min-width: 768px) {
    .col-md-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 8.33333%;
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.66667%;
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 41.66667%;
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 58.33333%;
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 66.66667%;
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 83.33333%;
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 91.66667%;
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333%;
    }
    .offset-md-2 {
        margin-left: 16.66667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333%;
    }
    .offset-md-5 {
        margin-left: 41.66667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333%;
    }
    .offset-md-8 {
        margin-left: 66.66667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333%;
    }
    .offset-md-11 {
        margin-left: 91.66667%;
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.31rem;
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.31rem;
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.63rem;
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.63rem;
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.25rem;
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.25rem;
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 1.56rem;
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 1.56rem;
    }
    .g-md-6,
    .gx-md-6 {
        --bs-gutter-x: 1.88rem;
    }
    .g-md-6,
    .gy-md-6 {
        --bs-gutter-y: 1.88rem;
    }
    .g-md-7,
    .gx-md-7 {
        --bs-gutter-x: 3.13rem;
    }
    .g-md-7,
    .gy-md-7 {
        --bs-gutter-y: 3.13rem;
    }
    .g-md-8,
    .gx-md-8 {
        --bs-gutter-x: 3.75rem;
    }
    .g-md-8,
    .gy-md-8 {
        --bs-gutter-y: 3.75rem;
    }
    .g-md-9,
    .gx-md-9 {
        --bs-gutter-x: 4.96rem;
    }
    .g-md-9,
    .gy-md-9 {
        --bs-gutter-y: 4.96rem;
    }
    .g-md-10,
    .gx-md-10 {
        --bs-gutter-x: 6.25rem;
    }
    .g-md-10,
    .gy-md-10 {
        --bs-gutter-y: 6.25rem;
    }
}
@media (min-width: 992px) {
    .col-lg-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 8.33333%;
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.66667%;
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 41.66667%;
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 58.33333%;
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 66.66667%;
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 83.33333%;
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 91.66667%;
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333%;
    }
    .offset-lg-2 {
        margin-left: 16.66667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333%;
    }
    .offset-lg-5 {
        margin-left: 41.66667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333%;
    }
    .offset-lg-8 {
        margin-left: 66.66667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333%;
    }
    .offset-lg-11 {
        margin-left: 91.66667%;
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.31rem;
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.31rem;
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.63rem;
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.63rem;
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.25rem;
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.25rem;
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 1.56rem;
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 1.56rem;
    }
    .g-lg-6,
    .gx-lg-6 {
        --bs-gutter-x: 1.88rem;
    }
    .g-lg-6,
    .gy-lg-6 {
        --bs-gutter-y: 1.88rem;
    }
    .g-lg-7,
    .gx-lg-7 {
        --bs-gutter-x: 3.13rem;
    }
    .g-lg-7,
    .gy-lg-7 {
        --bs-gutter-y: 3.13rem;
    }
    .g-lg-8,
    .gx-lg-8 {
        --bs-gutter-x: 3.75rem;
    }
    .g-lg-8,
    .gy-lg-8 {
        --bs-gutter-y: 3.75rem;
    }
    .g-lg-9,
    .gx-lg-9 {
        --bs-gutter-x: 4.96rem;
    }
    .g-lg-9,
    .gy-lg-9 {
        --bs-gutter-y: 4.96rem;
    }
    .g-lg-10,
    .gx-lg-10 {
        --bs-gutter-x: 6.25rem;
    }
    .g-lg-10,
    .gy-lg-10 {
        --bs-gutter-y: 6.25rem;
    }
}
@media (min-width: 1200px) {
    .col-xl-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 8.33333%;
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.66667%;
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 41.66667%;
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 58.33333%;
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 66.66667%;
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 83.33333%;
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 91.66667%;
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333%;
    }
    .offset-xl-2 {
        margin-left: 16.66667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333%;
    }
    .offset-xl-5 {
        margin-left: 41.66667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333%;
    }
    .offset-xl-8 {
        margin-left: 66.66667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333%;
    }
    .offset-xl-11 {
        margin-left: 91.66667%;
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.31rem;
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.31rem;
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.63rem;
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.63rem;
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.25rem;
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.25rem;
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 1.56rem;
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 1.56rem;
    }
    .g-xl-6,
    .gx-xl-6 {
        --bs-gutter-x: 1.88rem;
    }
    .g-xl-6,
    .gy-xl-6 {
        --bs-gutter-y: 1.88rem;
    }
    .g-xl-7,
    .gx-xl-7 {
        --bs-gutter-x: 3.13rem;
    }
    .g-xl-7,
    .gy-xl-7 {
        --bs-gutter-y: 3.13rem;
    }
    .g-xl-8,
    .gx-xl-8 {
        --bs-gutter-x: 3.75rem;
    }
    .g-xl-8,
    .gy-xl-8 {
        --bs-gutter-y: 3.75rem;
    }
    .g-xl-9,
    .gx-xl-9 {
        --bs-gutter-x: 4.96rem;
    }
    .g-xl-9,
    .gy-xl-9 {
        --bs-gutter-y: 4.96rem;
    }
    .g-xl-10,
    .gx-xl-10 {
        --bs-gutter-x: 6.25rem;
    }
    .g-xl-10,
    .gy-xl-10 {
        --bs-gutter-y: 6.25rem;
    }
}
@media (min-width: 1400px) {
    .col-xxl-auto {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .col-xxl-1 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 8.33333%;
    }
    .col-xxl-2 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.66667%;
    }
    .col-xxl-3 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.33333%;
    }
    .col-xxl-5 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 41.66667%;
    }
    .col-xxl-6 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 58.33333%;
    }
    .col-xxl-8 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 66.66667%;
    }
    .col-xxl-9 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 83.33333%;
    }
    .col-xxl-11 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 91.66667%;
    }
    .col-xxl-12 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.33333%;
    }
    .offset-xxl-2 {
        margin-left: 16.66667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.33333%;
    }
    .offset-xxl-5 {
        margin-left: 41.66667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.33333%;
    }
    .offset-xxl-8 {
        margin-left: 66.66667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.33333%;
    }
    .offset-xxl-11 {
        margin-left: 91.66667%;
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.31rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.31rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.63rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.63rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.25rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.25rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 1.56rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 1.56rem;
    }
    .g-xxl-6,
    .gx-xxl-6 {
        --bs-gutter-x: 1.88rem;
    }
    .g-xxl-6,
    .gy-xxl-6 {
        --bs-gutter-y: 1.88rem;
    }
    .g-xxl-7,
    .gx-xxl-7 {
        --bs-gutter-x: 3.13rem;
    }
    .g-xxl-7,
    .gy-xxl-7 {
        --bs-gutter-y: 3.13rem;
    }
    .g-xxl-8,
    .gx-xxl-8 {
        --bs-gutter-x: 3.75rem;
    }
    .g-xxl-8,
    .gy-xxl-8 {
        --bs-gutter-y: 3.75rem;
    }
    .g-xxl-9,
    .gx-xxl-9 {
        --bs-gutter-x: 4.96rem;
    }
    .g-xxl-9,
    .gy-xxl-9 {
        --bs-gutter-y: 4.96rem;
    }
    .g-xxl-10,
    .gx-xxl-10 {
        --bs-gutter-x: 6.25rem;
    }
    .g-xxl-10,
    .gy-xxl-10 {
        --bs-gutter-y: 6.25rem;
    }
}
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #222;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #222;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #222;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #222;
    vertical-align: top;
    border-color: #e7e7e7;
}
.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
    vertical-align: inherit;
}
.table > thead {
    vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
    border-bottom-color: currentColor;
}
.caption-top {
    caption-side: top;
}
.table-sm > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
    border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
    border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}
.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}
.table-primary {
    --bs-table-bg: #fcf3db;
    --bs-table-striped-bg: #efe7d0;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e3dbc5;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e9e1cb;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e3dbc5;
}
.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce;
}
.table-success {
    --bs-table-bg: #f0f7e1;
    --bs-table-striped-bg: #e4ebd6;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d8decb;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #dee4d0;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #d8decb;
}
.table-info {
    --bs-table-bg: #e6f2f7;
    --bs-table-striped-bg: #dbe6eb;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cfdade;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d5e0e4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cfdade;
}
.table-warning {
    --bs-table-bg: #fcf3db;
    --bs-table-striped-bg: #efe7d0;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e3dbc5;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e9e1cb;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e3dbc5;
}
.table-danger {
    --bs-table-bg: #fbe2e0;
    --bs-table-striped-bg: #eed7d5;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e2cbca;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e8d1cf;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e2cbca;
}
.table-light {
    --bs-table-bg: #f5f5f5;
    --bs-table-striped-bg: #e9e9e9;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dddddd;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e3e3e3;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #ddd;
}
.table-dark {
    --bs-table-bg: #222;
    --bs-table-striped-bg: #2d2d2d;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #383838;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #333333;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #383838;
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }	.navbar .navbar-brand img {
    max-width: 200px !important;
}
}
@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.form-label {
    margin-bottom: 0.5rem;
}
.col-form-label {
    padding-top: calc(0.5625rem + 3px);
    padding-bottom: calc(0.5625rem + 3px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.col-form-label-lg {
    padding-top: calc(0.8rem + 3px);
    padding-bottom: calc(0.8rem + 3px);
    font-size: 1.09375rem;
}
.col-form-label-sm {
    padding-top: calc(0.25rem + 3px);
    padding-bottom: calc(0.25rem + 3px);
    font-size: 0.76563rem;
}
@media (min-width: 1200px) {
    .col-form-label-sm {
        font-size: 0.76562rem;
    }
}
.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #6c757d;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.5625rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 3px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control {
        -webkit-transition: none;
        transition: none;
    }
}
.form-control[type="file"] {
    overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer;
}
.form-control:focus {
    color: #222;
    background-color: #fff;
    border-color: #f8e1a5;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(240, 194, 75, 0.25);
}
.form-control::-webkit-date-and-time-value {
    height: 1.5em;
}
.form-control::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}
.form-control::-moz-placeholder {
    color: #666;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
.form-control::-ms-input-placeholder {
    color: #666;
    opacity: 1;
}
.form-control::placeholder {
    color: #666;
    opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
.form-control::file-selector-button {
    padding: 0.5625rem 1.25rem;
    margin: -0.5625rem -1.25rem;
    -webkit-margin-end: 1.25rem;
    margin-inline-end: 1.25rem;
    color: #222;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 3px;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        -webkit-transition: none;
        transition: none;
    }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
    padding: 0.5625rem 1.25rem;
    margin: -0.5625rem -1.25rem;
    -webkit-margin-end: 1.25rem;
    margin-inline-end: 1.25rem;
    color: #222;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 3px;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.5625rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #222;
    background-color: transparent;
    border: solid transparent;
    border-width: 3px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}
.form-control-sm {
    min-height: calc(1.5em + (0.5rem + 6px));
    padding: 0.25rem 0.5rem;
    font-size: 0.76563rem;
    border-radius: 0.4rem;
}
@media (min-width: 1200px) {
    .form-control-sm {
        font-size: 0.76562rem;
    }
}
.form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
}
.form-control-lg {
    min-height: calc(1.5em + (1.6rem + 6px));
    padding: 0.8rem 1.33rem;
    font-size: 1.09375rem;
    border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
    padding: 0.8rem 1.33rem;
    margin: -0.8rem -1.33rem;
    -webkit-margin-end: 1.33rem;
    margin-inline-end: 1.33rem;
}
.form-control-lg::-webkit-file-upload-button {
    padding: 0.8rem 1.33rem;
    margin: -0.8rem -1.33rem;
    -webkit-margin-end: 1.33rem;
    margin-inline-end: 1.33rem;
}
textarea.form-control {
    min-height: calc(1.5em + (1.125rem + 6px));
}
textarea.form-control-sm {
    min-height: calc(1.5em + (0.5rem + 6px));
}
textarea.form-control-lg {
    min-height: calc(1.5em + (1.6rem + 6px));
}
.form-control-color {
    max-width: 3rem;
    height: auto;
    padding: 0.5625rem;
}
.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer;
}
.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: 0.25rem;
}
.form-select {
    display: block;
    width: 100%;
    padding: 0.5625rem 3.75rem 0.5625rem 1.25rem;
    -moz-padding-start: calc(1.25rem - 3px);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1.25rem center;
    background-size: 16px 12px;
    border: 3px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .form-select {
        -webkit-transition: none;
        transition: none;
    }
}
.form-select:focus {
    border-color: #f8e1a5;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(240, 194, 75, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: 1.25rem;
    background-image: none;
}
.form-select:disabled {
    background-color: #e9ecef;
}
.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #222;
}
.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.76563rem;
}
@media (min-width: 1200px) {
    .form-select-sm {
        font-size: 0.76562rem;
    }
}
.form-select-lg {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 1.33rem;
    font-size: 1.09375rem;
}
.form-check {
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}
.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.form-check-input[type="checkbox"] {
    border-radius: 0.25em;
}
.form-check-input[type="radio"] {
    border-radius: 50%;
}
.form-check-input:active {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}
.form-check-input:focus {
    border-color: #f8e1a5;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(240, 194, 75, 0.25);
}
.form-check-input:checked {
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
    background-color: #f0c24b;
    border-color: #f0c24b;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
    opacity: 0.5;
}
.form-switch {
    padding-left: 2.5em;
}
.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    -webkit-transition: background-position 0.15s ease-in-out;
    transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        -webkit-transition: none;
        transition: none;
    }
}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f8e1a5'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}
.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: 0.65;
}
.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-range:focus {
    outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(240, 194, 75, 0.25);
}
.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(240, 194, 75, 0.25);
}
.form-range::-moz-focus-outer {
    border: 0;
}
.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #f0c24b;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}
.form-range::-webkit-slider-thumb:active {
    background-color: #fbedc9;
}
.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}
.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #f0c24b;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}
.form-range::-moz-range-thumb:active {
    background-color: #fbedc9;
}
.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}
.form-range:disabled {
    pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}
.form-floating {
    position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
    height: calc(3.5rem + 6px);
    line-height: 1.25;
}
.form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 1.25rem;
    pointer-events: none;
    border: 3px solid transparent;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        -webkit-transition: none;
        transition: none;
    }
}
.form-floating > .form-control {
    padding: 1rem 1.25rem;
}
.form-floating > .form-control::-webkit-input-placeholder {
    color: transparent;
}
.form-floating > .form-control::-moz-placeholder {
    color: transparent;
}
.form-floating > .form-control:-ms-input-placeholder {
    color: transparent;
}
.form-floating > .form-control::-ms-input-placeholder {
    color: transparent;
}
.form-floating > .form-control::placeholder {
    color: transparent;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    opacity: 0.65;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
    z-index: 3;
}
.input-group .btn {
    position: relative;
    z-index: 2;
}
.input-group .btn:focus {
    z-index: 3;
}
.input-group-text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.5625rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 3px solid #ced4da;
    border-radius: 0.25rem;
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
    padding: 0.8rem 1.33rem;
    font-size: 1.09375rem;
    border-radius: 0.3rem;
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.76563rem;
    border-radius: 0.4rem;
}
@media (min-width: 1200px) {
    .input-group-sm > .form-control,
    .input-group-sm > .form-select,
    .input-group-sm > .input-group-text,
    .input-group-sm > .btn {
        font-size: 0.76562rem;
    }
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 5rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #b5d56a;
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.76563rem;
    color: #000;
    background-color: rgba(181, 213, 106, 0.9);
    border-radius: 0.25rem;
}
@media (min-width: 1200px) {
    .valid-tooltip {
        font-size: 0.76562rem;
    }
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #b5d56a;
    padding-right: calc(1.5em + 1.125rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23b5d56a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.28125rem) center;
    background-size: calc(0.75em + 0.5625rem) calc(0.75em + 0.5625rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #b5d56a;
    box-shadow: 0 0 0 0.25rem rgba(181, 213, 106, 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 1.125rem);
    background-position: top calc(0.375em + 0.28125rem) right calc(0.375em + 0.28125rem);
}
.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: #b5d56a;
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    padding-right: 6.875rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23b5d56a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right 1.25rem center, center right 3.75rem;
    background-size: 16px 12px, calc(0.75em + 0.5625rem) calc(0.75em + 0.5625rem);
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: #b5d56a;
    box-shadow: 0 0 0 0.25rem rgba(181, 213, 106, 0.25);
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: #b5d56a;
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: #b5d56a;
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(181, 213, 106, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: #b5d56a;
}
.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
}
.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
    z-index: 1;
}
.was-validated .input-group .form-control:valid:focus,
.input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
    z-index: 3;
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #ea7066;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.76563rem;
    color: #000;
    background-color: rgba(234, 112, 102, 0.9);
    border-radius: 0.25rem;
}
@media (min-width: 1200px) {
    .invalid-tooltip {
        font-size: 0.76562rem;
    }
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #ea7066;
    padding-right: calc(1.5em + 1.125rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ea7066'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ea7066' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.28125rem) center;
    background-size: calc(0.75em + 0.5625rem) calc(0.75em + 0.5625rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #ea7066;
    box-shadow: 0 0 0 0.25rem rgba(234, 112, 102, 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 1.125rem);
    background-position: top calc(0.375em + 0.28125rem) right calc(0.375em + 0.28125rem);
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: #ea7066;
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 6.875rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ea7066'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ea7066' stroke='none'/%3e%3c/svg%3e");
    background-position: right 1.25rem center, center right 3.75rem;
    background-size: 16px 12px, calc(0.75em + 0.5625rem) calc(0.75em + 0.5625rem);
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
    border-color: #ea7066;
    box-shadow: 0 0 0 0.25rem rgba(234, 112, 102, 0.25);
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: #ea7066;
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
    background-color: #ea7066;
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(234, 112, 102, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: #ea7066;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
}
.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
    z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus,
.input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
    z-index: 3;
}
.btn {
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    color: #222;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 3px solid transparent;
    padding: 0.5625rem 1.25rem;
    font-size: 1rem;
    border-radius: 0.375rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        transition: none;
    }
}
.btn:hover {
    color: #222;
}
.btn-check:focus + .btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(240, 194, 75, 0.25);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
}
.btn-primary {
    color: #000;
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.btn-primary:hover {
    color: #000;
    background-color: #f2cb66;
    border-color: #f2c85d;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: #000;
    background-color: #f2cb66;
    border-color: #f2c85d;
    box-shadow: 0 0 0 0.25rem rgba(204, 165, 64, 0.5);
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #000;
    background-color: #f3ce6f;
    border-color: #f2c85d;
}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(204, 165, 64, 0.5);
}
.btn-primary:disabled,
.btn-primary.disabled {
    color: #000;
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled,
.btn-secondary.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-warning {
    color: #000;
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.btn-warning:hover {
    color: #000;
    background-color: #f2cb66;
    border-color: #f2c85d;
}
.btn-check:focus + .btn-warning,
.btn-warning:focus {
    color: #000;
    background-color: #f2cb66;
    border-color: #f2c85d;
    box-shadow: 0 0 0 0.25rem rgba(204, 165, 64, 0.5);
}
.btn-check:checked + .btn-warning,
.btn-check:active + .btn-warning,
.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle {
    color: #000;
    background-color: #f3ce6f;
    border-color: #f2c85d;
}
.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(204, 165, 64, 0.5);
}
.btn-warning:disabled,
.btn-warning.disabled {
    color: #000;
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.btn-danger {
    color: #000;
    background-color: #ea7066;
    border-color: #ea7066;
}
.btn-danger:hover {
    color: #000;
    background-color: #ed857d;
    border-color: #ec7e75;
}
.btn-check:focus + .btn-danger,
.btn-danger:focus {
    color: #000;
    background-color: #ed857d;
    border-color: #ec7e75;
    box-shadow: 0 0 0 0.25rem rgba(199, 95, 87, 0.5);
}
.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger,
.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
    color: #000;
    background-color: #ee8d85;
    border-color: #ec7e75;
}
.btn-check:checked + .btn-danger:focus,
.btn-check:active + .btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(199, 95, 87, 0.5);
}
.btn-danger:disabled,
.btn-danger.disabled {
    color: #000;
    background-color: #ea7066;
    border-color: #ea7066;
}
.btn-success {
    color: #000;
    background-color: #b5d56a;
    border-color: #b5d56a;
}
.btn-success:hover {
    color: #000;
    background-color: #c0db80;
    border-color: #bcd979;
}
.btn-check:focus + .btn-success,
.btn-success:focus {
    color: #000;
    background-color: #c0db80;
    border-color: #bcd979;
    box-shadow: 0 0 0 0.25rem rgba(154, 181, 90, 0.5);
}
.btn-check:checked + .btn-success,
.btn-check:active + .btn-success,
.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle {
    color: #000;
    background-color: #c4dd88;
    border-color: #bcd979;
}
.btn-check:checked + .btn-success:focus,
.btn-check:active + .btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(154, 181, 90, 0.5);
}
.btn-success:disabled,
.btn-success.disabled {
    color: #000;
    background-color: #b5d56a;
    border-color: #b5d56a;
}
.btn-info {
    color: #000;
    background-color: #84bed6;
    border-color: #84bed6;
}
.btn-info:hover {
    color: #000;
    background-color: #96c8dc;
    border-color: #90c5da;
}
.btn-check:focus + .btn-info,
.btn-info:focus {
    color: #000;
    background-color: #96c8dc;
    border-color: #90c5da;
    box-shadow: 0 0 0 0.25rem rgba(112, 162, 182, 0.5);
}
.btn-check:checked + .btn-info,
.btn-check:active + .btn-info,
.btn-info:active,
.btn-info.active,
.show > .btn-info.dropdown-toggle {
    color: #000;
    background-color: #9dcbde;
    border-color: #90c5da;
}
.btn-check:checked + .btn-info:focus,
.btn-check:active + .btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(112, 162, 182, 0.5);
}
.btn-info:disabled,
.btn-info.disabled {
    color: #000;
    background-color: #84bed6;
    border-color: #84bed6;
}
.btn-light {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-light:hover {
    color: #000;
    background-color: #f7f7f7;
    border-color: #f6f6f6;
}
.btn-check:focus + .btn-light,
.btn-light:focus {
    color: #000;
    background-color: #f7f7f7;
    border-color: #f6f6f6;
    box-shadow: 0 0 0 0.25rem rgba(208, 208, 208, 0.5);
}
.btn-check:checked + .btn-light,
.btn-check:active + .btn-light,
.btn-light:active,
.btn-light.active,
.show > .btn-light.dropdown-toggle {
    color: #000;
    background-color: #f7f7f7;
    border-color: #f6f6f6;
}
.btn-check:checked + .btn-light:focus,
.btn-check:active + .btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(208, 208, 208, 0.5);
}
.btn-light:disabled,
.btn-light.disabled {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-dark {
    color: #fff;
    background-color: #222;
    border-color: #222;
}
.btn-dark:hover {
    color: #fff;
    background-color: #1d1d1d;
    border-color: #1b1b1b;
}
.btn-check:focus + .btn-dark,
.btn-dark:focus {
    color: #fff;
    background-color: #1d1d1d;
    border-color: #1b1b1b;
    box-shadow: 0 0 0 0.25rem rgba(67, 67, 67, 0.5);
}
.btn-check:checked + .btn-dark,
.btn-check:active + .btn-dark,
.btn-dark:active,
.btn-dark.active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1b1b1b;
    border-color: #1a1a1a;
}
.btn-check:checked + .btn-dark:focus,
.btn-check:active + .btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(67, 67, 67, 0.5);
}
.btn-dark:disabled,
.btn-dark.disabled {
    color: #fff;
    background-color: #222;
    border-color: #222;
}
.btn-purple {
    color: #000;
    background-color: #a597e7;
    border-color: #a597e7;
}
.btn-purple:hover {
    color: #000;
    background-color: #b3a7eb;
    border-color: #aea1e9;
}
.btn-check:focus + .btn-purple,
.btn-purple:focus {
    color: #000;
    background-color: #b3a7eb;
    border-color: #aea1e9;
    box-shadow: 0 0 0 0.25rem rgba(140, 128, 196, 0.5);
}
.btn-check:checked + .btn-purple,
.btn-check:active + .btn-purple,
.btn-purple:active,
.btn-purple.active,
.show > .btn-purple.dropdown-toggle {
    color: #000;
    background-color: #b7acec;
    border-color: #aea1e9;
}
.btn-check:checked + .btn-purple:focus,
.btn-check:active + .btn-purple:focus,
.btn-purple:active:focus,
.btn-purple.active:focus,
.show > .btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(140, 128, 196, 0.5);
}
.btn-purple:disabled,
.btn-purple.disabled {
    color: #000;
    background-color: #a597e7;
    border-color: #a597e7;
}
.btn-pink {
    color: #000;
    background-color: #ea77ad;
    border-color: #ea77ad;
}
.btn-pink:hover {
    color: #000;
    background-color: #ed8bb9;
    border-color: #ec85b5;
}
.btn-check:focus + .btn-pink,
.btn-pink:focus {
    color: #000;
    background-color: #ed8bb9;
    border-color: #ec85b5;
    box-shadow: 0 0 0 0.25rem rgba(199, 101, 147, 0.5);
}
.btn-check:checked + .btn-pink,
.btn-check:active + .btn-pink,
.btn-pink:active,
.btn-pink.active,
.show > .btn-pink.dropdown-toggle {
    color: #000;
    background-color: #ee92bd;
    border-color: #ec85b5;
}
.btn-check:checked + .btn-pink:focus,
.btn-check:active + .btn-pink:focus,
.btn-pink:active:focus,
.btn-pink.active:focus,
.show > .btn-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(199, 101, 147, 0.5);
}
.btn-pink:disabled,
.btn-pink.disabled {
    color: #000;
    background-color: #ea77ad;
    border-color: #ea77ad;
}
.btn-stone {
    color: #fff;
    background-color: #2f3c43;
    border-color: #2f3c43;
}
.btn-stone:hover {
    color: #fff;
    background-color: #283339;
    border-color: #263036;
}
.btn-check:focus + .btn-stone,
.btn-stone:focus {
    color: #fff;
    background-color: #283339;
    border-color: #263036;
    box-shadow: 0 0 0 0.25rem rgba(78, 89, 95, 0.5);
}
.btn-check:checked + .btn-stone,
.btn-check:active + .btn-stone,
.btn-stone:active,
.btn-stone.active,
.show > .btn-stone.dropdown-toggle {
    color: #fff;
    background-color: #263036;
    border-color: #232d32;
}
.btn-check:checked + .btn-stone:focus,
.btn-check:active + .btn-stone:focus,
.btn-stone:active:focus,
.btn-stone.active:focus,
.show > .btn-stone.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(78, 89, 95, 0.5);
}
.btn-stone:disabled,
.btn-stone.disabled {
    color: #fff;
    background-color: #2f3c43;
    border-color: #2f3c43;
}
.btn-outline-primary {
    color: #f0c24b;
    border-color: #f0c24b;
}
.btn-outline-primary:hover {
    color: #000;
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(240, 194, 75, 0.5);
}
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
    color: #000;
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(240, 194, 75, 0.5);
}
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: #f0c24b;
    background-color: transparent;
}
.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
    color: #6c757d;
    background-color: transparent;
}
.btn-outline-warning {
    color: #f0c24b;
    border-color: #f0c24b;
}
.btn-outline-warning:hover {
    color: #000;
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 0.25rem rgba(240, 194, 75, 0.5);
}
.btn-check:checked + .btn-outline-warning,
.btn-check:active + .btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
    color: #000;
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.btn-check:checked + .btn-outline-warning:focus,
.btn-check:active + .btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(240, 194, 75, 0.5);
}
.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
    color: #f0c24b;
    background-color: transparent;
}
.btn-outline-danger {
    color: #ea7066;
    border-color: #ea7066;
}
.btn-outline-danger:hover {
    color: #000;
    background-color: #ea7066;
    border-color: #ea7066;
}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 0.25rem rgba(234, 112, 102, 0.5);
}
.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
    color: #000;
    background-color: #ea7066;
    border-color: #ea7066;
}
.btn-check:checked + .btn-outline-danger:focus,
.btn-check:active + .btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(234, 112, 102, 0.5);
}
.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
    color: #ea7066;
    background-color: transparent;
}
.btn-outline-success {
    color: #b5d56a;
    border-color: #b5d56a;
}
.btn-outline-success:hover {
    color: #000;
    background-color: #b5d56a;
    border-color: #b5d56a;
}
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(181, 213, 106, 0.5);
}
.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
    color: #000;
    background-color: #b5d56a;
    border-color: #b5d56a;
}
.btn-check:checked + .btn-outline-success:focus,
.btn-check:active + .btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(181, 213, 106, 0.5);
}
.btn-outline-success:disabled,
.btn-outline-success.disabled {
    color: #b5d56a;
    background-color: transparent;
}
.btn-outline-info {
    color: #84bed6;
    border-color: #84bed6;
}
.btn-outline-info:hover {
    color: #000;
    background-color: #84bed6;
    border-color: #84bed6;
}
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0.25rem rgba(132, 190, 214, 0.5);
}
.btn-check:checked + .btn-outline-info,
.btn-check:active + .btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
    color: #000;
    background-color: #84bed6;
    border-color: #84bed6;
}
.btn-check:checked + .btn-outline-info:focus,
.btn-check:active + .btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(132, 190, 214, 0.5);
}
.btn-outline-info:disabled,
.btn-outline-info.disabled {
    color: #84bed6;
    background-color: transparent;
}
.btn-outline-light {
    color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-outline-light:hover {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-check:focus + .btn-outline-light,
.btn-outline-light:focus {
    box-shadow: 0 0 0 0.25rem rgba(245, 245, 245, 0.5);
}
.btn-check:checked + .btn-outline-light,
.btn-check:active + .btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-check:checked + .btn-outline-light:focus,
.btn-check:active + .btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(245, 245, 245, 0.5);
}
.btn-outline-light:disabled,
.btn-outline-light.disabled {
    color: #f5f5f5;
    background-color: transparent;
}
.btn-outline-dark {
    color: #222;
    border-color: #222;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}
.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 0.25rem rgba(34, 34, 34, 0.5);
}
.btn-check:checked + .btn-outline-dark,
.btn-check:active + .btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
    color: #fff;
    background-color: #222;
    border-color: #222;
}
.btn-check:checked + .btn-outline-dark:focus,
.btn-check:active + .btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(34, 34, 34, 0.5);
}
.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
    color: #222;
    background-color: transparent;
}
.btn-outline-purple {
    color: #a597e7;
    border-color: #a597e7;
}
.btn-outline-purple:hover {
    color: #000;
    background-color: #a597e7;
    border-color: #a597e7;
}
.btn-check:focus + .btn-outline-purple,
.btn-outline-purple:focus {
    box-shadow: 0 0 0 0.25rem rgba(165, 151, 231, 0.5);
}
.btn-check:checked + .btn-outline-purple,
.btn-check:active + .btn-outline-purple,
.btn-outline-purple:active,
.btn-outline-purple.active,
.btn-outline-purple.dropdown-toggle.show {
    color: #000;
    background-color: #a597e7;
    border-color: #a597e7;
}
.btn-check:checked + .btn-outline-purple:focus,
.btn-check:active + .btn-outline-purple:focus,
.btn-outline-purple:active:focus,
.btn-outline-purple.active:focus,
.btn-outline-purple.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(165, 151, 231, 0.5);
}
.btn-outline-purple:disabled,
.btn-outline-purple.disabled {
    color: #a597e7;
    background-color: transparent;
}
.btn-outline-pink {
    color: #ea77ad;
    border-color: #ea77ad;
}
.btn-outline-pink:hover {
    color: #000;
    background-color: #ea77ad;
    border-color: #ea77ad;
}
.btn-check:focus + .btn-outline-pink,
.btn-outline-pink:focus {
    box-shadow: 0 0 0 0.25rem rgba(234, 119, 173, 0.5);
}
.btn-check:checked + .btn-outline-pink,
.btn-check:active + .btn-outline-pink,
.btn-outline-pink:active,
.btn-outline-pink.active,
.btn-outline-pink.dropdown-toggle.show {
    color: #000;
    background-color: #ea77ad;
    border-color: #ea77ad;
}
.btn-check:checked + .btn-outline-pink:focus,
.btn-check:active + .btn-outline-pink:focus,
.btn-outline-pink:active:focus,
.btn-outline-pink.active:focus,
.btn-outline-pink.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(234, 119, 173, 0.5);
}
.btn-outline-pink:disabled,
.btn-outline-pink.disabled {
    color: #ea77ad;
    background-color: transparent;
}
.btn-outline-stone {
    color: #2f3c43;
    border-color: #2f3c43;
}
.btn-outline-stone:hover {
    color: #fff;
    background-color: #2f3c43;
    border-color: #2f3c43;
}
.btn-check:focus + .btn-outline-stone,
.btn-outline-stone:focus {
    box-shadow: 0 0 0 0.25rem rgba(47, 60, 67, 0.5);
}
.btn-check:checked + .btn-outline-stone,
.btn-check:active + .btn-outline-stone,
.btn-outline-stone:active,
.btn-outline-stone.active,
.btn-outline-stone.dropdown-toggle.show {
    color: #fff;
    background-color: #2f3c43;
    border-color: #2f3c43;
}
.btn-check:checked + .btn-outline-stone:focus,
.btn-check:active + .btn-outline-stone:focus,
.btn-outline-stone:active:focus,
.btn-outline-stone.active:focus,
.btn-outline-stone.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(47, 60, 67, 0.5);
}
.btn-outline-stone:disabled,
.btn-outline-stone.disabled {
    color: #2f3c43;
    background-color: transparent;
}
.btn-link {
    font-weight: 400;
    color: #f0c24b;
    text-decoration: underline;
}
.btn-link:hover {
    color: #c09b3c;
}
.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 0.8rem 1.33rem;
    font-size: 1.09375rem;
    border-radius: 0.3rem;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 0.5rem 0.94rem;
    font-size: 0.76563rem;
    border-radius: 0.4rem;
}
@media (min-width: 1200px) {
    .btn-sm,
    .btn-group-sm > .btn {
        font-size: 0.76562rem;
    }
}
.fade {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition: none;
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        -webkit-transition: none;
        transition: none;
    }
}
.dropup,
.dropend,
.dropdown,
.dropstart {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 0.875rem;
    color: #222;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: 0.125rem;
}
.dropdown-menu-start {
    --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0;
}
.dropdown-menu-end {
    --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto;
}
@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }
    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-end {
        --bs-position: end;
    }
    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }
    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-end {
        --bs-position: end;
    }
    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }
    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-end {
        --bs-position: end;
    }
    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }
    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-end {
        --bs-position: end;
    }
    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xxl-end {
        --bs-position: end;
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropend .dropdown-toggle::after {
    vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}
.dropstart .dropdown-toggle::after {
    display: none;
}
.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #222;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
    color: #1f1f1f;
    background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #f0c24b;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-header {
    display: block;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 0.76563rem;
    color: #6c757d;
    white-space: nowrap;
}
@media (min-width: 1200px) {
    .dropdown-header {
        font-size: 0.76562rem;
    }
}
.dropdown-item-text {
    display: block;
    padding: 0.25rem 1rem;
    color: #222;
}
.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
    color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #f0c24b;
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
    color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 1;
}
.btn-toolbar {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.btn-toolbar .input-group {
    width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -3px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
    margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
    margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.705rem;
    padding-left: 0.705rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.9975rem;
    padding-left: 0.9975rem;
}
.btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
    width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -3px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #f0c24b;
    text-decoration: none;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .nav-link {
        -webkit-transition: none;
        transition: none;
    }
}
.nav-link:hover,
.nav-link:focus {
    color: #c09b3c;
}
.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #f0c24b;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.navbar {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl {
    display: -webkit-box;
    display: flex;
    flex-wrap: inherit;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.navbar-brand {
    padding-top: 0.33594rem;
    padding-bottom: 0.33594rem;
    margin-right: 1rem;
    font-size: 1.09375rem;
    text-decoration: none;
    white-space: nowrap;
}
.navbar-nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.navbar-nav .dropdown-menu {
    position: static;
}
.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar-collapse {
    flex-basis: 100%;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    align-items: center;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.09375rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    -webkit-transition: box-shadow 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        -webkit-transition: none;
        transition: none;
    }
}
.navbar-toggler:hover {
    text-decoration: none;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.25rem;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}
@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}
@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-xxl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xxl .navbar-collapse {
        display: -webkit-box !important;
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }
}
.navbar-expand {
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}
.navbar-expand .navbar-collapse {
    display: -webkit-box !important;
    display: flex !important;
    flex-basis: auto;
}
.navbar-expand .navbar-toggler {
    display: none;
}
.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.55);
    border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
    color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.55);
    border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff;
}
.card {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f8f8f8;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.57rem;
}
.card > hr {
    margin-right: 0;
    margin-left: 0;
}
.card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
}
.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: 0.57rem;
    border-top-right-radius: 0.57rem;
}
.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: 0.57rem;
    border-bottom-left-radius: 0.57rem;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0;
}
.card-body {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1rem 1rem;
}
.card-title {
    margin-bottom: 0.5rem;
}
.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}
.card-text:last-child {
    margin-bottom: 0;
}
.card-link:hover {
    text-decoration: none;
}
.card-link + .card-link {
    margin-left: 1rem;
}
.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 0 solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
    border-radius: 0.57rem 0.57rem 0 0;
}
.card-footer {
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 0 solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
    border-radius: 0 0 0.57rem 0.57rem;
}
.card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0;
}
.card-header-tabs .nav-link.active {
    background-color: #f8f8f8;
    border-bottom-color: #f8f8f8;
}
.card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: 0.57rem;
}
.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%;
}
.card-img,
.card-img-top {
    border-top-left-radius: 0.57rem;
    border-top-right-radius: 0.57rem;
}
.card-img,
.card-img-bottom {
    border-bottom-right-radius: 0.57rem;
    border-bottom-left-radius: 0.57rem;
}
.card-group > .card {
    margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
    .card-group {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
    }
    .card-group > .card {
        -webkit-box-flex: 1;
        flex: 1 0 0;
        margin-bottom: 0;
    }
    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-top,
    .card-group > .card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-top,
    .card-group > .card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}
.accordion-button {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 0.875rem;
    color: #222;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: all 0.3s ease-in-out, border-radius 0.15s ease;
    transition: all 0.3s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        -webkit-transition: none;
        transition: none;
    }
}
.accordion-button:not(.collapsed) {
    color: #d8af44;
    background-color: #fef9ed;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d8af44'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        -webkit-transition: none;
        transition: none;
    }
}
.accordion-button:hover {
    z-index: 2;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #f8e1a5;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(240, 194, 75, 0.25);
}
.accordion-header {
    margin-bottom: 0;
}
.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
    border-top: 0;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.accordion-body {
    padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
    border-width: 0;
}
.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
    border-top: 0;
}
.accordion-flush .accordion-item:last-child {
    border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
}
.breadcrumb {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
    color: #6c757d;
}
.pagination {
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    list-style: none;
}
.page-link {
    position: relative;
    display: block;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .page-link {
        -webkit-transition: none;
        transition: none;
    }
}
.page-link:hover {
    z-index: 2;
    color: #c09b3c;
    background-color: transparent;
    border-color: transparent;
}
.page-link:focus {
    z-index: 3;
    color: #c09b3c;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: none;
}
.page-item:not(:first-child) .page-link {
    margin-left: -1px;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}
.page-link {
    padding: 0.75rem 1rem;
}
.page-item:first-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.09375rem;
}
.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.76563rem;
}
@media (min-width: 1200px) {
    .pagination-sm .page-link {
        font-size: 0.76562rem;
    }
}
.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
}
.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
}
.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.badge:empty {
    display: none;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.alert {
    position: relative;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 3.75rem;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1.25rem;
}
.alert-primary {
    color: #604e1e;
    background-color: #fcf3db;
    border-color: #fbedc9;
}
.alert-primary .alert-link {
    color: #4d3e18;
}
.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}
.alert-secondary .alert-link {
    color: #34383c;
}
.alert-warning {
    color: #604e1e;
    background-color: #fcf3db;
    border-color: #fbedc9;
}
.alert-warning .alert-link {
    color: #4d3e18;
}
.alert-danger {
    color: #8c433d;
    background-color: #fbe2e0;
    border-color: #f9d4d1;
}
.alert-danger .alert-link {
    color: #703631;
}
.alert-success {
    color: #48552a;
    background-color: #f0f7e1;
    border-color: #e9f2d2;
}
.alert-success .alert-link {
    color: #3a4422;
}
.alert-info {
    color: #4f7280;
    background-color: #e6f2f7;
    border-color: #daecf3;
}
.alert-info .alert-link {
    color: #3f5b66;
}
.alert-light {
    color: #626262;
    background-color: #fdfdfd;
    border-color: #fcfcfc;
}
.alert-light .alert-link {
    color: #4e4e4e;
}
.alert-dark {
    color: #141414;
    background-color: #d3d3d3;
    border-color: #bdbdbd;
}
.alert-dark .alert-link {
    color: #101010;
}
.alert-purple {
    color: #635b8b;
    background-color: #edeafa;
    border-color: #e4e0f8;
}
.alert-purple .alert-link {
    color: #4f496f;
}
.alert-pink {
    color: #8c4768;
    background-color: #fbe4ef;
    border-color: #f9d6e6;
}
.alert-pink .alert-link {
    color: #703953;
}
.alert-stone {
    color: #1c2428;
    background-color: #d5d8d9;
    border-color: #c1c5c7;
}
.alert-stone .alert-link {
    color: #161d20;
}
@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
.progress {
    display: -webkit-box;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.65625rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}
.progress-bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #f0c24b;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        -webkit-transition: none;
        transition: none;
    }
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}
.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}
.list-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}
.list-group-numbered {
    list-style-type: none;
    counter-reset: section;
}
.list-group-numbered > li::before {
    content: counters(section, ".") ". ";
    counter-increment: section;
}
.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f5f5f5;
}
.list-group-item-action:active {
    color: #222;
    background-color: #e9ecef;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #222;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #f0c24b;
    border-color: #f0c24b;
}
.list-group-item + .list-group-item {
    border-top-width: 0;
}
.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}
.list-group-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
    margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
}
@media (min-width: 576px) {
    .list-group-horizontal-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 768px) {
    .list-group-horizontal-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 992px) {
    .list-group-horizontal-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    .list-group-horizontal-xxl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xxl > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xxl > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
.list-group-flush {
    border-radius: 0;
}
.list-group-flush > .list-group-item {
    border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
}
.list-group-item-primary {
    color: #604e1e;
    background-color: #fcf3db;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #604e1e;
    background-color: #e3dbc5;
}
.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #604e1e;
    border-color: #604e1e;
}
.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #41464b;
    background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b;
}
.list-group-item-warning {
    color: #604e1e;
    background-color: #fcf3db;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #604e1e;
    background-color: #e3dbc5;
}
.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #604e1e;
    border-color: #604e1e;
}
.list-group-item-danger {
    color: #8c433d;
    background-color: #fbe2e0;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #8c433d;
    background-color: #e2cbca;
}
.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #8c433d;
    border-color: #8c433d;
}
.list-group-item-success {
    color: #48552a;
    background-color: #f0f7e1;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #48552a;
    background-color: #d8decb;
}
.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #48552a;
    border-color: #48552a;
}
.list-group-item-info {
    color: #4f7280;
    background-color: #e6f2f7;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #4f7280;
    background-color: #cfdade;
}
.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #4f7280;
    border-color: #4f7280;
}
.list-group-item-light {
    color: #626262;
    background-color: #fdfdfd;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #626262;
    background-color: #e4e4e4;
}
.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #626262;
    border-color: #626262;
}
.list-group-item-dark {
    color: #141414;
    background-color: #d3d3d3;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #141414;
    background-color: #bebebe;
}
.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141414;
    border-color: #141414;
}
.list-group-item-purple {
    color: #635b8b;
    background-color: #edeafa;
}
.list-group-item-purple.list-group-item-action:hover,
.list-group-item-purple.list-group-item-action:focus {
    color: #635b8b;
    background-color: #d5d3e1;
}
.list-group-item-purple.list-group-item-action.active {
    color: #fff;
    background-color: #635b8b;
    border-color: #635b8b;
}
.list-group-item-pink {
    color: #8c4768;
    background-color: #fbe4ef;
}
.list-group-item-pink.list-group-item-action:hover,
.list-group-item-pink.list-group-item-action:focus {
    color: #8c4768;
    background-color: #e2cdd7;
}
.list-group-item-pink.list-group-item-action.active {
    color: #fff;
    background-color: #8c4768;
    border-color: #8c4768;
}
.list-group-item-stone {
    color: #1c2428;
    background-color: #d5d8d9;
}
.list-group-item-stone.list-group-item-action:hover,
.list-group-item-stone.list-group-item-action:focus {
    color: #1c2428;
    background-color: #c0c2c3;
}
.list-group-item-stone.list-group-item-action.active {
    color: #fff;
    background-color: #1c2428;
    border-color: #1c2428;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
        center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}
.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}
.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(240, 194, 75, 0.25);
    opacity: 1;
}
.btn-close:disabled,
.btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.25;
}
.btn-close-white {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
}
.toast:not(.showing):not(.show) {
    opacity: 0;
}
.toast.hide {
    display: none;
}
.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}
.toast-container > :not(:last-child) {
    margin-bottom: 0.75rem;
}
.toast-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.5rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
    margin-right: -0.375rem;
    margin-left: 0.75rem;
}
.toast-body {
    padding: 0.75rem;
    word-wrap: break-word;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none;
    }
}
.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}
.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
}
.modal-header {
    display: -webkit-box;
    display: flex;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #e7e7e7;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-footer {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #e7e7e7;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
    margin: 0.25rem;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-sm {
        max-width: 350px;
    }
}
@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 1030px;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.modal-fullscreen .modal-header {
    border-radius: 0;
}
.modal-fullscreen .modal-body {
    overflow-y: auto;
}
.modal-fullscreen .modal-footer {
    border-radius: 0;
}
@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }
}
@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }
}
@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }
}
@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }
}
@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
}
.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.76563rem;
    word-wrap: break-word;
    opacity: 0;
}
@media (min-width: 1200px) {
    .tooltip {
        font-size: 0.76562rem;
    }
}
.tooltip.show {
    opacity: 0.9;
}
.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^="top"] {
    padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
    bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    top: -1px;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}
.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^="right"] {
    padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    right: -1px;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^="bottom"] {
    padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}
.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^="left"] {
    padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    left: -1px;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}
.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.76563rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}
@media (min-width: 1200px) {
    .popover {
        font-size: 0.76562rem;
    }
}
.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
    bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}
.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
    top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0;
}
.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}
.popover-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
    display: none;
}
.popover-body {
    padding: 1rem 1rem;
    color: #222;
}
.carousel {
    position: relative;
}
.carousel.pointer-event {
    touch-action: pan-y;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}
.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        -webkit-transition: none;
        transition: none;
    }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 0s 0.6s;
    transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        -webkit-transition: none;
        transition: none;
    }
}
.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        -webkit-transition: none;
        transition: none;
    }
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}
.carousel-control-prev {
    left: 0;
}
.carousel-control-next {
    right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        -webkit-transition: none;
        transition: none;
    }
}
.carousel-indicators .active {
    opacity: 1;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
    -webkit-filter: invert(1) grayscale(100);
    filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000;
}
.carousel-dark .carousel-caption {
    color: #000;
}
@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: 0.75s linear infinite spinner-border;
    animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: 0.75s linear infinite spinner-grow;
    animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }
}
.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        -webkit-transition: none;
        transition: none;
    }
}
.offcanvas-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
}
.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.offcanvas-body {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto;
}
.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.offcanvas.show {
    -webkit-transform: none;
    transform: none;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.link-primary {
    color: #f0c24b;
}
.link-primary:hover,
.link-primary:focus {
    color: #f3ce6f;
}
.link-secondary {
    color: #6c757d;
}
.link-secondary:hover,
.link-secondary:focus {
    color: #565e64;
}
.link-warning {
    color: #f0c24b;
}
.link-warning:hover,
.link-warning:focus {
    color: #f3ce6f;
}
.link-danger {
    color: #ea7066;
}
.link-danger:hover,
.link-danger:focus {
    color: #ee8d85;
}
.link-success {
    color: #b5d56a;
}
.link-success:hover,
.link-success:focus {
    color: #c4dd88;
}
.link-info {
    color: #84bed6;
}
.link-info:hover,
.link-info:focus {
    color: #9dcbde;
}
.link-light {
    color: #f5f5f5;
}
.link-light:hover,
.link-light:focus {
    color: #f7f7f7;
}
.link-dark {
    color: #222;
}
.link-dark:hover,
.link-dark:focus {
    color: #1b1b1b;
}
.link-purple {
    color: #a597e7;
}
.link-purple:hover,
.link-purple:focus {
    color: #b7acec;
}
.link-pink {
    color: #ea77ad;
}
.link-pink:hover,
.link-pink:focus {
    color: #ee92bd;
}
.link-stone {
    color: #2f3c43;
}
.link-stone:hover,
.link-stone:focus {
    color: #263036;
}
.ratio {
    position: relative;
    width: 100%;
}
.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}
@media (min-width: 576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.align-baseline {
    vertical-align: baseline !important;
}
.align-top {
    vertical-align: top !important;
}
.align-middle {
    vertical-align: middle !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.align-text-bottom {
    vertical-align: text-bottom !important;
}
.align-text-top {
    vertical-align: text-top !important;
}
.float-start {
    float: left !important;
}
.float-end {
    float: right !important;
}
.float-none {
    float: none !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-visible {
    overflow: visible !important;
}
.overflow-scroll {
    overflow: scroll !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-grid {
    display: grid !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: -webkit-box !important;
    display: flex !important;
}
.d-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}
.d-none {
    display: none !important;
}
.shadow {
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) !important;
}
.shadow-sm {
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.position-static {
    position: static !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}
.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}
.top-0 {
    top: 0 !important;
}
.top-50 {
    top: 50% !important;
}
.top-100 {
    top: 100% !important;
}
.bottom-0 {
    bottom: 0 !important;
}
.bottom-50 {
    bottom: 50% !important;
}
.bottom-100 {
    bottom: 100% !important;
}
.start-0 {
    left: 0 !important;
}
.start-50 {
    left: 50% !important;
}
.start-100 {
    left: 100% !important;
}
.end-0 {
    right: 0 !important;
}
.end-50 {
    right: 50% !important;
}
.end-100 {
    right: 100% !important;
}
.translate-middle {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}
.translate-middle-y {
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}
.border {
    border: 1px solid #e7e7e7 !important;
}
.border-0 {
    border: 0 !important;
}
.border-top {
    border-top: 1px solid #e7e7e7 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-end {
    border-right: 1px solid #e7e7e7 !important;
}
.border-end-0 {
    border-right: 0 !important;
}
.border-bottom {
    border-bottom: 1px solid #e7e7e7 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-start {
    border-left: 1px solid #e7e7e7 !important;
}
.border-start-0 {
    border-left: 0 !important;
}
.border-primary {
    border-color: #f0c24b !important;
}
.border-secondary {
    border-color: #6c757d !important;
}
.border-warning {
    border-color: #f0c24b !important;
}
.border-danger {
    border-color: #ea7066 !important;
}
.border-success {
    border-color: #b5d56a !important;
}
.border-info {
    border-color: #84bed6 !important;
}
.border-light {
    border-color: #f5f5f5 !important;
}
.border-dark {
    border-color: #222 !important;
}
.border-purple {
    border-color: #a597e7 !important;
}
.border-pink {
    border-color: #ea77ad !important;
}
.border-stone {
    border-color: #2f3c43 !important;
}
.border-white {
    border-color: #fff !important;
}
.border-1 {
    border-width: 1px !important;
}
.border-2 {
    border-width: 2px !important;
}
.border-3 {
    border-width: 3px !important;
}
.border-4 {
    border-width: 4px !important;
}
.border-5 {
    border-width: 5px !important;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.mw-100 {
    max-width: 100% !important;
}
.vw-100 {
    width: 100vw !important;
}
.min-vw-100 {
    min-width: 100vw !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.mh-100 {
    max-height: 100% !important;
}
.vh-100 {
    height: 100vh !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}
.flex-fill {
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
}
.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
}
.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
}
.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important;
}
.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
}
.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    flex-shrink: 1 !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.gap-0 {
    gap: 0 !important;
}
.gap-1 {
    gap: 0.31rem !important;
}
.gap-2 {
    gap: 0.63rem !important;
}
.gap-3 {
    gap: 1rem !important;
}
.gap-4 {
    gap: 1.25rem !important;
}
.gap-5 {
    gap: 1.56rem !important;
}
.gap-6 {
    gap: 1.88rem !important;
}
.gap-7 {
    gap: 3.13rem !important;
}
.gap-8 {
    gap: 3.75rem !important;
}
.gap-9 {
    gap: 4.96rem !important;
}
.gap-10 {
    gap: 6.25rem !important;
}
.justify-content-start {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
}
.justify-content-end {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    justify-content: center !important;
}
.justify-content-between {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
    justify-content: space-evenly !important;
}
.align-items-start {
    -webkit-box-align: start !important;
    align-items: flex-start !important;
}
.align-items-end {
    -webkit-box-align: end !important;
    align-items: flex-end !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    align-items: center !important;
}
.align-items-baseline {
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
}
.align-items-stretch {
    -webkit-box-align: stretch !important;
    align-items: stretch !important;
}
.align-content-start {
    align-content: flex-start !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-content-between {
    align-content: space-between !important;
}
.align-content-around {
    align-content: space-around !important;
}
.align-content-stretch {
    align-content: stretch !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.align-self-center {
    align-self: center !important;
}
.align-self-baseline {
    align-self: baseline !important;
}
.align-self-stretch {
    align-self: stretch !important;
}
.order-first {
    -webkit-box-ordinal-group: 0 !important;
    order: -1 !important;
}
.order-0 {
    -webkit-box-ordinal-group: 1 !important;
    order: 0 !important;
}
.order-1 {
    -webkit-box-ordinal-group: 2 !important;
    order: 1 !important;
}
.order-2 {
    -webkit-box-ordinal-group: 3 !important;
    order: 2 !important;
}
.order-3 {
    -webkit-box-ordinal-group: 4 !important;
    order: 3 !important;
}
.order-4 {
    -webkit-box-ordinal-group: 5 !important;
    order: 4 !important;
}
.order-5 {
    -webkit-box-ordinal-group: 6 !important;
    order: 5 !important;
}
.order-last {
    -webkit-box-ordinal-group: 7 !important;
    order: 6 !important;
}
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 0.31rem !important;
}
.m-2 {
    margin: 0.63rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.m-4 {
    margin: 1.25rem !important;
}
.m-5 {
    margin: 1.56rem !important;
}
.m-6 {
    margin: 1.88rem !important;
}
.m-7 {
    margin: 3.13rem !important;
}
.m-8 {
    margin: 3.75rem !important;
}
.m-9 {
    margin: 4.96rem !important;
}
.m-10 {
    margin: 6.25rem !important;
}
.m-auto {
    margin: auto !important;
}
.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mx-1 {
    margin-right: 0.31rem !important;
    margin-left: 0.31rem !important;
}
.mx-2 {
    margin-right: 0.63rem !important;
    margin-left: 0.63rem !important;
}
.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}
.mx-4 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
}
.mx-5 {
    margin-right: 1.56rem !important;
    margin-left: 1.56rem !important;
}
.mx-6 {
    margin-right: 1.88rem !important;
    margin-left: 1.88rem !important;
}
.mx-7 {
    margin-right: 3.13rem !important;
    margin-left: 3.13rem !important;
}
.mx-8 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
}
.mx-9 {
    margin-right: 4.96rem !important;
    margin-left: 4.96rem !important;
}
.mx-10 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-1 {
    margin-top: 0.31rem !important;
    margin-bottom: 0.31rem !important;
}
.my-2 {
    margin-top: 0.63rem !important;
    margin-bottom: 0.63rem !important;
}
.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.my-4 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}
.my-5 {
    margin-top: 1.56rem !important;
    margin-bottom: 1.56rem !important;
}
.my-6 {
    margin-top: 1.88rem !important;
    margin-bottom: 1.88rem !important;
}
.my-7 {
    margin-top: 3.13rem !important;
    margin-bottom: 3.13rem !important;
}
.my-8 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
}
.my-9 {
    margin-top: 4.96rem !important;
    margin-bottom: 4.96rem !important;
}
.my-10 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 0.31rem !important;
}
.mt-2 {
    margin-top: 0.63rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.25rem !important;
}
.mt-5 {
    margin-top: 1.56rem !important;
}
.mt-6 {
    margin-top: 1.88rem !important;
}
.mt-7 {
    margin-top: 3.13rem !important;
}
.mt-8 {
    margin-top: 3.75rem !important;
}
.mt-9 {
    margin-top: 4.96rem !important;
}
.mt-10 {
    margin-top: 6.25rem !important;
}
.mt-auto {
    margin-top: auto !important;
}
.me-0 {
    margin-right: 0 !important;
}
.me-1 {
    margin-right: 0.31rem !important;
}
.me-2 {
    margin-right: 0.63rem !important;
}
.me-3 {
    margin-right: 1rem !important;
}
.me-4 {
    margin-right: 1.25rem !important;
}
.me-5 {
    margin-right: 1.56rem !important;
}
.me-6 {
    margin-right: 1.88rem !important;
}
.me-7 {
    margin-right: 3.13rem !important;
}
.me-8 {
    margin-right: 3.75rem !important;
}
.me-9 {
    margin-right: 4.96rem !important;
}
.me-10 {
    margin-right: 6.25rem !important;
}
.me-auto {
    margin-right: auto !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 0.31rem !important;
}
.mb-2 {
    margin-bottom: 0.63rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.25rem !important;
}
.mb-5 {
    margin-bottom: 1.56rem !important;
}
.mb-6 {
    margin-bottom: 1.88rem !important;
}
.mb-7 {
    margin-bottom: 3.13rem !important;
}
.mb-8 {
    margin-bottom: 3.75rem !important;
}
.mb-9 {
    margin-bottom: 4.96rem !important;
}
.mb-10 {
    margin-bottom: 6.25rem !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.ms-0 {
    margin-left: 0 !important;
}
.ms-1 {
    margin-left: 0.31rem !important;
}
.ms-2 {
    margin-left: 0.63rem !important;
}
.ms-3 {
    margin-left: 1rem !important;
}
.ms-4 {
    margin-left: 1.25rem !important;
}
.ms-5 {
    margin-left: 1.56rem !important;
}
.ms-6 {
    margin-left: 1.88rem !important;
}
.ms-7 {
    margin-left: 3.13rem !important;
}
.ms-8 {
    margin-left: 3.75rem !important;
}
.ms-9 {
    margin-left: 4.96rem !important;
}
.ms-10 {
    margin-left: 6.25rem !important;
}
.ms-auto {
    margin-left: auto !important;
}
.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: 0.31rem !important;
}
.p-2 {
    padding: 0.63rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.p-4 {
    padding: 1.25rem !important;
}
.p-5 {
    padding: 1.56rem !important;
}
.p-6 {
    padding: 1.88rem !important;
}
.p-7 {
    padding: 3.13rem !important;
}
.p-8 {
    padding: 3.75rem !important;
}
.p-9 {
    padding: 4.96rem !important;
}
.p-10 {
    padding: 6.25rem !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.px-1 {
    padding-right: 0.31rem !important;
    padding-left: 0.31rem !important;
}
.px-2 {
    padding-right: 0.63rem !important;
    padding-left: 0.63rem !important;
}
.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.px-4 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
}
.px-5 {
    padding-right: 1.56rem !important;
    padding-left: 1.56rem !important;
}
.px-6 {
    padding-right: 1.88rem !important;
    padding-left: 1.88rem !important;
}
.px-7 {
    padding-right: 3.13rem !important;
    padding-left: 3.13rem !important;
}
.px-8 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
}
.px-9 {
    padding-right: 4.96rem !important;
    padding-left: 4.96rem !important;
}
.px-10 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: 0.31rem !important;
    padding-bottom: 0.31rem !important;
}
.py-2 {
    padding-top: 0.63rem !important;
    padding-bottom: 0.63rem !important;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-4 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}
.py-5 {
    padding-top: 1.56rem !important;
    padding-bottom: 1.56rem !important;
}
.py-6 {
    padding-top: 1.88rem !important;
    padding-bottom: 1.88rem !important;
}
.py-7 {
    padding-top: 3.13rem !important;
    padding-bottom: 3.13rem !important;
}
.py-8 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
}
.py-9 {
    padding-top: 4.96rem !important;
    padding-bottom: 4.96rem !important;
}
.py-10 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-1 {
    padding-top: 0.31rem !important;
}
.pt-2 {
    padding-top: 0.63rem !important;
}
.pt-3 {
    padding-top: 1rem !important;
}
.pt-4 {
    padding-top: 1.25rem !important;
}
.pt-5 {
    padding-top: 1.56rem !important;
}
.pt-6 {
    padding-top: 1.88rem !important;
}
.pt-7 {
    padding-top: 3.13rem !important;
}
.pt-8 {
    padding-top: 3.75rem !important;
}
.pt-9 {
    padding-top: 4.96rem !important;
}
.pt-10 {
    padding-top: 6.25rem !important;
}
.pe-0 {
    padding-right: 0 !important;
}
.pe-1 {
    padding-right: 0.31rem !important;
}
.pe-2 {
    padding-right: 0.63rem !important;
}
.pe-3 {
    padding-right: 1rem !important;
}
.pe-4 {
    padding-right: 1.25rem !important;
}
.pe-5 {
    padding-right: 1.56rem !important;
}
.pe-6 {
    padding-right: 1.88rem !important;
}
.pe-7 {
    padding-right: 3.13rem !important;
}
.pe-8 {
    padding-right: 3.75rem !important;
}
.pe-9 {
    padding-right: 4.96rem !important;
}
.pe-10 {
    padding-right: 6.25rem !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 0.31rem !important;
}
.pb-2 {
    padding-bottom: 0.63rem !important;
}
.pb-3 {
    padding-bottom: 1rem !important;
}
.pb-4 {
    padding-bottom: 1.25rem !important;
}
.pb-5 {
    padding-bottom: 1.56rem !important;
}
.pb-6 {
    padding-bottom: 1.88rem !important;
}
.pb-7 {
    padding-bottom: 3.13rem !important;
}
.pb-8 {
    padding-bottom: 3.75rem !important;
}
.pb-9 {
    padding-bottom: 4.96rem !important;
}
.pb-10 {
    padding-bottom: 6.25rem !important;
}
.ps-0 {
    padding-left: 0 !important;
}
.ps-1 {
    padding-left: 0.31rem !important;
}
.ps-2 {
    padding-left: 0.63rem !important;
}
.ps-3 {
    padding-left: 1rem !important;
}
.ps-4 {
    padding-left: 1.25rem !important;
}
.ps-5 {
    padding-left: 1.56rem !important;
}
.ps-6 {
    padding-left: 1.88rem !important;
}
.ps-7 {
    padding-left: 3.13rem !important;
}
.ps-8 {
    padding-left: 3.75rem !important;
}
.ps-9 {
    padding-left: 4.96rem !important;
}
.ps-10 {
    padding-left: 6.25rem !important;
}
.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
    font-size: calc(1.34375rem + 1.125vw) !important;
}
.fs-2 {
    font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-3 {
    font-size: calc(1.27813rem + 0.3375vw) !important;
}
.fs-4 {
    font-size: calc(1.25625rem + 0.075vw) !important;
}
.fs-5 {
    font-size: 1.09375rem !important;
}
.fs-6 {
    font-size: 0.875rem !important;
}
.fst-italic {
    font-style: italic !important;
}
.fst-normal {
    font-style: normal !important;
}
.fw-light {
    font-weight: 300 !important;
}
.fw-lighter {
    font-weight: lighter !important;
}
.fw-normal {
    font-weight: 400 !important;
}
.fw-bold {
    font-weight: 700 !important;
}
.fw-bolder {
    font-weight: bolder !important;
}
.lh-1 {
    line-height: 1 !important;
}
.lh-sm {
    line-height: 1.25 !important;
}
.lh-base {
    line-height: 1.5 !important;
}
.lh-lg {
    line-height: 2 !important;
}
.text-start {
    text-align: left !important;
}
.text-end {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-decoration-underline {
    text-decoration: underline !important;
}
.text-decoration-line-through {
    text-decoration: line-through !important;
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}
.text-primary {
    color: #f0c24b !important;
}
.text-secondary {
    color: #6c757d !important;
}
.text-warning {
    color: #f0c24b !important;
}
.text-danger {
    color: #ea7066 !important;
}
.text-success {
    color: #b5d56a !important;
}
.text-info {
    color: #84bed6 !important;
}
.text-light {
    color: #f5f5f5 !important;
}
.text-dark {
    color: #222 !important;
}
.text-purple {
    color: #a597e7 !important;
}
.text-pink {
    color: #ea77ad !important;
}
.text-stone {
    color: #2f3c43 !important;
}
.text-white {
    color: #fff !important;
}
.text-body {
    color: #222 !important;
}
.text-muted {
    color: #6c757d !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
    color: inherit !important;
}
.bg-primary {
    background-color: #f0c24b !important;
}
.bg-secondary {
    background-color: #6c757d !important;
}
.bg-warning {
    background-color: #f0c24b !important;
}
.bg-danger {
    background-color: #ea7066 !important;
}
.bg-success {
    background-color: #b5d56a !important;
}
.bg-info {
    background-color: #84bed6 !important;
}
.bg-light {
    background-color: #f5f5f5 !important;
}
.bg-dark {
    background-color: #222 !important;
}
.bg-purple {
    background-color: #a597e7 !important;
}
.bg-pink {
    background-color: #ea77ad !important;
}
.bg-stone {
    background-color: #2f3c43 !important;
}
.bg-body {
    background-color: #fff !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.bg-gradient {
    background-image: var(--bs-gradient) !important;
}
.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
}
.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}
.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.pe-none {
    pointer-events: none !important;
}
.pe-auto {
    pointer-events: auto !important;
}
.rounded {
    border-radius: 0.25rem !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.rounded-1 {
    border-radius: 0.4rem !important;
}
.rounded-2 {
    border-radius: 0.25rem !important;
}
.rounded-3 {
    border-radius: 0.3rem !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}
.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }
    .float-sm-end {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-grid {
        display: grid !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -webkit-box !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    .d-sm-none {
        display: none !important;
    }
    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important;
    }
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important;
    }
    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-sm-0 {
        gap: 0 !important;
    }
    .gap-sm-1 {
        gap: 0.31rem !important;
    }
    .gap-sm-2 {
        gap: 0.63rem !important;
    }
    .gap-sm-3 {
        gap: 1rem !important;
    }
    .gap-sm-4 {
        gap: 1.25rem !important;
    }
    .gap-sm-5 {
        gap: 1.56rem !important;
    }
    .gap-sm-6 {
        gap: 1.88rem !important;
    }
    .gap-sm-7 {
        gap: 3.13rem !important;
    }
    .gap-sm-8 {
        gap: 3.75rem !important;
    }
    .gap-sm-9 {
        gap: 4.96rem !important;
    }
    .gap-sm-10 {
        gap: 6.25rem !important;
    }
    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .justify-content-sm-evenly {
        -webkit-box-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }
    .align-items-sm-start {
        -webkit-box-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        -webkit-box-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        -webkit-box-align: center !important;
        align-items: center !important;
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0 !important;
        order: -1 !important;
    }
    .order-sm-0 {
        -webkit-box-ordinal-group: 1 !important;
        order: 0 !important;
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2 !important;
        order: 1 !important;
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3 !important;
        order: 2 !important;
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4 !important;
        order: 3 !important;
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5 !important;
        order: 4 !important;
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6 !important;
        order: 5 !important;
    }
    .order-sm-last {
        -webkit-box-ordinal-group: 7 !important;
        order: 6 !important;
    }
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 0.31rem !important;
    }
    .m-sm-2 {
        margin: 0.63rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.25rem !important;
    }
    .m-sm-5 {
        margin: 1.56rem !important;
    }
    .m-sm-6 {
        margin: 1.88rem !important;
    }
    .m-sm-7 {
        margin: 3.13rem !important;
    }
    .m-sm-8 {
        margin: 3.75rem !important;
    }
    .m-sm-9 {
        margin: 4.96rem !important;
    }
    .m-sm-10 {
        margin: 6.25rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-sm-1 {
        margin-right: 0.31rem !important;
        margin-left: 0.31rem !important;
    }
    .mx-sm-2 {
        margin-right: 0.63rem !important;
        margin-left: 0.63rem !important;
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-sm-4 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
    .mx-sm-5 {
        margin-right: 1.56rem !important;
        margin-left: 1.56rem !important;
    }
    .mx-sm-6 {
        margin-right: 1.88rem !important;
        margin-left: 1.88rem !important;
    }
    .mx-sm-7 {
        margin-right: 3.13rem !important;
        margin-left: 3.13rem !important;
    }
    .mx-sm-8 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important;
    }
    .mx-sm-9 {
        margin-right: 4.96rem !important;
        margin-left: 4.96rem !important;
    }
    .mx-sm-10 {
        margin-right: 6.25rem !important;
        margin-left: 6.25rem !important;
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-sm-1 {
        margin-top: 0.31rem !important;
        margin-bottom: 0.31rem !important;
    }
    .my-sm-2 {
        margin-top: 0.63rem !important;
        margin-bottom: 0.63rem !important;
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-sm-4 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
    .my-sm-5 {
        margin-top: 1.56rem !important;
        margin-bottom: 1.56rem !important;
    }
    .my-sm-6 {
        margin-top: 1.88rem !important;
        margin-bottom: 1.88rem !important;
    }
    .my-sm-7 {
        margin-top: 3.13rem !important;
        margin-bottom: 3.13rem !important;
    }
    .my-sm-8 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }
    .my-sm-9 {
        margin-top: 4.96rem !important;
        margin-bottom: 4.96rem !important;
    }
    .my-sm-10 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important;
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 0.31rem !important;
    }
    .mt-sm-2 {
        margin-top: 0.63rem !important;
    }
    .mt-sm-3 {
        margin-top: 1rem !important;
    }
    .mt-sm-4 {
        margin-top: 1.25rem !important;
    }
    .mt-sm-5 {
        margin-top: 1.56rem !important;
    }
    .mt-sm-6 {
        margin-top: 1.88rem !important;
    }
    .mt-sm-7 {
        margin-top: 3.13rem !important;
    }
    .mt-sm-8 {
        margin-top: 3.75rem !important;
    }
    .mt-sm-9 {
        margin-top: 4.96rem !important;
    }
    .mt-sm-10 {
        margin-top: 6.25rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .me-sm-0 {
        margin-right: 0 !important;
    }
    .me-sm-1 {
        margin-right: 0.31rem !important;
    }
    .me-sm-2 {
        margin-right: 0.63rem !important;
    }
    .me-sm-3 {
        margin-right: 1rem !important;
    }
    .me-sm-4 {
        margin-right: 1.25rem !important;
    }
    .me-sm-5 {
        margin-right: 1.56rem !important;
    }
    .me-sm-6 {
        margin-right: 1.88rem !important;
    }
    .me-sm-7 {
        margin-right: 3.13rem !important;
    }
    .me-sm-8 {
        margin-right: 3.75rem !important;
    }
    .me-sm-9 {
        margin-right: 4.96rem !important;
    }
    .me-sm-10 {
        margin-right: 6.25rem !important;
    }
    .me-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-1 {
        margin-bottom: 0.31rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 0.63rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
        margin-bottom: 1.25rem !important;
    }
    .mb-sm-5 {
        margin-bottom: 1.56rem !important;
    }
    .mb-sm-6 {
        margin-bottom: 1.88rem !important;
    }
    .mb-sm-7 {
        margin-bottom: 3.13rem !important;
    }
    .mb-sm-8 {
        margin-bottom: 3.75rem !important;
    }
    .mb-sm-9 {
        margin-bottom: 4.96rem !important;
    }
    .mb-sm-10 {
        margin-bottom: 6.25rem !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ms-sm-0 {
        margin-left: 0 !important;
    }
    .ms-sm-1 {
        margin-left: 0.31rem !important;
    }
    .ms-sm-2 {
        margin-left: 0.63rem !important;
    }
    .ms-sm-3 {
        margin-left: 1rem !important;
    }
    .ms-sm-4 {
        margin-left: 1.25rem !important;
    }
    .ms-sm-5 {
        margin-left: 1.56rem !important;
    }
    .ms-sm-6 {
        margin-left: 1.88rem !important;
    }
    .ms-sm-7 {
        margin-left: 3.13rem !important;
    }
    .ms-sm-8 {
        margin-left: 3.75rem !important;
    }
    .ms-sm-9 {
        margin-left: 4.96rem !important;
    }
    .ms-sm-10 {
        margin-left: 6.25rem !important;
    }
    .ms-sm-auto {
        margin-left: auto !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 0.31rem !important;
    }
    .p-sm-2 {
        padding: 0.63rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.25rem !important;
    }
    .p-sm-5 {
        padding: 1.56rem !important;
    }
    .p-sm-6 {
        padding: 1.88rem !important;
    }
    .p-sm-7 {
        padding: 3.13rem !important;
    }
    .p-sm-8 {
        padding: 3.75rem !important;
    }
    .p-sm-9 {
        padding: 4.96rem !important;
    }
    .p-sm-10 {
        padding: 6.25rem !important;
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-sm-1 {
        padding-right: 0.31rem !important;
        padding-left: 0.31rem !important;
    }
    .px-sm-2 {
        padding-right: 0.63rem !important;
        padding-left: 0.63rem !important;
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-sm-4 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }
    .px-sm-5 {
        padding-right: 1.56rem !important;
        padding-left: 1.56rem !important;
    }
    .px-sm-6 {
        padding-right: 1.88rem !important;
        padding-left: 1.88rem !important;
    }
    .px-sm-7 {
        padding-right: 3.13rem !important;
        padding-left: 3.13rem !important;
    }
    .px-sm-8 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }
    .px-sm-9 {
        padding-right: 4.96rem !important;
        padding-left: 4.96rem !important;
    }
    .px-sm-10 {
        padding-right: 6.25rem !important;
        padding-left: 6.25rem !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-sm-1 {
        padding-top: 0.31rem !important;
        padding-bottom: 0.31rem !important;
    }
    .py-sm-2 {
        padding-top: 0.63rem !important;
        padding-bottom: 0.63rem !important;
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-sm-4 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
    .py-sm-5 {
        padding-top: 1.56rem !important;
        padding-bottom: 1.56rem !important;
    }
    .py-sm-6 {
        padding-top: 1.88rem !important;
        padding-bottom: 1.88rem !important;
    }
    .py-sm-7 {
        padding-top: 3.13rem !important;
        padding-bottom: 3.13rem !important;
    }
    .py-sm-8 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }
    .py-sm-9 {
        padding-top: 4.96rem !important;
        padding-bottom: 4.96rem !important;
    }
    .py-sm-10 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-1 {
        padding-top: 0.31rem !important;
    }
    .pt-sm-2 {
        padding-top: 0.63rem !important;
    }
    .pt-sm-3 {
        padding-top: 1rem !important;
    }
    .pt-sm-4 {
        padding-top: 1.25rem !important;
    }
    .pt-sm-5 {
        padding-top: 1.56rem !important;
    }
    .pt-sm-6 {
        padding-top: 1.88rem !important;
    }
    .pt-sm-7 {
        padding-top: 3.13rem !important;
    }
    .pt-sm-8 {
        padding-top: 3.75rem !important;
    }
    .pt-sm-9 {
        padding-top: 4.96rem !important;
    }
    .pt-sm-10 {
        padding-top: 6.25rem !important;
    }
    .pe-sm-0 {
        padding-right: 0 !important;
    }
    .pe-sm-1 {
        padding-right: 0.31rem !important;
    }
    .pe-sm-2 {
        padding-right: 0.63rem !important;
    }
    .pe-sm-3 {
        padding-right: 1rem !important;
    }
    .pe-sm-4 {
        padding-right: 1.25rem !important;
    }
    .pe-sm-5 {
        padding-right: 1.56rem !important;
    }
    .pe-sm-6 {
        padding-right: 1.88rem !important;
    }
    .pe-sm-7 {
        padding-right: 3.13rem !important;
    }
    .pe-sm-8 {
        padding-right: 3.75rem !important;
    }
    .pe-sm-9 {
        padding-right: 4.96rem !important;
    }
    .pe-sm-10 {
        padding-right: 6.25rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.31rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 0.63rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 1.25rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 1.56rem !important;
    }
    .pb-sm-6 {
        padding-bottom: 1.88rem !important;
    }
    .pb-sm-7 {
        padding-bottom: 3.13rem !important;
    }
    .pb-sm-8 {
        padding-bottom: 3.75rem !important;
    }
    .pb-sm-9 {
        padding-bottom: 4.96rem !important;
    }
    .pb-sm-10 {
        padding-bottom: 6.25rem !important;
    }
    .ps-sm-0 {
        padding-left: 0 !important;
    }
    .ps-sm-1 {
        padding-left: 0.31rem !important;
    }
    .ps-sm-2 {
        padding-left: 0.63rem !important;
    }
    .ps-sm-3 {
        padding-left: 1rem !important;
    }
    .ps-sm-4 {
        padding-left: 1.25rem !important;
    }
    .ps-sm-5 {
        padding-left: 1.56rem !important;
    }
    .ps-sm-6 {
        padding-left: 1.88rem !important;
    }
    .ps-sm-7 {
        padding-left: 3.13rem !important;
    }
    .ps-sm-8 {
        padding-left: 3.75rem !important;
    }
    .ps-sm-9 {
        padding-left: 4.96rem !important;
    }
    .ps-sm-10 {
        padding-left: 6.25rem !important;
    }
    .text-sm-start {
        text-align: left !important;
    }
    .text-sm-end {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }
    .float-md-end {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-grid {
        display: grid !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -webkit-box !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important;
    }
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important;
    }
    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-md-0 {
        gap: 0 !important;
    }
    .gap-md-1 {
        gap: 0.31rem !important;
    }
    .gap-md-2 {
        gap: 0.63rem !important;
    }
    .gap-md-3 {
        gap: 1rem !important;
    }
    .gap-md-4 {
        gap: 1.25rem !important;
    }
    .gap-md-5 {
        gap: 1.56rem !important;
    }
    .gap-md-6 {
        gap: 1.88rem !important;
    }
    .gap-md-7 {
        gap: 3.13rem !important;
    }
    .gap-md-8 {
        gap: 3.75rem !important;
    }
    .gap-md-9 {
        gap: 4.96rem !important;
    }
    .gap-md-10 {
        gap: 6.25rem !important;
    }
    .justify-content-md-start {
        -webkit-box-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        -webkit-box-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .justify-content-md-evenly {
        -webkit-box-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }
    .align-items-md-start {
        -webkit-box-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-md-end {
        -webkit-box-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-md-center {
        -webkit-box-align: center !important;
        align-items: center !important;
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
    .order-md-first {
        -webkit-box-ordinal-group: 0 !important;
        order: -1 !important;
    }
    .order-md-0 {
        -webkit-box-ordinal-group: 1 !important;
        order: 0 !important;
    }
    .order-md-1 {
        -webkit-box-ordinal-group: 2 !important;
        order: 1 !important;
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3 !important;
        order: 2 !important;
    }
    .order-md-3 {
        -webkit-box-ordinal-group: 4 !important;
        order: 3 !important;
    }
    .order-md-4 {
        -webkit-box-ordinal-group: 5 !important;
        order: 4 !important;
    }
    .order-md-5 {
        -webkit-box-ordinal-group: 6 !important;
        order: 5 !important;
    }
    .order-md-last {
        -webkit-box-ordinal-group: 7 !important;
        order: 6 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-1 {
        margin: 0.31rem !important;
    }
    .m-md-2 {
        margin: 0.63rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .m-md-4 {
        margin: 1.25rem !important;
    }
    .m-md-5 {
        margin: 1.56rem !important;
    }
    .m-md-6 {
        margin: 1.88rem !important;
    }
    .m-md-7 {
        margin: 3.13rem !important;
    }
    .m-md-8 {
        margin: 3.75rem !important;
    }
    .m-md-9 {
        margin: 4.96rem !important;
    }
    .m-md-10 {
        margin: 6.25rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-md-1 {
        margin-right: 0.31rem !important;
        margin-left: 0.31rem !important;
    }
    .mx-md-2 {
        margin-right: 0.63rem !important;
        margin-left: 0.63rem !important;
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-md-4 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
    .mx-md-5 {
        margin-right: 1.56rem !important;
        margin-left: 1.56rem !important;
    }
    .mx-md-6 {
        margin-right: 1.88rem !important;
        margin-left: 1.88rem !important;
    }
    .mx-md-7 {
        margin-right: 3.13rem !important;
        margin-left: 3.13rem !important;
    }
    .mx-md-8 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important;
    }
    .mx-md-9 {
        margin-right: 4.96rem !important;
        margin-left: 4.96rem !important;
    }
    .mx-md-10 {
        margin-right: 6.25rem !important;
        margin-left: 6.25rem !important;
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-1 {
        margin-top: 0.31rem !important;
        margin-bottom: 0.31rem !important;
    }
    .my-md-2 {
        margin-top: 0.63rem !important;
        margin-bottom: 0.63rem !important;
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-md-4 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
    .my-md-5 {
        margin-top: 1.56rem !important;
        margin-bottom: 1.56rem !important;
    }
    .my-md-6 {
        margin-top: 1.88rem !important;
        margin-bottom: 1.88rem !important;
    }
    .my-md-7 {
        margin-top: 3.13rem !important;
        margin-bottom: 3.13rem !important;
    }
    .my-md-8 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }
    .my-md-9 {
        margin-top: 4.96rem !important;
        margin-bottom: 4.96rem !important;
    }
    .my-md-10 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 0.31rem !important;
    }
    .mt-md-2 {
        margin-top: 0.63rem !important;
    }
    .mt-md-3 {
        margin-top: 1rem !important;
    }
    .mt-md-4 {
        margin-top: 1.25rem !important;
    }
    .mt-md-5 {
        margin-top: 1.56rem !important;
    }
    .mt-md-6 {
        margin-top: 1.88rem !important;
    }
    .mt-md-7 {
        margin-top: 3.13rem !important;
    }
    .mt-md-8 {
        margin-top: 3.75rem !important;
    }
    .mt-md-9 {
        margin-top: 4.96rem !important;
    }
    .mt-md-10 {
        margin-top: 6.25rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .me-md-0 {
        margin-right: 0 !important;
    }
    .me-md-1 {
        margin-right: 0.31rem !important;
    }
    .me-md-2 {
        margin-right: 0.63rem !important;
    }
    .me-md-3 {
        margin-right: 1rem !important;
    }
    .me-md-4 {
        margin-right: 1.25rem !important;
    }
    .me-md-5 {
        margin-right: 1.56rem !important;
    }
    .me-md-6 {
        margin-right: 1.88rem !important;
    }
    .me-md-7 {
        margin-right: 3.13rem !important;
    }
    .me-md-8 {
        margin-right: 3.75rem !important;
    }
    .me-md-9 {
        margin-right: 4.96rem !important;
    }
    .me-md-10 {
        margin-right: 6.25rem !important;
    }
    .me-md-auto {
        margin-right: auto !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 0.31rem !important;
    }
    .mb-md-2 {
        margin-bottom: 0.63rem !important;
    }
    .mb-md-3 {
        margin-bottom: 1rem !important;
    }
    .mb-md-4 {
        margin-bottom: 1.25rem !important;
    }
    .mb-md-5 {
        margin-bottom: 1.56rem !important;
    }
    .mb-md-6 {
        margin-bottom: 1.88rem !important;
    }
    .mb-md-7 {
        margin-bottom: 3.13rem !important;
    }
    .mb-md-8 {
        margin-bottom: 3.75rem !important;
    }
    .mb-md-9 {
        margin-bottom: 4.96rem !important;
    }
    .mb-md-10 {
        margin-bottom: 6.25rem !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }
    .ms-md-0 {
        margin-left: 0 !important;
    }
    .ms-md-1 {
        margin-left: 0.31rem !important;
    }
    .ms-md-2 {
        margin-left: 0.63rem !important;
    }
    .ms-md-3 {
        margin-left: 1rem !important;
    }
    .ms-md-4 {
        margin-left: 1.25rem !important;
    }
    .ms-md-5 {
        margin-left: 1.56rem !important;
    }
    .ms-md-6 {
        margin-left: 1.88rem !important;
    }
    .ms-md-7 {
        margin-left: 3.13rem !important;
    }
    .ms-md-8 {
        margin-left: 3.75rem !important;
    }
    .ms-md-9 {
        margin-left: 4.96rem !important;
    }
    .ms-md-10 {
        margin-left: 6.25rem !important;
    }
    .ms-md-auto {
        margin-left: auto !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.31rem !important;
    }
    .p-md-2 {
        padding: 0.63rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .p-md-4 {
        padding: 1.25rem !important;
    }
    .p-md-5 {
        padding: 1.56rem !important;
    }
    .p-md-6 {
        padding: 1.88rem !important;
    }
    .p-md-7 {
        padding: 3.13rem !important;
    }
    .p-md-8 {
        padding: 3.75rem !important;
    }
    .p-md-9 {
        padding: 4.96rem !important;
    }
    .p-md-10 {
        padding: 6.25rem !important;
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-md-1 {
        padding-right: 0.31rem !important;
        padding-left: 0.31rem !important;
    }
    .px-md-2 {
        padding-right: 0.63rem !important;
        padding-left: 0.63rem !important;
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-md-4 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }
    .px-md-5 {
        padding-right: 1.56rem !important;
        padding-left: 1.56rem !important;
    }
    .px-md-6 {
        padding-right: 1.88rem !important;
        padding-left: 1.88rem !important;
    }
    .px-md-7 {
        padding-right: 3.13rem !important;
        padding-left: 3.13rem !important;
    }
    .px-md-8 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }
    .px-md-9 {
        padding-right: 4.96rem !important;
        padding-left: 4.96rem !important;
    }
    .px-md-10 {
        padding-right: 6.25rem !important;
        padding-left: 6.25rem !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-md-1 {
        padding-top: 0.31rem !important;
        padding-bottom: 0.31rem !important;
    }
    .py-md-2 {
        padding-top: 0.63rem !important;
        padding-bottom: 0.63rem !important;
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-md-4 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
    .py-md-5 {
        padding-top: 1.56rem !important;
        padding-bottom: 1.56rem !important;
    }
    .py-md-6 {
        padding-top: 1.88rem !important;
        padding-bottom: 1.88rem !important;
    }
    .py-md-7 {
        padding-top: 3.13rem !important;
        padding-bottom: 3.13rem !important;
    }
    .py-md-8 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }
    .py-md-9 {
        padding-top: 4.96rem !important;
        padding-bottom: 4.96rem !important;
    }
    .py-md-10 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-1 {
        padding-top: 0.31rem !important;
    }
    .pt-md-2 {
        padding-top: 0.63rem !important;
    }
    .pt-md-3 {
        padding-top: 1rem !important;
    }
    .pt-md-4 {
        padding-top: 1.25rem !important;
    }
    .pt-md-5 {
        padding-top: 1.56rem !important;
    }
    .pt-md-6 {
        padding-top: 1.88rem !important;
    }
    .pt-md-7 {
        padding-top: 3.13rem !important;
    }
    .pt-md-8 {
        padding-top: 3.75rem !important;
    }
    .pt-md-9 {
        padding-top: 4.96rem !important;
    }
    .pt-md-10 {
        padding-top: 6.25rem !important;
    }
    .pe-md-0 {
        padding-right: 0 !important;
    }
    .pe-md-1 {
        padding-right: 0.31rem !important;
    }
    .pe-md-2 {
        padding-right: 0.63rem !important;
    }
    .pe-md-3 {
        padding-right: 1rem !important;
    }
    .pe-md-4 {
        padding-right: 1.25rem !important;
    }
    .pe-md-5 {
        padding-right: 1.56rem !important;
    }
    .pe-md-6 {
        padding-right: 1.88rem !important;
    }
    .pe-md-7 {
        padding-right: 3.13rem !important;
    }
    .pe-md-8 {
        padding-right: 3.75rem !important;
    }
    .pe-md-9 {
        padding-right: 4.96rem !important;
    }
    .pe-md-10 {
        padding-right: 6.25rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-1 {
        padding-bottom: 0.31rem !important;
    }
    .pb-md-2 {
        padding-bottom: 0.63rem !important;
    }
    .pb-md-3 {
        padding-bottom: 1rem !important;
    }
    .pb-md-4 {
        padding-bottom: 1.25rem !important;
    }
    .pb-md-5 {
        padding-bottom: 1.56rem !important;
    }
    .pb-md-6 {
        padding-bottom: 1.88rem !important;
    }
    .pb-md-7 {
        padding-bottom: 3.13rem !important;
    }
    .pb-md-8 {
        padding-bottom: 3.75rem !important;
    }
    .pb-md-9 {
        padding-bottom: 4.96rem !important;
    }
    .pb-md-10 {
        padding-bottom: 6.25rem !important;
    }
    .ps-md-0 {
        padding-left: 0 !important;
    }
    .ps-md-1 {
        padding-left: 0.31rem !important;
    }
    .ps-md-2 {
        padding-left: 0.63rem !important;
    }
    .ps-md-3 {
        padding-left: 1rem !important;
    }
    .ps-md-4 {
        padding-left: 1.25rem !important;
    }
    .ps-md-5 {
        padding-left: 1.56rem !important;
    }
    .ps-md-6 {
        padding-left: 1.88rem !important;
    }
    .ps-md-7 {
        padding-left: 3.13rem !important;
    }
    .ps-md-8 {
        padding-left: 3.75rem !important;
    }
    .ps-md-9 {
        padding-left: 4.96rem !important;
    }
    .ps-md-10 {
        padding-left: 6.25rem !important;
    }
    .text-md-start {
        text-align: left !important;
    }
    .text-md-end {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }
    .float-lg-end {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-grid {
        display: grid !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -webkit-box !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important;
    }
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important;
    }
    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-lg-0 {
        gap: 0 !important;
    }
    .gap-lg-1 {
        gap: 0.31rem !important;
    }
    .gap-lg-2 {
        gap: 0.63rem !important;
    }
    .gap-lg-3 {
        gap: 1rem !important;
    }
    .gap-lg-4 {
        gap: 1.25rem !important;
    }
    .gap-lg-5 {
        gap: 1.56rem !important;
    }
    .gap-lg-6 {
        gap: 1.88rem !important;
    }
    .gap-lg-7 {
        gap: 3.13rem !important;
    }
    .gap-lg-8 {
        gap: 3.75rem !important;
    }
    .gap-lg-9 {
        gap: 4.96rem !important;
    }
    .gap-lg-10 {
        gap: 6.25rem !important;
    }
    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .justify-content-lg-evenly {
        -webkit-box-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }
    .align-items-lg-start {
        -webkit-box-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        -webkit-box-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        -webkit-box-align: center !important;
        align-items: center !important;
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
    .order-lg-first {
        -webkit-box-ordinal-group: 0 !important;
        order: -1 !important;
    }
    .order-lg-0 {
        -webkit-box-ordinal-group: 1 !important;
        order: 0 !important;
    }
    .order-lg-1 {
        -webkit-box-ordinal-group: 2 !important;
        order: 1 !important;
    }
    .order-lg-2 {
        -webkit-box-ordinal-group: 3 !important;
        order: 2 !important;
    }
    .order-lg-3 {
        -webkit-box-ordinal-group: 4 !important;
        order: 3 !important;
    }
    .order-lg-4 {
        -webkit-box-ordinal-group: 5 !important;
        order: 4 !important;
    }
    .order-lg-5 {
        -webkit-box-ordinal-group: 6 !important;
        order: 5 !important;
    }
    .order-lg-last {
        -webkit-box-ordinal-group: 7 !important;
        order: 6 !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-1 {
        margin: 0.31rem !important;
    }
    .m-lg-2 {
        margin: 0.63rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.25rem !important;
    }
    .m-lg-5 {
        margin: 1.56rem !important;
    }
    .m-lg-6 {
        margin: 1.88rem !important;
    }
    .m-lg-7 {
        margin: 3.13rem !important;
    }
    .m-lg-8 {
        margin: 3.75rem !important;
    }
    .m-lg-9 {
        margin: 4.96rem !important;
    }
    .m-lg-10 {
        margin: 6.25rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-lg-1 {
        margin-right: 0.31rem !important;
        margin-left: 0.31rem !important;
    }
    .mx-lg-2 {
        margin-right: 0.63rem !important;
        margin-left: 0.63rem !important;
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-lg-4 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
    .mx-lg-5 {
        margin-right: 1.56rem !important;
        margin-left: 1.56rem !important;
    }
    .mx-lg-6 {
        margin-right: 1.88rem !important;
        margin-left: 1.88rem !important;
    }
    .mx-lg-7 {
        margin-right: 3.13rem !important;
        margin-left: 3.13rem !important;
    }
    .mx-lg-8 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important;
    }
    .mx-lg-9 {
        margin-right: 4.96rem !important;
        margin-left: 4.96rem !important;
    }
    .mx-lg-10 {
        margin-right: 6.25rem !important;
        margin-left: 6.25rem !important;
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-lg-1 {
        margin-top: 0.31rem !important;
        margin-bottom: 0.31rem !important;
    }
    .my-lg-2 {
        margin-top: 0.63rem !important;
        margin-bottom: 0.63rem !important;
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-lg-4 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
    .my-lg-5 {
        margin-top: 1.56rem !important;
        margin-bottom: 1.56rem !important;
    }
    .my-lg-6 {
        margin-top: 1.88rem !important;
        margin-bottom: 1.88rem !important;
    }
    .my-lg-7 {
        margin-top: 3.13rem !important;
        margin-bottom: 3.13rem !important;
    }
    .my-lg-8 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }
    .my-lg-9 {
        margin-top: 4.96rem !important;
        margin-bottom: 4.96rem !important;
    }
    .my-lg-10 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-1 {
        margin-top: 0.31rem !important;
    }
    .mt-lg-2 {
        margin-top: 0.63rem !important;
    }
    .mt-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4 {
        margin-top: 1.25rem !important;
    }
    .mt-lg-5 {
        margin-top: 1.56rem !important;
    }
    .mt-lg-6 {
        margin-top: 1.88rem !important;
    }
    .mt-lg-7 {
        margin-top: 3.13rem !important;
    }
    .mt-lg-8 {
        margin-top: 3.75rem !important;
    }
    .mt-lg-9 {
        margin-top: 4.96rem !important;
    }
    .mt-lg-10 {
        margin-top: 6.25rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .me-lg-0 {
        margin-right: 0 !important;
    }
    .me-lg-1 {
        margin-right: 0.31rem !important;
    }
    .me-lg-2 {
        margin-right: 0.63rem !important;
    }
    .me-lg-3 {
        margin-right: 1rem !important;
    }
    .me-lg-4 {
        margin-right: 1.25rem !important;
    }
    .me-lg-5 {
        margin-right: 1.56rem !important;
    }
    .me-lg-6 {
        margin-right: 1.88rem !important;
    }
    .me-lg-7 {
        margin-right: 3.13rem !important;
    }
    .me-lg-8 {
        margin-right: 3.75rem !important;
    }
    .me-lg-9 {
        margin-right: 4.96rem !important;
    }
    .me-lg-10 {
        margin-right: 6.25rem !important;
    }
    .me-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-1 {
        margin-bottom: 0.31rem !important;
    }
    .mb-lg-2 {
        margin-bottom: 0.63rem !important;
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }
    .mb-lg-4 {
        margin-bottom: 1.25rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 1.56rem !important;
    }
    .mb-lg-6 {
        margin-bottom: 1.88rem !important;
    }
    .mb-lg-7 {
        margin-bottom: 3.13rem !important;
    }
    .mb-lg-8 {
        margin-bottom: 3.75rem !important;
    }
    .mb-lg-9 {
        margin-bottom: 4.96rem !important;
    }
    .mb-lg-10 {
        margin-bottom: 6.25rem !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }
    .ms-lg-0 {
        margin-left: 0 !important;
    }
    .ms-lg-1 {
        margin-left: 0.31rem !important;
    }
    .ms-lg-2 {
        margin-left: 0.63rem !important;
    }
    .ms-lg-3 {
        margin-left: 1rem !important;
    }
    .ms-lg-4 {
        margin-left: 1.25rem !important;
    }
    .ms-lg-5 {
        margin-left: 1.56rem !important;
    }
    .ms-lg-6 {
        margin-left: 1.88rem !important;
    }
    .ms-lg-7 {
        margin-left: 3.13rem !important;
    }
    .ms-lg-8 {
        margin-left: 3.75rem !important;
    }
    .ms-lg-9 {
        margin-left: 4.96rem !important;
    }
    .ms-lg-10 {
        margin-left: 6.25rem !important;
    }
    .ms-lg-auto {
        margin-left: auto !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-1 {
        padding: 0.31rem !important;
    }
    .p-lg-2 {
        padding: 0.63rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.25rem !important;
    }
    .p-lg-5 {
        padding: 1.56rem !important;
    }
    .p-lg-6 {
        padding: 1.88rem !important;
    }
    .p-lg-7 {
        padding: 3.13rem !important;
    }
    .p-lg-8 {
        padding: 3.75rem !important;
    }
    .p-lg-9 {
        padding: 4.96rem !important;
    }
    .p-lg-10 {
        padding: 6.25rem !important;
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-lg-1 {
        padding-right: 0.31rem !important;
        padding-left: 0.31rem !important;
    }
    .px-lg-2 {
        padding-right: 0.63rem !important;
        padding-left: 0.63rem !important;
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-lg-4 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }
    .px-lg-5 {
        padding-right: 1.56rem !important;
        padding-left: 1.56rem !important;
    }
    .px-lg-6 {
        padding-right: 1.88rem !important;
        padding-left: 1.88rem !important;
    }
    .px-lg-7 {
        padding-right: 3.13rem !important;
        padding-left: 3.13rem !important;
    }
    .px-lg-8 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }
    .px-lg-9 {
        padding-right: 4.96rem !important;
        padding-left: 4.96rem !important;
    }
    .px-lg-10 {
        padding-right: 6.25rem !important;
        padding-left: 6.25rem !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-lg-1 {
        padding-top: 0.31rem !important;
        padding-bottom: 0.31rem !important;
    }
    .py-lg-2 {
        padding-top: 0.63rem !important;
        padding-bottom: 0.63rem !important;
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-lg-4 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
    .py-lg-5 {
        padding-top: 1.56rem !important;
        padding-bottom: 1.56rem !important;
    }
    .py-lg-6 {
        padding-top: 1.88rem !important;
        padding-bottom: 1.88rem !important;
    }
    .py-lg-7 {
        padding-top: 3.13rem !important;
        padding-bottom: 3.13rem !important;
    }
    .py-lg-8 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }
    .py-lg-9 {
        padding-top: 4.96rem !important;
        padding-bottom: 4.96rem !important;
    }
    .py-lg-10 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pt-lg-1 {
        padding-top: 0.31rem !important;
    }
    .pt-lg-2 {
        padding-top: 0.63rem !important;
    }
    .pt-lg-3 {
        padding-top: 1rem !important;
    }
    .pt-lg-4 {
        padding-top: 1.25rem !important;
    }
    .pt-lg-5 {
        padding-top: 1.56rem !important;
    }
    .pt-lg-6 {
        padding-top: 1.88rem !important;
    }
    .pt-lg-7 {
        padding-top: 3.13rem !important;
    }
    .pt-lg-8 {
        padding-top: 3.75rem !important;
    }
    .pt-lg-9 {
        padding-top: 4.96rem !important;
    }
    .pt-lg-10 {
        padding-top: 6.25rem !important;
    }
    .pe-lg-0 {
        padding-right: 0 !important;
    }
    .pe-lg-1 {
        padding-right: 0.31rem !important;
    }
    .pe-lg-2 {
        padding-right: 0.63rem !important;
    }
    .pe-lg-3 {
        padding-right: 1rem !important;
    }
    .pe-lg-4 {
        padding-right: 1.25rem !important;
    }
    .pe-lg-5 {
        padding-right: 1.56rem !important;
    }
    .pe-lg-6 {
        padding-right: 1.88rem !important;
    }
    .pe-lg-7 {
        padding-right: 3.13rem !important;
    }
    .pe-lg-8 {
        padding-right: 3.75rem !important;
    }
    .pe-lg-9 {
        padding-right: 4.96rem !important;
    }
    .pe-lg-10 {
        padding-right: 6.25rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pb-lg-1 {
        padding-bottom: 0.31rem !important;
    }
    .pb-lg-2 {
        padding-bottom: 0.63rem !important;
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pb-lg-4 {
        padding-bottom: 1.25rem !important;
    }
    .pb-lg-5 {
        padding-bottom: 1.56rem !important;
    }
    .pb-lg-6 {
        padding-bottom: 1.88rem !important;
    }
    .pb-lg-7 {
        padding-bottom: 3.13rem !important;
    }
    .pb-lg-8 {
        padding-bottom: 3.75rem !important;
    }
    .pb-lg-9 {
        padding-bottom: 4.96rem !important;
    }
    .pb-lg-10 {
        padding-bottom: 6.25rem !important;
    }
    .ps-lg-0 {
        padding-left: 0 !important;
    }
    .ps-lg-1 {
        padding-left: 0.31rem !important;
    }
    .ps-lg-2 {
        padding-left: 0.63rem !important;
    }
    .ps-lg-3 {
        padding-left: 1rem !important;
    }
    .ps-lg-4 {
        padding-left: 1.25rem !important;
    }
    .ps-lg-5 {
        padding-left: 1.56rem !important;
    }
    .ps-lg-6 {
        padding-left: 1.88rem !important;
    }
    .ps-lg-7 {
        padding-left: 3.13rem !important;
    }
    .ps-lg-8 {
        padding-left: 3.75rem !important;
    }
    .ps-lg-9 {
        padding-left: 4.96rem !important;
    }
    .ps-lg-10 {
        padding-left: 6.25rem !important;
    }
    .text-lg-start {
        text-align: left !important;
    }
    .text-lg-end {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }
    .float-xl-end {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-grid {
        display: grid !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -webkit-box !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    .d-xl-none {
        display: none !important;
    }
    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important;
    }
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important;
    }
    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-xl-0 {
        gap: 0 !important;
    }
    .gap-xl-1 {
        gap: 0.31rem !important;
    }
    .gap-xl-2 {
        gap: 0.63rem !important;
    }
    .gap-xl-3 {
        gap: 1rem !important;
    }
    .gap-xl-4 {
        gap: 1.25rem !important;
    }
    .gap-xl-5 {
        gap: 1.56rem !important;
    }
    .gap-xl-6 {
        gap: 1.88rem !important;
    }
    .gap-xl-7 {
        gap: 3.13rem !important;
    }
    .gap-xl-8 {
        gap: 3.75rem !important;
    }
    .gap-xl-9 {
        gap: 4.96rem !important;
    }
    .gap-xl-10 {
        gap: 6.25rem !important;
    }
    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .justify-content-xl-evenly {
        -webkit-box-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }
    .align-items-xl-start {
        -webkit-box-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        -webkit-box-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        -webkit-box-align: center !important;
        align-items: center !important;
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
    .order-xl-first {
        -webkit-box-ordinal-group: 0 !important;
        order: -1 !important;
    }
    .order-xl-0 {
        -webkit-box-ordinal-group: 1 !important;
        order: 0 !important;
    }
    .order-xl-1 {
        -webkit-box-ordinal-group: 2 !important;
        order: 1 !important;
    }
    .order-xl-2 {
        -webkit-box-ordinal-group: 3 !important;
        order: 2 !important;
    }
    .order-xl-3 {
        -webkit-box-ordinal-group: 4 !important;
        order: 3 !important;
    }
    .order-xl-4 {
        -webkit-box-ordinal-group: 5 !important;
        order: 4 !important;
    }
    .order-xl-5 {
        -webkit-box-ordinal-group: 6 !important;
        order: 5 !important;
    }
    .order-xl-last {
        -webkit-box-ordinal-group: 7 !important;
        order: 6 !important;
    }
    .m-xl-0 {
        margin: 0 !important;
    }
    .m-xl-1 {
        margin: 0.31rem !important;
    }
    .m-xl-2 {
        margin: 0.63rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.25rem !important;
    }
    .m-xl-5 {
        margin: 1.56rem !important;
    }
    .m-xl-6 {
        margin: 1.88rem !important;
    }
    .m-xl-7 {
        margin: 3.13rem !important;
    }
    .m-xl-8 {
        margin: 3.75rem !important;
    }
    .m-xl-9 {
        margin: 4.96rem !important;
    }
    .m-xl-10 {
        margin: 6.25rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xl-1 {
        margin-right: 0.31rem !important;
        margin-left: 0.31rem !important;
    }
    .mx-xl-2 {
        margin-right: 0.63rem !important;
        margin-left: 0.63rem !important;
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xl-4 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
    .mx-xl-5 {
        margin-right: 1.56rem !important;
        margin-left: 1.56rem !important;
    }
    .mx-xl-6 {
        margin-right: 1.88rem !important;
        margin-left: 1.88rem !important;
    }
    .mx-xl-7 {
        margin-right: 3.13rem !important;
        margin-left: 3.13rem !important;
    }
    .mx-xl-8 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important;
    }
    .mx-xl-9 {
        margin-right: 4.96rem !important;
        margin-left: 4.96rem !important;
    }
    .mx-xl-10 {
        margin-right: 6.25rem !important;
        margin-left: 6.25rem !important;
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xl-1 {
        margin-top: 0.31rem !important;
        margin-bottom: 0.31rem !important;
    }
    .my-xl-2 {
        margin-top: 0.63rem !important;
        margin-bottom: 0.63rem !important;
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xl-4 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
    .my-xl-5 {
        margin-top: 1.56rem !important;
        margin-bottom: 1.56rem !important;
    }
    .my-xl-6 {
        margin-top: 1.88rem !important;
        margin-bottom: 1.88rem !important;
    }
    .my-xl-7 {
        margin-top: 3.13rem !important;
        margin-bottom: 3.13rem !important;
    }
    .my-xl-8 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }
    .my-xl-9 {
        margin-top: 4.96rem !important;
        margin-bottom: 4.96rem !important;
    }
    .my-xl-10 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important;
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xl-0 {
        margin-top: 0 !important;
    }
    .mt-xl-1 {
        margin-top: 0.31rem !important;
    }
    .mt-xl-2 {
        margin-top: 0.63rem !important;
    }
    .mt-xl-3 {
        margin-top: 1rem !important;
    }
    .mt-xl-4 {
        margin-top: 1.25rem !important;
    }
    .mt-xl-5 {
        margin-top: 1.56rem !important;
    }
    .mt-xl-6 {
        margin-top: 1.88rem !important;
    }
    .mt-xl-7 {
        margin-top: 3.13rem !important;
    }
    .mt-xl-8 {
        margin-top: 3.75rem !important;
    }
    .mt-xl-9 {
        margin-top: 4.96rem !important;
    }
    .mt-xl-10 {
        margin-top: 6.25rem !important;
    }
    .mt-xl-auto {
        margin-top: auto !important;
    }
    .me-xl-0 {
        margin-right: 0 !important;
    }
    .me-xl-1 {
        margin-right: 0.31rem !important;
    }
    .me-xl-2 {
        margin-right: 0.63rem !important;
    }
    .me-xl-3 {
        margin-right: 1rem !important;
    }
    .me-xl-4 {
        margin-right: 1.25rem !important;
    }
    .me-xl-5 {
        margin-right: 1.56rem !important;
    }
    .me-xl-6 {
        margin-right: 1.88rem !important;
    }
    .me-xl-7 {
        margin-right: 3.13rem !important;
    }
    .me-xl-8 {
        margin-right: 3.75rem !important;
    }
    .me-xl-9 {
        margin-right: 4.96rem !important;
    }
    .me-xl-10 {
        margin-right: 6.25rem !important;
    }
    .me-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xl-1 {
        margin-bottom: 0.31rem !important;
    }
    .mb-xl-2 {
        margin-bottom: 0.63rem !important;
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xl-4 {
        margin-bottom: 1.25rem !important;
    }
    .mb-xl-5 {
        margin-bottom: 1.56rem !important;
    }
    .mb-xl-6 {
        margin-bottom: 1.88rem !important;
    }
    .mb-xl-7 {
        margin-bottom: 3.13rem !important;
    }
    .mb-xl-8 {
        margin-bottom: 3.75rem !important;
    }
    .mb-xl-9 {
        margin-bottom: 4.96rem !important;
    }
    .mb-xl-10 {
        margin-bottom: 6.25rem !important;
    }
    .mb-xl-auto {
        margin-bottom: auto !important;
    }
    .ms-xl-0 {
        margin-left: 0 !important;
    }
    .ms-xl-1 {
        margin-left: 0.31rem !important;
    }
    .ms-xl-2 {
        margin-left: 0.63rem !important;
    }
    .ms-xl-3 {
        margin-left: 1rem !important;
    }
    .ms-xl-4 {
        margin-left: 1.25rem !important;
    }
    .ms-xl-5 {
        margin-left: 1.56rem !important;
    }
    .ms-xl-6 {
        margin-left: 1.88rem !important;
    }
    .ms-xl-7 {
        margin-left: 3.13rem !important;
    }
    .ms-xl-8 {
        margin-left: 3.75rem !important;
    }
    .ms-xl-9 {
        margin-left: 4.96rem !important;
    }
    .ms-xl-10 {
        margin-left: 6.25rem !important;
    }
    .ms-xl-auto {
        margin-left: auto !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .p-xl-1 {
        padding: 0.31rem !important;
    }
    .p-xl-2 {
        padding: 0.63rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.25rem !important;
    }
    .p-xl-5 {
        padding: 1.56rem !important;
    }
    .p-xl-6 {
        padding: 1.88rem !important;
    }
    .p-xl-7 {
        padding: 3.13rem !important;
    }
    .p-xl-8 {
        padding: 3.75rem !important;
    }
    .p-xl-9 {
        padding: 4.96rem !important;
    }
    .p-xl-10 {
        padding: 6.25rem !important;
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xl-1 {
        padding-right: 0.31rem !important;
        padding-left: 0.31rem !important;
    }
    .px-xl-2 {
        padding-right: 0.63rem !important;
        padding-left: 0.63rem !important;
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xl-4 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }
    .px-xl-5 {
        padding-right: 1.56rem !important;
        padding-left: 1.56rem !important;
    }
    .px-xl-6 {
        padding-right: 1.88rem !important;
        padding-left: 1.88rem !important;
    }
    .px-xl-7 {
        padding-right: 3.13rem !important;
        padding-left: 3.13rem !important;
    }
    .px-xl-8 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }
    .px-xl-9 {
        padding-right: 4.96rem !important;
        padding-left: 4.96rem !important;
    }
    .px-xl-10 {
        padding-right: 6.25rem !important;
        padding-left: 6.25rem !important;
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xl-1 {
        padding-top: 0.31rem !important;
        padding-bottom: 0.31rem !important;
    }
    .py-xl-2 {
        padding-top: 0.63rem !important;
        padding-bottom: 0.63rem !important;
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xl-4 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
    .py-xl-5 {
        padding-top: 1.56rem !important;
        padding-bottom: 1.56rem !important;
    }
    .py-xl-6 {
        padding-top: 1.88rem !important;
        padding-bottom: 1.88rem !important;
    }
    .py-xl-7 {
        padding-top: 3.13rem !important;
        padding-bottom: 3.13rem !important;
    }
    .py-xl-8 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }
    .py-xl-9 {
        padding-top: 4.96rem !important;
        padding-bottom: 4.96rem !important;
    }
    .py-xl-10 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }
    .pt-xl-1 {
        padding-top: 0.31rem !important;
    }
    .pt-xl-2 {
        padding-top: 0.63rem !important;
    }
    .pt-xl-3 {
        padding-top: 1rem !important;
    }
    .pt-xl-4 {
        padding-top: 1.25rem !important;
    }
    .pt-xl-5 {
        padding-top: 1.56rem !important;
    }
    .pt-xl-6 {
        padding-top: 1.88rem !important;
    }
    .pt-xl-7 {
        padding-top: 3.13rem !important;
    }
    .pt-xl-8 {
        padding-top: 3.75rem !important;
    }
    .pt-xl-9 {
        padding-top: 4.96rem !important;
    }
    .pt-xl-10 {
        padding-top: 6.25rem !important;
    }
    .pe-xl-0 {
        padding-right: 0 !important;
    }
    .pe-xl-1 {
        padding-right: 0.31rem !important;
    }
    .pe-xl-2 {
        padding-right: 0.63rem !important;
    }
    .pe-xl-3 {
        padding-right: 1rem !important;
    }
    .pe-xl-4 {
        padding-right: 1.25rem !important;
    }
    .pe-xl-5 {
        padding-right: 1.56rem !important;
    }
    .pe-xl-6 {
        padding-right: 1.88rem !important;
    }
    .pe-xl-7 {
        padding-right: 3.13rem !important;
    }
    .pe-xl-8 {
        padding-right: 3.75rem !important;
    }
    .pe-xl-9 {
        padding-right: 4.96rem !important;
    }
    .pe-xl-10 {
        padding-right: 6.25rem !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xl-1 {
        padding-bottom: 0.31rem !important;
    }
    .pb-xl-2 {
        padding-bottom: 0.63rem !important;
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xl-4 {
        padding-bottom: 1.25rem !important;
    }
    .pb-xl-5 {
        padding-bottom: 1.56rem !important;
    }
    .pb-xl-6 {
        padding-bottom: 1.88rem !important;
    }
    .pb-xl-7 {
        padding-bottom: 3.13rem !important;
    }
    .pb-xl-8 {
        padding-bottom: 3.75rem !important;
    }
    .pb-xl-9 {
        padding-bottom: 4.96rem !important;
    }
    .pb-xl-10 {
        padding-bottom: 6.25rem !important;
    }
    .ps-xl-0 {
        padding-left: 0 !important;
    }
    .ps-xl-1 {
        padding-left: 0.31rem !important;
    }
    .ps-xl-2 {
        padding-left: 0.63rem !important;
    }
    .ps-xl-3 {
        padding-left: 1rem !important;
    }
    .ps-xl-4 {
        padding-left: 1.25rem !important;
    }
    .ps-xl-5 {
        padding-left: 1.56rem !important;
    }
    .ps-xl-6 {
        padding-left: 1.88rem !important;
    }
    .ps-xl-7 {
        padding-left: 3.13rem !important;
    }
    .ps-xl-8 {
        padding-left: 3.75rem !important;
    }
    .ps-xl-9 {
        padding-left: 4.96rem !important;
    }
    .ps-xl-10 {
        padding-left: 6.25rem !important;
    }
    .text-xl-start {
        text-align: left !important;
    }
    .text-xl-end {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}
@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }
    .float-xxl-end {
        float: right !important;
    }
    .float-xxl-none {
        float: none !important;
    }
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-inline-block {
        display: inline-block !important;
    }
    .d-xxl-block {
        display: block !important;
    }
    .d-xxl-grid {
        display: grid !important;
    }
    .d-xxl-table {
        display: table !important;
    }
    .d-xxl-table-row {
        display: table-row !important;
    }
    .d-xxl-table-cell {
        display: table-cell !important;
    }
    .d-xxl-flex {
        display: -webkit-box !important;
        display: flex !important;
    }
    .d-xxl-inline-flex {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    .d-xxl-none {
        display: none !important;
    }
    .flex-xxl-fill {
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important;
    }
    .flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important;
    }
    .flex-xxl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important;
    }
    .flex-xxl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-xxl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-xxl-grow-0 {
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-xxl-grow-1 {
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-xxl-0 {
        gap: 0 !important;
    }
    .gap-xxl-1 {
        gap: 0.31rem !important;
    }
    .gap-xxl-2 {
        gap: 0.63rem !important;
    }
    .gap-xxl-3 {
        gap: 1rem !important;
    }
    .gap-xxl-4 {
        gap: 1.25rem !important;
    }
    .gap-xxl-5 {
        gap: 1.56rem !important;
    }
    .gap-xxl-6 {
        gap: 1.88rem !important;
    }
    .gap-xxl-7 {
        gap: 3.13rem !important;
    }
    .gap-xxl-8 {
        gap: 3.75rem !important;
    }
    .gap-xxl-9 {
        gap: 4.96rem !important;
    }
    .gap-xxl-10 {
        gap: 6.25rem !important;
    }
    .justify-content-xxl-start {
        -webkit-box-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
        -webkit-box-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
        -webkit-box-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-xxl-between {
        -webkit-box-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-xxl-around {
        justify-content: space-around !important;
    }
    .justify-content-xxl-evenly {
        -webkit-box-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }
    .align-items-xxl-start {
        -webkit-box-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-xxl-end {
        -webkit-box-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-xxl-center {
        -webkit-box-align: center !important;
        align-items: center !important;
    }
    .align-items-xxl-baseline {
        -webkit-box-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-xxl-stretch {
        -webkit-box-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-xxl-start {
        align-content: flex-start !important;
    }
    .align-content-xxl-end {
        align-content: flex-end !important;
    }
    .align-content-xxl-center {
        align-content: center !important;
    }
    .align-content-xxl-between {
        align-content: space-between !important;
    }
    .align-content-xxl-around {
        align-content: space-around !important;
    }
    .align-content-xxl-stretch {
        align-content: stretch !important;
    }
    .align-self-xxl-auto {
        align-self: auto !important;
    }
    .align-self-xxl-start {
        align-self: flex-start !important;
    }
    .align-self-xxl-end {
        align-self: flex-end !important;
    }
    .align-self-xxl-center {
        align-self: center !important;
    }
    .align-self-xxl-baseline {
        align-self: baseline !important;
    }
    .align-self-xxl-stretch {
        align-self: stretch !important;
    }
    .order-xxl-first {
        -webkit-box-ordinal-group: 0 !important;
        order: -1 !important;
    }
    .order-xxl-0 {
        -webkit-box-ordinal-group: 1 !important;
        order: 0 !important;
    }
    .order-xxl-1 {
        -webkit-box-ordinal-group: 2 !important;
        order: 1 !important;
    }
    .order-xxl-2 {
        -webkit-box-ordinal-group: 3 !important;
        order: 2 !important;
    }
    .order-xxl-3 {
        -webkit-box-ordinal-group: 4 !important;
        order: 3 !important;
    }
    .order-xxl-4 {
        -webkit-box-ordinal-group: 5 !important;
        order: 4 !important;
    }
    .order-xxl-5 {
        -webkit-box-ordinal-group: 6 !important;
        order: 5 !important;
    }
    .order-xxl-last {
        -webkit-box-ordinal-group: 7 !important;
        order: 6 !important;
    }
    .m-xxl-0 {
        margin: 0 !important;
    }
    .m-xxl-1 {
        margin: 0.31rem !important;
    }
    .m-xxl-2 {
        margin: 0.63rem !important;
    }
    .m-xxl-3 {
        margin: 1rem !important;
    }
    .m-xxl-4 {
        margin: 1.25rem !important;
    }
    .m-xxl-5 {
        margin: 1.56rem !important;
    }
    .m-xxl-6 {
        margin: 1.88rem !important;
    }
    .m-xxl-7 {
        margin: 3.13rem !important;
    }
    .m-xxl-8 {
        margin: 3.75rem !important;
    }
    .m-xxl-9 {
        margin: 4.96rem !important;
    }
    .m-xxl-10 {
        margin: 6.25rem !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xxl-1 {
        margin-right: 0.31rem !important;
        margin-left: 0.31rem !important;
    }
    .mx-xxl-2 {
        margin-right: 0.63rem !important;
        margin-left: 0.63rem !important;
    }
    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xxl-4 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
    .mx-xxl-5 {
        margin-right: 1.56rem !important;
        margin-left: 1.56rem !important;
    }
    .mx-xxl-6 {
        margin-right: 1.88rem !important;
        margin-left: 1.88rem !important;
    }
    .mx-xxl-7 {
        margin-right: 3.13rem !important;
        margin-left: 3.13rem !important;
    }
    .mx-xxl-8 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important;
    }
    .mx-xxl-9 {
        margin-right: 4.96rem !important;
        margin-left: 4.96rem !important;
    }
    .mx-xxl-10 {
        margin-right: 6.25rem !important;
        margin-left: 6.25rem !important;
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xxl-1 {
        margin-top: 0.31rem !important;
        margin-bottom: 0.31rem !important;
    }
    .my-xxl-2 {
        margin-top: 0.63rem !important;
        margin-bottom: 0.63rem !important;
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xxl-4 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
    .my-xxl-5 {
        margin-top: 1.56rem !important;
        margin-bottom: 1.56rem !important;
    }
    .my-xxl-6 {
        margin-top: 1.88rem !important;
        margin-bottom: 1.88rem !important;
    }
    .my-xxl-7 {
        margin-top: 3.13rem !important;
        margin-bottom: 3.13rem !important;
    }
    .my-xxl-8 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important;
    }
    .my-xxl-9 {
        margin-top: 4.96rem !important;
        margin-bottom: 4.96rem !important;
    }
    .my-xxl-10 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important;
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xxl-0 {
        margin-top: 0 !important;
    }
    .mt-xxl-1 {
        margin-top: 0.31rem !important;
    }
    .mt-xxl-2 {
        margin-top: 0.63rem !important;
    }
    .mt-xxl-3 {
        margin-top: 1rem !important;
    }
    .mt-xxl-4 {
        margin-top: 1.25rem !important;
    }
    .mt-xxl-5 {
        margin-top: 1.56rem !important;
    }
    .mt-xxl-6 {
        margin-top: 1.88rem !important;
    }
    .mt-xxl-7 {
        margin-top: 3.13rem !important;
    }
    .mt-xxl-8 {
        margin-top: 3.75rem !important;
    }
    .mt-xxl-9 {
        margin-top: 4.96rem !important;
    }
    .mt-xxl-10 {
        margin-top: 6.25rem !important;
    }
    .mt-xxl-auto {
        margin-top: auto !important;
    }
    .me-xxl-0 {
        margin-right: 0 !important;
    }
    .me-xxl-1 {
        margin-right: 0.31rem !important;
    }
    .me-xxl-2 {
        margin-right: 0.63rem !important;
    }
    .me-xxl-3 {
        margin-right: 1rem !important;
    }
    .me-xxl-4 {
        margin-right: 1.25rem !important;
    }
    .me-xxl-5 {
        margin-right: 1.56rem !important;
    }
    .me-xxl-6 {
        margin-right: 1.88rem !important;
    }
    .me-xxl-7 {
        margin-right: 3.13rem !important;
    }
    .me-xxl-8 {
        margin-right: 3.75rem !important;
    }
    .me-xxl-9 {
        margin-right: 4.96rem !important;
    }
    .me-xxl-10 {
        margin-right: 6.25rem !important;
    }
    .me-xxl-auto {
        margin-right: auto !important;
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xxl-1 {
        margin-bottom: 0.31rem !important;
    }
    .mb-xxl-2 {
        margin-bottom: 0.63rem !important;
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xxl-4 {
        margin-bottom: 1.25rem !important;
    }
    .mb-xxl-5 {
        margin-bottom: 1.56rem !important;
    }
    .mb-xxl-6 {
        margin-bottom: 1.88rem !important;
    }
    .mb-xxl-7 {
        margin-bottom: 3.13rem !important;
    }
    .mb-xxl-8 {
        margin-bottom: 3.75rem !important;
    }
    .mb-xxl-9 {
        margin-bottom: 4.96rem !important;
    }
    .mb-xxl-10 {
        margin-bottom: 6.25rem !important;
    }
    .mb-xxl-auto {
        margin-bottom: auto !important;
    }
    .ms-xxl-0 {
        margin-left: 0 !important;
    }
    .ms-xxl-1 {
        margin-left: 0.31rem !important;
    }
    .ms-xxl-2 {
        margin-left: 0.63rem !important;
    }
    .ms-xxl-3 {
        margin-left: 1rem !important;
    }
    .ms-xxl-4 {
        margin-left: 1.25rem !important;
    }
    .ms-xxl-5 {
        margin-left: 1.56rem !important;
    }
    .ms-xxl-6 {
        margin-left: 1.88rem !important;
    }
    .ms-xxl-7 {
        margin-left: 3.13rem !important;
    }
    .ms-xxl-8 {
        margin-left: 3.75rem !important;
    }
    .ms-xxl-9 {
        margin-left: 4.96rem !important;
    }
    .ms-xxl-10 {
        margin-left: 6.25rem !important;
    }
    .ms-xxl-auto {
        margin-left: auto !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .p-xxl-1 {
        padding: 0.31rem !important;
    }
    .p-xxl-2 {
        padding: 0.63rem !important;
    }
    .p-xxl-3 {
        padding: 1rem !important;
    }
    .p-xxl-4 {
        padding: 1.25rem !important;
    }
    .p-xxl-5 {
        padding: 1.56rem !important;
    }
    .p-xxl-6 {
        padding: 1.88rem !important;
    }
    .p-xxl-7 {
        padding: 3.13rem !important;
    }
    .p-xxl-8 {
        padding: 3.75rem !important;
    }
    .p-xxl-9 {
        padding: 4.96rem !important;
    }
    .p-xxl-10 {
        padding: 6.25rem !important;
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xxl-1 {
        padding-right: 0.31rem !important;
        padding-left: 0.31rem !important;
    }
    .px-xxl-2 {
        padding-right: 0.63rem !important;
        padding-left: 0.63rem !important;
    }
    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xxl-4 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }
    .px-xxl-5 {
        padding-right: 1.56rem !important;
        padding-left: 1.56rem !important;
    }
    .px-xxl-6 {
        padding-right: 1.88rem !important;
        padding-left: 1.88rem !important;
    }
    .px-xxl-7 {
        padding-right: 3.13rem !important;
        padding-left: 3.13rem !important;
    }
    .px-xxl-8 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important;
    }
    .px-xxl-9 {
        padding-right: 4.96rem !important;
        padding-left: 4.96rem !important;
    }
    .px-xxl-10 {
        padding-right: 6.25rem !important;
        padding-left: 6.25rem !important;
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xxl-1 {
        padding-top: 0.31rem !important;
        padding-bottom: 0.31rem !important;
    }
    .py-xxl-2 {
        padding-top: 0.63rem !important;
        padding-bottom: 0.63rem !important;
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xxl-4 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
    .py-xxl-5 {
        padding-top: 1.56rem !important;
        padding-bottom: 1.56rem !important;
    }
    .py-xxl-6 {
        padding-top: 1.88rem !important;
        padding-bottom: 1.88rem !important;
    }
    .py-xxl-7 {
        padding-top: 3.13rem !important;
        padding-bottom: 3.13rem !important;
    }
    .py-xxl-8 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }
    .py-xxl-9 {
        padding-top: 4.96rem !important;
        padding-bottom: 4.96rem !important;
    }
    .py-xxl-10 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important;
    }
    .pt-xxl-0 {
        padding-top: 0 !important;
    }
    .pt-xxl-1 {
        padding-top: 0.31rem !important;
    }
    .pt-xxl-2 {
        padding-top: 0.63rem !important;
    }
    .pt-xxl-3 {
        padding-top: 1rem !important;
    }
    .pt-xxl-4 {
        padding-top: 1.25rem !important;
    }
    .pt-xxl-5 {
        padding-top: 1.56rem !important;
    }
    .pt-xxl-6 {
        padding-top: 1.88rem !important;
    }
    .pt-xxl-7 {
        padding-top: 3.13rem !important;
    }
    .pt-xxl-8 {
        padding-top: 3.75rem !important;
    }
    .pt-xxl-9 {
        padding-top: 4.96rem !important;
    }
    .pt-xxl-10 {
        padding-top: 6.25rem !important;
    }
    .pe-xxl-0 {
        padding-right: 0 !important;
    }
    .pe-xxl-1 {
        padding-right: 0.31rem !important;
    }
    .pe-xxl-2 {
        padding-right: 0.63rem !important;
    }
    .pe-xxl-3 {
        padding-right: 1rem !important;
    }
    .pe-xxl-4 {
        padding-right: 1.25rem !important;
    }
    .pe-xxl-5 {
        padding-right: 1.56rem !important;
    }
    .pe-xxl-6 {
        padding-right: 1.88rem !important;
    }
    .pe-xxl-7 {
        padding-right: 3.13rem !important;
    }
    .pe-xxl-8 {
        padding-right: 3.75rem !important;
    }
    .pe-xxl-9 {
        padding-right: 4.96rem !important;
    }
    .pe-xxl-10 {
        padding-right: 6.25rem !important;
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xxl-1 {
        padding-bottom: 0.31rem !important;
    }
    .pb-xxl-2 {
        padding-bottom: 0.63rem !important;
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xxl-4 {
        padding-bottom: 1.25rem !important;
    }
    .pb-xxl-5 {
        padding-bottom: 1.56rem !important;
    }
    .pb-xxl-6 {
        padding-bottom: 1.88rem !important;
    }
    .pb-xxl-7 {
        padding-bottom: 3.13rem !important;
    }
    .pb-xxl-8 {
        padding-bottom: 3.75rem !important;
    }
    .pb-xxl-9 {
        padding-bottom: 4.96rem !important;
    }
    .pb-xxl-10 {
        padding-bottom: 6.25rem !important;
    }
    .ps-xxl-0 {
        padding-left: 0 !important;
    }
    .ps-xxl-1 {
        padding-left: 0.31rem !important;
    }
    .ps-xxl-2 {
        padding-left: 0.63rem !important;
    }
    .ps-xxl-3 {
        padding-left: 1rem !important;
    }
    .ps-xxl-4 {
        padding-left: 1.25rem !important;
    }
    .ps-xxl-5 {
        padding-left: 1.56rem !important;
    }
    .ps-xxl-6 {
        padding-left: 1.88rem !important;
    }
    .ps-xxl-7 {
        padding-left: 3.13rem !important;
    }
    .ps-xxl-8 {
        padding-left: 3.75rem !important;
    }
    .ps-xxl-9 {
        padding-left: 4.96rem !important;
    }
    .ps-xxl-10 {
        padding-left: 6.25rem !important;
    }
    .text-xxl-start {
        text-align: left !important;
    }
    .text-xxl-end {
        text-align: right !important;
    }
    .text-xxl-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.1875rem !important;
    }
    .fs-2 {
        font-size: 1.75rem !important;
    }
    .fs-3 {
        font-size: 1.53125rem !important;
    }
    .fs-4 {
        font-size: 1.3125rem !important;
    }
}
@media print {
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-grid {
        display: grid !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: -webkit-box !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    .d-print-none {
        display: none !important;
    }
}
.bg-parallax {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.bg-repeat {
    background-repeat: repeat;
}
hr {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.1);
}
.mtn--90 {
    margin-top: -5.625rem;
}
.mtn-50 {
    margin-top: -6.125rem;
}
.mtn-80 {
    margin-top: -5rem !important;
}
.mtn-115 {
    margin-top: -7.1875rem;
}
.line-hight-16 {
    line-height: 1rem;
}
.line-hight-21 {
    line-height: 1.3125rem;
}
p {
    font-size: 0.875rem;
    color: #666;
}
a {
    text-decoration: none;
}
.text-underline {
    text-decoration: underline !important;
}
.text-underline:hover {
    text-decoration: underline !important;
}
.text-color {
    color: #666;
}
.font-dosis {
    font-family: "Dosis", sans-serif;
}
.font-inherit {
    font-family: inherit;
}
.font-base {
    font-family: "Open Sans", sans-serif;
}
.font-size-12 {
    font-size: 0.75rem;
}
.font-size-13 {
    font-size: 0.81rem;
}
.font-size-14 {
    font-size: 0.875rem;
}
.font-size-15 {
    font-size: 0.94rem;
}
.font-size-16 {
    font-size: 1rem;
}
.font-size-17 {
    font-size: 1.1rem;
}
.font-size-18 {
    font-size: 1.13rem;
}
.font-size-19 {
    font-size: 1.19rem;
}
.font-size-20 {
    font-size: 1.25rem !important;
}
.font-size-24 {
    font-size: 1.5rem;
}
.font-size-28 {
    font-size: 1.75rem;
}
.font-size-32 {
    font-size: 2rem;
}
.font-size-40 {
    font-size: 2.5rem;
}
.font-size-48 {
    font-size: 3rem;
}
.font-size-55 {
    font-size: 3.4375rem !important;
}
.font-weight-medium {
    font-weight: 600;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.text-hover-primary:hover {
    color: #f0c24b;
}
.text-hover-warning:hover {
    color: #f0c24b;
}
.text-hover-danger {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.text-hover-danger:hover {
    color: #ea7066;
}
.text-hover-success:hover {
    color: #b5d56a;
}
.text-hover-info:hover {
    color: #84bed6;
}
.text-hover-purple:hover {
    color: #a597e7;
}
.text-hover-pink:hover {
    color: #ea77ad;
}
.border-1 {
    border: 1px solid #e7e7e7;
}
.border-2 {
    border: 2px solid #e7e7e7;
}
.border-4 {
    border: 4px solid #e7e7e7;
}
.border-5 {
    border: 5px solid #e7e7e7;
}
.border-top-5 {
    border-top: 5px solid #e7e7e7;
}
.border-transparent {
    border-color: transparent !important;
}
.rounded-lg {
    border-radius: 0.8rem;
}
.rounded {
    border-radius: 0.5rem !important;
}
.rounded-top {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}
.rounded-right {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}
.rounded-bottom {
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}
.rounded-left {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}
.rounded-sm {
    border-radius: 0.4rem !important;
}
.rounded-top-sm {
    border-top-left-radius: 0.4rem !important;
    border-top-right-radius: 0.4rem !important;
}
.rounded-bottom-sm {
    border-bottom-left-radius: 0.4rem !important;
    border-bottom-right-radius: 0.4rem !important;
}
.z-index-100 {
    z-index: 100;
}
.opacity-70 {
    opacity: 0.7;
}
.opacity-75 {
    opacity: 0.75;
}
.opacity-80 {
    opacity: 0.8;
}
.opacity-85 {
    opacity: 0.85;
}
.shadow-xl {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);
}
.shadow-light {
    box-shadow: 0 0.25rem 0 rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.shadow-sm-hover {
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.shadow-sm-hover:hover {
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.3);
}
.breadcrumb-bg {
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.breadcrumb-bg .breadcrumb-holder {
    height: 250px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.breadcrumb-transparent {
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.breadcrumb-transparent .breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
    font-family: "Font Awesome 5 Free";
    content: "\276F\00a0";
    padding: 0 5px;
}
.breadcrumb-element {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 250px;
}
.breadcrumb-element h1,
.breadcrumb-element .h1 {
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.breadcrumb-element p {
    color: #fff;
    text-align: center;
}
.breadcrumb-title {
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 2.5rem;
    font-family: "Dosis", sans-serif;
}
.color-bars {
    width: 100%;
}
.color-bar {
    height: 3px;
}
.cart-dropdown {
    position: relative;
}
.cart-dropdown .dropdown-menu {
    width: 320px;
    padding: 1rem;
    height: auto;
    overflow-y: inherit;
    margin-top: 1.3125rem;
    border-top: 4px solid #ea7066;
}
@media (min-width: 768px) {
    .cart-dropdown .dropdown-menu {
        margin-top: 0.65rem !important;
        width: 400px;
        padding: 1.5rem;
    }
}
.cart-dropdown .dropdown-menu:after {
    display: none;
}
@media (min-width: 768px) {
    .cart-dropdown .dropdown-menu:after {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 7px solid #ea7066;
        margin-left: -10px;
        content: "";
        display: inline-block;
        right: 6px;
        position: absolute;
        top: -11px;
    }
}
.cart-dropdown .dropdown-menu-end {
    right: -60px;
}
@media (min-width: 768px) {
    .cart-dropdown .dropdown-menu-end {
        right: 0;
    }
}
.cart-icon .close-icon {
    display: none;
}
.cart-icon.show .shopping-icon {
    display: none;
}
.cart-icon.show .close-icon {
    display: block;
}
.dropdown-sm {
    position: relative;
}
.dropdown-sm .btn {
    padding: 0;
    color: rgba(255, 255, 255, 0.8);
}
.dropdown-sm .btn:focus {
    text-decoration: none;
}
.dropdown-sm .dropdown-menu {
    min-width: 6rem;
    padding: 0.3125rem;
    top: 10px !important;
}
.dropdown-sm .dropdown-menu .dropdown-item {
    font-size: 0.75rem;
    padding: 6px 12px;
    text-transform: capitalize;
    color: #6c757d;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.dropdown-sm .dropdown-menu .dropdown-item:hover {
    background-color: #84bed6;
    color: #fff;
}
.navbar {
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    padding: 0.32rem 0;
    z-index: 999;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
@media (min-width: 768px) {
    .navbar {
        padding: 0;
    }
}
.navbar > .container {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.navbar .navbar-brand {
    margin-left: 0.94rem;
    padding: 10px 0;
    margin-right: 1.7rem;
}
@media (min-width: 768px) {
    .navbar .navbar-brand {
        padding: 20px 0;
    }
}

.navbar .navbar-brand img {
    max-width: 300px;
}
@media (min-width: 768px) {
    .navbar .navbar-brand img {
        width: 100%;
    }
}
.navbar .navbar-toggler {
    margin-right: 0.94rem;
    background-color: #ea7066;
    border-radius: 0.25rem;
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    color: #fff;
}
.navbar .navbar-toggler:focus {
    outline: 0;
}
.navbar .navbar-collapse {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    max-height: 400px;
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
    .navbar .navbar-collapse {
        position: static;
        width: auto;
        border-top: 0;
        background-color: transparent;
        box-shadow: none;
    }
}
.navbar .navbar-collapse.show {
    overflow-y: auto;
}
@media (min-width: 768px) {
    .navbar .navbar-collapse.show {
        overflow-y: hidden;
    }
}
.navbar .dropdown-menu {
    border-radius: 0.25rem;
}
@media (min-width: 768px) {
    .navbar .dropdown-menu {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175);
    }
}
.navbar-nav {
    margin-top: 0.94rem;
    margin-bottom: 0.94rem;
    padding-left: 0.94rem;
    padding-right: 0.94rem;
}
@media (min-width: 768px) {
    .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }
}
.navbar-nav .nav-item.dropdown:last-child .nav-link.dropdown-toggle span {
    border-right: none;
}
.navbar-nav .dropdown > a {
    font-size: 0.875rem;
}
.navbar-nav .dropdown .nav-link span {
    display: inline-block;
    line-height: 16px;
    text-align: center;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
}
@media (min-width: 768px) {
    .navbar-nav .dropdown .nav-link span {
        display: block;
        width: 85px;
        border-right: 2px solid;
        padding: 0 0.75rem;
    }
}
@media (min-width: 992px) {
    .navbar-nav .dropdown .nav-link span {
        width: 110px;
        padding: 0;
    }
}
.navbar-nav .dropdown .dropdown-menu {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 200;
}
@media (min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu {
        border-top: 4px solid;
        margin-top: 0;
        width: 210px;
        padding: 0.3rem;
        box-shadow: 0 0.25rem 0.38rem rgba(0, 0, 0, 0.175);
    }
}
@media (min-width: 992px) {
    .navbar-nav .dropdown .dropdown-menu {
        width: 230px;
    }
}
.navbar-nav .dropdown .dropdown-menu li {
    position: relative;
}
.navbar-nav .dropdown .dropdown-menu .dropdown-item,
.navbar-nav .dropdown .dropdown-menu ul li a {
    color: #666;
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
    font-size: 0.875rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu .dropdown-item,
    .navbar-nav .dropdown .dropdown-menu ul li a {
        padding: 0.625rem 0.75rem;
        display: block;
    }
}
.navbar-nav .dropdown .dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown .dropdown-menu ul li a:hover {
    padding-left: 1.38rem;
}
.navbar-nav .dropdown .dropdown-menu .sub-menu {
    list-style: none;
    padding-left: 1.25rem;
    margin-left: 1.53rem;
    position: relative;
}
@media (min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu .sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background-color: #fff;
        width: 185px;
        visibility: hidden;
        opacity: 0;
        margin-left: 0.18rem;
        padding: 0.3125rem;
        border-radius: 0.25rem;
        border-left: 4px solid;
        box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.175);
    }
}
@media (min-width: 992px) {
    .navbar-nav .dropdown .dropdown-menu .sub-menu {
        width: 190px;
    }
}
@media (min-width: 1200px) {
    .navbar-nav .dropdown .dropdown-menu .sub-menu {
        width: 210px;
    }
}
.navbar-nav .dropdown .dropdown-menu .sub-menu:before {
    position: absolute;
    left: 0;
    height: 90%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    background-color: #e7e7e7;
    content: "";
}
@media (min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu .sub-menu:before {
        background-color: transparent;
        left: -10px;
        width: 20px;
    }
}
@media (min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu .sub-menu:after {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 7px solid #000;
        top: 20px;
        margin-top: -0.625rem;
        content: "";
        display: inline-block;
        left: -10px;
        position: absolute;
    }
}
.navbar-nav .dropdown .dropdown-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
}
.navbar-nav .dropdown .dropdown-menu i {
    display: none;
}
@media (min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu i {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.navbar-nav .dropdown .dropdown-menu.show .nav-link.dropdown-toggle:after {
    content: "\f106";
}
@media (min-width: 768px) {
    .navbar-nav .dropdown .dropdown-menu.show .nav-link.dropdown-toggle:after {
        content: "";
    }
}
.navbar-nav .dropdown .dropdown-toggle:after {
    display: inline-block;
    width: auto;
    height: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 0.3125rem;
    vertical-align: middle;
    content: "\f078";
    border: 0;
    position: absolute;
    top: 25px;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #000;
}
@media (min-width: 768px) {
    .navbar-nav .dropdown .dropdown-toggle:after {
        content: "";
    }
}
.navbar-nav .dropdown.show .dropdown-toggle:after {
    content: "\f077";
}
@media (min-width: 768px) {
    .navbar-nav .dropdown.show .dropdown-toggle:after {
        content: "";
    }
}
.navbar-nav .nav-item.dropdown:last-child .dropdown-toggle:after {
    content: "";
}
@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-top: 1.55rem;
        padding-bottom: 1.55rem;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md .mega-dropdown {
        position: static;
    }
}
@media (min-width: 768px) {
    .navbar-expand-lg .navbar-nav {
        margin-top: 0.94rem;
        margin-bottom: 0.94rem;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .navbar-expand-lg .navbar-collapse {
        box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.175);
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        box-shadow: none;
    }
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu i {
    display: none;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu i {
        display: inline-block;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .navbar-expand-lg .mega-dropdown .mega-dropdown {
        position: relative !important;
    }
}
@media (min-width: 768px) and (min-width: 992px) {
    .navbar-expand-lg .mega-dropdown {
        position: static;
    }
}
.navbar-expand-lg .navbar-collapse {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    max-height: 400px;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        position: static;
        width: auto;
        border-top: 0;
        background-color: transparent;
    }
}
.navbar-expand-lg .navbar-collapse.show {
    overflow-y: auto;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse.show {
        overflow-y: hidden;
    }
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-toggle:after {
    content: "\f078";
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown .dropdown-toggle:after {
        content: "";
    }
}
.navbar-expand-lg .navbar-nav .dropdown.show .dropdown-toggle:after {
    content: "\f077";
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown.show .dropdown-toggle:after {
        content: "";
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown .nav-link {
        margin: 0 0.3125rem;
        padding-top: 2.37rem;
        padding-bottom: 2.37rem;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav .dropdown .nav-link {
        margin: 0 0.5rem;
    }
}
@media (min-width: 768px) {
    .navbar-expand-lg .navbar-nav .dropdown .nav-link .nav-icon {
        margin: 0;
        display: inline-block;
    }
}
.navbar-expand-lg .navbar-nav .dropdown .nav-link span {
    border-right: 0;
    display: inline-block;
    width: auto;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown .nav-link span {
        margin-left: 0.3125rem;
        color: #fff;
    }
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu {
    border-top: 0;
    box-shadow: none;
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item {
    width: 100%;
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        padding-top: 0.625rem;
        padding-bottom: 0.75rem;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu {
        border-top: 4px solid #f0c24b;
        box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.175);
    }
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .sub-menu {
    position: relative;
    left: 0;
    visibility: visible;
    opacity: 1;
    box-shadow: none;
    border-left: 0;
    padding-left: 1.25rem;
    margin-left: 1.5625rem;
}
@media (min-width: 768px) {
    .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .sub-menu {
        padding-left: 0.3125rem;
        margin-left: 0.9375rem;
    }
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .sub-menu:before {
    background-color: #e7e7e7;
    width: 3px;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .sub-menu:before {
        width: 20px;
        background-color: transparent;
    }
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .sub-menu:after {
    display: none;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .sub-menu:after {
        display: block;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .sub-menu {
        position: absolute;
        left: 100%;
        visibility: hidden;
        opacity: 0;
        border-left: 4px solid #ea7066;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175);
        background-color: #fff;
        padding-left: 0.3125rem;
        margin-left: 0.3125rem;
    }
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .sub-menu li a {
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .sub-menu li a {
        padding-top: 0.625rem;
        padding-bottom: 0.75rem;
    }
}
@media (min-width: 768px) {
    .navbar-expand-lg .dropdown-menu.row.show {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .dropdown-menu.row.show {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
.navbar-expand-lg .dropdown-menu.row.show .list-unstyled li a {
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
}
@media (min-width: 992px) {
    .navbar-expand-lg .dropdown-menu.row.show .list-unstyled li a {
        padding: 0.625rem 0.75rem;
    }
}
@media (min-width: 768px) {
    .navbar-expand-lg .dropdown-menu.row.show .list-unstyled li:first-child {
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif;
        font-weight: 600;
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .dropdown-menu.row.show .list-unstyled li:first-child {
        font-family: "Dosis", sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0 auto 0.625rem;
    }
}
.navbar-expand-lg .dropdown-menu.row.show .list-unstyled li:last-child {
    margin-bottom: 0.8rem;
}
@media (min-width: 992px) {
    .navbar-expand-lg .dropdown-menu.row.show .list-unstyled li:last-child {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .navbar-expand-lg .dropdown-menu.row.show .list-unstyled:before {
        display: block;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .dropdown-menu.row.show .list-unstyled:before {
        display: none;
    }
}
.navbar-expand-lg .nav-item.bg-danger {
    background-color: transparent !important;
}
.navbar-expand-lg .nav-item.bg-danger .nav-link i {
    background-color: #ea7066;
}
.navbar-expand-lg .nav-item.bg-danger .nav-link span {
    border-color: #ea7066;
}
.navbar-expand-lg .nav-item.bg-danger .nav-link.active span {
    color: #ea7066;
}
.navbar-expand-lg .nav-item.bg-danger .dropdown-menu {
    border-color: #ea7066;
}
.navbar-expand-lg .nav-item.bg-danger .dropdown-menu li a:hover {
    background-color: #ea7066;
    color: #fff;
}
.navbar-expand-lg .nav-item.bg-danger .dropdown-menu li .sub-menu {
    border-left-color: #ea7066;
}
.navbar-expand-lg .nav-item.bg-danger .dropdown-menu li .sub-menu:after {
    border-right-color: #ea7066;
}
.navbar-expand-lg .nav-item.bg-success {
    background-color: transparent !important;
}
.navbar-expand-lg .nav-item.bg-success .nav-link i {
    background-color: #b5d56a;
}
.navbar-expand-lg .nav-item.bg-success .nav-link span {
    border-color: #b5d56a;
}
.navbar-expand-lg .nav-item.bg-success .nav-link.active span {
    color: #b5d56a;
}
.navbar-expand-lg .nav-item.bg-success .dropdown-menu {
    border-color: #b5d56a;
}
.navbar-expand-lg .nav-item.bg-success .dropdown-menu li a:hover {
    background-color: #b5d56a;
    color: #fff;
}
.navbar-expand-lg .nav-item.bg-success .dropdown-menu li .sub-menu {
    border-left-color: #b5d56a;
}
.navbar-expand-lg .nav-item.bg-success .dropdown-menu li .sub-menu:after {
    border-right-color: #b5d56a;
}
.navbar-expand-lg .nav-item.bg-success .dropdown-menu li:first-child {
    color: #b5d56a;
}
.navbar-expand-lg .nav-item.bg-info {
    background-color: transparent !important;
}
.navbar-expand-lg .nav-item.bg-info .nav-link i {
    background-color: #ea7066;
}
.navbar-expand-lg .nav-item.bg-info .nav-link span {
    border-color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .nav-link.active span {
    color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .dropdown-menu {
    border-color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .dropdown-menu li a:hover {
    background-color: #84bed6;
    color: #fff;
}
.navbar-expand-lg .nav-item.bg-info .dropdown-menu li .sub-menu {
    border-left-color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .dropdown-menu li .sub-menu:after {
    border-right-color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .dropdown-menu li:first-child {
    color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info {
    background-color: transparent !important;
}
.navbar-expand-lg .nav-item.bg-info .nav-link i {
    background-color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .nav-link span {
    border-color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .nav-link.active span {
    color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .dropdown-menu {
    border-color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .dropdown-menu li a:hover {
    background-color: #84bed6;
    color: #fff;
}
.navbar-expand-lg .nav-item.bg-info .dropdown-menu li .sub-menu {
    border-left-color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .dropdown-menu li .sub-menu:after {
    border-right-color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-info .dropdown-menu li:first-child {
    color: #84bed6;
}
.navbar-expand-lg .nav-item.bg-purple {
    background-color: transparent !important;
}
.navbar-expand-lg .nav-item.bg-purple .nav-link i {
    background-color: #a597e7;
}
.navbar-expand-lg .nav-item.bg-purple .nav-link span {
    border-color: #a597e7;
}
.navbar-expand-lg .nav-item.bg-purple .nav-link.active span {
    color: #a597e7;
}
.navbar-expand-lg .nav-item.bg-purple .dropdown-menu {
    border-color: #a597e7;
}
.navbar-expand-lg .nav-item.bg-purple .dropdown-menu li a:hover {
    background-color: #a597e7;
    color: #fff;
}
.navbar-expand-lg .nav-item.bg-purple .dropdown-menu li .sub-menu {
    border-left-color: #a597e7;
}
.navbar-expand-lg .nav-item.bg-purple .dropdown-menu li .sub-menu:after {
    border-right-color: #a597e7;
}
.navbar-expand-lg .nav-item.bg-purple .dropdown-menu li:first-child {
    color: #a597e7;
}
.navbar-expand-lg .nav-item.bg-pink {
    background-color: transparent !important;
}
.navbar-expand-lg .nav-item.bg-pink .nav-link i {
    background-color: #ea77ad;
}
.navbar-expand-lg .nav-item.bg-pink .nav-link span {
    border-color: #ea77ad;
}
.navbar-expand-lg .nav-item.bg-pink .nav-link.active span {
    color: #ea77ad;
}
.navbar-expand-lg .nav-item.bg-pink .dropdown-menu {
    border-color: #ea77ad;
}
.navbar-expand-lg .nav-item.bg-pink .dropdown-menu li a:hover {
    background-color: #ea77ad;
    color: #fff;
}
.navbar-expand-lg .nav-item.bg-pink .dropdown-menu li .sub-menu {
    border-left-color: #ea77ad;
}
.navbar-expand-lg .nav-item.bg-pink .dropdown-menu li .sub-menu:after {
    border-right-color: #ea77ad;
}
.navbar-expand-lg .nav-item.bg-pink .dropdown-menu li:first-child {
    color: #ea77ad;
}
.navbar-expand-lg.navbar-white .navbar-nav .dropdown .nav-link span {
    color: #000;
}
.navbar-expand-lg.navbar-white .navbar-nav .dropdown.bg-primary .nav-link.active span {
    color: #f0c24b;
}
.navbar-expand-lg.navbar-white .navbar-nav .dropdown.bg-warning .nav-link.active span {
    color: #f0c24b;
}
.navbar-expand-lg.navbar-white .navbar-nav .dropdown.bg-success .nav-link.active span {
    color: #b5d56a;
}
.navbar-expand-lg.navbar-white .navbar-nav .dropdown.bg-danger .nav-link.active span {
    color: #ea7066;
}
.navbar-expand-lg.navbar-white .navbar-nav .dropdown.bg-info .nav-link.active span {
    color: #84bed6;
}
.navbar-expand-lg.navbar-white .navbar-nav .dropdown.bg-pink .nav-link.active span {
    color: #ea77ad;
}
.navbar-expand-lg.navbar-white .navbar-nav .dropdown.bg-purple .nav-link.active span {
    color: #a597e7;
}
.nav-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    margin-right: 0.6325rem;
}
@media (min-width: 768px) {
    .nav-icon {
        margin: 0 auto 0.625rem;
        margin-bottom: 0.625rem;
        display: block;
    }
}
.dropdown-menu.row.show {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .dropdown-menu.row.show {
        left: 0;
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
.dropdown-menu.row.show .list-unstyled {
    position: relative;
}
.dropdown-menu.row.show .list-unstyled li {
    padding-left: 0.9375rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.875rem;
}
@media (min-width: 768px) {
    .dropdown-menu.row.show .list-unstyled li {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 0.94rem;
        padding-left: 0;
    }
}
.dropdown-menu.row.show .list-unstyled li a {
    color: #666;
}
.dropdown-menu.row.show .list-unstyled li:first-child {
    padding-left: 0.8125rem;
    font-weight: 600;
}
@media (min-width: 768px) {
    .dropdown-menu.row.show .list-unstyled li:first-child {
        margin-bottom: 0.625rem;
        font-family: "Dosis", sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
    }
}
.dropdown-menu.row.show .list-unstyled li:last-child {
    margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
    .dropdown-menu.row.show .list-unstyled li:last-child {
        margin-bottom: 0;
    }
}
.dropdown-menu.row.show .list-unstyled:before {
    position: absolute;
    left: 0;
    height: 60%;
    top: 50%;
    -webkit-transform: translateY(-28%);
    transform: translateY(-28%);
    width: 3px;
    background-color: #e7e7e7;
    content: "";
}
@media (min-width: 768px) {
    .dropdown-menu.row.show .list-unstyled:before {
        display: none;
    }
}
.dropdown-menu.row.show.components .list-unstyled {
    position: relative;
}
.dropdown-menu.row.show.components .list-unstyled li:first-child {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    padding-left: 0;
    font-size: 0.875rem;
}
@media (min-width: 768px) {
    .dropdown-menu.row.show.components .list-unstyled li:first-child {
        margin-bottom: 0;
    }
}
.nav-item.bg-primary {
    background-color: transparent !important;
}
.nav-item.bg-primary .nav-link i {
    background-color: #f0c24b;
}
.nav-item.bg-primary .nav-link span {
    border-color: #f0c24b;
}
.nav-item.bg-primary .nav-link.active span {
    color: #f0c24b;
}
.nav-item.bg-primary .dropdown-menu {
    border-color: #f0c24b;
}
.nav-item.bg-primary .dropdown-menu li a:hover {
    background-color: #f0c24b;
    color: #fff;
}
.nav-item.bg-primary .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #f0c24b;
}
.nav-item.bg-primary .dropdown-menu li .dropdown-item.active:hover {
    background-color: #f0c24b;
    color: #fff;
}
.nav-item.bg-warning {
    background-color: transparent !important;
}
.nav-item.bg-warning .nav-link i {
    background-color: #f0c24b;
}
.nav-item.bg-warning .nav-link span {
    border-color: #f0c24b;
}
.nav-item.bg-warning .nav-link.active span {
    color: #f0c24b;
}
.nav-item.bg-warning .dropdown-menu {
    border-color: #f0c24b;
}
.nav-item.bg-warning .dropdown-menu li a:hover {
    background-color: #f0c24b;
    color: #fff;
}
.nav-item.bg-warning .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #f0c24b;
}
.nav-item.bg-warning .dropdown-menu li .dropdown-item.active:hover {
    background-color: #f0c24b;
    color: #fff;
}
.nav-item.bg-danger {
    background-color: transparent !important;
}
.nav-item.bg-danger .nav-link i {
    background-color: #ea7066;
}
.nav-item.bg-danger .nav-link span {
    border-color: #ea7066;
}
.nav-item.bg-danger .nav-link.active span {
    color: #ea7066;
}
.nav-item.bg-danger .dropdown-menu {
    border-color: #ea7066;
}
.nav-item.bg-danger .dropdown-menu li a:hover {
    background-color: #ea7066;
    color: #fff;
}
.nav-item.bg-danger .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #ea7066;
}
.nav-item.bg-danger .dropdown-menu li .dropdown-item.active:hover {
    background-color: #ea7066;
    color: #fff;
}
.nav-item.bg-danger .dropdown-menu li .sub-menu {
    border-left-color: #ea7066;
}
.nav-item.bg-danger .dropdown-menu li .sub-menu:after {
    border-right-color: #ea7066;
}
.nav-item.bg-success {
    background-color: transparent !important;
}
.nav-item.bg-success .nav-link i {
    background-color: #b5d56a;
}
.nav-item.bg-success .nav-link span {
    border-color: #b5d56a;
}
.nav-item.bg-success .nav-link.active span {
    color: #b5d56a;
}
.nav-item.bg-success .dropdown-menu {
    border-color: #b5d56a;
}
.nav-item.bg-success .dropdown-menu li a:hover {
    background-color: #b5d56a;
    color: #fff;
}
.nav-item.bg-success .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #b5d56a;
}
.nav-item.bg-success .dropdown-menu li .dropdown-item.active:hover {
    background-color: #b5d56a;
    color: #fff;
}
.nav-item.bg-success .dropdown-menu li .sub-menu {
    border-left-color: #b5d56a;
}
.nav-item.bg-success .dropdown-menu li .sub-menu:after {
    border-right-color: #b5d56a;
}
.nav-item.bg-success .dropdown-menu li:first-child {
    color: #b5d56a;
}
.nav-item.bg-info {
    background-color: transparent !important;
}
.nav-item.bg-info .nav-link i {
    background-color:#ea7066;
}#gallery_home img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: all 1s ease;
}.ar {
    font-size: 18px;
    line-height: 35px;
}
#gallery_home img:hover {
    transform: scale(1.5);
}
.nav-item.bg-info .nav-link span {
    border-color: #84bed6;
}
.nav-item.bg-info .nav-link.active span {
    color: #84bed6;
}
.nav-item.bg-info .dropdown-menu {
    border-color: #84bed6;
}
.nav-item.bg-info .dropdown-menu li a:hover {
    background-color: #84bed6;
    color: #fff;
}
.nav-item.bg-info .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #84bed6;
}
.nav-item.bg-info .dropdown-menu li .dropdown-item.active:hover {
    background-color: #84bed6;
    color: #fff;
}
.nav-item.bg-info .dropdown-menu li .sub-menu {
    border-left-color: #84bed6;
}
.nav-item.bg-info .dropdown-menu li .sub-menu:after {
    border-right-color: #84bed6;
}
.nav-item.bg-info .dropdown-menu li:first-child {
    color: #84bed6;
}
.nav-item.bg-purple {
    background-color: transparent !important;
}
.nav-item.bg-purple .nav-link i {
    background-color: #a597e7;
}
.nav-item.bg-purple .nav-link span {
    border-color: #a597e7;
}
.nav-item.bg-purple .nav-link.active span {
    color: #a597e7;
}
.nav-item.bg-purple .dropdown-menu {
    border-color: #a597e7;
}
.nav-item.bg-purple .dropdown-menu li a:hover {
    background-color: #a597e7;
    color: #fff;
}
.nav-item.bg-purple .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #a597e7;
}
.nav-item.bg-purple .dropdown-menu li .dropdown-item.active:hover {
    background-color: #a597e7;
    color: #fff;
}
.nav-item.bg-purple .dropdown-menu li .sub-menu {
    border-left-color: #a597e7;
}
.nav-item.bg-purple .dropdown-menu li .sub-menu:after {
    border-right-color: #a597e7;
}
.nav-item.bg-purple .dropdown-menu li:first-child {
    color: #a597e7;
}
.nav-item.bg-pink {
    background-color: transparent !important;
}
.nav-item.bg-pink .nav-link i {
    background-color: #ea77ad;
}
.nav-item.bg-pink .nav-link span {
    border-color: #ea77ad;
}
.nav-item.bg-pink .nav-link.active span {
    color: #ea77ad;
}
.nav-item.bg-pink .dropdown-menu {
    border-color: #ea77ad;
}
.nav-item.bg-pink .dropdown-menu li a:hover {
    background-color: #ea77ad;
    color: #fff;
}
.nav-item.bg-pink .dropdown-menu li .dropdown-item.active {
    background-color: transparent;
    color: #b5d56a;
}
.nav-item.bg-pink .dropdown-menu li .dropdown-item.active:hover {
    background-color: #b5d56a;
    color: #fff;
}
.nav-item.bg-pink .dropdown-menu li .sub-menu {
    border-left-color: #ea77ad;
}
.nav-item.bg-pink .dropdown-menu li .sub-menu:after {
    border-right-color: #ea77ad;
}
.nav-item.bg-pink .dropdown-menu li:first-child {
    color: #ea77ad;
}
.navbar-nav .dropdown.bg-primary .dropdown-menu .dropdown-item.active,
.navbar-nav .dropdown.bg-primary .dropdown-menu ul li a.active {
    color: #f0c24b;
}
.navbar-nav .dropdown.bg-primary .dropdown-menu .dropdown-item.active:hover,
.navbar-nav .dropdown.bg-primary .dropdown-menu ul li a.active:hover {
    color: #fff;
}
.navbar-nav .dropdown.bg-warning .dropdown-menu .dropdown-item.active,
.navbar-nav .dropdown.bg-warning .dropdown-menu ul li a.active {
    color: #f0c24b;
}
.navbar-nav .dropdown.bg-warning .dropdown-menu .dropdown-item.active:hover,
.navbar-nav .dropdown.bg-warning .dropdown-menu ul li a.active:hover {
    color: #fff;
}
.navbar-nav .dropdown.bg-danger .dropdown-menu .dropdown-item.active,
.navbar-nav .dropdown.bg-danger .dropdown-menu ul li a.active {
    color: #ea7066;
}
.navbar-nav .dropdown.bg-danger .dropdown-menu .dropdown-item.active:hover,
.navbar-nav .dropdown.bg-danger .dropdown-menu ul li a.active:hover {
    color: #fff;
}
.navbar-nav .dropdown.bg-success .dropdown-menu .dropdown-item.active,
.navbar-nav .dropdown.bg-success .dropdown-menu ul li a.active {
    color: #b5d56a;
}
.navbar-nav .dropdown.bg-success .dropdown-menu .dropdown-item.active:hover,
.navbar-nav .dropdown.bg-success .dropdown-menu ul li a.active:hover {
    color: #fff;
}
.navbar-nav .dropdown.bg-info .dropdown-menu .dropdown-item.active,
.navbar-nav .dropdown.bg-info .dropdown-menu ul li a.active {
    color: #84bed6;
}
.navbar-nav .dropdown.bg-info .dropdown-menu .dropdown-item.active:hover,
.navbar-nav .dropdown.bg-info .dropdown-menu ul li a.active:hover {
    color: #fff;
}
.navbar-nav .dropdown.bg-purple .dropdown-menu .dropdown-item.active,
.navbar-nav .dropdown.bg-purple .dropdown-menu ul li a.active {
    color: #a597e7;
}
.navbar-nav .dropdown.bg-purple .dropdown-menu .dropdown-item.active:hover,
.navbar-nav .dropdown.bg-purple .dropdown-menu ul li a.active:hover {
    color: #fff;
}
.navbar-nav .dropdown.bg-pink .dropdown-menu .dropdown-item.active,
.navbar-nav .dropdown.bg-pink .dropdown-menu ul li a.active {
    color: #ea77ad;
}
.navbar-nav .dropdown.bg-pink .dropdown-menu .dropdown-item.active:hover,
.navbar-nav .dropdown.bg-pink .dropdown-menu ul li a.active:hover {
    color: #fff;
}
.mega-dropdown.bg-primary .list-unstyled li a.active {
    color: #f0c24b;
}
.mega-dropdown.bg-warning .list-unstyled li a.active {
    color: #f0c24b;
}
.mega-dropdown.bg-danger .list-unstyled li a.active {
    color: #ea7066;
}
.mega-dropdown.bg-success .list-unstyled li a.active {
    color: #b5d56a;
}
.mega-dropdown.bg-info .list-unstyled li a.active {
    color: #84bed6;
}
.mega-dropdown.bg-purple .list-unstyled li a.active {
    color: #a597e7;
}
.mega-dropdown.bg-pink .list-unstyled li a.active {
    color: #ea77ad;
}
.static .navbar-sticky {
    display: none;
}
.up-scroll .navbar-scrollUp.navbar-sticky {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    box-shadow: none;
}
.navbar-white {
    background-color: #fff;
}
.navbar-sticky {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    background-color: #fff;
}
.navbar-sticky.navbar-light-dark {
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 768px) {
    .navbar-sticky .navbar-nav .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
@media (min-width: 768px) {
    .navbar-expand-lg.navbar-sticky .navbar-nav .nav-link {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg.navbar-sticky .navbar-nav .nav-link {
        padding-top: 1.7rem;
        padding-bottom: 1.7rem;
    }
}
.navbar-expand-lg.navbar-sticky .navbar-brand {
    padding: 20px 0;
}
.navbar-light-dark {
    background-color: rgba(47, 60, 67, 0.502);
    box-shadow: none;
}
.top-bar {
    padding: 0.8125rem 0;
}
.top-bar a,
.top-bar .btn {
    font-size: 11px;
}
@media (min-width: 768px) {
    .top-bar a,
    .top-bar .btn {
        font-size: 14px;
    }
}
.header {
    position: relative;
}
.header-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.hesperiden.tparrows {
    background-color: #fff;
    border-radius: 0.8125rem;
    width: 45px;
    height: 45px;
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity, 0.3s ease-in-out;
    transition: opacity, 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .hesperiden.tparrows {
        -webkit-transition: none;
        transition: none;
    }
}
.hesperiden.tparrows:hover {
    background-color: #fff;
}
.hesperiden.tparrows:before {
    color: #666;
    line-height: 45px;
}
.hesperiden.tparrows.tp-leftarrow:before {
    content: "\e81f";
}
.hesperiden.tparrows.tp-rightarrow:before {
    content: "\e81e";
}
.rev_slider_wrapper:hover .hesperiden.tparrows {
    visibility: visible;
    opacity: 1;
}
.boxed .forcefullwidth_wrapper_tp_banner {
    overflow: hidden;
}
.boxed .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper {
    width: 100% !important;
    left: auto !important;
}
.card {
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom: 1.56rem;
}
.card .card-header-lg h3,
.card .card-header-lg .h3 {
    font-size: 2.15rem;
    font-family: "Dosis", sans-serif;
    font-weight: 600;
}
.card .card-body .card-title {
    font-size: 1.5rem;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
}
.card .card-body .pricing-price {
    font-size: 2.13rem;
    font-family: "Dosis", sans-serif;
    font-weight: 600;
    line-height: 28px;
}
.card .card-body .pricing-price small,
.card .card-body .pricing-price .small {
    font-size: 0.875rem;
    color: #666;
}
.card .card-body big {
    font-size: 1.25rem;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0.625rem;
    font-weight: 600;
}
@media (min-width: 1200px) {
    .card .card-body big {
        font-size: 1.69rem;
    }
}
.card-img-wrapper {
    width: 150px;
    height: 150px;
}
.card-img-wrapper .card-img-overlay {
    background-color: rgba(0, 0, 0, 0.45);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.card-border {
    border: 4px solid;
}
.card-border .card-body h5,
.card-border .card-body .h5 {
    font-size: 1.125rem;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
}
.card-border .card-body span {
    font-weight: 700;
    font-size: 1.4375rem;
}
.card-hover:hover .card-img-wrapper .card-img-overlay {
    visibility: visible;
    opacity: 1;
}
.card-hover:hover .btn-scroll-down {
    visibility: visible;
    opacity: 1;
}
.card-hover:hover .btn-quickview {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 10;
}
.card-transparent {
    background-color: transparent !important;
}
.card-transparent .card-body a {
    color: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.card-transparent:hover .card-body a {
    color: #f0c24b;
}
.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-radius: 0.5rem;
}
.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0.5rem;
}
.accordion .card:first-of-type {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.accordion .card:last-of-type {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.accordion .card {
    margin-bottom: 1.875rem;
    box-shadow: none;
}
.accordion .card .card-header {
    border-radius: 0.5rem;
    padding: 0;
}
.accordion .card .card-header h5,
.accordion .card .card-header .h5 {
    cursor: pointer;
    margin-bottom: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 0.875rem;
    padding: 0.625rem 0.9375rem;
    text-transform: uppercase;
    position: relative;
}
.accordion .card .card-header h5 span,
.accordion .card .card-header .h5 span {
    display: block;
    padding: 0.5rem;
}
.accordion .card .card-header h5.icon-bg,
.accordion .card .card-header .icon-bg.h5 {
    position: relative;
}
.accordion .card .card-header h5.icon-bg:before,
.accordion .card .card-header .icon-bg.h5:before {
    position: absolute;
    top: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 0.875rem;
    padding: 0.125rem 0.187rem;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    content: "\f078";
    right: 15px;
    border-radius: 0.187rem;
    background-color: #fff;
    color: #666;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
}
.accordion .card .card-header h5.icon-bg.collapsed:before,
.accordion .card .card-header .icon-bg.collapsed.h5:before {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}
.accordion .card .card-body {
    padding: 1.875rem;
}
.accordion .card .card-body p {
    color: #666;
}
.card-product {
    border: 4px solid;
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.card-product .img-link {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 200px;
}
.card-product .img-link img {
    max-height: 130px;
}
.card-product .card-body h5 a,
.card-product .card-body .h5 a {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    display: block;
}
.card-product-fill-bg {
    padding: 1.25rem;
}
.card-product-fill-bg .card-link {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 230px;
    text-align: center;
}
.card-product-fill-bg .card-link .img-link {
    max-width: 100%;
    max-height: 200px;
    padding: 2rem;
}
.card-product-fill-bg .card-link span {
    margin-top: auto;
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
    font-family: "Dosis", sans-serif;
}
@media (min-width: 1200px) {
    .categories-slider {
        height: 600px;
    }
}
.categories-slider .card .card-img-top {
    border-radius: 0.25rem;
}
@media (min-width: 1200px) {
    .categories-slider .card .card-img-top {
        max-height: 595px;
    }
}
.section-title {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
@media (min-width: 768px) {
    .section-title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
}
.section-title .shape {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    padding: 0;
    position: absolute;
    top: -20px;
}
@media (min-width: 768px) {
    .section-title .shape {
        position: relative;
        left: auto;
        -webkit-transform: none;
        transform: none;
        top: 0;
    }
}
.section-title .shape.shape-left {
    left: 45%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width: 768px) {
    .section-title .shape.shape-left {
        left: 0;
        -webkit-transform: none;
        transform: none;
    }
}
.section-title .shape.shape-left:before,
.section-title .shape.shape-left:after {
    content: "";
    position: absolute;
    background-color: inherit;
    height: 2px;
}
.section-title .shape.shape-left:before {
    right: 3px;
    width: 70px;
    top: 6px;
}
.section-title .shape.shape-left:after {
    right: 3px;
    width: 55px;
    top: 11px;
}
.section-title .shape.shape-right {
    right: 41%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width: 768px) {
    .section-title .shape.shape-right {
        right: 0;
        -webkit-transform: none;
        transform: none;
    }
}
.section-title .shape.shape-right:before,
.section-title .shape.shape-right:after {
    content: "";
    position: absolute;
    background-color: inherit;
    height: 2px;
}
.section-title .shape.shape-right:before {
    left: 3px;
    width: 70px;
    top: 6px;
}
.section-title .shape.shape-right:after {
    left: 3px;
    width: 55px;
    top: 11px;
}
.section-title h2,
.section-title .h2 {
    font-family: "Dosis", sans-serif;
    font-size: 2.25rem;
    text-transform: capitalize;
    font-weight: 700;
    position: relative;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    -webkit-box-ordinal-group: 2;
    order: 1;
}
@media (min-width: 768px) {
    .section-title h2,
    .section-title .h2 {
        -webkit-box-ordinal-group: 1;
        order: 0;
    }
}
.element-title {
    font-weight: 600;
    color: #ea7066;
    margin-bottom: 2rem;
}
.section-top {
    margin-top: -60px;
}
@media (min-width: 992px) {
    .section-top {
        margin-top: -70px;
    }
}
@media (min-width: 1200px) {
    .section-top {
        margin-top: -90px;
    }
}
.media {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}
.media-body {
    -webkit-box-flex: 1;
    flex: 1;
}
.media .media-body h3,
.media .media-body .h3 {
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 1.5rem;
}
.media-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.media-hoverable {
    overflow: hidden;
    border-radius: 0.25rem;
    margin-bottom: 1.56rem;
}
.media-hoverable .media-img {
    -webkit-transition: -webkit-transform 0.8s ease-in-out;
    transition: -webkit-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
}
.media-hoverable .media-img-overlay {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.media-hoverable:hover .media-img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.media-hoverable:hover .media-img-overlay {
    visibility: visible;
    opacity: 1;
}
.media-list-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.63rem;
    background-color: #f8f8f8;
}
.media-list-view .media-img {
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .media-list-view .media-img {
        width: 40%;
    }
}
@media (min-width: 1200px) {
    .media-list-view .media-img {
        width: 33%;
    }
}
.media-list-view .media-img img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border-top-left-radius: 0.63rem;
    border-top-right-radius: 0.63rem;
}
@media (min-width: 768px) {
    .media-list-view .media-img img {
        height: 260px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0.63rem;
    }
}
@media (min-width: 992px) {
    .media-list-view .media-img img {
        height: 255px;
    }
}
@media (min-width: 1200px) {
    .media-list-view .media-img img {
        height: 233px;
    }
}
.media-list-view .media-img .media-img-overlay {
    padding: 1.25rem;
}
@media (min-width: 768px) {
    .media-list-view {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }
}
.media-list-view .media-body {
    padding: 1.25rem;
}
@media (min-width: 768px) {
    .media-list-view .media-body {
        padding: 0 1.4rem;
    }
}
.media-list-view .media-body h3,
.media-list-view .media-body .h3 {
    margin-bottom: 1rem;
}
.media-list-view .media-body h3 a,
.media-list-view .media-body .h3 a {
    font-weight: 700;
    text-transform: capitalize;
}
.list-fullwidth .media-list-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.63rem;
}
.list-fullwidth .media-list-view .media-img {
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .list-fullwidth .media-list-view .media-img {
        width: 40%;
    }
}
@media (min-width: 992px) {
    .list-fullwidth .media-list-view .media-img {
        width: 30%;
    }
}
@media (min-width: 1200px) {
    .list-fullwidth .media-list-view .media-img {
        width: 24%;
    }
}
.list-fullwidth .media-list-view .media-img img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border-top-left-radius: 0.63rem;
    border-top-right-radius: 0.63rem;
}
@media (min-width: 768px) {
    .list-fullwidth .media-list-view .media-img img {
        height: 300px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0.63rem;
    }
}
@media (min-width: 992px) {
    .list-fullwidth .media-list-view .media-img img {
        height: 255px;
    }
}
@media (min-width: 1200px) {
    .list-fullwidth .media-list-view .media-img img {
        height: 230px;
    }
}
.list-fullwidth .media-list-view .media-img .media-img-overlay {
    padding: 1.25rem;
}
@media (min-width: 768px) {
    .list-fullwidth .media-list-view {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
}
.list-fullwidth .media-list-view .media-body {
    padding: 1.25rem;
}
@media (min-width: 768px) {
    .list-fullwidth .media-list-view .media-body {
        padding: 0 1.4rem;
    }
}
.list-fullwidth .media-list-view .media-body h3,
.list-fullwidth .media-list-view .media-body .h3 {
    margin-bottom: 1rem;
}
.list-fullwidth .media-list-view .media-body h3 a,
.list-fullwidth .media-list-view .media-body .h3 a {
    font-weight: 700;
    text-transform: capitalize;
}
.media-events-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 1.875rem;
    overflow: hidden;
    border-radius: 0.8125rem;
}
@media (min-width: 992px) {
    .media-events-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }
}
.media-events-list .media-img {
    position: relative;
    width: 100%;
}
@media (min-width: 1200px) {
    .media-events-list .media-img {
        width: 46%;
    }
}
.media-events-list .media-img img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (min-width: 768px) {
    .media-events-list .media-img img {
        height: auto;
    }
}
@media (min-width: 992px) {
    .media-events-list .media-img img {
        height: 260px;
    }
}
@media (min-width: 1200px) {
    .media-events-list .media-img img {
        height: 280px;
        box-shadow: 4px 0 0 rgba(0, 0, 0, 0.1);
    }
}
.media-events-list .media-body {
    padding: 1.25rem;
}
@media (min-width: 992px) {
    .media-events-list .media-body {
        width: 50%;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 1.25rem;
    }
}
@media (min-width: 1200px) {
    .media-events-list .media-body {
        padding-left: 2rem;
    }
}
.cart-dropdown .media .media-body h4,
.cart-dropdown .media .media-body .h4 {
    font-weight: 700;
}
.cart-dropdown .media .media-body .price span {
    font-size: 1.7rem;
}
.pricing-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
@media (min-width: 768px) {
    .pricing-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }
}
.pricing-list .pricing-plan {
    width: 100%;
    padding: 2.1875rem 1.25rem 5rem;
    border-radius: 8px 8px 0 0;
}
@media (min-width: 768px) {
    .pricing-list .pricing-plan {
        width: 50%;
        padding: 2.1875rem 1.25rem 1.125rem;
        border-radius: 8px 0 0 8px;
    }
}
.pricing-list .pricing-plan h3,
.pricing-list .pricing-plan .h3 {
    font-size: 2.13rem;
    font-family: "Dosis", sans-serif;
    font-weight: 600;
}
.pricing-list .pricing-plan .pricing-price {
    font-size: 2.13rem;
    font-family: "Dosis", sans-serif;
    font-weight: 600;
    line-height: 28px;
}
.pricing-list .pricing-plan .pricing-price small,
.pricing-list .pricing-plan .pricing-price .small {
    font-size: 0.875rem;
}
.pricing-list .media-body {
    width: 100%;
    padding: 1.25rem;
}
@media (min-width: 768px) {
    .pricing-list .media-body {
        width: 50%;
        padding: 0 0 0 1.25rem;
    }
}
.media-avator-view .media-img {
    width: 100%;
}
.media-avator-view .media-img img {
    width: 100%;
}
@media (min-width: 768px) {
    .media-avator-view .media-img {
        width: 33%;
    }
}
@media (min-width: 992px) {
    .media-avator-view .media-img {
        width: 26%;
    }
}
@media (min-width: 992px) {
    .media-avator-view .media-img {
        width: 22%;
    }
}
.media-avator-view .media-body a {
    color: #222;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.media-avator-view .media-body a:hover {
    color: #ea7066;
}
.btn {
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    font-size: 1rem;
}
.btn:hover {
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3) !important;
}
.btn:focus {
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3) !important;
}
.btn-close:focus {
    box-shadow: none;
}
.btn.btn-link {
    box-shadow: none !important;
}
.btn-white {
    background-color: #fff;
    color: #666;
}
.btn-link {
    color: #666;
    font-size: 0.875rem;
    text-decoration: none;
    font-weight: 600;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.btn-squre {
    border: 2px solid #fff;
    padding: 0.375rem 0.625rem;
}
.btn-squre i {
    color: #fff;
    font-size: 0.94rem;
}
.btn-scroll-down {
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.btn-scroll-down i {
    font-size: 1.13rem;
    color: #fff;
}
.btn-quickview {
    border-radius: 0;
    padding: 0;
    background-color: #ea7066;
    display: block;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    height: 55px;
    line-height: 55px;
    position: absolute;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
.btn-quickview:hover,
.btn-quickview:focus {
    box-shadow: none !important;
}
.btn-sm,
.btn-group-sm > .btn {
    font-size: 0.875rem;
    border-radius: 0.25rem;
}
.btn-lg,
.btn-group-lg > .btn {
    font-size: 1.125rem;
}
.button-group {
    text-align: center;
    margin-bottom: 14px;
}
.button-group .button {
    padding: 0 1.56rem;
    height: 2.5rem;
    font-size: 0.875rem;
    line-height: 2.5rem;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #f8f8f8;
    border-radius: 0.25rem;
    border: 0;
    margin-right: 0.625rem;
    margin-bottom: 1rem;
    cursor: pointer;
}
.button-group .button:focus {
    outline: 0;
}
.button-group .button.is-checked {
    background-color: #ea7066;
    color: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.btn-hover-primary:hover {
    background-color: #f0c24b;
    color: #fff;
}
.btn-hover-primary:focus {
    background-color: #f0c24b;
    color: #fff;
    box-shadow: 0 0.25rem 0 rgba(240, 194, 75, 0.1);
}
.btn-hover-warning:hover {
    background-color: #f0c24b;
    color: #fff;
}
.btn-hover-warning:focus {
    background-color: #f0c24b;
    color: #fff;
    box-shadow: 0 0.25rem 0 rgba(240, 194, 75, 0.1);
}
.btn-danger {
    color: #fff;
}
.btn-hover-danger:hover {
    background-color: #ea7066;
    color: #fff;
}
.btn-hover-danger:focus {
    background-color: #ea7066;
    color: #fff;
    box-shadow: 0 0.25rem 0 rgba(234, 112, 102, 0.1);
}
.btn-hover-success:hover {
    background-color: #b5d56a;
    color: #fff;
}
.btn-hover-success:focus {
    background-color: #b5d56a;
    color: #fff;
    box-shadow: 0 0.25rem 0 rgba(181, 213, 106, 0.1);
}
.btn-hover-info:hover {
    background-color: #84bed6;
    color: #fff;
}
.btn-hover-info:focus {
    background-color: #84bed6;
    color: #fff;
    box-shadow: 0 0.25rem 0 rgba(132, 190, 214, 0.1);
}
.btn-hover-purple:hover {
    background-color: #a597e7;
    color: #fff;
}
.btn-hover-purple:focus {
    background-color: #a597e7;
    color: #fff;
    box-shadow: 0 0.25rem 0 rgba(165, 151, 231, 0.1);
}
.btn-hover-pink:hover {
    background-color: #ea77ad;
    color: #fff;
}
.btn-hover-pink:focus {
    background-color: #ea77ad;
    color: #fff;
    box-shadow: 0 0.25rem 0 rgba(234, 119, 173, 0.1);
}
.input-group-prepend,
.input-group-append {
    cursor: pointer;
}
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0;
}
.owl-theme .owl-nav {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 40%;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
    padding: 0.875rem 1.125rem;
    border-radius: 0.8125rem;
    color: #666;
    background-color: #fff;
    font-size: 1rem;
}
.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover {
    background-color: #fff;
    color: #666;
}
.owl-theme .owl-nav .owl-prev {
    left: 0;
}
.owl-theme .owl-nav .owl-next {
    right: 0;
}
@media (min-width: 1200px) {
    .owl-theme .owl-nav .owl-prev {
        left: -50px;
    }
    .owl-theme .owl-nav .owl-next {
        right: -50px;
    }
}
@media (min-width: 768px) {
    .owl-theme .owl-nav {
        visibility: hidden;
        opacity: 0;
    }
}
.owl-theme:hover .owl-nav {
    visibility: visible;
    opacity: 1;
}
.brand-slider .item {
    background-color: #f8f8f8;
    width: 60%;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .brand-slider .item {
        width: auto;
    }
}
.brand-slider.owl-carousel .owl-item img {
    width: auto;
}
.categories-slider.owl-theme .owl-nav .owl-prev {
    left: 10px;
}
.categories-slider.owl-theme .owl-nav .owl-next {
    right: 10px;
}
#testimonial.owl-theme .owl-nav .owl-prev,
.testimonial.owl-theme .owl-nav .owl-prev {
    left: 0;
    top: 50%;
}
#testimonial.owl-theme .owl-nav .owl-next,
.testimonial.owl-theme .owl-nav .owl-next {
    right: 0;
    top: 50%;
}
#counter .counter-value {
    width: 145px;
    height: 145px;
    line-height: 145px;
    border-radius: 100%;
    border: 4px solid #fff;
    display: block;
    margin: 0 auto 22px;
    font-size: 2rem;
}
@media (min-width: 768px) {
    #counter .counter-value {
        font-size: 3.25rem;
    }
}
#counter span {
    font-size: 0.8125rem;
}
@media (min-width: 768px) {
    #counter span {
        font-size: 0.9375rem;
    }
}
.icon-xs {
    width: 21px;
    height: 21px;
    line-height: 19px;
}
.icon-header {
    width: 18px;
    height: 18px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 0.31rem;
    border-radius: 50%;
}
@media (min-width: 768px) {
    .icon-header {
        width: 21px;
        height: 21px;
        line-height: 19px;
    }
}
.icon-header i {
    font-size: 11px;
    color: #fff;
}
@media (min-width: 768px) {
    .icon-header i {
        font-size: 0.81rem;
    }
}
.icon-small {
    width: 28px;
    height: 28px;
    line-height: 28px;
}
.icon-rounded-circle-small {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    display: inline-block;
}
.icon-medium {
    width: 45px;
    height: 45px;
    line-height: 45px;
}
.icon-rounded-circle-medium {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    display: inline-block;
}
.medium-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.medium-icon-rounded-circle {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    display: inline-block;
}
.icon-large {
    width: 85px;
    height: 85px;
    line-height: 85px;
}
.icon-rounded-circle-large {
    width: 85px;
    height: 85px;
    line-height: 85px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    display: inline-block;
}
.icon-extra-large {
    width: 103px;
    height: 103px;
    line-height: 103px;
}
.icon-rounded-circle-extra-large {
    width: 103px;
    height: 103px;
    line-height: 103px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    display: inline-block;
}
.card-icon-border-large {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: 6px solid;
    border-radius: 50%;
    font-size: 1.88rem;
    line-height: 90px;
    color: #666;
    margin-top: -3.06rem;
}
.card-icon-border-large img {
    max-width: 100%;
    border-radius: 50%;
    display: block;
}
.media-icon-large {
    width: 76px;
    height: 76px;
    height: 76px;
    padding: 0.375rem;
    box-shadow: 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.1);
    display: block;
    margin-right: 0.94rem;
    border-radius: 50%;
}
.media-icon-large i {
    width: 62px;
    height: 62px;
    line-height: 62px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #fff;
    font-size: 1.38rem;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.media-icon-large i.extra-large {
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 1.25rem;
}
.media-icon-large.icon-large-border {
    box-shadow: none;
    padding: 0.25rem;
    border: 2px solid #fff;
}
.media-icon-large.icon-large-border i {
    border: 0;
}
.media-icon-large:hover i {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.icon-xl {
    font-size: 8.13rem;
}
.form-control {
    border-radius: 0.625rem;
    font-size: 0.875rem;
}
.form-control::-webkit-input-placeholder {
    color: #666;
    opacity: 0.7;
}
.form-control::-moz-placeholder {
    color: #666;
    opacity: 0.7;
}
.form-control:-ms-input-placeholder {
    color: #666;
    opacity: 0.7;
}
.form-control::-ms-input-placeholder {
    color: #666;
    opacity: 0.7;
}
.form-control::placeholder {
    color: #666;
    opacity: 0.7;
}
.form-control:active,
.form-control:focus {
    box-shadow: none;
    border-color: #ced4da;
}
.form-group {
    margin-bottom: 1rem;
}
label {
    margin-bottom: 0.5rem;
}
.form-group-icon {
    position: relative;
}
.form-group-icon i {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #888;
    font-size: 0.81rem;
}
input:focus,
input.focus {
    outline: 0;
}
.input-addon .form-control {
    background-color: #f5f5f5;
    border-radius: 0.25rem;
    border: 0;
}
.input-addon .input-group-append .input-group-text {
    border: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.input-group .form-control:focus {
    z-index: 0;
}
.input-group-addon:hover {
    box-shadow: none !important;
}
.input-group-addon:focus {
    box-shadow: none !important;
}
.input-group-lg .input-group-prepend {
    height: 55px !important;
}
@media (min-width: 768px) {
    .input-group-lg .input-group-prepend {
        height: 70px !important;
    }
}
.input-group-lg .input-group-text {
    height: 55px !important;
}
@media (min-width: 768px) {
    .input-group-lg .input-group-text {
        height: 70px !important;
    }
}
@media (min-width: 768px) {
    .input-group-lg .input-group-append {
        width: 20%;
    }
}
.input-group-lg .input-group-append .btn-lg,
.input-group-lg .input-group-append .btn-group-lg > .btn {
    width: 100%;
    font-size: 0.88rem;
    padding: 6px 12px;
    height: 55px !important;
}
@media (min-width: 768px) {
    .input-group-lg .input-group-append .btn-lg,
    .input-group-lg .input-group-append .btn-group-lg > .btn {
        height: 70px !important;
        font-size: 1.13rem;
    }
}
.input-group-lg .form-control-lg {
    font-size: 0.8125rem;
    height: 55px !important;
}
@media (min-width: 768px) {
    .input-group-lg .form-control-lg {
        height: 70px !important;
        font-size: 0.9375rem;
    }
}
.list-item-border-bottom li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.list-item-border-bottom li:last-child {
    border-bottom: none;
}
.list-item-lg li {
    font-size: 1.13rem;
    font-family: "Dosis", sans-serif;
    margin-bottom: 1rem;
    color: #666;
}
.list-style-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.list-style-1 .nav-item .nav-link {
    color: #666;
    border-radius: 0.8rem;
    padding-top: 0.63rem;
    padding-bottom: 0.63rem;
}
.list-style-1 .nav-item .nav-link:hover {
    color: #f0c24b;
}
.list-style-1 .nav-item .nav-link.active {
    color: #f0c24b;
}
.copyright-text {
    text-align: center;
    color: #fff;
    font-size: 0.6875rem;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .copyright-text {
        font-size: 0.8125rem;
        text-align: left;
    }
}
.copyright-text a:hover {
    color: #f0c24b;
}
.footer-bg-img p {
    color: #d8e3f0;
}
.footer-bg-img a {
    color: #d8e3f0;
}
.footer-bg-img .list-icon-xs li a {
    color: #d8e3f0;
}
.footer-bg-img .list-icon-xs li a:hover {
    color: #d8e3f0;
}
.footer-bg-img .input-group {
    width: 70%;
}
@media (min-width: 992px) {
    .footer-bg-img .input-group {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .footer-bg-img .input-group {
        width: 85%;
    }
}
.footer-bg-img .copyright {
    background-color: #041319;
}
.footer-bg-white {
    background-color: #f5f5f5;
}
.footer-bg-white a {
    color: #666;
}
.footer-bg-white .list-icon-xs li a {
    color: #666;
}
.footer-bg-white .list-icon-xs li a:hover {
    color: #666;
}
.footer-bg-white .copyright {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.footer-bg-white .input-group {
    width: 70%;
}
@media (min-width: 992px) {
    .footer-bg-white .input-group {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .footer-bg-white .input-group {
        width: 85%;
    }
}
.footer-bg-white .input-addon .form-control {
    background-color: #fff;
}
.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    background-color: #ea7066;
    border: 2px solid #fff;
    border-radius: 13px;
    color: #fff;
    display: block;
    font-size: 16px;
    -ms-filter: "alpha(opacity=$value)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 10;
    display: none;
}
@media (min-width: 768px) {
    .back-to-top {
        display: block;
    }
}
.back-to-top i {
    color: #fff;
}
.badge:focus,
.badge.focus {
    box-shadow: none !important;
}
.icon-badge {
    display: block;
    text-align: center;
    position: relative;
}
.icon-badge .badge {
    position: absolute;
    top: -5px;
    right: -10px;
    padding: 0.1875rem 0.44rem;
    border-radius: 0.625rem;
    color: #fff;
}
.badge-rounded,
.badge-rounded-circle {
    left: 20px;
    top: 20px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.badge-rounded {
    font-size: 1rem;
    padding: 0.89rem 1.375rem;
    color: #fff;
    line-height: 1;
    font-weight: 400;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.badge-rounded-circle {
    padding: 0;
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-weight: 600;
    font-size: 1.5rem;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: none;
}
.badge-rounded-circle:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.badge-large {
    position: absolute;
    font-family: "Dosis", sans-serif;
    font-size: 1.25rem;
    color: #fff;
    text-transform: capitalize;
    line-height: 1;
    padding: 0 0.625rem;
}
@media (min-width: 992px) {
    .badge-large {
        font-size: 1.88rem;
        padding: 0.4375rem 1.8rem;
    }
}
.badge-large-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    top: 15px;
}
@media (min-width: 992px) {
    .badge-large-left {
        top: 55px;
    }
}
.badge-large-right {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    top: 15px;
    right: 0;
}
@media (min-width: 992px) {
    .badge-large-right {
        top: 55px;
    }
}
.badge-medium-center,
.badge-large-center {
    border-radius: 0.375rem;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.badge-medium {
    position: absolute;
    font-size: 1.125rem;
    color: #fff;
    text-transform: capitalize;
    padding: 0.937rem 0;
    width: 100%;
}
@media (min-width: 768px) {
    .badge-medium {
        font-size: 1.25rem;
        padding: 0.937rem 2.81rem;
        width: auto;
    }
}
@media (min-width: 992px) {
    .badge-medium {
        padding: 22px 33px;
        bottom: 30px;
    }
    .badge-medium span {
        font-size: 1.5625rem;
    }
}
.nav-pills .nav-item {
    margin-right: 0.625rem;
}
.nav-pills .nav-link {
    padding: 0 1.5rem;
    height: 40px;
    font-size: 0.875rem;
    line-height: 40px;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    background-color: #f8f8f8;
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #ea7066;
}
.nav-tab .nav-link {
    height: auto;
    box-shadow: none;
    border-radius: 0.75rem;
    border: 0.25rem solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0.5rem;
    opacity: 0.4;
}
.nav-tab .nav-link.active,
.nav-tab .show > .nav-link {
    opacity: 0.9;
    background-color: transparent;
}
.blockquote p {
    font-size: 1.38rem;
    font-style: italic;
    color: #fff;
    font-weight: 300;
    line-height: 1.75;
}
.blockquote-footer {
    font-size: 90%;
    font-weight: 600;
}
.blockquote-footer cite {
    font-style: normal;
    margin-top: 0.625rem;
    font-weight: 400;
}
.blockquote-footer::before {
    content: "";
}
.blockquote-sm p {
    font-size: 1rem;
    font-weight: 400;
}
.font-normal {
    font-style: normal !important;
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    background-color: #ea7066;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.375rem;
    color: #fff;
    padding: 0.625rem;
}
@media (min-width: 768px) {
    .pagination .page-item:first-child .page-link,
    .pagination .page-item:last-child .page-link {
        padding: 0.9rem 1.5rem;
    }
}
@media (min-width: 992px) {
    .pagination .page-item:first-child .page-link,
    .pagination .page-item:last-child .page-link {
        padding: 0.74rem 1.6rem;
    }
}
.pagination .page-item:first-child .page-link:hover,
.pagination .page-item:last-child .page-link:hover {
    color: #fff;
}
.pagination .page-item:first-child .page-link {
    margin-right: 7px;
}
@media (min-width: 992px) {
    .pagination .page-item:first-child .page-link {
        margin-right: 14px;
    }
}
.pagination .page-item:last-child .page-link {
    margin-left: 7px;
}
@media (min-width: 992px) {
    .pagination .page-item:last-child .page-link {
        margin-left: 14px;
    }
}
.pagination .page-item .page-link {
    background-color: transparent;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: 7px;
    font-size: 14px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
@media (min-width: 768px) {
    .pagination .page-item .page-link {
        padding: 0.8125rem;
        font-size: 0.8rem;
    }
}
@media (min-width: 992px) {
    .pagination .page-item .page-link {
        padding: 0.9375rem;
        font-size: 1rem;
    }
}
.pagination .page-item .page-link:hover {
    color: #ea7066;
}
.select2-container--default .select2-selection--single:focus {
    outline: 0;
}
.top-selector .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 0;
}
.top-selector .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    opacity: 0.7;
    font-weight: 600;
    overflow: visible;
}
.top-selector .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: -7px;
}
.filter .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    height: 50px;
    line-height: 50px;
}
.filter .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 100%;
    left: 0;
}
.filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666;
    font-weight: 600;
    line-height: 50px;
    padding-left: 20px;
}
.check-step .select2-container--default .select2-selection--single {
    border-radius: 10px;
}
.check-step .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #222;
    font-weight: 400;
}
.check-step-warning .select2-container--default .select2-selection--single {
    border: 3px solid #f0c24b;
}
.check-step-gray .select2-container--default .select2-selection--single {
    border: 3px solid #ced4da;
    border-radius: 0.625rem;
    height: 40px;
}
.check-step-gray .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #222 !important;
    line-height: 34px;
}
.check-step-gray .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 5px;
}
.select2-container--default .select2-selection--multiple {
    border: 3px solid #ced4da;
    border-radius: 0.625rem;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 3px solid rgba(234, 112, 102, 0.3);
}
.courseCountTimer {
    background-size: cover;
    background-repeat: no-repeat;
}
.courseCountTimer .border {
    padding: 2.875rem 0;
}
.courseCountTimer .border h3,
.courseCountTimer .border .h3 {
    font-size: 1.4rem;
}
.courseCountTimer .border .timer-body-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.courseCountTimer .border .timer-body-block .table-cell {
    text-align: center;
}
.courseCountTimer .border .timer-body-block .table-cell .tab-val {
    font-weight: 700;
    border: 1px solid;
    margin: 0.4375rem;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    font-size: 1.25rem;
}
@media (min-width: 768px) {
    .courseCountTimer .border .timer-body-block .table-cell .tab-val {
        margin: 0.2rem;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 1rem;
    }
}
@media (min-width: 1200px) {
    .courseCountTimer .border .timer-body-block .table-cell .tab-val {
        margin: 0.4375rem;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 1.25rem;
    }
}
.courseCountTimer .border .timer-body-block .table-cell .tab-unit {
    text-transform: capitalize;
    font-size: 0.75rem;
    font-weight: 600;
}
@media (min-width: 992px) {
    .courseCountTimer .border .timer-body-block .table-cell .tab-unit {
        font-size: 0.7rem;
    }
}
@media (min-width: 1200px) {
    .courseCountTimer .border .timer-body-block .table-cell .tab-unit {
        font-size: 0.75rem;
    }
}
.comming-soon-count .timer-body-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}
.comming-soon-count .timer-body-block .table-cell {
    font-weight: 700;
    display: block;
    width: 65px;
    height: 65px;
    line-height: 65px;
    margin: 0 2px;
    font-size: 1.5625rem;
    border-radius: 7px;
    background-color: #f8f8f8;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
    font-family: dosis, sans-serif;
}
.comming-soon-count .timer-body-block .table-cell.day {
    color: #f0c24b;
}
.comming-soon-count .timer-body-block .table-cell.hour {
    color: #b5d56a;
}
.comming-soon-count .timer-body-block .table-cell.minute {
    color: #ea7066;
}
.comming-soon-count .timer-body-block .table-cell.second {
    color: #84bed6;
}
@media (min-width: 768px) {
    .comming-soon-count .timer-body-block .table-cell {
        width: 85px;
        height: 85px;
        line-height: 85px;
        font-size: 2.1875rem;
        margin: 0 10px;
        margin-bottom: 30px;
    }
}
@media (min-width: 1200px) {
    .comming-soon-count .timer-body-block .table-cell {
        width: 120px;
        height: 120px;
        line-height: 120px;
        font-size: 4.375rem;
    }
}
.comming-soon-count .timer-body-block .tab-unit {
    display: none;
}
.price-range .price-range-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .price-range .price-range-content {
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}
.price-range .price-text,
.price-range .price-value {
    color: #666;
    margin-right: 10px;
}
@media (min-width: 768px) {
    .price-range .price-text,
    .price-range .price-value {
        margin-right: 0;
    }
}
.price-range .price-value {
    min-width: 35px;
    margin-right: 10px;
}
@media (min-width: 768px) {
    .price-range .price-value {
        margin-right: 0;
    }
}
.price-range .btn {
    margin-right: 10px;
}
@media (min-width: 768px) {
    .price-range .btn {
        margin-right: 0;
    }
}
.noUi-target {
    background-color: #eee;
    box-shadow: none;
    border: 0;
}
.noUi-horizontal {
    height: 5px;
}
.noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-color: #b5d56a;
    box-shadow: none;
    border: 0;
    cursor: e-resize;
}
.noUi-handle:after,
.noUi-handle:before {
    display: none;
}
.noUi-connect {
    background-color: #b5d56a;
}
.noUi-horizontal .noUi-origin:focus,
.noUi-handle.noUi-handle-lower:focus,
.noUi-handle.noUi-handle-upper:focus {
    outline: 0;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle.noUi-handle-upper {
    right: -1px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -16px;
}
img {
    -webkit-transition: -webkit-filter 0.3s;
    transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
    transition: filter 0.3s, -webkit-filter 0.3s;
}
img.lazyestload {
    width: 100%;
    -webkit-filter: blur(8px);
    filter: blur(8px);
}
.modal-sm .modal-content {
    border-radius: 0.625rem;
}
.modal.show .modal-dialog.modal-sm {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
}
.modal-lg .modal-header {
    padding: 0;
}
.modal-lg .modal-header .btn-close {
    font-size: 1rem;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 25px;
    right: 40px;
    box-shadow: none;
}
.modal-lg .modal-header .btn-close {
    box-shadow: none;
}
.modal-lg .modal-body {
    padding: 45px 50px;
}
.modal.show .modal-dialog.modal-lg {
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    max-width: 280px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .modal.show .modal-dialog.modal-lg {
        max-width: 750px;
    }
}
@media (min-width: 992px) {
    .modal.show .modal-dialog.modal-lg {
        max-width: 950px;
    }
}
@media (min-width: 1200px) {
    .modal.show .modal-dialog.modal-lg {
        max-width: 1030px;
    }
}
.product-single h1,
.product-single .h1 {
    font-size: 2.5rem;
    text-transform: capitalize;
    margin-bottom: 2.18rem;
    font-weight: 600;
}
.product-single .pricing {
    font-size: 2.5rem;
    line-height: 1;
    color: #84bed6;
    font-weight: 600;
    margin-bottom: 25px;
    display: block;
}
.product-single .pricing del {
    font-size: 80%;
    color: #e4e4e4;
}
.add-cart {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
    .add-cart {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        margin-bottom: 0;
    }
}
.add-cart .count-input {
    display: inline-block;
    position: relative;
    width: 70px;
    margin-bottom: 0.9375rem;
}
@media (min-width: 768px) {
    .add-cart .count-input {
        margin-right: 0.9rem;
        margin-bottom: 0;
    }
}
.add-cart .count-input .quantity:focus {
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1) !important;
}
.add-cart .count-input .quantity:active {
    color: inherit;
}
.add-cart .count-input .btn-primary {
    width: 100%;
    background: #f8f8f8 !important;
    border: 0 !important;
    color: #666;
    position: relative;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 5px;
    padding: 0.75rem 1.25rem;
    box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    outline: 0;
}
.add-cart .count-input .incr-btn {
    position: absolute;
    right: 7px;
    color: #666;
    height: auto;
    display: inline-block;
}
.add-cart .count-input .incr-up {
    top: 7px;
}
.add-cart .count-input .incr-down {
    bottom: 7px;
}
@media (min-width: 768px) {
    .add-cart .count-input .incr-down {
        bottom: 11px;
    }
}
.smooth-loader-wrapper {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 700000;
}
.smooth-loader-wrapper .smooth-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2100;
    line-height: 0;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
.smooth-loader-wrapper .smooth-loader .loader {
    position: relative;
    width: 110px;
}
.smooth-loader-wrapper .smooth-loader .dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #ccc;
    position: absolute;
}
.smooth-loader-wrapper .smooth-loader .dot-1 {
    -webkit-animation: animateDot1 1.5s linear infinite;
    animation: animateDot1 1.5s linear infinite;
    left: 30px;
    background: #f0c24b;
}
.smooth-loader-wrapper .smooth-loader .dot-2 {
    -webkit-animation: animateDot2 1.5s linear infinite;
    animation: animateDot2 1.5s linear infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    left: 60px;
    background: #ea7066;
}
.smooth-loader-wrapper .smooth-loader .dot-3 {
    -webkit-animation: animateDot3 1.5s linear infinite;
    animation: animateDot3 1.5s linear infinite;
    left: 30px;
    background: #b5d56a;
}
.smooth-loader-wrapper .smooth-loader .dot-4 {
    -webkit-animation: animateDot4 1.5s linear infinite;
    animation: animateDot4 1.5s linear infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    left: 60px;
    background: #84bed6;
}
@-webkit-keyframes animateDot1 {
    0% {
        -webkit-transform: rotate(0deg) translateX(-30px);
        transform: rotate(0deg) translateX(-30px);
    }
    25% {
        -webkit-transform: rotate(180deg) translateX(-30px);
        transform: rotate(180deg) translateX(-30px);
    }
    75% {
        -webkit-transform: rotate(180deg) translateX(-30px);
        transform: rotate(180deg) translateX(-30px);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(-30px);
        transform: rotate(360deg) translateX(-30px);
    }
}
@keyframes animateDot1 {
    0% {
        -webkit-transform: rotate(0deg) translateX(-30px);
        transform: rotate(0deg) translateX(-30px);
    }
    25% {
        -webkit-transform: rotate(180deg) translateX(-30px);
        transform: rotate(180deg) translateX(-30px);
    }
    75% {
        -webkit-transform: rotate(180deg) translateX(-30px);
        transform: rotate(180deg) translateX(-30px);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(-30px);
        transform: rotate(360deg) translateX(-30px);
    }
}
@-webkit-keyframes animateDot2 {
    0% {
        -webkit-transform: rotate(0deg) translateX(-30px);
        transform: rotate(0deg) translateX(-30px);
    }
    25% {
        -webkit-transform: rotate(-180deg) translateX(-30px);
        transform: rotate(-180deg) translateX(-30px);
    }
    75% {
        -webkit-transform: rotate(-180deg) translateX(-30px);
        transform: rotate(-180deg) translateX(-30px);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(-30px);
        transform: rotate(-360deg) translateX(-30px);
    }
}
@keyframes animateDot2 {
    0% {
        -webkit-transform: rotate(0deg) translateX(-30px);
        transform: rotate(0deg) translateX(-30px);
    }
    25% {
        -webkit-transform: rotate(-180deg) translateX(-30px);
        transform: rotate(-180deg) translateX(-30px);
    }
    75% {
        -webkit-transform: rotate(-180deg) translateX(-30px);
        transform: rotate(-180deg) translateX(-30px);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(-30px);
        transform: rotate(-360deg) translateX(-30px);
    }
}
@-webkit-keyframes animateDot3 {
    0% {
        -webkit-transform: rotate(0deg) translateX(30px);
        transform: rotate(0deg) translateX(30px);
    }
    25% {
        -webkit-transform: rotate(180deg) translateX(30px);
        transform: rotate(180deg) translateX(30px);
    }
    75% {
        -webkit-transform: rotate(180deg) translateX(30px);
        transform: rotate(180deg) translateX(30px);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(30px);
        transform: rotate(360deg) translateX(30px);
    }
}
@keyframes animateDot3 {
    0% {
        -webkit-transform: rotate(0deg) translateX(30px);
        transform: rotate(0deg) translateX(30px);
    }
    25% {
        -webkit-transform: rotate(180deg) translateX(30px);
        transform: rotate(180deg) translateX(30px);
    }
    75% {
        -webkit-transform: rotate(180deg) translateX(30px);
        transform: rotate(180deg) translateX(30px);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(30px);
        transform: rotate(360deg) translateX(30px);
    }
}
@-webkit-keyframes animateDot4 {
    0% {
        -webkit-transform: rotate(0deg) translateX(30px);
        transform: rotate(0deg) translateX(30px);
    }
    25% {
        -webkit-transform: rotate(-180deg) translateX(30px);
        transform: rotate(-180deg) translateX(30px);
    }
    75% {
        -webkit-transform: rotate(-180deg) translateX(30px);
        transform: rotate(-180deg) translateX(30px);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(30px);
        transform: rotate(-360deg) translateX(30px);
    }
}
@keyframes animateDot4 {
    0% {
        -webkit-transform: rotate(0deg) translateX(30px);
        transform: rotate(0deg) translateX(30px);
    }
    25% {
        -webkit-transform: rotate(-180deg) translateX(30px);
        transform: rotate(-180deg) translateX(30px);
    }
    75% {
        -webkit-transform: rotate(-180deg) translateX(30px);
        transform: rotate(-180deg) translateX(30px);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(30px);
        transform: rotate(-360deg) translateX(30px);
    }
}
.progress-wizard {
    margin-top: 2.5rem;
    margin: 2.5rem 0 4.38rem 0;
    padding: 0 0 1.88rem 0;
}
.progress-wizard > .progress-wizard-step {
    padding: 0;
    position: relative;
    height: 105px;
    margin-bottom: 3rem;
}
@media (min-width: 768px) {
    .progress-wizard > .progress-wizard-step {
        margin-bottom: 0;
        height: 100px;
    }
}
.progress-wizard > .progress-wizard-step > .progress {
    position: relative;
    border-radius: 0;
    height: 5px;
    box-shadow: none;
    margin: 1.25rem 0;
}
.progress-wizard > .progress-wizard-step > .progress > .progress-bar {
    width: 0;
    box-shadow: none;
    background-color: transparent;
}
@media (min-width: 768px) {
    .progress-wizard > .progress-wizard-step > .progress > .progress-bar {
        background: #ea7066;
    }
}
.progress-wizard > .progress-wizard-step.complete > .progress > .progress-bar {
    width: 100%;
}
.progress-wizard > .progress-wizard-step.active > .progress > .progress-bar {
    width: 50%;
}
.progress-wizard > .progress-wizard-step.active .progress-wizard-dot {
    cursor: default;
}
.progress-wizard > .progress-wizard-step > .progress > .progress-bar {
    width: 0%;
}
.progress-wizard > .progress-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%;
}
.progress-wizard > .progress-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%;
}
.progress-wizard > .progress-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%;
}
.progress-wizard > .progress-wizard-step:last-child > .progress {
    width: 50%;
}
.progress-wizard > .progress-wizard-step.disabled a.progress-wizard-dot {
    pointer-events: none;
}
.progress {
    background-color: transparent;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .progress {
        background-color: #f8f8f8;
    }
}
.progress-wizard > .progress-wizard-step > .progress-wizard-dot {
    display: block;
    background-color: #fff;
    border-radius: 100%;
    border: 5px solid #ea7066;
    padding: 5px;
    text-align: center;
    color: #222;
    width: 110px;
    position: relative;
    top: 0;
    left: 0;
    margin: -1.25rem auto 0 auto;
}
@media (min-width: 768px) {
    .progress-wizard > .progress-wizard-step > .progress-wizard-dot {
        width: auto;
        position: absolute;
        top: -1.88rem;
        left: 28%;
        margin-top: -0.94;
        margin-left: -0.94;
    }
}
.progress-wizard > .progress-wizard-step > .progress-wizard-dot i {
    display: block;
    color: #ea7066;
    font-size: 1.5rem;
    line-height: 90px;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background-color: #ededed;
    text-align: center;
}
@media (min-width: 768px) {
    .progress-wizard > .progress-wizard-step > .progress-wizard-dot i {
        line-height: 102px;
        width: 102px;
        height: 102px;
    }
}
.progress-wizard > .progress-wizard-step > .progress-wizard-dot:hover {
    opacity: 1;
}
.progress-wizard > .progress-wizard-step.incomplete > .progress-wizard-dot {
    border-color: #f8f8f8;
    color: #666;
}
.progress-wizard > .progress-wizard-step.incomplete > .progress-wizard-dot i {
    color: #666;
}
.progress-wizard > .progress-wizard-step.complete > .progress-wizard-dot i {
    color: #fff;
    background-color: #ea7066;
}
.progress-wizard .progress-info {
    text-align: center;
    font-family: "Dosis", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #222;
}
@media (min-width: 768px) {
    .progress-wizard .progress-info {
        margin: 4.38rem 0 0 0.9375rem;
    }
}
@media (min-width: 992px) {
    .progress-wizard .progress-info {
        margin: 4.38rem 0 0 -0.9375rem;
    }
}
@media (min-width: 1200px) {
    .progress-wizard .progress-info {
        margin: 4.38rem 0 0 -2.5rem;
    }
}
.table td span {
    font-family: "Dosis", sans-serif;
}
.table tr th i {
    color: rgba(47, 60, 67, 0.3);
}
.table-cart {
    border-radius: 0.625rem;
    border: 1px solid #e7e7e7;
    border-top: 0;
}
.table-cart thead tr {
    background-color: #f0c24b;
    border-top: 0;
}
.table-cart thead tr th {
    color: #fff;
    padding: 15px 8px;
    border-bottom: none;
    border-top: none;
    font-weight: 600;
    text-transform: uppercase;
}
.table-cart thead tr th:first-child {
    border-top-left-radius: 0.625rem;
}
.table-cart thead tr th:last-child {
    border-top-right-radius: 0.625rem;
}
.table-cart tbody tr td {
    padding: 0.625rem;
}
@media (min-width: 768px) {
    .table-cart tbody tr td {
        padding: 20px 8px 20px 8px;
    }
}
@media (min-width: 992px) {
    .table-cart tbody tr td {
        padding: 20px 40px 20px 10px;
    }
}
@media (min-width: 1200px) {
    .table-cart tbody tr td .input-group {
        width: 60%;
    }
}
.table-cart tbody tr td .input-group .form-control {
    text-align: left;
    margin-right: 1.5rem;
}
.table-cart tbody tr td .input-group .btn {
    height: 45px;
    line-height: 1.4;
}
.table-cart tbody tr td .btn-update {
    height: 45px;
    line-height: 1.4;
    white-space: nowrap;
}
.table-cart tbody tr td input {
    width: 80px;
    height: 48px;
    text-align: center;
    line-height: 45px;
    color: #222;
    border: 1px solid #dedede;
    border-radius: 7px;
}
.table-cart tbody tr td .form-control {
    border-radius: 7px !important;
}
@media (min-width: 768px) {
    .table-cart tbody tr td .form-control {
        margin-bottom: 0;
    }
}
.table-cart tbody tr td .form-control:focus {
    border-color: #e7e7e7;
}
.table-cart tbody tr td .close {
    float: left;
    opacity: 1;
}
@media (min-width: 768px) {
    .table-cart tbody tr td .close {
        margin: 17px 30px 0 0;
    }
}
.table-cart tbody tr td .close span {
    width: 30px;
    height: 30px;
    line-height: 25px;
    display: block;
    background-color: #e5e5e5;
    color: #666;
    border-radius: 50%;
    font-size: 30px;
    font-weight: 600;
}
.table-cart tbody tr td .cart-image {
    border-radius: 0.625rem;
}
.table-cart tbody tr td:first-child {
    padding: 20px 0 20px 30px;
}
.table-cart tbody tr .td-product-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 215px;
}
.table-cart tbody tr .td-price {
    text-overflow: ellipsis;
    white-space: nowrap;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    outline: 0;
    opacity: 1;
}
.table-class-schedule {
    border-radius: 0.625rem;
    border: 1px solid #e7e7e7;
    border-top: 0;
    border-bottom: 0;
}
.table-class-schedule .table-bordered {
    margin-bottom: 0;
}
.table-class-schedule .table-bordered thead th {
    border: 0;
}
.table-class-schedule .table-bordered tbody tr td:first-child {
    border-left: 0;
}
.table-class-schedule .table-bordered tbody tr td:last-child {
    border-right: 0;
}
.table-class-schedule .table-bordered tbody tr:last-child td {
    border-bottom: 0;
}
.coming-soon img {
    width: 200px;
    height: 60px;
}
.coming-soon h1,
.coming-soon .h1 {
    font-size: 1.875rem;
}
@media (min-width: 768px) {
    .coming-soon h1,
    .coming-soon .h1 {
        font-size: 2.5rem;
    }
}
.coming-soon p {
    font-size: 0.875rem;
}
@media (min-width: 768px) {
    .coming-soon p {
        font-size: 1.5rem;
    }
}
img.fancybox-image {
    padding: 15px;
    background: #fff;
}
.element-right-sidebar {
    min-width: 215px;
}
.element-right-sidebar .list-unstyled li a {
    padding: 0.25rem 0;
    display: inline-block;
    font-family: sans-serif;
    font-size: 0.9375rem;
    color: #495057;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.element-right-sidebar .list-unstyled li a:hover {
    opacity: 0.4;
}
.element-right-sidebar.sidebar-fixed {
    position: fixed;
    top: 116px;
    bottom: 0;
}
.element-right-sidebar.right-sidebar-absolute {
    position: absolute;
    top: auto;
    bottom: 0;
}
.call-to-action {
    text-align: center;
}
.call-to-action p {
    font-size: 1.125rem;
}
.default {
    background-image: url(../img/patterns/001.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
}
.pattern-01 {
    background-image: url(../img/patterns/002.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
}
.pattern-02 {
    background-image: url(../img/patterns/003.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
}
.pattern-03 {
    background-image: url(../img/patterns/004.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
}
.pattern-04 {
    background-image: url(../img/patterns/005.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
}
.pattern-06 {
    background-image: url(../img/patterns/006.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
}
.pattern-07 {
    background-image: url(../img/patterns/002.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
}
body.boxed {
    margin: 0 auto;
    position: relative;
}
@media (min-width: 768px) {
    body.boxed {
        max-width: 700px;
    }
    body.boxed .navbar-sticky {
        max-width: 700px;
    }
}
@media (min-width: 992px) {
    body.boxed {
        max-width: 950px;
    }
    body.boxed .navbar-sticky {
        max-width: 950px;
    }
}
@media (min-width: 1200px) {
    body.boxed {
        max-width: 1250px;
    }
    body.boxed .navbar-sticky {
        max-width: 1250px;
    }
}
body.boxed .main-wrapper {
    background: #fff;
}
html[dir="rtl"] .navbar-nav .dropdown .dropdown-menu .dropdown-item i {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
html[dir="rtl"] .owl-nav i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
html[dir="rtl"] .team-slider .card .card-img-wrapper .card-img-overlay .list-unstyled {
    padding-right: 0 !important;
}
html[dir="rtl"] .noUi-horizontal .noUi-handle {
    right: 0;
}
html[dir="rtl"] .noUi-horizontal .noUi-handle.noUi-handle-lower {
    left: -15px;
    right: auto;
}
html[dir="rtl"] .noUi-horizontal .noUi-handle.noUi-handle-upper {
    left: 0;
    right: auto;
}
/* ===== HERO BANNER — фиксы, чтобы картинка была видна ===== */

/* Рамка и лёгкие блики */
.hero-banner-frame{
  position:relative;
  border-radius:22px;
  padding:6px;
  background: conic-gradient(from 140deg,#84bed6,#b5d56a,#84bed6);
  box-shadow:0 18px 48px rgba(0,0,0,.10);
  overflow:hidden;
  min-height: clamp(340px, 44vw, 520px);
  isolation:isolate;
}
.hero-banner-frame::before{
  content:""; position:absolute; inset:-60px; z-index:0;
  background: conic-gradient(from 0deg,#84bed6,transparent 35%,#b5d56a,transparent 70%,#84bed6);
  filter: blur(24px); opacity:.18; border-radius:28px;
  animation: heroBorderSpin 22s linear infinite;
}
@keyframes heroBorderSpin{to{transform:rotate(360deg)}}
.hero-banner-frame::after{
  content:""; position:absolute; inset:6px; z-index:2; pointer-events:none;
  border-radius:16px;
  background:
    radial-gradient(140% 120% at 100% 0%, rgba(255,255,255,.18) 0%, transparent 48%),
    radial-gradient(120% 100% at -10% 110%, rgba(255,255,255,.06) 0%, transparent 60%);
}

/* Бейдж «з 1994» */
.hero-year-badge{
  position:absolute; z-index:4;
  top:12px; left:18px;
  font-weight:700; font-size:.85rem;
  padding:.35rem .6rem; border-radius:999px;
  color:#0f1a1c;
  background:linear-gradient(135deg,#fff,#f4fff0);
  box-shadow:0 6px 16px rgba(181,213,106,.25);
}
.hero-year-badge i{margin-right:.35rem}

/* Контейнер слайдера — пусть занимает всю внутреннюю область */
#rev_slider_1_forcefullwidth{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  z-index:3 !important;            /* ВЫШЕ бликов */
  border-radius:16px !important;
  overflow:hidden !important;
}

/* Внутренности Revolution */
#rev_slider_1_forcefullwidth .rev_slider,
#rev_slider_1_forcefullwidth .tp-revslider-mainul,
#rev_slider_1_forcefullwidth .tp-revslider-slidesli{
  width:100% !important;
  height:100% !important;
}

/* Картинка слайдов — видно целиком (замостить область) */
#rev_slider_1_forcefullwidth .rev-slidebg,
#rev_slider_1_forcefullwidth .tp-revslider-slidesli,
#rev_slider_1_forcefullwidth .tp-revslider-slidesli > img{
  width:100% !important; height:100% !important;
  object-fit: cover !important;      /* если хочешь без обрезки — поменяй на contain */
  object-position: center !important;
  background-size: cover !important;
  background-position: center !important;
}

/* ФОЛБЭК-картинка: показываем сразу, прячем, когда слайдер готов */
.rev-fallback{
  position:absolute; inset:6px;
  width:calc(100% - 12px); height:calc(100% - 12px);
  border-radius:16px; object-fit:cover;
  z-index:1;                   /* ниже слайдера */
}
.tp-revslider-mainul ~ .rev-fallback,
#rev_slider_1_forcefullwidth.initialized ~ .rev-fallback{
  display:none !important;
}
:root{
  --brand:#84bed6;
  --accent:#b5d56a;
  --ink:#1f2b2e;
  --shadow:0 16px 40px rgba(0,0,0,.08);
}

/* Обновлённый стиль карточек */
.card-duo{
  position:relative;
  border:1px solid rgba(15,26,28,.06);
  border-radius:18px;
  background:
    radial-gradient(140% 120% at -10% -10%, rgba(132,190,214,.08), transparent 60%),
    radial-gradient(120% 100% at 110% 110%, rgba(181,213,106,.07), transparent 60%),
    #fff;
  box-shadow: var(--shadow);
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.card-duo:hover{ transform: translateY(-2px); box-shadow:0 24px 56px rgba(0,0,0,.10); }

/* Тонкий вертикальний акцент слева */
.card-duo__accent{
  position:absolute; left:-1px; top:20px; bottom:20px; width:6px; border-radius:6px;
  background: linear-gradient(180deg, #dc3545, #ff8a80);
  box-shadow: 0 10px 22px rgba(220,53,69,.25);
}
.card-duo__accent--brand{
  background: linear-gradient(180deg, var(--brand), var(--accent));
  box-shadow: 0 10px 22px rgba(132,190,214,.25);
}

/* Заголовок внутри карточки */
.duo-title{
  font-weight:800; line-height:1.15; color:var(--ink);
}

/* Список документов с иконками */
.duo-list{ list-style:none; padding:0; margin:0; }
.duo-list li{
  display:flex; align-items:flex-start; gap:.6rem;
  padding:.4rem 0; color:#2f3a3d; font-size:1.025rem;
}
.duo-bullet{
  width:28px; height:28px; flex:0 0 28px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, var(--brand), var(--accent));
  color:#fff; box-shadow: 0 6px 16px rgba(0,0,0,.10);
  font-size:.85rem;
}

/* Кнопка бренду */
.btn-brand{
  background: var(--brand); color:#fff; font-weight:700; border:none;
  border-radius:12px; padding:.8rem 1.2rem;
  box-shadow:0 10px 24px rgba(132,190,214,.25);
}
.btn-brand:hover{ filter: brightness(.96); }

/* Бейджик над заголовком */
.duo .duo-badge{
  border:1px solid rgba(220,53,69,.12);
  font-weight:700;
}

/* Магазинные бейджи (чистые, ровные) */
.store-row{ gap:.6rem; }
.store-badge{
  display:flex; align-items:center; gap:.6rem;
  background:#fff; border:1px solid rgba(15,26,28,.08);
  border-radius:12px; padding:.6rem .9rem;
  text-decoration:none; color:#222;
  box-shadow:0 8px 18px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}
.store-badge:hover{ transform: translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,.10); }
.store-badge i{ font-size:1.25rem; color:#111; opacity:.9 }
.store-badge span{ line-height:1; display:flex; flex-direction:column; }
.store-badge small{ font-size:.7rem; color:#666; }

/* Небольшая полировка отступов на md- */
@media (max-width: 991.98px){
  .card-duo__accent{ top:16px; bottom:16px; }
}
<!-- Дополнительные стили -->
<style>
  .steps-premium .step-card{
    background:#fff;
    border-radius:18px;
    box-shadow:0 8px 22px rgba(0,0,0,.08);
    transition:.25s;
  }
  .steps-premium .step-card:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 32px rgba(0,0,0,.12);
  }
  .steps-premium .step-icon-wrap{
    position:relative;
    width:70px; height:70px;
  }
  .steps-premium .step-icon{
    width:70px; height:70px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:26px;
    position:relative; z-index:1;
  }
  .steps-premium .step-icon-wrap .ring{
    position:absolute; inset:-8px;
    border-radius:50%;
    border:3px solid rgba(132,190,214,.35);
    animation:pulse 3s infinite;
  }
  .steps-premium .step-title{
    font-weight:700;
    font-size:1.05rem;
    color:#84bed6;
  }
  .steps-premium .text-brand{ 
    background:linear-gradient(90deg,#84bed6,#b5d56a);
    -webkit-background-clip:text; background-clip:text;
    color:transparent;
  }
  @keyframes pulse {
    0% { transform:scale(1); opacity:.8; }
    50% { transform:scale(1.1); opacity:.4; }
    100% { transform:scale(1); opacity:.8; }
  }
</style>

.steps-premium .step-card{
  background:#fff;
  border-radius:20px;           /* скругление */
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  transition:.3s;
}
.steps-premium .step-card:hover{
  transform:translateY(-6px);
  border-radius:24px;           /* чуть больше скругление при наведении */
  box-shadow:0 12px 28px rgba(132,190,214,.35), 
             0 0 0 6px rgba(181,213,106,.12); /* мягкое свечение в бренд-цветах */
}
/* Градиентные заголовки для карточек "Документи / Навчання" */
.duo .duo-title{
  font-weight: 800;
  letter-spacing: .3px;
  line-height: 1.2;
  display: inline-block;
}

/* голубой → зелёный */
.duo .text-brand{
  background: linear-gradient(90deg, #84bed6, #b5d56a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* зелёный → голубой (вторая карточка можно чуть отличить) */
.duo .text-accent{
  background: linear-gradient(90deg, #b5d56a, #84bed6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/* ===== Steps Premium ===== */
.steps-premium{
  background:
    radial-gradient(900px 420px at -10% 0%, rgba(132,190,214,.12) 0%, rgba(132,190,214,0) 60%),
    radial-gradient(900px 420px at 110% 100%, rgba(181,213,106,.12) 0%, rgba(181,213,106,0) 60%),
    #ffffff;
}

/* Заголовок з акуратним градієнтом */
.steps-title{
  font-weight: 800;
  letter-spacing: .4px;
  background: linear-gradient(90deg, #84bed6, #b5d56a);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

<style>
.steps-strip-section {
  width: 100%;
  padding: 40px 0;
}

.steps-strip {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 12px;
}

.step-block {
  position: relative;
  flex: 1 1 18%;
  min-width: 160px;
  max-width: 200px;
  background: #fff;
  padding: 15px 12px;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
  transition: all .25s ease;
}

.step-block:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.step-block:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #ddd;
}

.step-content i {
  font-size: 1.4rem;
  margin-bottom: 6px;
  color: #666;
}

.step-content h6 {
  font-size: 0.95rem;
  font-weight: 600;
  color: #444;
  margin-bottom: 4px;
}

.step-content p {
  font-size: 0.75rem;
  color: #777;
  margin: 0;
}
</style>
<style>
.steps-strip {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 14px;
}

.step-block {
  position: relative;
  flex: 1 1 18%;
  min-width: 160px;
  max-width: 200px;
  background: #fff;
  padding: 18px 14px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  transition: all .3s ease;
}

.step-block:hover {
  background: rgba(220, 53, 69, 0.12); /* мягкий красный */
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

.step-block:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #e0e0e0;
}

.step-content i {
  font-size: 1.5rem;
  margin-bottom: 8px;
  color: #444;
  transition: color .3s ease;
}

.step-block:hover i {
  color: #dc3545; /* иконка тоже подкрашивается */
}

.step-content h6 {
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
  transition: color .3s ease;
}

.step-block:hover h6 {
  color: #dc3545;
}

.step-content p {
  font-size: 0.8rem;
  color: #666;
  margin: 0;
}
</style>
/* ===== Floating buttons (правый край) ===== */
.floating-buttons{
  position: fixed;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
}

.float-btn{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #4a4f55;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  text-decoration: none;
}

.float-btn i{ font-size: 20px; line-height: 1; }

/* Hover эффект общий */
.float-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0,0,0,.16);
}

/* Instagram */
.float-btn.instagram:hover{
  color:#fff;
  background: linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
}

/* Facebook */
.float-btn.facebook:hover{
  color:#fff;
  background:#1877f2;
}

/* Телефон */
.float-btn.phone{
  color:#fff;
  background:#25d366; /* можно заменить на #dc3545, если хочешь красную */
  border-color: transparent;
}
.float-btn.phone:hover{
  filter: brightness(0.95);
}

/* Адаптив: чуть меньше на очень узких экранах */
@media (max-width: 480px){
  .floating-buttons{ right: 10px; gap: 10px; }
  .float-btn{ width: 46px; height: 46px; }
  .float-btn i{ font-size: 18px; }
}
/* Плавающие кнопки соцсетей справа */
.floating-buttons{
  position: fixed;
  right: 18px;
  top: 40%;
  transform: translateY(-50%);
  z-index: 2147483647; /* выше слайдера/модалок/хедеров */
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.float-btn{
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  opacity: .98;
}
.float-btn:hover{ transform: translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,.22); }

/* Брендовые цвета */
.float-btn.instagram{ background:#E1306C; }
.float-btn.facebook{  background:#1877F2; }
.float-btn.phone{     background:#28a745; }

/* Иконки внутри */
.float-btn i{ font-size: 20px; line-height: 1; }
.float-btn.facebook i{ font-size: 22px; }
.float-btn.instagram i{ font-size: 22px; }

/* На очень маленьких экранах чуть меньше */
@media (max-width: 480px){
  .floating-buttons{ right: 12px; gap: 10px; }
  .float-btn{ width: 48px; height: 48px; }
  .float-btn i{ font-size: 18px; }
}
/* Карусель предметів */
.courses-carousel{
  position: relative;
}

.cc-track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 320px);
  gap: 16px;
  padding: 6px;               /* внутр. отступ для приятного “воздуха” */
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.cc-track::-webkit-scrollbar{ height:10px }
.cc-track::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.12);
  border-radius: 10px;
}

.cc-card{
  scroll-snap-align: start;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-top: 4px solid #84bed6;          /* акцент сверху — брендовый голубой */
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cc-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(0,0,0,.10);
  border-top-color: #b5d56a;              /* при ховері — мягкий зелений */
}

.cc-head{
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 10px;
}
.cc-grade{
  font-weight: 800;
  font-size: 1.05rem;
  background: linear-gradient(90deg,#84bed6,#b5d56a);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
  letter-spacing: .3px;
}

/* “чіпи” предметів */
.cc-tags{
  display: flex; flex-wrap: wrap; gap: 8px;
  list-style: none; padding: 0; margin: 0;
}
.cc-tags li{
  font-size: .88rem; line-height: 1;
  padding: 8px 10px;
  border-radius: 999px;
  background: #f5f7f8;
  color: #2a3336;
  border: 1px solid rgba(0,0,0,.06);
  white-space: nowrap;
}

/* Стрелки */
.cc-nav{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  color: #263033;
  z-index: 2;
}
.cc-prev{ left: -6px; }
.cc-next{ right: -6px; }
.cc-nav:hover{ background:#fff; }

@media (max-width: 575.98px){
  .cc-track{ grid-auto-columns: 82%; gap: 12px; padding: 4px; }
  .cc-prev{ left: 4px; } .cc-next{ right: 4px; }
}
/* Карусель предметів — без стрелок, с мягким фоном */
.courses-carousel { position: relative; }
.cc-track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 320px);
  gap: 16px;
  padding: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  background:
    radial-gradient(1000px 400px at -10% -20%, rgba(132,190,214,.10), transparent 60%),
    radial-gradient(800px 360px at 110% 0%, rgba(181,213,106,.10), transparent 55%),
    linear-gradient(#ffffff,#ffffff);
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.05);
}
.cc-track::-webkit-scrollbar{ height:8px }
.cc-track::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.12); border-radius: 10px }

/* Карточка класу */
.cc-card{
  scroll-snap-align: start;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease;
  backdrop-filter: blur(4px);
}
.cc-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 30px rgba(0,0,0,.10);
}

/* Шапка карточки */
.cc-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;
  position:relative;
}
.cc-head::after{
  content:""; position:absolute; left:0; right:0; bottom:-6px; height:1px;
  background: linear-gradient(90deg, rgba(132,190,214,.25), rgba(181,213,106,.25));
}
.cc-grade{
  font-weight:800; letter-spacing:.3px;
  background: linear-gradient(90deg,#84bed6,#b5d56a);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* Теги-предмети (пастельні чіпи, стабільні кольори за класом) */
.cc-tags{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:8px 0 0 }
.cc-tag{
  font-size:.88rem; line-height:1;
  padding:8px 10px; border-radius:999px; white-space:nowrap;
  border:1px solid transparent;
}

/* Палітра тегів */
.cc-tag.math{        background:#fde9eb; color:#8a1c24; border-color:#f6c7cc; }   /* червоний (м’який) */
.cc-tag.eng{         background:#eaf5fb; color:#245b74; border-color:#cfe7f4; }   /* блакитний */
.cc-tag.ukr{         background:#e9f8f6; color:#25645c; border-color:#c9eee9; }   /* бірюзовий */
.cc-tag.arab{        background:#eef8ea; color:#3b6a2a; border-color:#d7edcd; }   /* зелений */
.cc-tag.it{          background:#f1ecfb; color:#4d3a7a; border-color:#e1d9f6; }   /* фіолетовий */
.cc-tag.pe{          background:#f4f7ea; color:#5a622d; border-color:#e6ebcd; }   /* оливковий */
.cc-tag.art{         background:#fff1ea; color:#914827; border-color:#ffd9c9; }   /* персиковий */
.cc-tag.reading,
.cc-tag.lit-ukr,
.cc-tag.lit-world{   background:#f6f2fb; color:#5a447a; border-color:#e7def5; }   /* лавандовий */
.cc-tag.yads,
.cc-tag.nature{      background:#eafaf2; color:#28664a; border-color:#d0f1e2; }   /* м’ятний */
.cc-tag.history{     background:#fbf3e6; color:#6f5220; border-color:#f2e2c6; }   /* охра */
.cc-tag.geo{         background:#eaf4f6; color:#2f6170; border-color:#d2e7ec; }   /* бірюзово-синій */
.cc-tag.chem{        background:#e9f9f7; color:#2f6e66; border-color:#ccf0ea; }   /* бірюзовий варіант */
.cc-tag.phys{        background:#eef3f8; color:#3e566f; border-color:#d9e4f0; }   /* сіро-блакитний */
.cc-tag.ethics,
.cc-tag.community,
.cc-tag.safety{      background:#f7f5f2; color:#5c5246; border-color:#e7e1d8; }   /* теплий нейтральний */
.cc-tag.design{      background:#f2f7f0; color:#44623d; border-color:#ddebd7; }   /* спокійний зелений */

/* Мобільна ширина картки */
@media (max-width: 575.98px){
  .cc-track{ grid-auto-columns: 82%; gap: 12px; }
}
.ts-prev{ left:8px; }
.ts-next{ right:8px; }

/* responsive */
@media (max-width: 991.98px){
}
@media (max-width: 575.98px){
  .ts-prev{ left:12px; }
  .ts-next{ right:12px; }
}



/* ========= CLEAN ADDITIONS (2025-09-29) ========= */

html{scroll-behavior:smooth}

/* КАРУСЕЛЬ ВИКЛАДАЧІВ V2 (неймспейс .ts-v2) */
.ts-v2{ position:relative; background:#f3effd; padding:72px 0; overflow:hidden; }
.ts-v2 .ts-wave{ position:absolute; left:0; right:0; height:120px; z-index:0; pointer-events:none; }
.ts-v2 .ts-wave svg{ width:100%; height:100%; display:block; }
.ts-v2 .ts-wave path{ fill:#f3effd; }
.ts-v2 .ts-wave-top{ top:-1px; transform:translateY(-100%); }
.ts-v2 .ts-wave-bot{ bottom:-1px; transform:translateY(100%); }
.ts-v2 .ts-inner{ position:relative; z-index:2; }
.ts-v2 .ts-title{ font-weight:800; margin-bottom:20px; color:#2b2456; }

/* стрелки + вьюпорт внутри rail */
.ts-v2 .ts-rail{ position:relative; }
.ts-v2 .ts-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:3; border:0; line-height:1; cursor:pointer;
  padding:10px 12px; color:#23184f; background:rgba(36,22,101,.12);
  transition: background .2s ease, opacity .2s ease;
}
.ts-v2 .ts-arrow:hover{ background:rgba(36,22,101,.18); }
.ts-v2 .ts-arrow[disabled]{ opacity:.35; cursor:default; }
.ts-v2 .ts-prev{ left:8px; }
.ts-v2 .ts-next{ right:8px; }

/* горизонтальный скролл у viewport, полоса скрыта */
.ts-v2 .ts-viewport{ position:relative; overflow-x:auto; overflow-y:hidden;
  scrollbar-width:none; -ms-overflow-style:none; }
.ts-v2 .ts-viewport::-webkit-scrollbar{ display:none; height:0; width:0; }

/* лента карточек */
.ts-v2 .ts-track{
  display:flex; gap:16px; width:max-content;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
}

/* карточки */
.ts-v2 .ts-card{
  flex:0 0 var(--card-w,85%); min-width:240px;
  background:#fff; border-radius:18px; padding:16px;
  box-shadow:0 10px 24px rgba(41,24,120,.08);
  scroll-snap-align:start;
}
.ts-v2 .ts-ring{
  aspect-ratio:1/1; border-radius:16px; padding:6px;
  background:
    radial-gradient(transparent 60%, rgba(0,0,0,.04) 61%) content-box,
    conic-gradient(from 0deg, var(--ring,#a88ae5), #fff) border-box;
}
.ts-v2 .ts-ring img{ width:100%; height:100%; object-fit:cover; border-radius:10px; display:block; }
.ts-v2 .ts-body{ padding-top:12px; text-align:center; }
.ts-v2 .ts-name{ font-weight:700; font-size:1.05rem; }
.ts-v2 .ts-role{ color:#6c6f7f; font-size:.95rem; }

/* адаптив: 1 / 2 / 3 / 4 в ряд */
@media (min-width:576px){ .ts-v2 .ts-card{ --card-w:48%; } }
@media (min-width:768px){ .ts-v2 .ts-card{ --card-w:32%; } }
@media (min-width:992px){ .ts-v2 .ts-card{ --card-w:24%; } }

/* ИНСТАГРАМ ЛЕНТА (5 постів) */
#ig-feed .ig-card{ aspect-ratio:1/1; background:#f8f9fa; }
#ig-feed .ig-cover{ object-fit:cover; object-position:center; }
#ig-feed .ig-card img{ transition: transform .3s ease; display:block; }
#ig-feed .ig-card:hover img{ transform: scale(1.03); }
#ig-feed .ig-play-icon{
  position:absolute; right:.5rem; bottom:.5rem;
  font-size:1.1rem; line-height:1; padding:.35rem .5rem;
  background:rgba(0,0,0,.55); color:#fff; border-radius:.5rem;
}
/* кастомная колонка на xl под 5 штук ровно (20%) */
@media (min-width:1200px){
  .col-xl-2-4{ flex:0 0 20%; max-width:20%; }
}
/* === Courses v2 (slider with side arrows, hidden scrollbar) === */
.courses-v2 { --cv2-gap: 16px; --cv2-br: 16px; --cv2-card-w: clamp(260px, 48vw, 320px); }
.cv2-rail{ position:relative; }
.cv2-viewport{ overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; -ms-overflow-style:none; scrollbar-width:none; padding-bottom:2px; }
.cv2-viewport::-webkit-scrollbar{ display:none; }
.cv2-track{ display:flex; gap:var(--cv2-gap); padding:2px; }
.cv2-card{ flex:0 0 var(--cv2-card-w); background:#fff; border:1px solid rgba(16,24,40,.08); border-radius:20px; box-shadow:0 6px 24px rgba(16,24,40,.06); scroll-snap-align:start; transition:transform .25s ease, box-shadow .25s ease; }
.cv2-card:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(16,24,40,.10); }
.cv2-head{ padding:14px 16px; border-bottom:1px dashed rgba(16,24,40,.08); }
.cv2-grade{ display:inline-block; font-weight:700; color:#2b7a3d; background:#eaf6ec; border:1px solid #d7efd9; border-radius:999px; padding:6px 10px; line-height:1; font-size:15px; }
.cv2-tags{ display:flex; flex-wrap:wrap; gap:8px; padding:14px 14px 18px; margin:0; list-style:none; }
.cv2-tag{ display:inline-block; padding:6px 10px; border-radius:999px; font-size:14px; line-height:1; border:1px solid transparent; background:#f6f7f9; color:#475467; }
.cv2-tag.ukr{ background:#e7f4ff; border-color:#cae6ff; color:#175cd3; }
.cv2-tag.eng{ background:#eaf2ff; border-color:#d7e4ff; color:#1849a9; }
.cv2-tag.math{ background:#ffe7ea; border-color:#ffd2d9; color:#b42318; }
.cv2-tag.art{ background:#fff2e6; border-color:#ffe4cc; color:#b54708; }
.cv2-tag.pe{ background:#ecfdf3; border-color:#c9f3da; color:#067647; }
.cv2-tag.yads{ background:#eefaf4; border-color:#d7f4e4; color:#067647; }
.cv2-tag.arab{ background:#f1f5ff; border-color:#e0e7ff; color:#363f72; }
.cv2-tag.design{ background:#fef6ee; border-color:#fde8d8; color:#9a3412; }
.cv2-tag.reading{ background:#eef2ff; border-color:#e0e7ff; color:#4338ca; }
.cv2-tag.it{ background:#eef6ff; border-color:#dbeafe; color:#1d4ed8; }
.cv2-tag.ethics{ background:#fff1f2; border-color:#ffe4e6; color:#be123c; }
.cv2-tag.lit-ukr,.cv2-tag.lit-world{ background:#fff7ed; border-color:#ffedd5; color:#9a3412; }
.cv2-tag.history{ background:#f0f9ff; border-color:#e0f2fe; color:#0c4a6e; }
.cv2-tag.geo{ background:#ecfeff; border-color:#cffafe; color:#155e75; }
.cv2-tag.bio{ background:#f0fdf4; border-color:#dcfce7; color:#166534; }
.cv2-tag.chem{ background:#fef2f2; border-color:#fee2e2; color:#991b1b; }
.cv2-tag.phys{ background:#eef2ff; border-color:#e0e7ff; color:#3730a3; }
.cv2-tag.nature{ background:#ecfccb; border-color:#d9f99d; color:#365314; }
.cv2-tag.safety{ background:#fef3c7; border-color:#fde68a; color:#92400e; }
.cv2-tag.community{ background:#e0f2fe; border-color:#bae6fd; color:#0ea5e9; }
.cv2-arrow{ position:absolute; top:50%; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; width:42px; height:44px; border-radius:12px; border:1px solid rgba(16,24,40,.12); background:#fff; box-shadow:0 6px 20px rgba(16,24,40,.10); color:#1f2937; cursor:pointer; z-index:3; transition:transform .15s ease, box-shadow .15s ease, opacity .2s; }
.cv2-arrow:hover{ transform:translateY(-50%) scale(1.04); box-shadow:0 10px 26px rgba(16,24,40,.14); }
.cv2-arrow:disabled{ opacity:.35; pointer-events:none; }
.cv2-prev{ left:-6px; } .cv2-next{ right:-6px; }
@media (max-width: 576px){ .cv2-prev{ left:-2px; } .cv2-next{ right:-2px; } }
.cv2-fade{ position:absolute; top:0; bottom:0; width:56px; pointer-events:none; z-index:2; background:linear-gradient(to right, #fff 20%, rgba(255,255,255,0)); }
.cv2-fade-right{ right:0; transform:scaleX(-1); }
.cv2-fade-left{ left:0; }
.cv2-rail.at-start .cv2-fade-left{ opacity:0; }
.cv2-rail.at-end   .cv2-fade-right{ opacity:0; }
@media (min-width: 1200px){ .courses-v2{ --cv2-card-w: 300px; } }
@media (min-width: 1400px){ .courses-v2{ --cv2-card-w: 320px; } }
/* ===== TEACHERS (simple, clean) ===== */
/* секция + маленькая верхняя волна */
.teachers-simple{
  position:relative;
  background:#f3effd;              /* пастельный фон секции */
  padding:90px 0 56px;             /* место под волну и аватары */
  overflow:hidden;
}
.teachers-simple .t-wave-top{
  position:absolute; top:-1px; left:0; right:0;
  height:70px; line-height:5; z-index:5;
}
.teachers-simple .t-wave-top svg{ width:100%; height:100%; display:block; }
.teachers-simple .t-wave-top path{ fill:#fff; }  /* белая волна */
.teachers-simple .t-inner{ position:relative; z-index:1; }

/* карусель: стрелки по вертикальному центру без JS (grid-оверлей) */
.t-rail{
  position:relative;
  display:grid;                    /* viewport и стрелки в одной ячейке */
}
.t-viewport{
  grid-area:1/1;
  padding-top:72px;                /* запас сверху под выступающий аватар */
  overflow-x:auto;
  overflow-y:hidden;               /* аватар теперь внутри видимой области */
  scroll-snap-type:x mandatory;    /* снап на мобиле */
  -ms-overflow-style:none;         /* IE/Edge скрыть скроллбар */
  scrollbar-width:none;            /* Firefox скрыть скроллбар */
}
.t-viewport::-webkit-scrollbar{ display:none; }

.t-track{
  display:flex; gap:24px;
}

/* ширина карточек: 3 / 2 / 1 */
@media (min-width:1200px){
  .t-card{ flex:0 0 calc((100% - 48px)/3); }
}
@media (min-width:768px) and (max-width:1199.98px){
  .t-card{ flex:0 0 calc((100% - 24px)/2); }
}
@media (max-width:767.98px){
  .t-card{ flex:0 0 clamp(260px, 88vw, 340px); scroll-snap-align:start; }
}

/* карточка */
.t-card{
  position:relative; z-index:1;
  background:#fff;
  border:1px solid rgba(16,24,40,.08);
  border-radius:22px;
  padding:92px 20px 20px;          /* пространство для аватара */
  text-align:center;
  box-shadow:0 10px 28px rgba(27,51,101,.08);
  transition:transform .2s ease, box-shadow .2s ease;
  overflow:visible;
}
.t-card:hover{ transform:translateY(-4px); box-shadow:0 16px 38px rgba(27,51,101,.12); }

/* аватар над карточкой (не обрезается) */
.t-avatar{
  position:absolute; left:50%; transform:translateX(-50%);
  top:-68px; z-index:2;
  width:136px; height:136px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--badge, #a6c8ff);       /* пастельный круг */
  box-shadow:0 10px 24px rgba(16,24,40,.18);
}
.t-avatar img{
  width:124px; height:124px; border-radius:50%;
  object-fit:cover; object-position:center 20%;
  background:#fff; border:8px solid #fff;
}

/* подписи */
.t-name{ font-weight:800; font-size:18px; color:#2d325a; }
.t-underline{ width:32px; height:4px; border-radius:3px; background:#6a9dfb; margin:10px auto 8px; }
.t-role{ font-size:14px; color:#667085; }

/* стрелки: по центру .t-viewport */
.t-arrow{
  grid-area:1/1;                   /* та же ячейка, что и viewport */
  align-self:center;               /* вертикальный центр */
  width:44px; height:44px; border-radius:12px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#fff; color:#1f2937;
  border:1px solid rgba(16,24,40,.12);
  box-shadow:0 8px 20px rgba(16,24,40,.10);
  z-index:2; pointer-events:auto;
  transition: box-shadow .2s ease, transform .15s ease;
}
.t-prev{ justify-self:start; margin-left:-8px; }
.t-next{ justify-self:end;   margin-right:-8px; }
.t-arrow:hover{ box-shadow:0 12px 28px rgba(16,24,40,.14); transform:translateY(-1px); }
.t-arrow:active{ transform:translateY(0); }
.t-arrow:focus-visible{ outline:2px solid #7aa2ff; outline-offset:2px; }
.t-arrow:disabled{ opacity:.35; pointer-events:none; }
@media (max-width:576px){
  .t-arrow{ width:38px; height:38px; border-radius:10px; }
  .t-prev{ margin-left:-2px; }
  .t-next{ margin-right:-2px; }
}
/* стрелки чуть ниже вертикального центра .t-viewport */
.teachers-simple .t-arrow{
  margin-top: 68px;   /* сдвиг вниз от центра */
}

@media (max-width: 576px){
  .teachers-simple .t-arrow{
    margin-top: 6px;  /* на мобиле помягче */
  }
}
/* единый сдвиг стрелок ниже центра на всех брейкпоинтах */
.teachers-simple .t-arrow{
  --arrow-offset: 68px;         /* базовый сдвиг вниз от центра */
  margin-top: var(--arrow-offset);
}

/* планшеты */
@media (max-width: 1199.98px){
  .teachers-simple .t-arrow{ --arrow-offset: 8px; }
}

/* телефоны */
@media (max-width: 576px){
  .teachers-simple .t-arrow{ --arrow-offset: 6px; }
}

/* если раздел предметов сверху — уменьшить зазор и высоту волны у викладачів */
.courses-v2 + .teachers-simple .t-inner{ padding-top:12px; }
.courses-v2 + .teachers-simple .t-wave-top{ height:88px; }
/* Узкий баннер + стабильная высота */
.hero-banner-frame.hero-banner-narrow{
  /* ограничиваем ширину внутри колонки и центрируем */
  max-width: clamp(420px, 48vw, 800px);
  margin-inline: auto;
  width: 100%;
}

/* сам контейнер слайдера/картинки */
.hero-banner-frame.hero-banner-narrow .rev-banner{
  position: relative;
  height: clamp(260px, 34vw, 420px);   /* высота «как сейчас», но адаптивная */
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(17,24,39,.08);
  background: #f3f4f6;
}

/* ЕСЛИ внутри rev-banner есть <img> — заполняем контейнер полностью */
.hero-banner-frame.hero-banner-narrow .rev-banner > img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;              /* «замостить» */
  object-position: center;        /* центр кадра; можно 'center 30%' */
  display: block;
}

/* Планшет/мобайл — шире и выше (чтобы не была полоской) */
@media (max-width: 991.98px){
  .hero-banner-frame.hero-banner-narrow{ max-width: 100%; }
  .hero-banner-frame.hero-banner-narrow .rev-banner{
    border-radius: 14px;
    height: clamp(260px, 46vw, 460px);
  }
}
@media (max-width: 575.98px){
  .hero-banner-frame.hero-banner-narrow .rev-banner{
    height: clamp(240px, 58vw, 520px);
  }
}
/* Секция должна быть позиционирована */
.hero-lite{ position: relative; }

/* Фон на весь раздел */
.hero-lite .hero-bg-cover{
  position: absolute; inset: 0;
  z-index: 0;                    /* ниже контента */
  background:
    linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.10) 40%, rgba(0,0,0,0) 100%),
    url("img/hero/slide1.webp") center/cover no-repeat;  /* <-- поставь свою картинку */
}

/* --- FIX: floating buttons pinned to bottom-right --- */
html body .floating-buttons{
  position: fixed !important;
  right: 16px !important;
  left: auto !important;
  inset-inline-end: 16px !important;
  inset-inline-start: auto !important;
  bottom: 16px !important;
  top: auto !important;
  z-index: 2147483647 !important;

  /* на всякий случай уберём возможное влияние чужих флексов/текста */
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  transform: none !important;
}

/* мобильная подстройка */
@media (max-width: 575.98px){
  html body .floating-buttons{
    right: 12px !important;
    inset-inline-end: 12px !important;
    bottom: 12px !important;
  }
}
/* center-right placement for floating buttons */
html body .floating-buttons{
  position: fixed !important;
  top: calc(50% + var(--fb-y-offset, 0px)) !important; /* вертикальный центр + настраиваемый сдвиг */
  transform: translateY(-50%) !important;
  right: calc(16px + env(safe-area-inset-right)) !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2147483647 !important;

  /* не меняем внешний вид, только гарантируем столбик */
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* компактнее на очень узких экранах (по желанию) */
@media (max-width: 575.98px){
  html body .floating-buttons{
    right: calc(12px + env(safe-area-inset-right)) !important;
  }
}
/* =========================
   HERO — только БЛИКИ (#a597e7)
   (фон .hero-lite не меняем)
   ========================= */
.hero-lite{
  position: relative;
  overflow: hidden; /* прячем края бликов */
}

/* контент поверх бликов */
.hero-lite > .container,
.hero-lite > .container-fluid{
  position: relative;
  z-index: 1;
}

/* два больших блика (без зависимостей от существующих span'ов) */
.hero-lite::before,
.hero-lite::after{
  content:"";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;                 /* под контентом */
  filter: blur(28px);
  will-change: transform, opacity;
}

/* левый верхний — насыщенней */
.hero-lite::before{
  width: 52rem; height: 52rem;
  left: -18rem; top: -10rem;
  background: radial-gradient(closest-side,
              rgba(165,151,231,0.50) 0%,
              rgba(165,151,231,0.00) 70%);
  opacity: .9;
  animation: heroGlowA 12s ease-in-out infinite alternate;
}

/* правый нижний — мягче */
.hero-lite::after{
  width: 50rem; height: 50rem;
  right: -14rem; bottom: -12rem;
  background: radial-gradient(closest-side,
              rgba(165,151,231,0.40) 0%,
              rgba(165,151,231,0.00) 70%);
  opacity: .8;
  animation: heroGlowB 14s ease-in-out infinite alternate;
}

@keyframes heroGlowA{
  0%   { transform: translate3d(0,0,0) scale(1); }
  100% { transform: translate3d(0,10px,0) scale(1.03); }
}
@keyframes heroGlowB{
  0%   { transform: translate3d(0,0,0) scale(1); }
  100% { transform: translate3d(0,-10px,0) scale(1.03); }
}

/* адаптив — делаем блики компактней на узких экранах */
@media (max-width: 991.98px){
  .hero-lite::before{ width: 40rem; height: 40rem; left: -14rem; top: -8rem; }
  .hero-lite::after { width: 38rem; height: 38rem; right: -12rem; bottom: -10rem; }
}
@media (max-width: 575.98px){
  .hero-lite::before{ width: 28rem; height: 28rem; left: -10rem; top: -6rem; filter: blur(22px); }
  .hero-lite::after { width: 26rem; height: 26rem; right: -8rem;  bottom: -8rem;  filter: blur(22px); }
}

/* если у тебя уже были .hero-glare / .hero-blob — не мешаем им */
.hero-lite .hero-glare,
.hero-lite .hero-blob{ z-index: 1; }

/* =========================
   Украшение КОНТЕЙНЕРА баннера
   (только рамка/тени, внутренности не трогаем)
   ========================= */
.hero-banner-frame{
  position: relative;
  border-radius: 18px;
  /* лёгкая тень под рамкой */
  box-shadow: 0 14px 36px rgba(17,24,39,.14);
  isolation: isolate; /* свой слой, чтобы псевдоэлементы не перекрывали контент */
}

/* градиентная рамка (не перекрывает содержимое) */
.hero-banner-frame::before{
  content:"";
  position:absolute; inset:0;
  border-radius: 18px;
  padding: 2px;                        /* толщина рамки */
  background: linear-gradient(135deg,
              rgba(165,151,231,1) 0%,
              rgba(165,151,231,.55) 50%,
              rgba(165,151,231,1) 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

/* мягкий внутренний блик рамки (угол) */
.hero-banner-frame::after{
  content:"";
  position:absolute;
  top: 10px; right: 12px;
  width: 110px; height: 110px;
  border-radius: 50%;
  background: radial-gradient(circle,
              rgba(165,151,231,.45) 0%,
              transparent 65%);
  filter: blur(12px);
  opacity: .35;
  pointer-events: none;
  z-index: 1;
}

/* внутренний блок баннера — просто скруглить, не трогать фон/картинки */
.hero-banner-frame .rev-banner{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  z-index: 2; /* выше рамки-псевдоэлементов */
}

/* адаптив скруглений */
@media (max-width: 991.98px){
  .hero-banner-frame{ border-radius: 16px; }
  .hero-banner-frame::before{ border-radius: 16px; }
  .hero-banner-frame .rev-banner{ border-radius: 14px; }
}

/* !!! НИЧЕГО НЕ ДЕЛАЕМ с картинками/фоном слайдера !!!
   (раньше это могло скрывать изображение) */
/* УДОСТОВЕРЬСЯ, что у тебя НЕТ где-то ниже в файле правил вроде:
   .hero-banner-frame .rev-banner, .hero-banner-frame .tp-mask-wrap { background: transparent !important; }
   .hero-banner-frame .rev-banner > img { position:absolute; inset:0; ... }
   Если есть — удали их.
*/
/* === Баннер: мобильный режим — показывать всю картинку, но маленькую === */

/* Базово (десктоп/планшет): ничего не меняем */
.hero-banner-frame .rev-banner > img{
  display:block;
}

/* Мобильные экраны: используем contain и фиксируем аккуратный размер контейнера */
@media (max-width: 575.98px){
  /* 1) Контейнер баннера — компактный, с управляемым соотношением сторон */
  .hero-banner-frame.hero-banner-narrow .rev-banner{
    /* можно подправить соотношение через переменную, по умолчанию 16/9 */
    --banner-ratio: 16/9;
    aspect-ratio: var(--banner-ratio);
    height: auto;
    width: 100%;
    max-width: 100%;
    border-radius: 14px;
    overflow: hidden;
  }

  /* 2) Если баннер — <img> внутри .rev-banner */
  .hero-banner-frame.hero-banner-narrow .rev-banner > img{
    width: 100%;
    height: 100%;
    object-fit: contain !important;     /* показываем всю картинку */
    object-position: center;
    background: transparent;
  }

  /* 3) Если баннер задаётся фоном у .rev-banner / .tp-mask-wrap (Revolution Slider) */
  .hero-banner-frame .rev-banner,
  .hero-banner-frame .tp-mask-wrap{
    background-size: contain !important;   /* вся картинка целиком */
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }

  /* 4) Чуть меньше тень/скругления на мобиле */
  .hero-banner-frame{ border-radius: 16px; }
  .hero-banner-frame::before{ border-radius: 16px; }
}

/* Небольшой тюнинг на планшете (по желанию): поменьше высота */
@media (min-width: 576px) and (max-width: 991.98px){
  .hero-banner-frame.hero-banner-narrow .rev-banner{
    --banner-ratio: 4/3;   /* на планшете чаще выглядит лучше, чем 16/9 */
    aspect-ratio: var(--banner-ratio);
    height: auto;
  }
}
/* === 1) Мобайл: не дёргается страница от тапов/свайпов === */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;                  /* убираем горизонтальный скролл */
  overscroll-behavior-x: none;        /* отключить резинку по X */
  overscroll-behavior-y: none;        /* отключить pull-to-refresh/чейн */
}

body{
  touch-action: pan-y;                /* разрешаем только вертикальный скролл жестами */
  -webkit-tap-highlight-color: transparent;
}

/* не блокируем взаимодействие с формами */
input, textarea, select { touch-action: manipulation; }

/* === 2) Логотип в navbar: ровно 300×90 === */
.navbar .navbar-brand img{
  width:300px !important;
  height:90px !important;
  max-height:none;
  object-fit:contain;                 /* безопасность, если источник другой пропорции */
  display:block;
}
/* Мобильное меню: без подчёркиваний */
@media (max-width: 767.98px){ /* navbar-expand-md схлопывается ниже 768px */
  .navbar a,
  .navbar .navbar-brand,
  .navbar .navbar-nav .nav-link,
  .navbar .dropdown-item{
    text-decoration: none !important;
    background-image: none !important; /* на случай “декоративного” underline через градиент */
    border-bottom: none !important;     /* если underline делали бордером */
    box-shadow: none !important;        /* если делали линию через shadow */
  }

  /* также уберём псевдо-подчёркивания */
  .navbar .navbar-nav .nav-link::after,
  .navbar .dropdown-item::after{
    content: none !important;
  }

  /* активный пункт тоже без подчёркивания */
  .navbar .nav-link.active,
  .navbar .nav-item.show .nav-link{
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  /* состояния :hover/:focus на мобиле без подчёркивания */
  .navbar .navbar-nav .nav-link:hover,
  .navbar .navbar-nav .nav-link:focus,
  .navbar .dropdown-item:hover,
  .navbar .dropdown-item:focus{
    text-decoration: none !important;
  }
}
/* ===== Summer CTA («Дорога добра») ===== */
.summer-cta{
  position: relative;
  /* фон подставится через data-bg (ниже есть мини-JS на случай, если lazy не сделает) */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color:#fff;
  padding: 84px 0;                 /* воздух */
  min-height: 420px;
  overflow: hidden;
}

/* затемняющий оверлей для читабельности текста */
.summer-cta::before{
  content:"";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.32));
  pointer-events: none;
}

/* эффект параллакса на десктопе (мобилки — без fixed ради производительности) */
@media (min-width: 992px){
  .summer-cta{ background-attachment: fixed; }
}

/* внутренняя «glass»-карточка */
.summer-cta__inner{
  position: relative;               /* поверх оверлея */
  z-index: 1;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
  padding: 28px 22px;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 48px rgba(0,0,0,.25);
  backdrop-filter: blur(6px);       /* красиво на поддерживаемых браузерах */
  -webkit-backdrop-filter: blur(6px);
}

/* декоративная тонкая рамка в цвете бренда */
.summer-cta__inner::after{
  content:"";
  position:absolute; inset:0;
  border-radius: 18px;
  padding: 2px;
  background: linear-gradient(135deg, #a597e7, rgba(165,151,231,.55), #a597e7);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events: none;
}

/* заголовок */
.summer-cta__title{
  font-weight: 800;
  font-size: clamp(28px, 3.2vw, 42px);
  margin: 0 0 10px;
}

/* бейджи */
.summer-cta__chips{
  display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
  margin: 8px 0 12px;
}
.chip{
  display:inline-flex; align-items:center; gap:6px;
  padding: 6px 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color:#fff;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
}

/* лид-текст */
.summer-cta__lead{
  font-size: clamp(15px, 2.1vw, 18px);
  margin: 4px auto 16px;
  max-width: 700px;
  color: rgba(255,255,255,.95);
}

/* кнопка */
.summer-cta__actions .btn{ padding: 12px 22px; border-radius: 12px; }

@media (max-width: 575.98px){
  .summer-cta{ padding: 64px 0; min-height: 360px; }
  .summer-cta__inner{ padding: 22px 16px; border-radius: 14px; }
  .summer-cta__inner::after{ border-radius: 14px; }
  .chip{ font-size: 13px; padding: 6px 9px; }
}
/* Убрать серый оверлей на всей секции "Дорога добра" */
.summer-cta::before{
  background: transparent !important;
}
/* ----- Спрятать всё, что «крутится/мигает» у Revolution Slider в этом блоке ----- */
.sunrays .rev-banner .tp-loader,
.sunrays .rev-banner .tp-bannertimer,
.sunrays .rev-banner .tp-bullets,
.sunrays .rev-banner .tp-tabs,
.sunrays .rev-banner .tp-thumbs {
  display: none !important;
}

/* На всякий случай отключим любые анимации внутри баннера в этом контейнере */
.sunrays .rev-banner * {
  animation: none !important;
}

/* ----- Контейнер баннера ----- */
.hero-banner-frame.sunrays{
  position: relative;
  overflow: hidden;          /* чтобы лучи не «лезли» наружу */
  border-radius: 14px;       /* можно убрать, если нужен прямой угол */
}

/* «Дорога добра» — заголовок белый */
#summer-program .summer-cta__title{
  color: #fff !important;
  text-shadow: 0 1px 6px rgba(0,0,0,.35); /* можно убрать, если не нужен */
}
/* ===== Footer (чистый и легкий) ===== */
.site-footer{
  background:#fff;
  border-top:1px solid rgba(16,24,40,.06);
  padding-top: 36px;
}

.site-footer__brand span{ color:#1f2937; font-size:16px; }
.site-footer__heading{
  font-weight:700; font-size:14px;
  text-transform:uppercase; letter-spacing:.02em;
  color:#374151; margin-bottom:.4rem;
}

.site-footer__links li a{
  display:inline-block; padding:.15rem 0;
  color:#4b5563; text-decoration:none;
}
.site-footer__links li a:hover{
  color:#a597e7; text-decoration:underline;
}

.site-footer__info li{ color:#4b5563; }
.site-footer__info a{ color:#4b5563; text-decoration:none; }
.site-footer__info a:hover{ color:#a597e7; text-decoration:underline; }

.site-footer__divider{
  border:0; height:1px; margin: 16px 0 0;
  background: linear-gradient(90deg, rgba(165,151,231,.55), rgba(165,151,231,0));
}

.back-to-top{ border-radius:999px; }

/* мобильная выравниловка */
@media (max-width: 575.98px){
  .site-footer__grid > [class*='col-']{ text-align:center; }
  .site-footer__brand span{ display:block; margin-top:6px; }
}
/* ===== fix: лишнее пустое место снизу страницы ===== */
html, body{ margin:0; padding:0; }

/* Последний блок в <main> не должен иметь внешнего отступа снизу */
main > section:last-of-type,
main > div:last-of-type{
  margin-bottom: 0 !important;
  padding-bottom: clamp(16px, 2.5vw, 24px); /* небольшой внутренний отступ – ок */
}

/* Футер не должен иметь внешнего отступа снизу */
footer, .site-footer{ margin-bottom: 0 !important; }

/* На всякий случай — последний прямой дочерний элемент body тоже без нижнего margin */
body > *:last-child{ margin-bottom: 0 !important; }

/* Если “Дорога добра” стоит перед футером — убираем её нижний margin/padding */
.summer-cta{ margin-bottom: 0 !important; }
/* ничего не рисуем после футера */
.site-footer::after,
.site-footer::before{ content:none !important; }
/* ===== footer logo: сохраняем пропорции, не тянем ===== */
.site-footer__brand img{
  display:inline-block;
  height: 56px;           /* базовая высота логотипа в футере */
  width: auto;            /* ширина подстраивается */
  max-width: 100%;
  object-fit: contain;    /* безопасная вписка */
  aspect-ratio: auto;
}

@media (min-width: 768px){
  .site-footer__brand img{ height: 60px; }  /* на десктопе можно чуть больше */
}
/* ===== FAQ section ===== */
.faq-section{
  background:#fff;
  padding: 72px 0 56px;
}
.faq-section:last-of-type{ margin-bottom:0; }

.faq-acc .accordion-item{
  border:1px solid rgba(16,24,40,.08);
  border-radius:14px;
  overflow:hidden;
  margin-bottom:12px;
  background:#fff;
}
.faq-acc .accordion-button{
  padding:1rem 1.25rem;
  font-weight:600;
}
.faq-acc .accordion-button:not(.collapsed){
  background:#f8f7ff;       /* легка підсвітка при відкритті */
  color:#1f2937;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
}
.faq-acc .accordion-body{ color:#4b5563; }

/* якорні посилання на мобільних — дод. прокрутка, щоб заголовок не ховався під шапкою  */
@media (max-width: 991.98px){
  :target { scroll-margin-top: 80px; }
}
<!-- Мінімальні стилі-правки (можеш кинути в style.css) -->
<style>
  .site-footer{
    background:#fff; border-top:1px solid rgba(16,24,40,.08);
    padding:40px 0 28px; position:relative; z-index:2;
  }
  .site-footer a{ color:#4b5563; text-decoration:none; }
  .site-footer a:hover{ color:#111827; }
  .footer-logo{ width:80px; height:80px; object-fit:contain; }

  .faq-section{ background:#fff; padding:72px 0 56px; position:relative; z-index:2; }
  .faq-acc .accordion-item{ border:1px solid rgba(16,24,40,.08); border-radius:14px; overflow:hidden; margin-bottom:12px; background:#fff; }
  .faq-acc .accordion-button{ padding:1rem 1.25rem; font-weight:600; }
  .faq-acc .accordion-button:not(.collapsed){ background:#f8f7ff; color:#1f2937; box-shadow: inset 0 -1px 0 rgba(0,0,0,.05); }
  .faq-acc .accordion-body{ color:#4b5563; }

  /* плаваючі кнопки справа по центру */
  .floating-buttons{
    position:fixed; right:18px; top:50%;
    transform:translateY(-50%); display:flex; flex-direction:column; gap:10px;
    z-index:1030; /* вище за все */
  }
  .float-btn{
    width:46px; height:46px; border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    background:#fff; color:#1f2937; border:1px solid rgba(16,24,40,.12);
    box-shadow:0 8px 20px rgba(16,24,40,.10); text-decoration:none;
  }
  .float-btn:hover{ transform:translateY(-1px); }
  .float-btn.instagram{ color:#E1306C; }
  .float-btn.phone{ color:#16a34a; }

  /* якір на мобільних — щоб не заїжджав під шапку */
  @media (max-width: 991.98px){ :target{ scroll-margin-top: 80px; } }
  body{ overflow-x:hidden; }
</style>
/* ===== Floating buttons — круглые, цветные, справа по центру ===== */
.floating-buttons{
  position: fixed;
  right: max(16px, env(safe-area-inset-right, 16px));
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 1030; /* выше контента, ниже модалок Bootstrap */
}

/* общая кнопка */
.floating-buttons .float-btn{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: #fff;
  background: #6b7280; /* дефолт на всякий */
  box-shadow:
    0 10px 22px rgba(17, 24, 39, .18),
    inset 0 0 0 2px rgba(255,255,255,.08);
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  will-change: transform;
  outline: none;
}
.floating-buttons .float-btn i{
  font-size: 22px;
  line-height: 1;
}

/* hover/focus */
.floating-buttons .float-btn:hover,
.floating-buttons .float-btn:focus-visible{
  transform: translateY(-1px) scale(1.04);
  box-shadow:
    0 14px 30px rgba(17,24,39,.22),
    inset 0 0 0 2px rgba(255,255,255,.12);
  filter: saturate(1.1);
}

/* брендовые темы */
.floating-buttons .instagram{
  /* классический градиент Instagram */
  background: linear-gradient(135deg,
    #f58529 0%,
    #f77737 15%,
    #dd2a7b 45%,
    #8134af 70%,
    #515bd4 100%);
}
.floating-buttons .facebook{ background:#1877F2; }
.floating-buttons .whatsapp{ background:#25D366; }
.floating-buttons .phone{ background:#16a34a; } /* если используешь телефон в списке */

/* небольшие кнопки на мобильных, чуть ближе к краю */
@media (max-width: 575.98px){
  .floating-buttons{ right: max(12px, env(safe-area-inset-right, 12px)); }
  .floating-buttons .float-btn{ width: 52px; height: 52px; }
  .floating-buttons .float-btn i{ font-size: 20px; }
}

/* ===== Дополнительно: если у тебя есть отдельная одиночная .float-call — приведём её к такому же стилю */
/* РЕКОМЕНДАЦИЯ: либо удали .float-call из HTML, либо оставь только её (без блока .floating-buttons), чтобы не было дублирования телефона */
.float-call{
  right: max(16px, env(safe-area-inset-right, 16px)) !important;
  bottom: max(18px, env(safe-area-inset-bottom, 18px)) !important;
  width: 56px; height: 56px;
  border-radius: 50%;
  background: #16a34a;           /* зелёная трубка */
  color: #fff;
  border: none;
  box-shadow: 0 10px 22px rgba(17,24,39,.18), inset 0 0 0 2px rgba(255,255,255,.08);
  transition: transform .15s ease, box-shadow .15s ease;
  z-index: 1030;
}
.float-call i{ font-size: 22px; }
.float-call:hover,
.float-call:focus-visible{
  transform: translateY(-1px) scale(1.04);
  box-shadow: 0 14px 30px rgba(17,24,39,.22), inset 0 0 0 2px rgba(255,255,255,.12);
}
@media (max-width: 575.98px){
  .float-call{ width: 52px; height: 52px; }
  .float-call i{ font-size: 20px; }
}
/* ==== FOOTER ==== */
.site-footer{
  background:#fff;
  border-top:1px solid rgba(16,24,40,.08);
  padding:40px 0 28px;
  position:relative;        /* чтобы z-index сработал */
  z-index: 2;               /* поверх возможных волн/бликов предыдущих секций */
  isolation: isolate;       /* отдельный стек контекст, чтобы ничто не перекрывало */
}
.site-footer a{
  color:#4b5563; text-decoration:none;
}
.site-footer a:hover{ color:#111827; }
.footer-logo{
  width:80px; height:80px; object-fit:contain; display:inline-block;
}

/* Убираем «пустой хвост» снизу страницы */
main > section:last-of-type{ margin-bottom:0 !important; }
body > *:last-child{ margin-bottom:0 !important; }

/* На всякий случай: если предыдущая секция рисует большие псевдо-элементы */
.faq-section, .site-footer{ position:relative; z-index:2; }
/* ===== Телеграм-кнопка в фирменном цвете ===== */
.btn-telegram{
  --tg:#ea7066;
  background: var(--tg);
  border: 1px solid var(--tg);
  color:#fff;
  border-radius: 10px;
  padding: 12px 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1.2;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(234,112,102,.28);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  max-width:100%; /* не обрежется по краю контейнера */
}
.btn-telegram:hover,
.btn-telegram:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(234,112,102,.36);
  filter:saturate(1.04) brightness(1.02);
}

/* чтобы CTA не перекрывалась волной, а сама секция имела «верхний слой» */
.faq-section{ position:relative; z-index:2; overflow:visible; }

/* ===== Переход FAQ → футер: компактная волна ===== */
.site-footer{
  position:relative;
  background:#fff;
  border-top:1px solid rgba(16,24,40,.08);
  margin:0 !important;          /* никаких внешних отступов */
  padding:0 0 28px;             /* небольшой нижний внутренний отступ */
  z-index:1;
  isolation:isolate;
}

.site-footer .footer-wave{
  position:absolute;
  top:-52px; left:0; right:0; height:56px; line-height:0;
  pointer-events:none;
}
.site-footer .footer-wave svg{ width:100%; height:100%; display:block; }
.site-footer .footer-wave path{ fill:#fff; } /* белая волна поверх страницы */
.site-footer .footer-inner{ padding-top:20px; }

/* Лого в футере */
.footer-logo{ width:80px; height:80px; object-fit:contain; }

/* ===== Удаляем лишний «хвост» под футером ===== */
html, body{ margin:0; padding:0; background:#fff; }
main > section:last-of-type{ margin-bottom:0 !important; }
.site-footer:last-of-type{ margin-bottom:0 !important; }
.site-footer *:last-child{ margin-bottom:0; }

/* Если какой-то блок даёт «просвет» снизу из-за внешних теней/блюра */
body{ overflow-x:hidden; } /* защитимся от случайного горизонтального скролла */
/* --- anti-gap bottom fixes --- */
html, body { margin:0; padding:0; min-height:100%; overflow-x:hidden; }

main > section:last-of-type { margin-bottom: 0 !important; }
#site-footer { margin: 0 !important; }
#site-footer .footer-inner { padding-bottom: 20px; }
#site-footer .footer-wave { top: -48px; height: 52px; }

/* если какой-то размытие/тень «выпирает» за футер, аккуратно обрежем */
#site-footer { overflow: clip; } /* безопасно; если браузер старый — просто проигнорирует */

/* у кнопки «Напишіть нам» — ровный радиус и без срезов */
.btn-telegram{
  --tg:#ea7066;
  background:var(--tg); border:1px solid var(--tg); color:#fff;
  border-radius:10px; padding:12px 20px;
  display:inline-flex; align-items:center; gap:8px;
  box-shadow:0 8px 18px rgba(234,112,102,.28);
  transition:.15s;
}
.btn-telegram:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(234,112,102,.36); }
/* --- секция "Швидка навігація" должна быть поверх героя --- */
.section-top{
  position: relative;
  z-index: 5;          /* выше баннера */
}

/* герой и его декоры ниже по слою */
.hero-lite{ 
  position: relative; 
  z-index: 1;          /* сам герой ниже */
}

/* все внутренние «блики/пятна/лучи» и сам фрейм баннера — еще ниже */
.hero-lite .hero-glare,
.hero-lite .hero-blob,
.hero-lite .sunrays__layer,
.hero-lite .hero-banner-frame{
  position: relative;
  z-index: 0;
}

/* на всякий случай: если какой-то слой имел огромный z-index */
.hero-lite [style*="z-index"]{ z-index: 0 !important; }
/* убираем исторический большой зазор перед героем */
.hero-lite,
.hero-lite.hero-compact{
  margin-top:0 !important;
  padding-top:24px !important;
  min-height:auto !important;
  overflow:hidden;
}

/* на всякий случай обнулим внешние отступы у шапки */
.header, .top-bar, .navbar{ margin-bottom:0 !important; }

/* чтобы декоративные блики/пятна не создавали горизонтальный скролл */
.hero-glare, .hero-blob{ max-width:100%; pointer-events:none; }
html, body{ overflow-x:hidden; }
/* === HERO: картинка на мобилке должна заполнять весь контейнер === */
@media (max-width: 576px){
  /* сама рамка баннера – без внутренних отступов, во всю доступную высоту */
  .hero-lite .hero-banner-frame{
    padding: 0 !important;
    height: min(64vh, 520px) !important;   /* можно подправить цифры по вкусу */
    max-height: 520px !important;
    overflow: hidden;
  }

  /* всё внутри рамки — в 100% по ширине/высоте */
  .hero-lite .hero-banner-frame .rev-banner,
  .hero-lite .hero-banner-frame .tp-mask-wrap{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  /* если внутри обычный <img> */
  .hero-lite .hero-banner-frame img{
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;   /* заполняем без полос по краям */
    border-radius: inherit;
  }

  /* если это фоновые слои Revolution Slider */
  .hero-lite .hero-banner-frame .rev-slidebg,
  .hero-lite .hero-banner-frame .tp-bgimg,
  .hero-lite .hero-banner-frame .slotholder{
    width: 100% !important;
    height: 100% !important;
    background-position: center !important;
    background-size: cover !important;
    object-fit: cover !important;
  }
}
@media (max-width: 576px){
  .hero-banner-narrow{ max-width: none !important; }
}
/* === Events & Courses (sidebar) === */
.eac-card { border-radius: 14px; }

.eac-mini { --eac-accent:#ea7066; }
.eac-mini .eac-head {
  display: grid; grid-template-columns: repeat(7,1fr);
  font-weight: 600; font-size: .82rem; color: #7b8794;
  margin-bottom: .25rem;
}
.eac-mini .eac-head span { text-align:center; padding:.25rem 0; }

.eac-grid {
  display: grid; grid-template-columns: repeat(7,1fr);
  gap: .25rem;
}
.eac-day {
  position: relative;
  text-align: center;
  padding: .55rem 0;
  border-radius: 10px;
  font-size: .95rem;
  line-height: 1;
  cursor: default;
  user-select: none;
}
.eac-day.out { opacity:.45; }
.eac-day.today { outline: 2px solid var(--eac-accent); outline-offset: -2px; }
.eac-day.has-items::after {
  content: ""; position: absolute; left:50%; bottom:.35rem; transform:translateX(-50%);
  width:.35rem; height:.35rem; border-radius: 50%; background: var(--eac-accent);
}

.eac-day.btn {
  padding:.55rem 0;
}

.eac-list .eac-item {
  display:flex; gap:.75rem; align-items:flex-start;
  padding:.5rem .25rem; border-bottom:1px dashed rgba(0,0,0,.08);
}
.eac-list .eac-date {
  min-width:3.2rem; text-align:center;
  line-height:1.1;
}
.eac-list .eac-date .d { font-weight:700; font-size:1.1rem; }
.eac-list .eac-date .m { font-size:.78rem; color:#7b8794; }

.eac-badge {
  display:inline-block; padding:.15rem .45rem; border-radius:999px; font-size:.72rem;
  background:#eef2f7; color:#445; margin-right:.35rem;
}
.eac-badge.event  { background:#ffe9e7; color:#b63d32; }
.eac-badge.course { background:#e7f6ed; color:#2b7a4b; }

.eac-item a { text-decoration:none; color:inherit; }
.eac-item a:hover { text-decoration:underline; }

@media (max-width: 991.98px){
  .eac-card.sticky-lg-top { position:static !important; top:auto !important; }
}
/* === КРУГЛЫЙ БАННЕР: 3 кольца + пузырьки === */

/* обёртка компонента (ничего лишнего) */
.hero-banner-circle{
  /* диаметр фотовкруга */
  --core: clamp(360px, 35vw, 540px);

  /* толщины колец (изнутри → наружу) */
  --r1: 28px;   /* #f19abc */
  --r2: 32px;   /* #f7c7d7 */
  --r3: 36px;   /* #fde7f1 */

  /* полный диаметр внешнего кольца — для орбиты пузырьков */
  --outerD: calc(var(--core) + 2*(var(--r1) + var(--r2) + var(--r3)));

  position: relative;
  overflow: visible;       /* кольца и пузырьки не обрезаются */
  margin-left: auto;       /* чуть вправо в колонке */
}

/* сам круг с изображением + ТРИ кольца одним box-shadow */
.hero-circle{
  width: var(--core);
  height: var(--core);     /* фиксируем высоту, чтобы точно был круг */
  border-radius: 50%;
  background: #ea77ad;     /* фон самого контейнера */
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;

  /* ТРИ розовых кольца (изнутри наружу) */
  box-shadow:
    0 0 0 var(--r1) #f19abc,
    0 0 0 calc(var(--r1) + var(--r2)) #f7c7d7;
   
}

/* картинка внутри круга */
.hero-circle__img{
  width: 80%;
  height: 80%;
  object-fit: cover;
  border-radius: 5%;
  display: block;
}

/* контейнер маленьких пузырьков — строго по внешнему диаметру */
.hero-chips{
  position: absolute;
  left: 50%; top: 50%;
  width: var(--outerD);
  height: var(--outerD);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 3;              /* поверх колец */
}

/* сам пузырёк
   на каждом элементе можно задавать:
   --a (угол в deg), --size (диаметр), --c (цвет иконки) */
.hero-chip{
  --a: 0deg;
  --size: 56px;
  --c: #6b6b6b;

  position: absolute;
  left: 50%; top: 50%;
  width: var(--size); height: var(--size);
  border-radius: 50%;
  background: #fff;
  color: var(--c);
  display: grid; place-items: center;
  pointer-events: auto;
  box-shadow:
    0 12px 26px rgba(0,0,0,.12),
    inset 0 0 0 6px rgba(255,255,255,.60);

  /* Центр пузырька идёт по СЕРЕДИНЕ внешнего кольца */
  transform:
    rotate(var(--a))
    translate(calc(var(--outerD)/2 - var(--r3)/2 - var(--size)/2))
    rotate(calc(-1 * var(--a)));
}

.hero-chip .i{ width:72%; height:72%; display:grid; place-items:center; }
.hero-chip svg{ width:100%; height:100%; display:block; }
.hero-chip i{ font-size: calc(var(--size)*.50); line-height: 1; }

/* цвета для примера */
.hero-chips .hero-chip:nth-child(1){ --c:#ff6fa1; }
.hero-chips .hero-chip:nth-child(2){ --c:#22b7a5; }
.hero-chips .hero-chip:nth-child(3){ --c:#a36ffc; }
.hero-chips .hero-chip:nth-child(4){ --c:#f59e0b; }
.hero-chips .hero-chip:nth-child(5){ --c:#7d57d9; }
.hero-chips .hero-chip:nth-child(6){ --c:#14a3b8; }

/* прячем баннер на телефонах (как договаривались) */
@media (max-width: 991.98px){
  .hero-banner-circle{ display: none !important; }
}

/* глушим любые старые слои/анимации именно внутри этого блока */
.hero-banner-circle .sunrays__layer,
.hero-banner-circle .rev-banner,
.hero-banner-circle .tp-mask-wrap{
  display: none !important;
}
/* по умолчанию без смещения */
.hero-chip { --delta: 20px; }

/* формула позиционирования — добавили + var(--delta) */
.hero-chip{
  transform:
    rotate(var(--a))
    translate(calc(var(--outerD)/2 - var(--ringL)/2 - var(--size)/2 + var(--delta)))
    rotate(calc(-1 * var(--a)));
}
/* фірмовий червоний для кнопки в топ-барі */
:root{ --brand-red:#ea7066; }

.top-bar .redLnk{
  display:inline-flex; align-items:center;
  padding:.45rem .9rem; border-radius:10px;
  background:var(--brand-red) !important; border:1px solid var(--brand-red) !important;
  color:#fff !important; text-decoration:none; font-weight:600; line-height:1.1;
  box-shadow:0 2px 6px rgba(234,112,102,.28);
  transition:background .2s, box-shadow .2s, transform .15s;
}
.top-bar .redLnk:hover,.top-bar .redLnk:focus{
  background:#de645a !important; border-color:#de645a !important;
  box-shadow:0 6px 16px rgba(234,112,102,.35); transform:translateY(-1px);
}
.top-bar .redLnk:active{ background:#c7574e !important; border-color:#c7574e !important; transform:none; }

/* --- БАННЕР ABOUT --- */
.breadcrumb-bg{
  position: relative;
  background: #0a1022 center/cover no-repeat;
  padding: clamp(56px, 9vw, 140px) 0;
  margin: 0; border: 0;
}
.breadcrumb-bg::before{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(10,16,34,.46), rgba(10,16,34,.62));
}
.breadcrumb-bg > .container{ position: relative; z-index: 1; }

.breadcrumb-title{
  color:#fff; font-weight:800; line-height:1.1; margin:0 0 .5rem 0;
  text-shadow:0 6px 22px rgba(0,0,0,.25);
}
.breadcrumb-transparent .breadcrumb-item,
.breadcrumb-transparent .breadcrumb-item a{ color:rgba(255,255,255,.9); }

/* --- КАРТКИ «Наші пріоритети» --- */
.about-cards{
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 16px;
}
.about-cards > li{
  position: relative;
  border: 1px solid rgba(16,24,40,.08);
  background: #fff; border-radius: 14px;
  padding: 16px 16px 16px 56px;
  box-shadow: 0 8px 24px rgba(10,16,34,.05);
}
.about-cards > li::before{
  content:""; position:absolute; left:16px; top:16px;
  width:28px; height:28px; border-radius:50%;
  background: linear-gradient(135deg, #ff8bbf, #ea77ad);
  box-shadow: inset 0 0 0 6px rgba(255,255,255,.55), 0 8px 16px rgba(0,0,0,.08);
}
.about-cards strong{ color:#0f172a; }

/* --- ФУТЕР --- */
.site-footer{
  background:#ffffff;
  color:#334155;
  border-top:1px solid rgba(2,6,23,.06);
}
.site-footer .footer-wave svg{ width:100%; height:72px; display:block; }
.site-footer .footer-wave path{ fill:#fff; }
.site-footer .footer-logo{ width:80px; height:80px; border-radius:14px; object-fit:contain; background:#fff; }
.site-footer .footer-inner a{ color:inherit; text-decoration:none; }
.site-footer .footer-inner a:hover{ text-decoration:underline; }

/* === HERO: делаем левый столбец устойчивым на всех экранах === */

/* секция не обрезает содержимое и всегда поверх следующего блока */
.hero-lite{
  position: relative;
  z-index: 2;
  overflow: visible;
}

/* левый столбец с текстом — безопасные отступы по вертикали */
.hero-lite .hero-copy{
  position: relative;
  z-index: 3;            /* контент поверх любых декоративных слоев */
  padding-top: .25rem;
  padding-bottom: .25rem;
  max-width: 52rem;      /* не влияет на цвет/размеры, только ширину текста */
}

/* заголовок и подзаголовок — не «ломают» строку и не расползаются */
.hero-lite .hero-title{
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}
.hero-lite .hero-title-accent{
  white-space: normal;
}

/* список буллетов — аккуратные промежутки, без переполнения */
.hero-lite .hero-bullets{
  display: grid;
  gap: .4rem .75rem;
  margin-bottom: 1rem;   /* чтобы кнопка не прилипала */
}

/* кнопка гарантированно кликабельна и «над» соседними слоями */
.hero-lite .hero-cta{
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  white-space: nowrap;
}

/* если сразу после HERO идёт «section-top», не даём ему наезжать */
.hero-lite + .section-top{
  margin-top: 0 !important;
  position: relative;
  z-index: 1;
}

/* WOW/animate иногда добавляют translateY и перекрывают кнопку — гасим только здесь */
.hero-lite + .section-top .row.wow{
  transform: none !important;
}

/* на планшетах/телефонах добавим чуть «воздуха» снизу, чтобы кнопка не упиралась в след. секцию */
@media (max-width: 991.98px){
  .hero-lite{ padding-bottom: 16px; }
}

/* декоративные слои не перехватывают клики и не перекрывают кнопку */
.hero-lite .hero-glare,
.hero-lite .hero-blob,
.hero-lite .sunrays__layer,
.hero-lite .rev-banner,
.hero-lite .tp-mask-wrap{
  pointer-events: none;
  z-index: 1;
}

/* на маленьких экранах текст растягивается на всю ширину строки и остаётся сверху */
@media (max-width: 575.98px){
  .hero-lite .row{ align-items: flex-start !important; }
  .hero-lite .hero-copy{ padding-bottom: .5rem; }
}
/* hero даём запас снизу, чтобы навигация «вплывала» и ничего не перекрывала */
.hero-lite.hero-compact{
  position: relative;
  z-index: 1;
  padding-bottom: clamp(56px, 8vw, 120px); /* место под навигацию */
}

/* навигация поверх героя */
.section-top--over{
  --lift: clamp(36px, 6vw, 96px); /* насколько поднять секцию вверх */
  position: relative;
  z-index: 3;                     /* выше героя */
  margin-top: calc(-1 * var(--lift));
}

/* небольшая «карточная» тень, чтобы отделить блок от героя */
.section-top--over .container{
  position: relative;
}
.section-top--over .row{
  background: #fff;               /* фон под цвет карточек */
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
  padding: 8px 8px;               /* тонкая рамка вокруг карточек */
}

/* мобильная адаптация карточек — 2×2 сетка и компактные внутренние отступы */
@media (max-width: 575.98px){
  .section-top--over .row{
    padding: 6px;
    border-radius: 14px;
  }
  .section-top--over .col-6{ padding-left: 6px; padding-right: 6px; }
  .section-top--over .card{ border-radius: 14px; }
  .section-top--over .card .card-body{ padding: 10px 8px !important; }
  .section-top--over .card-icon-border-large{
    width: 52px; height: 52px; line-height: 52px; margin: 6px auto 6px;
  }
  .section-top--over .card-icon-border-large i{ font-size: 22px; }
  .section-top--over h2.font-size-32{
    font-size: 18px !important;
    padding-top: 6px !important; padding-bottom: 8px !important;
    margin-bottom: 0 !important;
  }
  /* убираем wow-анимацию, чтобы не дёргалось при перекрытии */
  .section-top--over .wow{ visibility: visible !important; animation: none !important; }
}

/* планшет/десктоп — как было: 4 в ряд */
@media (min-width: 576px){
  .section-top--over .row{ padding: 10px 10px; }
  .section-top--over .col-sm-3{ padding-left: 10px; padding-right: 10px; }
}

/* если где-то осталась «фиксированная» версия — выключаем её поведение */
.section-top.section-top--fixed{
  position: static !important;
  box-shadow: none !important;
}
body{ padding-top: 0 !important; } /* на случай, если добавлялся отступ под fixed */
/* даём герою место снизу, чтобы CTA не перекрывалась карточками */
.hero-lite.hero-compact{
  position: relative;
  z-index: 1;
  padding-bottom: clamp(56px, 8vw, 120px);
}

/* поднимаем блок навигации поверх героя, без белого контейнера */
.section-top--over{
  --lift: clamp(36px, 6vw, 96px);   /* высота подъёма */
  position: relative;
  z-index: 3;
  margin-top: calc(-1 * var(--lift));
}

/* если где-то остались стили «белой подложки» — глушим их */
.section-top--over .row{
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* мобильная адаптация карточек: 2×2, компактнее и аккуратно */
@media (max-width: 575.98px){
  .section-top--over .col-6{ padding-left: 6px; padding-right: 6px; }
  .section-top--over .card{ border-radius: 14px; }
  .section-top--over .card .card-body{ padding: 10px 8px !important; }
  .section-top--over .card-icon-border-large{
    width: 52px; height: 52px; line-height: 52px; margin: 6px auto 6px;
  }
  .section-top--over .card-icon-border-large i{ font-size: 22px; }
  .section-top--over h2.font-size-32{
    font-size: 18px !important;
    padding-top: 6px !important;
    padding-bottom: 8px !important;
    margin-bottom: 0 !important;
  }
}

/* на ≥576px всё как было: 4 в ряд, без доп. подложек */
@media (min-width: 576px){
  .section-top--over .col-sm-3{ padding-left: 10px; padding-right: 10px; }
}
.hero-h600 { height: 600px; }

/* чтобы на очень маленьких экранах блок не резал контент */
@media (max-width: 576px){
  .hero-h600 { height: auto; min-height: 600px; }
}
/* Hafiz mini block */
.hafiz-card{
  border-radius:18px;
  background: linear-gradient(180deg,#ffffff,#fbfcff);
  border:1px solid rgba(16,24,40,.08);
  padding:1.25rem 1.5rem;
}
@media (min-width:768px){
  .hafiz-card{ padding:1.75rem 2rem; }
}
.hafiz-logo{
  max-width:170px;
  width:100%;
  height:auto;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.08));
}
.hafiz-tags .hafiz-tag{
  display:inline-block;
  padding:.35rem .6rem;
  border-radius:999px;
  font-size:.85rem;
  background:#eef2f7; color:#445;
}
.hafiz-tags .hafiz-tag.success{ background:#e7f6ed; color:#2b7a4b; }
.hafiz-tags .hafiz-tag.info{    background:#eaf1ff; color:#1e40af; }
.hafiz-cta{ white-space:nowrap; }

@media (max-width:575.98px){
  .hafiz-card{ text-align:center; }
  .hafiz-cta{ margin-top:.25rem; }
}
/* AYA books */
.aya-books { padding: 2.5rem 0 3rem; }
.aya-books .fw-600 { font-weight: 600; }
.aya-brand img{ box-shadow: 0 6px 16px rgba(0,0,0,.12); }
.aya-brand span{ color:#7b3a2d; }

/* картка книги */
.book-card {
  display:block;
  color:inherit;
  text-decoration:none;
  border-radius:16px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.book-card:hover { transform: translateY(-4px); }

/* обкладинка з картинкою */
.book-cover{
  position:relative;
  border-radius:14px;
  aspect-ratio:3/4;
  overflow:hidden;
  box-shadow:0 14px 32px rgba(0,0,0,.10);
}
.book-cover__img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  display:block;
}
/* мʼякий глянець */
.book-cover::after{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.00) 55%, rgba(0,0,0,.10)),
    radial-gradient(120% 120% at 20% 10%, rgba(255,255,255,.75), rgba(255,255,255,.25) 40%, transparent 60%);
  pointer-events:none;
}

/* бейдж класу */
.book-badge{
  position:absolute; top:.6rem; left:.6rem;
  background:rgba(255,255,255,.92);
  color:#333; font-weight:700; font-size:.9rem;
  padding:.25rem .55rem; border-radius:999px;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}

/* підписи під обкладинкою */
.book-meta{ padding:.6rem .25rem 0; }
.book-meta h3{
  font-size:clamp(.98rem, 1.1vw + .6rem, 1.05rem);
  line-height:1.25; margin:.35rem 0 0;
}
:root { --brand-red:#ea7066; }

/* ===== Документи ===== */
.docs-section { padding: 2.5rem 0 3rem; }
.docs-note { font-size: .95rem; }

.doc-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(220px,1fr));
  gap: clamp(14px, 1.5vw, 22px);
}

.doc-card{
  background:#fff;
  border-radius:16px;
  padding: clamp(14px, 1.4vw, 18px);
  box-shadow: 0 12px 28px rgba(16,24,40,.08);
  border: 1px solid rgba(16,24,40,.06);
  display:flex; flex-direction:column; gap:.9rem;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.doc-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(16,24,40,.12);
  border-color: rgba(16,24,40,.12);
}

.doc-head{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.8rem; }
.doc-icon{
  width:44px; height:44px; border-radius:50%;
  display:grid; place-items:center;
  background: rgba(234,112,102,.12);
  color: var(--brand-red);
}
.doc-icon i{ font-size: 1.15rem; }

.doc-title{
  font-weight:700;
  font-size: clamp(.98rem, .8vw + .6rem, 1.05rem);
  line-height:1.25;
}

.doc-badge{
  padding:.25rem .6rem;
  border-radius:999px;
  background:#f7f7fa;
  color:#666; font-size:.78rem; font-weight:600;
}

.doc-actions{ display:flex; gap:.6rem; }
.doc-actions .btn-danger{
  background: var(--brand-red);
  border-color: var(--brand-red);
}
.doc-actions .btn-danger:hover{
  background:#de645a; border-color:#de645a;
}

/* Адаптив: 2 колонки на планшеті, 1 — на мобілці */
@media (max-width: 991.98px){
  .doc-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575.98px){
  .doc-grid{ grid-template-columns: 1fr; }
}
:root{ --brand-red:#ea7066; }

/* Документи — охайна сітка */
.docs-section{ padding:2.5rem 0 3rem; }
.docs-note{ font-size:.95rem; }

.doc-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(230px,1fr));
  gap:clamp(14px,1.6vw,22px);
}

.doc-card{
  display:flex; flex-direction:column; justify-content:space-between;
  gap:1rem; min-height:168px;
  background:#fff; border:1px solid rgba(16,24,40,.06);
  border-radius:16px;
  padding:clamp(14px,1.4vw,18px);
  box-shadow:0 12px 28px rgba(16,24,40,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.doc-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 36px rgba(16,24,40,.12);
  border-color:rgba(16,24,40,.12);
}

.doc-head{
  display:grid; grid-template-columns:auto 1fr auto;
  align-items:center; gap:.8rem;
}
.doc-icon{
  width:44px; height:44px; border-radius:50%;
  display:grid; place-items:center;
  background:rgba(234,112,102,.12); color:var(--brand-red);
}
.doc-icon i{ font-size:1.15rem; }

.doc-title{
  margin:0;
  font-weight:700;
  font-size:clamp(1rem, .9vw + .6rem, 1.06rem);
  line-height:1.25;
}
.doc-badge{
  padding:.25rem .6rem; border-radius:999px;
  background:#f7f7fa; color:#666; font-size:.78rem; font-weight:600;
}

.doc-actions{ display:flex; gap:.6rem; }
.btn-brand{
  background:var(--brand-red); border-color:var(--brand-red); color:#fff;
  box-shadow:0 6px 14px rgba(234,112,102,.28);
}
.btn-brand:hover{ background:#de645a; border-color:#de645a; color:#fff; }

/* Адаптив */
@media (max-width: 991.98px){
  .doc-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 575.98px){
  .doc-grid{ grid-template-columns:1fr; }
  .doc-actions .btn{ width:100%; }
}
/* Наші пріоритети — охайні картки з іконками */
.about-prio .prio-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(230px,1fr));
  gap: clamp(14px,1.6vw,22px);
}

.about-prio .prio-card{
  background:#fff;
  border:1px solid rgba(16,24,40,.06);
  border-radius:16px;
  padding: clamp(16px,1.5vw,22px);
  box-shadow: 0 12px 28px rgba(16,24,40,.08);
  min-height: 168px;
  display:flex;
  flex-direction:column;
  gap:.55rem;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.about-prio .prio-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(16,24,40,.12);
  border-color: rgba(16,24,40,.12);
}

.about-prio .prio-ico{
  width: 52px; height: 52px; border-radius: 50%;
  display:grid; place-items:center;
  color:#ea7066; /* ваш фірмовий червоний */
  background: radial-gradient(100% 100% at 30% 20%, #fff 0%, #fff 60%, #f7f7fb 100%);
  box-shadow:
    inset 0 0 0 6px rgba(234,112,102,.12), /* м’який рожевий обідок */
    0 6px 14px rgba(234,112,102,.18);      /* легка тінь */
}
.about-prio .prio-ico i{ font-size: 1.1rem; line-height:1; }

.about-prio h3{
  font-size: clamp(1.02rem, .9vw + .6rem, 1.15rem);
  font-weight: 700;
  margin: .1rem 0 .1rem;
}
.about-prio p{
  margin: 0;
  color:#475467;
  font-size: clamp(.95rem, .8vw + .45rem, 1rem);
  line-height: 1.45;
}

/* Адаптив: 2 колонки на планшеті, 1 — на мобілці */
@media (max-width: 991.98px){
  .about-prio .prio-grid{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 575.98px){
  .about-prio .prio-grid{ grid-template-columns: 1fr; }
}
/* Наші пріоритети — «пілли» без квадратних карток */
:root { --brand-red: #ea7066; }

.about-prio-pills .prio-list{
  list-style:none; margin:0; padding:0;
  display:grid;
  grid-template-columns: repeat(2, minmax(280px,1fr));
  gap: clamp(12px, 1.4vw, 20px);
}

.prio-pill{
  display:flex; align-items:center;
  gap: clamp(12px, 1.2vw, 18px);
  padding: clamp(12px, 1.4vw, 18px) clamp(14px, 1.6vw, 22px);
  border-radius: 9999px;                 /* капсула */
  background: linear-gradient(180deg, rgba(234,112,102,0.06), rgba(234,112,102,0.03));
  border: 1px solid rgba(16,24,40,.08);
  box-shadow: 0 6px 14px rgba(16,24,40,.06);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.prio-pill:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(16,24,40,.10);
  border-color: rgba(16,24,40,.12);
}

.prio-pill .pi-ico{
  flex: 0 0 auto;
  width: clamp(46px, 4.2vw, 56px);
  height: clamp(46px, 4.2vw, 56px);
  border-radius: 50%;
  display:grid; place-items:center;
  color: var(--brand-red);
  background: #fff;
  box-shadow:
    inset 0 0 0 6px rgba(234,112,102,.10),
    0 6px 14px rgba(234,112,102,.18);
}
.prio-pill .pi-ico i{ font-size: clamp(18px, 1.6vw, 22px); line-height:1; }

.prio-pill .pi-body{ min-width: 0; }
.prio-pill h3{
  margin: 0 0 2px 0;
  font-size: clamp(1rem, .9vw + .55rem, 1.15rem);
  font-weight: 700;
}
.prio-pill p{
  margin: 0;
  color:#475467;
  font-size: clamp(.92rem, .8vw + .42rem, 1rem);
  line-height: 1.45;
}

/* Адаптив: 1 колонка на мобілці, 3 — на великих */
@media (max-width: 575.98px){
  .about-prio-pills .prio-list{ grid-template-columns: 1fr; }
}
@media (min-width: 1200px){
  .about-prio-pills .prio-list{ grid-template-columns: repeat(3, minmax(280px,1fr)); }
}
/* Красный градиент вместо баннера */
.breadcrumb-bg--red{
  /* фирменные оттенки */
  --c1:#ea7066;   /* красный */
  --c2:#ea77ad;   /* розово-красный */

  background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);
  color:#fff;
  /* компактная высота, адаптивные отступы сверху/снизу */
  padding-block: clamp(28px, 6vw, 72px);
}


}
.breadcrumb-bg--red .breadcrumb .breadcrumb-item.active{ opacity:1; }

/* на всякий случай гасим возможный inline-стиль с картинкой, если вдруг остался */
.breadcrumb-bg[style]{ background-image:none !important; }
:root{ --brand-red:#ea7066; }

/* Красный фирменный градиент */
.breadcrumb-bg--red{
  background: linear-gradient(
    135deg,
    #d4635b 0%,          /* чуть темнее вашего красного */
    var(--brand-red) 55%,/* ваш красный */
    #f28a81 100%         /* чуть светлее вашего красного */
  );
  color:#fff;
  padding-block: clamp(28px, 6vw, 72px);
}



/* на всякий случай гасим старую картинку */
.breadcrumb-bg[style]{ background-image:none !important; }
:root { --brand-red: #EA7066; }

/* Градиент: ваш красный → белый */
.breadcrumb-bg--brandfade{
  background: linear-gradient(135deg, var(--brand-red) 0%, #ffffff 100%) !important;
  /* на всякий случай fallback */
  background-color: var(--brand-red) !important;
  padding-block: clamp(28px, 6vw, 72px);
}

/* Снести чёрный оверлей, если он был в теме */
.breadcrumb-bg--brandfade::before,
.breadcrumb-bg--brandfade::after{
  content: none !important;
  background: none !important;
}

/* Если где-то остался старый inline background-image — глушим */
.breadcrumb-bg[style]{ background-image: none !important; }


}
.breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item.active{ color:#111; }
:root{ --brand-red:#EA7066; }

/* Градієнт зверху вниз: #EA7066 -> білий */
.breadcrumb-bg--brandfade{
  background: linear-gradient(to bottom, var(--brand-red) 0%, #ffffff 100%) !important;
  background-color: var(--brand-red) !important;
  padding-block: clamp(28px, 6vw, 72px);
}

/* Прибрати будь-який темний оверлей із теми */
.breadcrumb-bg--brandfade::before,
.breadcrumb-bg--brandfade::after{
  content: none !important;
  background: none !important;
}

/* Якщо десь лишився старий inline background-image — глушимо його */
.breadcrumb-bg[style]{ background-image: none !important; }


}

/* Невелика тінь для читабельності (можна прибрати) */
.breadcrumb-bg--brandfade .breadcrumb-title{
  text-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.breadcrumb-bg--brandfade .breadcrumb a:hover{text-decoration: underline;}

}
/* === Вернём красный ТОЛЬКО кнопке "Приєднатись до нас" === */
:root { --join-red:#ea7066; } /* ваш фирменный красный */

.top-bar .redLnk{
  background: var(--join-red) !important;
  border-color: var(--join-red) !important;
  color:#fff !important;
  box-shadow: 0 2px 6px rgba(234,112,102,.28);
}
.top-bar .redLnk:hover,
.top-bar .redLnk:focus{
  background:#de645a !important;
  border-color:#de645a !important;
  box-shadow:0 6px 16px rgba(234,112,102,.35);
}
.top-bar .redLnk:active{
  background:#c7574e !important;
  border-color:#c7574e !important;
}
/* === PRIO PILLS: зелёные тени и акценты (#B5D56A) === */
:root { --brand-green:#B5D56A; }

.about-prio-pills .prio-pill{
  /* вместо красных теней */
  box-shadow:
    0 10px 26px rgba(181,213,106,.22),
    0 4px 10px  rgba(181,213,106,.14);
  border: 1px solid rgba(181,213,106,.35); /* тонкий зелёный контур */
  background: #fff; /* как было, просто фикс для единообразия */
}

.about-prio-pills .prio-pill:hover{
  box-shadow:
    0 16px 36px rgba(181,213,106,.28),
    0 6px 14px  rgba(181,213,106,.18);
  transform: translateY(-2px);
}

.about-prio-pills .pi-ico{
  /* круг под иконкой — убираем красный ореол, делаем зелёный */
  color: var(--brand-green);
  background: radial-gradient(100% 100% at 30% 20%,
              rgba(181,213,106,.22) 0%,
              rgba(181,213,106,.12) 60%,
              rgba(181,213,106,.08) 100%);
  border: 1px solid rgba(181,213,106,.30);
  box-shadow: inset 0 0 0 6px rgba(181,213,106,.12);
}
/* Docs: оставить красные акценты как было */
.docs-section .btn-brand{
  background:#ea7066;
  border-color:#ea7066;
  color:#fff;
}
.docs-section .btn-brand:hover{
  background:#de645a;
  border-color:#de645a;
}

.docs-section .doc-badge{
  background:#ffe9e7;
  color:#b63d32;
}

.docs-section .doc-icon i{
  color:#ea7066;
}

.docs-section .doc-card{
  /* нейтральная тень без зелёного */
  box-shadow:
    0 10px 22px rgba(16,24,40,.06),
    0 4px 10px rgba(16,24,40,.04);
  border:1px solid rgba(16,24,40,.08);
}
/* === Docs: кнопка "Переглянути" — красная === */
.docs-section .btn-brand,
.docs-section .btn.btn-outline-secondary {
  background: #ea7066 !important;
  border-color: #ea7066 !important;
  color: #fff !important;
}

.docs-section .btn-brand:hover,
.docs-section .btn.btn-outline-secondary:hover {
  background: #de645a !important;
  border-color: #de645a !important;
  color: #fff !important;
}

.docs-section .btn-brand:focus,
.docs-section .btn.btn-outline-secondary:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(234,112,102,.25);
}

.docs-section .btn-brand:active,
.docs-section .btn.btn-outline-secondary:active {
  background: #c7574e !important;
  border-color: #c7574e !important;
  color: #fff !important;
}
/* Заголовок "Наші пріоритети" — зелёный */
.about-prio-pills #prio-title {
  color: #B5D56A !important;
}

/* Заголовок "Офіційні документи" — фирменный красный */
.docs-section #docs-title {
  color: #EA7066 !important;
}
/* Маленький градиент в самом конце баннера */
.breadcrumb-bg--brandfade,
.breadcrumb-bg.breadcrumb-bg--brandfade {
  /* где начинается "схлопывание" в белый — можно подправить процент */
  --fade-start: 90%;
  background: linear-gradient(
    180deg,
    #EA7066 0%,
    #EA7066 var(--fade-start),
    #ffffff 100%
  ) !important;
}

/* Текст на баннере — белый */
.breadcrumb-bg--brandfade .breadcrumb-title,
.breadcrumb-bg--brandfade .breadcrumb a,
.breadcrumb-bg--brandfade .breadcrumb .active {
  color: #ffffff !important;
}

/* На очень маленьких экранах делаем переход чуть пораньше, чтобы низ не сливался */
@media (max-width: 576px) {
  .breadcrumb-bg--brandfade { --fade-start: 86%; }
}
/* Маленький ЗЕЛЁНЫЙ градиент в самом конце баннера */
.breadcrumb-bg--brandfade,
.breadcrumb-bg.breadcrumb-bg--brandfade {
  --fade-start: 90%; /* чем больше %, тем меньше градиент */
  background: linear-gradient(
    180deg,
    #B5D56A 0%,
    #B5D56A var(--fade-start),
    #ffffff 100%
  ) !important;
}

/* Текст на баннере — белый */
.breadcrumb-bg--brandfade .breadcrumb-title,
.breadcrumb-bg--brandfade .breadcrumb a,
.breadcrumb-bg--brandfade .breadcrumb .active {
  color: #ffffff !important;
}

/* На очень маленьких экранах — чуть раньше переход */
@media (max-width: 576px) {
  .breadcrumb-bg--brandfade { --fade-start: 86%; }
}
/* ====== СКОП: ТОЛЬКО страница Про нас ====== */
.about-page .breadcrumb-bg--brandfade{
  /* маленький градиент сверху зелёный → к концу в белый */
  background-image: linear-gradient(180deg, #B5D56A 0%, #B5D56A 85%, #ffffff 100%);
}
/* заголовок/крошки на баннере — белые */
.about-page .breadcrumb-title,
.about-page .breadcrumb a,
.about-page .breadcrumb .active { color:#fff !important; }

/* Наші пріоритети — заголовок зелёный */
.about-page #prio-title { color:#B5D56A; }

/* «Капсулы»: сделать тени/обод зелёными, НЕ меняя дизайн */
.about-page .prio-pill .pi-ico{
  box-shadow:
    0 10px 24px rgba(181,213,106,.35),
    inset 0 0 0 6px rgba(181,213,106,.18);
}
.about-page .prio-pill .pi-ico i{ color:#B5D56A; }

/* Документы — как было (красные акценты и кнопки) */
.about-page #docs-title{ color:#ea7066; } /* Офіційні документи — красным */
.about-page .docs-section .btn-brand{
  background:#ea7066; border-color:#ea7066; color:#fff;
}
.about-page .docs-section .btn-brand:hover{
  background:#de645a; border-color:#de645a;
}

/* ABOUT: зелений банер */
body.about-page .breadcrumb-bg--brandfade{
  position: relative;
  isolation: isolate;              /* створюємо свій стек шарів */
  padding: 68px 0;
  color: #fff;
  background: linear-gradient(180deg, #B5D56A 0%, #F1F7E2 90%, #FFFFFF 20%) !important;
}
body.about-page .breadcrumb-bg--brandfade .breadcrumb-title,
body.about-page .breadcrumb-bg--brandfade .breadcrumb a,
body.about-page .breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item.active{
  color:#fff !important;
}

/***** 1) Навчання → перекрасить "Головна" в #FFFFFF *****/
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a:link,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a:visited,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a.text-white {
  color: #FFFFFF !important;
  opacity: 1 !important; /* перебиваем возможное .breadcrumb a {opacity:.95} */
}
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a:hover,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a:focus{
  color: #e15a50 !important;
  text-decoration: underline;
}

/***** 2) Про нас → перекрасить "Головна" в #FFFFFF *****/
body.about-page .breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item:first-child > a,
body.about-page .breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item:first-child > a:link,
body.about-page .breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item:first-child > a:visited,
body.about-page .breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item:first-child > a.text-white {
  color: #FFFFFF !important;
  opacity: 1 !important;
}
body.about-page .breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item:first-child > a:hover,
body.about-page .breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item:first-child > a:focus{
  color: #96c03b !important;
  text-decoration: underline;
}

/***** 3) Про нас → «шкільні дудли» на зеленому банері *****/
/* НИЧЕГО не меняем в цвете банера — только накладываем узор и мягкий фейд вниз */
body.about-page .breadcrumb-bg--brandfade{
  position: relative;
  overflow: hidden;
}
body.about-page .breadcrumb-bg--brandfade::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' width='320' height='220' viewBox='0 0 320 220'>\
      <g fill='none' stroke='white' stroke-opacity='0.25' stroke-width='1.2'>\
        <path d='M18 32c14-6 28 6 42 0m-8 38c16 3 30-9 42-2M140 30l12 12-12 12-12-12 12-12z'/>\
        <path d='M90 70q10-14 26-6 8 4 12 12M196 40c0 10 16 10 16 0s-16-10-16 0z'/>\
        <path d='M228 92l24-14m-8 0l8 14m-28 18c10-8 26-8 36 0'/>\
        <circle cx='280' cy='42' r='10'/><circle cx='36' cy='120' r='8'/>\
        <path d='M12 170h40m-20-20v40M150 160c8 0 8 12 0 12s-8-12 0-12z'/>\
        <path d='M200 170l14 14 14-14M260 150c12 0 12 18 0 18s-12-18 0-18z'/>\
      </g>\
    </svg>");
  background-size: 360px 248px;
  background-repeat: repeat;
  mix-blend-mode: overlay;   /* белые дудлы мягко «вплавляются» в зелёный */
  pointer-events: none;
}
body.about-page .breadcrumb-bg--brandfade::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:120px;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #ffffff 100%);
  pointer-events: none;
}
/* === Единый стиль футера === */
.site-footer{ background:#f8f9fb; position:relative; overflow:hidden; }
.site-footer .footer-wave{ height:72px; line-height:0; }
.site-footer .footer-wave svg{ display:block; width:100%; height:72px; }
.site-footer .footer-wave svg path{ fill:#f8f9fb; }
.site-footer .footer-inner{ padding:14px 0 18px; }
.site-footer hr{ margin: 14px 0; opacity:.15; }
.footer-logo{ width:80px; height:80px; object-fit:contain; }

/* Спрятать старый «copyright», если где-то остался */
.copyright{ display:none !important; }

/* Плавающие кнопки (если ещё не было) */
.floating-buttons{ position:fixed; right:18px; bottom:24px; display:flex; flex-direction:column; gap:12px; z-index:1050; }
.float-btn{ width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; box-shadow:0 10px 24px rgba(0,0,0,.18); transition:transform .15s ease, box-shadow .15s ease; }
.float-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,.22); }
.float-btn i{ font-size:20px; }
.float-btn.instagram{ background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }
.float-btn.facebook{ background:#1877F2; }
.float-btn.phone{ background:#28a745; }
@media (max-width:480px){ .floating-buttons{ right:12px; bottom:16px; gap:10px; } .float-btn{ width:44px; height:44px; } }
/* ==== FIX футера: чтобы пункты списка не "заезжали" вверх ==== */

/* Даем запас над контентом после волны */
.site-footer .footer-inner{
  padding-top: 28px !important;   /* было мало — добавили */
  position: relative;
  z-index: 1;
}

/* Колонки в футере выравниваем по верху, а не по центру */
.site-footer .footer-inner .row{
  align-items: flex-start !important;
}

/* Аккуратные отступы для списка ссылок */
.site-footer .footer-inner ul{
  margin: 0; padding: 0;
}
.site-footer .footer-inner ul li{
  margin: .3rem 0;                /* вертикальные интервалы между пунктами */
  line-height: 1.35;
}

/* Ссылки в футере: нормальные цвета/ховеры */
.site-footer a{ color: inherit; text-decoration: none; }
.site-footer a:hover{ text-decoration: underline; }

/* Волна ниже контента, чтобы не перекрывала клики */
.site-footer .footer-wave{ position: relative; z-index: 0; }
.copyright{ display:none !important; }
/* === Compact banners: About / Learning / Contacts === */
/* Было ~70px сверху/снизу, стало примерно в 2 раза меньше */
.breadcrumb-bg--brandfade,   /* Про нас (зелёный) */
.breadcrumb-bg--learn,       /* Навчання (красный) */
.breadcrumb-bg--contacts {   /* Контакти (фиолетовый) */
  padding: 32px 0;           /* раньше ~68–70px */
  min-height: unset;         /* на всякий случай, если где-то задано min-height */
}

/* Чуть компактнее заголовок и крошки, чтобы визуально всё смотрелось гармонично */
.breadcrumb-bg--brandfade .breadcrumb-title,
.breadcrumb-bg--learn .breadcrumb-title,
.breadcrumb-bg--contacts .breadcrumb-title {
  font-size: 1.65rem;        /* было крупнее; можно 1.8rem, если хочется крупнее */
  margin-bottom: .35rem;
}

.breadcrumb-bg--brandfade .breadcrumb,
.breadcrumb-bg--learn .breadcrumb,
.breadcrumb-bg--contacts .breadcrumb {
  margin-bottom: 0;
}

/* На более широких экранах немного увеличим, но оставим компактность */
@media (min-width: 768px) {
  .breadcrumb-bg--brandfade,
  .breadcrumb-bg--learn,
  .breadcrumb-bg--contacts { padding: 40px 0; }
  .breadcrumb-bg--brandfade .breadcrumb-title,
  .breadcrumb-bg--learn .breadcrumb-title,
  .breadcrumb-bg--contacts .breadcrumb-title { font-size: 1.9rem; }
}

@media (min-width: 1200px) {
  .breadcrumb-bg--brandfade,
  .breadcrumb-bg--learn,
  .breadcrumb-bg--contacts { padding: 48px 0; } /* вместо 70px */
  .breadcrumb-bg--brandfade .breadcrumb-title,
  .breadcrumb-bg--learn .breadcrumb-title,
  .breadcrumb-bg--contacts .breadcrumb-title { font-size: 2rem; }
}

/* Дополнительно: если дудлов много/слишком крупные — сделаем их чуть деликатнее */
.breadcrumb-bg--brandfade::before,
.breadcrumb-bg--learn::before,
.breadcrumb-bg--contacts::before {
  background-size: 320px 220px;   /* было 360x248; немного плотнее и аккуратнее */
  opacity: .95;                   /* легкая унификация прозрачности паттерна */
}

/* Мягкий нижний фейд оставляем, но делаем покороче, раз баннер стал ниже */
.breadcrumb-bg--brandfade::after,
.breadcrumb-bg--learn::after,
.breadcrumb-bg--contacts::after {
  height: 90px; /* было 120px */
}
/* === Footer mobile spacing fix === */
.site-footer {
  /* нижний safe-area для iOS, чтобы текст/ссылки не липли к краю экрана */
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}

.site-footer .footer-inner {
  padding-top: 20px;
  padding-bottom: 20px;
}

.site-footer .footer-wave svg {
  display: block;           /* убираем лишние зазоры снизу/сверху у SVG */
  width: 100%;
  height: auto;
}

.site-footer .row.gy-4.align-items-center {
  row-gap: 14px;            /* чуть больше вертикальный интервал между колонками */
}

/* списки в колонках футера — больше воздуха между пунктами */
.site-footer .list-unstyled.small li + li {
  margin-top: 8px;
}

/* нижняя плашка © — не прилипает к краям и не «дышит» слишком тесно */
.site-footer .d-flex.small.text-muted {
  gap: 10px;
  line-height: 1.35;
}

/* На узких экранах — увеличим горизонтальные внутренние отступы
   и сделаем более комфортные отступы между блоками */
@media (max-width: 576px) {
  .site-footer .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .site-footer .footer-inner {
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .site-footer .list-unstyled.small li {
    padding-left: 0;        /* без лишних отступов слева */
  }

  .site-footer .footer-logo {
    width: 72px;
    height: 72px;
  }

  .site-footer .d-flex.small.text-muted {
    padding-top: 6px;
    padding-bottom: 2px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  /* ссылки в футере свободно переносятся, длинные слова не вываливаются */
  .site-footer a {
    word-break: break-word;
    overflow-wrap: anywhere;
  }
}

/* Чуть увеличим кликабельность ссылок/телефонов */
.site-footer a {
  padding: 2px 0;
}
/* Нормализация вида пунктов меню (на всех страницах) */
.navbar .nav-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px; /* сделай как у тебя на остальных, если нужно */
  line-height: 1.2;
}
.navbar .nav-item { margin: 0 2px; }
.navbar .nav-icon { font-size: 1rem; }
/* === Zoom install (beauty revamp) === */
.zoom-install {
  position: relative;
  border-radius: 18px;
  padding: 18px 18px 16px;
  background:
    radial-gradient(1200px 280px at 10% -40%, rgba(234,119,173,0.12) 0%, rgba(234,119,173,0) 60%) ,
    radial-gradient(900px 240px at 110% 120%, rgba(157,143,224,0.12) 0%, rgba(157,143,224,0) 65%),
    #ffffff;
  border: 1px solid rgba(17,24,39,.06);
  box-shadow:
    0 14px 34px rgba(17,24,39,.08),
    inset 0 1px 0 rgba(255,255,255,.6);
  overflow: hidden;
}

/* декоративный цветной кант */
.zoom-install::before {
  content: "";
  position: absolute; inset: 0;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(135deg,#EA77AD 0%, #9D8FE0 100%);
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

/* шапка */
.zi-head{
  display:flex; align-items:center; gap:14px; margin-bottom:6px;
}
.zi-icon{
  width:44px; height:44px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  background: linear-gradient(135deg,#2D8CFF 0%, #6AAEFF 100%);
  box-shadow: 0 8px 18px rgba(45,140,255,.28);
}
.zi-title{
  margin:0; font-weight:800; font-size:1.05rem; color:#111;
}
.zi-note{
  margin:0 0 12px 0; color:#667085; font-size:.92rem;
}

/* кнопки-магазины */
.store-row{ display:flex; flex-wrap:wrap; gap:10px; }
.store-btn{
  display:inline-flex; align-items:center; gap:.65rem;
  text-decoration:none; border:0; cursor:pointer;
  padding:.75rem 1rem; border-radius:12px; color:#0f172a; font-weight:800;
  box-shadow: 0 10px 22px rgba(17,24,39,.06);
  transition: transform .16s ease, box-shadow .2s ease, filter .2s ease;
  will-change: transform;
}
.store-btn:hover{ transform: translateY(-1px); box-shadow: 0 16px 30px rgba(17,24,39,.12); filter: saturate(1.05); }
.store-btn i{ font-size:1.1rem; }
.store-btn span{ display:flex; flex-direction:column; line-height:1.05; }
.store-btn span small{ opacity:.75; font-weight:600; font-size:.72rem; }

/* фирменные заливки — контрастные и не «чёрные» */
.store-btn.ios{
  background: linear-gradient(135deg,#f3f4f6 0%, #e5e7eb 100%);
  border:1px solid #e6e6e9;
}
.store-btn.android{
  background: linear-gradient(135deg,#E6F5EA 0%, #D3F0DC 100%);
  border:1px solid #C7E8D1;
  color:#0b4c2f;
}

/* компакт на мобилке */
@media (max-width:480px){
  .zoom-install{ padding:16px; }
  .zi-title{ font-size:1rem; }
  .store-btn{ padding:.7rem .9rem; }
}
/* ===== Zoom status button (hero) ===== */
.hero-ctas { gap: .75rem; }
.zoom-status { position: relative; }

.zoom-status.live {
  color: #fff !important;
  background: #dc3545;           /* danger */
  border-color: #dc3545;
  box-shadow: 0 8px 20px rgba(220,53,69,.25);
  animation: pulse-soft 1.2s ease-in-out infinite;
}
.zoom-status.live .fa-video { opacity: 1; }

.zoom-status .z-label { white-space: nowrap; }

@keyframes pulse-soft {
  0%   { box-shadow: 0 0 0 0 rgba(220,53,69,.45); transform: translateZ(0) }
  70%  { box-shadow: 0 0 0 12px rgba(220,53,69,0) }
  100% { box-shadow: 0 0 0 0 rgba(220,53,69,0) }
}

/* компактнее на маленьких экранах */
@media (max-width: 576px) {
  .hero-ctas .btn { width: 100%; }
}
/* Контейнер двух кнопок рядом */
.hero-ctas {
  display: flex;
  align-items: center;
  gap: 12px;           /* расстояние между кнопками */
  flex-wrap: wrap;     /* красиво переносится на телефон */
  margin-top: 1rem;    /* чтобы совпадало с прежним .mt-4 */
}

/* Выровнять визуально по высоте */
.hero-ctas .btn {
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

/* Пульсация для кнопки статуса, когда урок іде */
.zoom-status.pulsing {
  position: relative;
  box-shadow: 0 0 0 0 rgba(13,110,253,0.45);
  animation: zs-pulse 1.6s infinite;
}
@keyframes zs-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(13,110,253,0.45); }
  70%  { box-shadow: 0 0 0 18px rgba(13,110,253,0); }
  100% { box-shadow: 0 0 0 0 rgba(13,110,253,0); }
}

/* На очень узких — кнопки на всю ширину, одна под другой */
@media (max-width: 420px){
  .hero-ctas .btn { width: 100%; justify-content: center; }
}
/* Контейнер двух кнопок рядом */
.hero-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:1rem}
.hero-ctas .btn{display:inline-flex;align-items:center;line-height:1.2;padding:.8rem 1.2rem}
@media (max-width:420px){.hero-ctas .btn{width:100%;justify-content:center}}

/* Правая круглая область баннера */
.hero-banner-circle{display:flex;justify-content:center;align-items:center}
.hero-circle{
  position:relative; display:block; width:min(520px, 92%); aspect-ratio:1/1;
  border-radius:50%;
  /* необязательный мягкий фон за картинкой */
  background: radial-gradient(ellipse at 60% 40%, rgba(255,255,255,.6), rgba(255,255,255,0));
}
.hero-circle__img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:contain; /* ключ: картинка ВСЕГДА целиком видна */
  display:block;
  transform:translateZ(0);
}

/* Нежная пульсация для активного урока */
.zoom-status.pulsing{
  position:relative; box-shadow:0 0 0 0 rgba(13,110,253,.45); animation:zs-pulse 1.6s infinite
}
@keyframes zs-pulse{
  0%{box-shadow:0 0 0 0 rgba(13,110,253,.45)}
  70%{box-shadow:0 0 0 18px rgba(13,110,253,0)}
  100%{box-shadow:0 0 0 0 rgba(13,110,253,0)}
}
/* === Банер: рожеве коло + два кільця, як на скріні === */

.hero-banner-circle { 
  display: flex; 
  justify-content: center; 
  align-items: center;
}

/* саме «коло» з фоном і кільцями */
.hero-circle{
  /* розмір адаптивний */
  width: clamp(260px, 38vw, 560px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;

  /* рожевий фон всередині */
  background: radial-gradient(62% 62% at 50% 50%, #EA77AD 0 52%, #E890B9 52.1% 100%);

  /* два зовнішні кільця (імітація трьох кругів на скріні) */
  box-shadow:
    0 0 0 26px #F3A8C7,   /* внутрішнє кільце (світліше) */
    0 0 0 70px #F7C7DA;   /* зовнішнє кільце (ще світліше) */
}

/* картинка дітей — НЕ міняємо, просто всередині кола */
.hero-circle__img{
  width: 82%;
  height: auto;
  display: block;
  z-index: 1;
  border-radius: 0;      /* важливо: без скруглення, щоб не «з’їдати» контур дітей */
  mix-blend-mode: normal;/* прибираємо будь-яке попереднє «multiply», щоб не біліло */
  filter: none;
}

/* трохи корекції відступів у самому блоці героя,
   щоб коло стояло красиво і не «з’їжджало» */
@media (min-width: 992px){
  .hero-banner-circle { margin-left: 12px; }
}
/* === Розовое круговое поле + кольца (как договорились) === */
.hero-banner-circle{ 
  display:flex; 
  justify-content:center; 
  align-items:center;
}

/* можно тонко подстроить позицию картинки этими переменными */
.hero-circle{
  --img-scale: 0.82;   /* 0.75–0.88: размер детей внутри круга */
  --img-shift-x: 0px;  /* + вправо, - влево */
  --img-shift-y: 0px;  /* + вниз, - вверх */

  width: clamp(260px, 38vw, 560px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display:block;

  /* розовый центр */
  background: radial-gradient(62% 62% at 50% 50%, #EA77AD 0 52%, #E890B9 52.1% 100%);

  /* два светлых кольца вокруг */
  box-shadow:
    0 0 0 26px #F3A8C7,
    0 0 0 70px #F7C7DA;
}

/* идеально центрируем изображение в круге */
.hero-circle__img{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%) translate(var(--img-shift-x), var(--img-shift-y));
  width: calc(var(--img-scale) * 100%);
  height:auto;
  display:block;
  border-radius:0;
  mix-blend-mode: normal;
  filter:none;
  pointer-events:none;   /* чтобы курсор не «цеплялся» */
}

/* небольшая поправка отступа справа на больших экранах */
@media (min-width: 992px){
  .hero-banner-circle{ margin-left: 12px; }
}
/* Только цвет текста бейджей (ничего больше не меняет) */
.row.g-3.g-md-4 > .col-6:nth-child(1) .book-badge { color: #F98D34 !important; }
.row.g-3.g-md-4 > .col-6:nth-child(2) .book-badge { color: #8F80BE !important; }
.row.g-3.g-md-4 > .col-6:nth-child(3) .book-badge { color: #4ABE92 !important; }
.row.g-3.g-md-4 > .col-6:nth-child(4) .book-badge { color: #61ABDD !important; }
/* Яркие цвета для бейджей 1–4 класів (только цвет текста) */
.row.g-3.g-md-4 > .col-6:nth-child(1) .book-badge { color: #FFA045 !important; } /* светло-оранжевый — ярче F98D34 */
.row.g-3.g-md-4 > .col-6:nth-child(2) .book-badge { color: #A993FF !important; } /* яркий светло-фиолетовый — ярче 8F80BE */
.row.g-3.g-md-4 > .col-6:nth-child(3) .book-badge { color: #2FE0A8 !important; } /* свежий зелёный — ярче 4ABE92 */
.row.g-3.g-md-4 > .col-6:nth-child(4) .book-badge { color: #5EC9FF !important; } /* яркий голубой — ярче 61ABDD */
/* 🔹 Яркие и контрастные цвета для бейджей 1–4 класів */
.row.g-3.g-md-4 > .col-6:nth-child(1) .book-badge {
  color: #FF7300 !important; /* насыщенный оранжевый */
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

.row.g-3.g-md-4 > .col-6:nth-child(2) .book-badge {
  color: #7B5CFF !important; /* яркий фиолетовый */
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

.row.g-3.g-md-4 > .col-6:nth-child(3) .book-badge {
  color: #00C98F !important; /* сочный изумрудный */
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

.row.g-3.g-md-4 > .col-6:nth-child(4) .book-badge {
  color: #2FAAFF !important; /* яркий голубой */
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
#summer-program .summer-cta__inner {
  display: inline-block;
  background-color: rgba(128, 0, 128, 0.6); /* напівпрозора фіолетова заливка */
  padding: 1.5rem;
  border-radius: 1rem;
}
#summer-program {
  text-align: center;
}

#summer-program .summer-cta__inner {
  display: inline-block;
  background-color: rgba(128, 0, 128, 0.6); /* фіолетова заливка */
  padding: 1.5rem;
  border-radius: 1rem;
  text-align: left; /* щоб текст усередині був вирівняний нормально */
}
/* Полное удаление градиента (включая псевдоэлементы) и жёсткая установка фона */
.breadcrumb-bg--brandfade,
.breadcrumb-bg--brandfade::before,
.breadcrumb-bg--brandfade::after {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important; /* на случай, если градиент сделан через shadow */
}

/* Устанавливаем ровный зелёный фон и белый текст */
.breadcrumb-bg--brandfade {
  background-color: #2e8b57 !important; /* ровный зелёный */
  color: #ffffff !important;             /* белый шрифт */
  height: 180px; 
  display: flex;
  align-items: center;
}

/* Белые ссылки и хлебные крошки */
.breadcrumb-bg--brandfade .breadcrumb,
.breadcrumb-bg--brandfade .breadcrumb a,
.breadcrumb-bg--brandfade .breadcrumb-item,
.breadcrumb-bg--brandfade .breadcrumb-title {
  color: #ffffff !important;
}

/* Ссылка должна оставаться читаемой (без стандартного синего) */
.breadcrumb-bg--brandfade .breadcrumb a {
  text-decoration: none;
  opacity: 0.95;
}

/* Активный элемент хлебных крошек */
.breadcrumb-bg--brandfade .breadcrumb-item.active {
  color: #ffffff !important;
  opacity: 1;
}

/* Дудлы-фон (если используешь) — оставляем как фон, но не мешаем цвету текста */
.banner-doodles {
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 24 24'><path d='M3 5a2 2 0 0 1 2-2h12v14H5a2 2 0 0 1-2-2V5z' fill='none' stroke='%23ffffff' stroke-width='0.8'/></svg>") !important;
  background-repeat: repeat;
  background-size: 100px auto;
  opacity: 0.95;
}

/* Мобильная версия — в 2 раза ниже */
@media (max-width: 768px) {
  .breadcrumb-bg--brandfade { height: 90px; }
  .breadcrumb-title { font-size: 1.5rem; }
}
/* === Правка блока "Про нас" === */
.breadcrumb-bg--brandfade,
.breadcrumb-bg--brandfade::before,
.breadcrumb-bg--brandfade::after {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

.breadcrumb-bg--brandfade {
  background-color: #2e8b57 !important; /* зелёный фон */
  color: #ffffff !important; /* белый текст */
  height: 180px;
  display: flex;
  align-items: center;
}

/* Белые хлебные крошки и заголовок */
.breadcrumb-bg--brandfade .breadcrumb,
.breadcrumb-bg--brandfade .breadcrumb a,
.breadcrumb-bg--brandfade .breadcrumb-item,
.breadcrumb-bg--brandfade .breadcrumb-title {
  color: #ffffff !important;
}

/* Мобильная адаптация — уменьшение высоты */
@media (max-width: 768px) {
  .breadcrumb-bg--brandfade {
    height: 90px;
  }
  .breadcrumb-title {
    font-size: 1.5rem;
  }
}
/* === Полное отключение градиентов и затемнений на баннере === */
.breadcrumb-bg::before,
.breadcrumb-bg--brandfade::before,
.breadcrumb-bg::after,
.breadcrumb-bg--brandfade::after {
  content: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

/* === Сам баннер === */
.breadcrumb-bg--brandfade {
  background: #2e8b57 !important;   /* однотонный зелёный */
  color: #ffffff !important;        /* белый текст */
  height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
}

/* === Белый цвет текста для всего содержимого === */
.breadcrumb-bg--brandfade h1,
.breadcrumb-bg--brandfade .breadcrumb-title,
.breadcrumb-bg--brandfade .breadcrumb,
.breadcrumb-bg--brandfade .breadcrumb-item,
.breadcrumb-bg--brandfade .breadcrumb-item a {
  color: #ffffff !important;
  text-shadow: none !important;
}

/* === Убираем тень или полупрозрачность у текста === */
.breadcrumb-bg--brandfade .breadcrumb-item a:hover,
.breadcrumb-bg--brandfade .breadcrumb-item.active {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* === Мобильная адаптация: высота меньше === */
@media (max-width: 768px) {
  .breadcrumb-bg--brandfade {
    height: 90px !important;
  }
  .breadcrumb-bg--brandfade .breadcrumb-title {
    font-size: 1.5rem !important;
  }
}
/* Убираем градиент и делаем фон сплошным */
.breadcrumb-bg--brandfade {
  background: none; /* убирает градиент */
  background-color: transparent; /* можно задать, например, черный: #000 */
}

/* Делаем весь текст белым */
.breadcrumb-bg--brandfade,
.breadcrumb-bg--brandfade a,
.breadcrumb-bg--brandfade h1,
.breadcrumb-bg--brandfade li {
  color: #fff;
}

/* Если нужно убрать возможные текстовые тени или фильтры */
.breadcrumb-bg--brandfade * {
  text-shadow: none;
}
/* Убираем градиент и задаем фон секции */
.breadcrumb-bg.breadcrumb-bg--brandfade {
  background: none !important; /* убираем градиент */
  background-color: #000 !important; /* можно изменить цвет на любой */
}

/* Делаем белым текст заголовка и хлебных крошек */
.breadcrumb-bg.breadcrumb-bg--brandfade .breadcrumb-title,
.breadcrumb-bg.breadcrumb-bg--brandfade .breadcrumb-item,
.breadcrumb-bg.breadcrumb-bg--brandfade .breadcrumb-item a {
  color: #fff !important;
}
/* ======================================================================
   AL-IRSHAD — LEARNING PAGE ONLY (оптимизировано)
   Accent: #EA7066
   ====================================================================== */

:root {
  --learn-accent: #EA7066;
  --learn-accent-2: #fbe3df;
}

/* ---------- Banner (без градиента, без теней, высота 194.1px) ---------- */
body.learning-page .breadcrumb-bg--learn {
  position: relative;
  height: 194.1px;
  color: #fff;
  background: var(--learn-accent);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
}

body.learning-page .breadcrumb-bg--learn::before,
body.learning-page .breadcrumb-bg--learn::after {
  content: none !important; /* отключаем дудлы и фейды */
}

body.learning-page .breadcrumb-bg--learn .breadcrumb-title {
  color: #fff;
  text-shadow: none !important;
}

body.learning-page .breadcrumb-bg--learn .breadcrumb a,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item.active {
  color: #fff;
  opacity: .95;
  text-shadow: none !important;
}

body.learning-page .breadcrumb-bg--learn .breadcrumb a:hover {
  text-decoration: underline;
}

/* Навчання → breadcrumb: слово "Головна" */
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a {
  color: #E96F65 !important;
}

body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a:hover,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a:focus {
  color: #e15a50 !important;
  text-decoration: underline;
}

/* ---------- Швидка навігація ---------- */
body.learning-page .learning-quick-nav .card {
  border: none;
  border-radius: 16px;
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

body.learning-page .learning-quick-nav .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,.12);
}

body.learning-page .learning-quick-nav .card .card-icon-border-large {
  width: 78px;
  height: 78px;
  margin: 22px auto 6px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 2px dashed rgba(255,255,255,.65);
}

/* ---------- Галерея ---------- */
.learn-gallery-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: 1rem;
}

.learn-gallery-sub {
  font-size: .9rem;
  color: #6c757d;
}

.lg-rail { position: relative; }
.lg-viewport {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.lg-viewport::-webkit-scrollbar { display: none; }
.lg-track { display: flex; gap: 14px; padding: 2px; }

.lg-card {
  flex: 0 0 82%;
  scroll-snap-align: start;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
  background: #f8f9fa;
  transition: transform .18s ease, box-shadow .18s ease;
}

.lg-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.15) 100%);
  opacity: 0;
  transition: opacity .25s ease;
}

.lg-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(0,0,0,.14);
}

.lg-card:hover::after { opacity: .9; }

.lg-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.lg-card:hover img { transform: scale(1.04); }

/* Стрілки */
.lg-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 22px;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}

.lg-prev { left: -6px; }
.lg-next { right: -6px; }

.lg-arrow:hover {
  transform: translateY(-50%) scale(1.06);
  box-shadow: 0 12px 26px rgba(0,0,0,.22);
}
.lg-arrow:active { transform: translateY(-50%) scale(0.98); }
.lg-arrow:disabled { opacity: .45; cursor: default; }

/* Края с затенением */
.lg-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  z-index: 2;
  pointer-events: none;
}
.lg-fade-left { left: 0; background: linear-gradient(90deg,#fff,transparent); }
.lg-fade-right { right: 0; background: linear-gradient(270deg,#fff,transparent); }

/* Fallback grid */
.lg-grid-noscript {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2,1fr);
}
.lg-grid-noscript img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

/* Адаптив */
@media (min-width:576px) {
  .lg-card { flex-basis: 48%; }
  .lg-grid-noscript { grid-template-columns: repeat(3,1fr); }
}
@media (min-width:992px) {
  .lg-card { flex-basis: 32%; }
  .lg-card img { height: 300px; }
  .lg-grid-noscript { grid-template-columns: repeat(4,1fr); }
}

/* ---------- Текстовий контент ---------- */
.learn-card .card-body {
  border-top: 5px solid var(--bs-primary);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

.learn-card h2 {
  font-size: 1.35rem;
  margin-top: 1.25rem;
  margin-bottom: .5rem;
}

.learn-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.learn-list > li {
  position: relative;
  padding-left: 28px;
  margin: .25rem 0;
}

.learn-list > li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #28a745;
  position: absolute;
  left: 0;
  top: .2rem;
  font-size: .95rem;
}

/* ---------- Floating buttons ---------- */
.floating-buttons {
  position: fixed;
  right: 18px;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 1050;
}

.float-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.float-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,.22);
}

.float-btn i { font-size: 20px; }

.float-btn.instagram {
  background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
}
.float-btn.facebook { background: #1877F2; }
.float-btn.phone { background: #28a745; }

@media (max-width:480px) {
  .floating-buttons { right: 12px; bottom: 16px; gap: 10px; }
  .float-btn { width: 44px; height: 44px; }
}

/* ---------- Accessibility ---------- */
@media (prefers-reduced-motion: reduce) {
  .lg-card, .lg-card img, .lg-arrow, .learning-quick-nav .card {
    transition: none !important;
  }
}
/* --- Сделать баннер Контакты как в "Про нас" --- */
.breadcrumb-bg--contacts {
  /* оставляем основной цвет (верх градиента) — он похож на --bs-purple */
  background: var(--bs-purple) !important; /* сохраняет визуальный цвет, но без градиента */
  background-color: var(--bs-purple) !important;
  padding: 46px 0 !important; /* размер/высота — как в "Про нас" (подгоните при желании) */
  position: relative !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Убираем дудлы/overlay и плавный fade */
.breadcrumb-bg--contacts::before,
.breadcrumb-bg--contacts::after {
  content: none !important;
  display: none !important;
}

/* Заголовок и хлебные крошки — белые, без тени, размер как в "Про нас" */
.breadcrumb-bg--contacts .breadcrumb-title,
.breadcrumb-bg--contacts .breadcrumb,
.breadcrumb-bg--contacts .breadcrumb a,
.breadcrumb-bg--contacts .breadcrumb .breadcrumb-item.active {
  color: #fff !important;
  text-shadow: none !important;
  font-weight: 600 !important; /* делает заголовок близким по весу */
}

/* Если где-то задаётся тень конкретно на h1 — убираем */
.breadcrumb-bg--contacts .breadcrumb-title { text-shadow: none !important; }

/* Сохранить особый цвет для ссылки "Головна", если нужен — как раньше */
.breadcrumb-bg--contacts .breadcrumb a[href*="index"]{ color:#9D8FE0 !important; font-weight:700; }
/* --- Сделать баннер Онлайн-курсы как в "Про нас" --- */
.breadcrumb-bg--online {
  /* оставляем визуальный акцент (верх градиента в исходном) — используем переменную pink */
  background: var(--bs-pink) !important; /* цвет оставлен тот же, но без градиента */
  background-color: var(--bs-pink) !important;
  padding: 46px 0 !important; /* единый размер, как в "Про нас" */
  position: relative !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Отключаем дудлы/overlay и нижний fade */
.breadcrumb-bg--online::before,
.breadcrumb-bg--online::after {
  content: none !important;
  display: none !important;
}

/* Текст — белый, без тени. Размер/вес приближен к разделу "Про нас" */
.breadcrumb-bg--online .breadcrumb-title,
.breadcrumb-bg--online .breadcrumb,
.breadcrumb-bg--online .breadcrumb a,
.breadcrumb-bg--online .breadcrumb .breadcrumb-item.active {
  color: #fff !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}

/* Ссылка "Головна" — оставляем акцент, как в ваших исходниках */
.breadcrumb-bg--online .breadcrumb a[href*="index"]{ color:var(--crumb-link) !important; font-weight:700; }
/* --- Сделать learning banner полностью совпадающим с "Про нас" по тексту и размеру --- */
body.learning-page .breadcrumb-bg--learn {
  /* сохраним ваш акцентный цвет, но полностью убираем эффекты */
  background: var(--learn-accent) !important; /* оставляем цвет, но без градиента */
  background-color: var(--learn-accent) !important;
  height: auto !important;
  padding: 46px 0 !important; /* одинаковая высота/отступ, как в разделе "Про нас" */
  box-shadow: none !important;
  color: #fff !important;
}

/* Убираем все ::before / ::after (дудлы и fade) — в оригинале у вас уже content:none; но повторим */
body.learning-page .breadcrumb-bg--learn::before,
body.learning-page .breadcrumb-bg--learn::after {
  content: none !important;
  display: none !important;
}

/* Текст и ссылки — белые, без тени */
body.learning-page .breadcrumb-bg--learn .breadcrumb-title,
body.learning-page .breadcrumb-bg--learn .breadcrumb,
body.learning-page .breadcrumb-bg--learn .breadcrumb a,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item.active {
  color: #fff !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}

/* "Головна" — акцентный цвет (как в других секциях) */
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a {
  color: #E96F65 !important;
  font-weight:700 !important;
}
/* CONTACTS — компактный баннер как в "Про нас" */
.breadcrumb-bg--contacts {
  background-image: none !important; /* убираем градиент/overlay */
  background: #A597E7 !important; /* основной цвет баннера — сохранён визуально */
  padding: 28px 0 !important; /* уменьшенная высота */
  color: #fff !important;
  box-shadow: none !important;
  position: relative !important;
}

/* убираем дудлы/fade */
.breadcrumb-bg--contacts::before,
.breadcrumb-bg--contacts::after { display: none !important; content: none !important; }

/* единый шрифт/размер/цвет */
.breadcrumb-bg--contacts .breadcrumb-title {
  color: #fff !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  text-shadow: none !important;
}
.breadcrumb-bg--contacts .breadcrumb,
.breadcrumb-bg--contacts .breadcrumb a,
.breadcrumb-bg--contacts .breadcrumb .breadcrumb-item.active {
  color: #fff !important;
  font-size: 15px !important;
  text-shadow: none !important;
}

/* акцент для ссылки "Головна" при желании оставить */
.breadcrumb-bg--contacts .breadcrumb a[href*="index"]{ color:#9D8FE0 !important; font-weight:700; }
/* ONLINE — компактный баннер, тот же стиль шрифтов и высоты */
.breadcrumb-bg--online {
  background-image: none !important;
  background: #EA77AD !important; /* верхний цвет градиента сохранён, но без градиента */
  padding: 28px 0 !important;
  color: #fff !important;
  box-shadow: none !important;
  position: relative !important;
}
.breadcrumb-bg--online::before,
.breadcrumb-bg--online::after { display: none !important; content: none !important; }

.breadcrumb-bg--online .breadcrumb-title {
  color: #fff !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
.breadcrumb-bg--online .breadcrumb,
.breadcrumb-bg--online .breadcrumb a,
.breadcrumb-bg--online .breadcrumb .breadcrumb-item.active {
  color: #fff !important;
  font-size: 15px !important;
  text-shadow: none !important;
}
.breadcrumb-bg--online .breadcrumb a[href*="index"]{ color:var(--crumb-link) !important; font-weight:700; }
/* LEARN — синхронизируем по высоте/шрифту с остальными баннерами */
body.learning-page .breadcrumb-bg--learn {
  background-image: none !important;
  background: var(--learn-accent, #EA7066) !important; /* сохраняем акцентный цвет, без градиента */
  padding: 28px 0 !important;
  height: auto !important;
  color: #fff !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
}

/* отключаем дудлы/fade (повтор — для надёжности) */
body.learning-page .breadcrumb-bg--learn::before,
body.learning-page .breadcrumb-bg--learn::after { display: none !important; content: none !important; }

body.learning-page .breadcrumb-bg--learn .breadcrumb-title {
  color: #fff !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
body.learning-page .breadcrumb-bg--learn .breadcrumb,
body.learning-page .breadcrumb-bg--learn .breadcrumb a,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item.active {
  color: #fff !important;
  font-size: 15px !important;
  text-shadow: none !important;
}

/* "Головна" — акцентный цвет в learning (сохраняем вашу логику) */
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a {
  color: #E96F65 !important;
  font-weight:700 !important;
}
/* === ЕДИНЫЙ СТИЛЬ ДЛЯ ВСЕХ БАННЕРОВ === */

/* убираем любые кастомные цвета у ссылки "Головна" */
.breadcrumb-bg--brandfade .breadcrumb a[href*="index"],
.breadcrumb-bg--contacts .breadcrumb a[href*="index"],
.breadcrumb-bg--online .breadcrumb a[href*="index"],
.breadcrumb-bg--learn .breadcrumb a[href*="index"],
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a {
  color: #fff !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}

/* при наведении тоже остаётся белой */
.breadcrumb-bg--brandfade .breadcrumb a[href*="index"]:hover,
.breadcrumb-bg--contacts .breadcrumb a[href*="index"]:hover,
.breadcrumb-bg--online .breadcrumb a[href*="index"]:hover,
.breadcrumb-bg--learn .breadcrumb a[href*="index"]:hover,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a:hover {
  color: #fff !important;
  opacity: 0.9;
  text-decoration: underline;
}
/* =============== Принудительно сделать "Головна" белой во всех баннерах =============== */

/* Первый элемент breadcrumb (обычно "Головна") — на все варианты селекторов */
.breadcrumb .breadcrumb-item:first-child > a,
.breadcrumb .breadcrumb-item:first-child > a[href*="index"],
.breadcrumb .breadcrumb-item:first-child > a[href$="index.html"],
.breadcrumb .breadcrumb-item:first-child > a[href$="/"] {
  color: #fff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

/* Дополнительная конкретизация — если баннеры используют специальные классы */
.breadcrumb-bg--contacts .breadcrumb .breadcrumb-item:first-child > a,
.breadcrumb-bg--online  .breadcrumb .breadcrumb-item:first-child > a,
.breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item:first-child > a,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a {
  color: #fff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* На hover тоже оставляем белым (и чуть ярче) */
.breadcrumb .breadcrumb-item:first-child > a:hover,
.breadcrumb-bg--contacts .breadcrumb .breadcrumb-item:first-child > a:hover,
.breadcrumb-bg--online  .breadcrumb .breadcrumb-item:first-child > a:hover,
.breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item:first-child > a:hover,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item:first-child > a:hover {
  color: #fff !important;
  text-decoration: underline;
  opacity: 0.95 !important;
}
/* ========== ABOUT: унифицированный компактный баннер (без градиента) ========== */
/* Помести этот блок В КОНЦЕ css/style.css (после всех остальных правил) */

body.about-page .breadcrumb-bg--brandfade,
.breadcrumb-bg--brandfade {
  /* убрать градиент — оставить фирменный цвет (замени hex при необходимости) */
  background-image: none;
  background: #6F42C1; /* текущий фирменный цвет; при желании замени на нужный hex */
  background-color: #6F42C1;
  padding: 28px 0;           /* компактная высота — как в остальных баннерах */
  color: #ffffff;
  box-shadow: none;
  position: relative;
  display: flex;
  align-items: center;
}

/* убрать любые псевдоэлементы с дудлами/фейдами */
body.about-page .breadcrumb-bg--brandfade::before,
body.about-page .breadcrumb-bg--brandfade::after,
.breadcrumb-bg--brandfade::before,
.breadcrumb-bg--brandfade::after {
  display: none;
  content: none;
}

/* единый размер заголовка и хлебных крошек (как в других баннерах) */
body.about-page .breadcrumb-bg--brandfade .breadcrumb-title,
.breadcrumb-bg--brandfade .breadcrumb-title {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.05;
  text-shadow: none;
  margin: 0;
}

/* хлебные крошки: белые, одинаковый размер шрифта */
body.about-page .breadcrumb-bg--brandfade .breadcrumb,
.breadcrumb-bg--brandfade .breadcrumb,
body.about-page .breadcrumb-bg--brandfade .breadcrumb a,
.breadcrumb-bg--brandfade .breadcrumb a,
body.about-page .breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item.active,
.breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item.active {
  color: #fff;
  font-size: 15px;
  text-shadow: none;
  opacity: 1;
}

/* если хочешь, чтобы "Головна" оставалась акцентной — закомментируй; сейчас делаем белой */
body.about-page .breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item:first-child > a,
.breadcrumb-bg--brandfade .breadcrumb .breadcrumb-item:first-child > a {
  color: #fff;
  font-weight: 600;
}
/* =========================================================
   ДОПОЛНЕНИЕ для style.css (ТОЛЬКО для унификации баннеров)
   Использует !important, чтобы переопределить встроенные классы
   в about-fixes.css или другие конфликтующие стили.
   ========================================================= */

/* 1. Унификация высоты всех баннеров (обучение, контакты, онлайн-курсы)
   Высота берется с "Про нас" (около 180px) */
.page-banner,
.breadcrumb,
.breadcrumb-bg--learn,
.breadcrumb-bg--contacts,
.breadcrumb-bg--online {
  min-height: 180px !important; /* Единая высота */
  height: 180px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* 2. Удаление градиента со страницы "Про нас" (about.html) и замена его на зеленый цвет */
.breadcrumb-bg--brandfade {
  /* Задаем зеленый цвет #2e8b57, который был в вашем старом коде, 
     чтобы баннер "Про нас" был однотонным. */
  background: #2e8b57 !important; 
}

/* 3. Удаление градиента со страницы "Навчання" (learning.html) и замена его на красный цвет */
.breadcrumb-bg--learn {
  background: #EA7066 !important; /* КРАСНЫЙ фон для "Навчання" */
}

/* 4. Удаление градиента со страницы "Онлайн-курси" */
.breadcrumb-bg--online {
  background: #EA77AD !important; /* Розовый фон для "Онлайн-курси" */
}

/* 5. Удаление градиента со страницы "Контакти" */
.breadcrumb-bg--contacts {
  background: #A597E7 !important; /* Фіолетовий фон для "Контакти" */
}

/* 6. Удаление всех псевдоэлементов, которые могли создавать градиенты/дудлы */
.breadcrumb-bg::before,
.breadcrumb-bg--brandfade::before,
.breadcrumb-bg--learn::before,
.breadcrumb-bg--contacts::before,
.breadcrumb-bg--online::before,
.breadcrumb-bg::after,
.breadcrumb-bg--brandfade::after,
.breadcrumb-bg--learn::after,
.breadcrumb-bg--contacts::after,
.breadcrumb-bg--online::after {
  content: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

/* 7. Адаптация для мобильных (уменьшение высоты, как в вашем старом коде) */
@media (max-width: 768px) {
  .page-banner,
  .breadcrumb,
  .breadcrumb-bg--learn,
  .breadcrumb-bg--contacts,
  .breadcrumb-bg--online,
  .breadcrumb-bg--brandfade {
    height: 90px !important;
    min-height: 90px !important;
  }
}
/* =========================================================
   ФИНАЛЬНОЕ ИСПРАВЛЕНИЕ ДЛЯ БАННЕРА "НАВЧАННЯ" (learning.html)
   Используется высокая специфичность, чтобы перебить встроенный <style>.
   ========================================================= */

/* 1. ГАРАНТИРОВАННАЯ УНИФИКАЦИЯ ВЫСОТЫ и КРАСНЫЙ ФОН */
body.learning-page .breadcrumb-bg--learn {
  /* Перебиваем градиент и задаем чистый КРАСНЫЙ цвет */
  background: #EA7066 !important; 
  /* Унифицированная высота как на about.html (180px) */
  min-height: 180px !important; 
  height: 180px !important;
  
  /* Сброс лишних отступов, чтобы высота была точной */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important; /* Убираем overflow, который может быть в старых стилях */
}

/* 2. Удаление всех псевдоэлементов, которые создают старые градиенты, дудлы и переходы */
body.learning-page .breadcrumb-bg--learn::before,
body.learning-page .breadcrumb-bg--learn::after {
  content: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

/* 3. Гарантированный белый текст */
body.learning-page .breadcrumb-bg--learn .breadcrumb-title,
body.learning-page .breadcrumb-bg--learn .breadcrumb a,
body.learning-page .breadcrumb-bg--learn .breadcrumb .breadcrumb-item.active {
  color: #ffffff !important;
}

/* 4. Адаптация для мобильных (перебиваем высоту) */
@media (max-width: 768px) {
  body.learning-page .breadcrumb-bg--learn {
    height: 90px !important;
    min-height: 90px !important;
  }
}
/* =========================================================
   ФИНАЛЬНЫЙ ФИКС: ВЕРТИКАЛЬНОЕ И ГОРИЗОНТАЛЬНОЕ ЦЕНТРИРОВАНИЕ
   (Применяется ко всем баннерам)
   ========================================================= */

/* Убеждаемся, что внутренние блоки не имеют лишних смещений */
.breadcrumb-holder {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important; /* Сброс горизонтальных смещений */
    padding: 0 !important; /* Сброс внутренних отступов */
}
/* =========================================================
   ПРОСТОЕ СКРЫТИЕ БАННЕРА НА СТРАНИЦЕ "КОНТАКТЫ"
   ========================================================= */

.breadcrumb-bg--contacts {
  display: none !important;
}
/* =========================================================
   ГЛОБАЛЬНЫЙ СТИЛЬ ШРИФТА (2025-10-16)
   ========================================================= */

body {
    /* * font-weight: 400 (нормальная толщина)
     * font-size: 16px (размер)
     * line-height: 24px (высота строки)
     * font-family: "Open Sans", sans-serif (основной шрифт вашего сайта)
    */
    font: 400 16px/24px "Open Sans", sans-serif;
}
<style>
/* Добавьте этот CSS-код в ваш файл style.css или в секцию <head> вашего HTML */
.text-nowrap {
    white-space: nowrap;
}
</style>
/* === Адаптация заголовка для мобильных устройств === */

/* Стили для экранов шириной 767px и меньше (типичные мобильные устройства) */
@media (max-width: 767px) {

  .hero-title {
    /* Уменьшаем основной заголовок */
    font-size: 2.2rem !important; /* Можете подобрать значение, например 2.5rem или 32px */
    line-height: 1.2; /* Улучшает читаемость на маленьких экранах */
  }

  .hero-title-accent {
    /* Уменьшаем подзаголовок */
    font-size: 1.5rem !important; /* Можете подобрать значение, например 1.6rem или 24px */
  }

}