@charset "UTF-8";
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2022 VBizSoft
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --grenelet: #058042;
  --blue: #E50500;
  --indigo: #6812f3;
  --purple: #6f42c2;
  --pink: #e93f8e;
  --red: #a51f18;
  --orange: #fd7e17;
  --yellow: #ad6200;
  --green: #448344;
  --teal: #5abfdd;
  --cyan: #30638d;
  --white: white;
  --gray-100: #f9fafb;
  --gray-200: #eaedf0;
  --gray-300: #dfe3e7;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6d757e;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;
  --primary: #E50500;
  --secondary: #6d757e;
  --success: #448344;
  --info: #30638d;
  --warning: #ad6200;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --emberprokg-color-hover: #f6a32a;
  --emberprokg-color-border: #ececec;
  --emberprokg-color-hover-border: #f6a32a;
  --primary-rgb: 1, 1, 86;
  --secondary-rgb: 109, 117, 126;
  --success-rgb: 68, 131, 68;
  --info-rgb: 48, 99, 141;
  --warning-rgb: 173, 98, 0;
  --danger-rgb: 165, 31, 24;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --body-color-rgb: 34, 38, 42;
  --body-bg-rgb: 255, 255, 255;
  /*--emberprokg-font-family-body: "Noto Sans", sans-serif;*/
  --emberprokg-font-family-body: Manrope,"Segoe UI",sans-serif;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --body-font-family: var(--emberprokg-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #22262a;
  --body-bg: white;
  --body-text-color: #333333;
}

/* Service category landing page: design for the direction detail screen. */
body.com_medicaldesk.view-servicecategory {
  --medicaldesk-primary: oklch(54% .145 242);
  --medicaldesk-primary-hover: oklch(48% .145 242);
  --medicaldesk-primary-light: oklch(70% .11 242);
  --medicaldesk-primary-soft: oklch(97% .02 242);
  --medicaldesk-primary-soft-strong: oklch(94% .04 242);
  --medicaldesk-team-primary: var(--medicaldesk-primary);
  --medicaldesk-team-primary-dark: var(--medicaldesk-primary-hover);
  --medicaldesk-team-soft: var(--medicaldesk-primary-soft);
  --medicaldesk-team-soft-strong: var(--medicaldesk-primary-soft-strong);
  --medicaldesk-team-text: #14191c;
}

.medicaldesk-category-page {
  max-width: 120rem;
  margin: 0 auto;
  padding: 1.4rem 2rem 6.4rem;
  color: #10224d;
  font-family: var(--emberpro-font-family-body, Manrope, sans-serif);
}

.medicaldesk-category-page__breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .9rem;
  margin: 0 0 2.4rem;
  color: #6d7892;
  font-size: 1.25rem;
}

.medicaldesk-category-page__breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.medicaldesk-category-page__breadcrumbs a:hover {
  color: var(--medicaldesk-primary);
}

.medicaldesk-category-page__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(38rem, .98fr);
  gap: 5.2rem;
  align-items: center;
  padding: 0 0 2.2rem;
}

.medicaldesk-category-page__hero-copy {
  min-width: 0;
}

.medicaldesk-category-page__hero h1 {
  margin: 0 0 1.8rem;
  color: #101f4b;
  font-size: clamp(4rem, 5vw, 6.2rem);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.03;
}

.medicaldesk-category-page__lead {
  max-width: 56rem;
  color: #26385f;
  font-size: 1.65rem;
  line-height: 1.5;
}

.medicaldesk-category-page__lead > :last-child {
  margin-bottom: 0;
}

.medicaldesk-category-page__benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.6rem;
  margin: 3rem 0 2.8rem;
}

.medicaldesk-category-page__benefit {
  display: flex;
  align-items: center;
  gap: .9rem;
  color: #28375d;
  font-size: 1.25rem;
  line-height: 1.35;
}

.medicaldesk-category-page__benefit svg,
.medicaldesk-category-page__booking-facts svg {
  flex: 0 0 auto;
  width: 3.4rem;
  height: 3.4rem;
  fill: none;
  stroke: var(--medicaldesk-primary);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65;
}

.medicaldesk-category-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.3rem;
}

.medicaldesk-category-page__button {
  display: inline-flex;
  min-height: 4.4rem;
  align-items: center;
  justify-content: center;
  padding: .8rem 2.6rem;
  border: 1px solid transparent;
  border-radius: 2.5rem;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.medicaldesk-category-page__button-icon {
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  margin-left: .85rem;
}

.medicaldesk-category-page__button:hover {
  transform: translateY(-2px);
  box-shadow: 0 .8rem 1.8rem oklch(54% .145 242 / .16);
}

.medicaldesk-category-page__button--primary {
  background: var(--medicaldesk-primary);
  color: #fff;
}

.medicaldesk-category-page__button--primary:hover {
  background: var(--medicaldesk-primary-hover);
  color: #fff;
}

.medicaldesk-category-page__button--secondary {
  border-color: var(--medicaldesk-primary);
  color: var(--medicaldesk-primary);
}

.medicaldesk-category-page__button--secondary:hover {
  background: var(--medicaldesk-primary-soft);
  color: var(--medicaldesk-primary-hover);
}

.medicaldesk-category-page__hero-media {
  overflow: hidden;
  aspect-ratio: 1.15;
  border-radius: 1.8rem;
  background: var(--medicaldesk-primary-soft-strong);
}

.medicaldesk-category-page__hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.medicaldesk-category-page__reasons {
  margin: 1.2rem 0 2rem;
  padding: 2.8rem 2rem 2rem;
  border-radius: 1.8rem;
  background: linear-gradient(135deg, var(--medicaldesk-primary-soft-strong) 0%, var(--medicaldesk-primary-soft) 100%);
}

.medicaldesk-category-page__reasons h2,
.medicaldesk-category-page__panel h2,
.medicaldesk-category-page__faq-list h2,
.medicaldesk-category-page__booking h2 {
  margin: 0 0 1.8rem;
  color: #10224d;
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.2;
}

.medicaldesk-category-page__reason-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem 1.2rem;
}

.medicaldesk-category-page__reason-card {
  display: flex;
  min-height: 7rem;
  align-items: center;
  gap: 1.3rem;
  padding: 1rem 1.4rem;
  border-radius: 1.4rem;
  background: #fff;
}

.medicaldesk-category-page__reason-icon {
  flex: 0 0 3.7rem;
  color: var(--medicaldesk-primary);
}

.medicaldesk-category-page__reason-icon svg {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.55;
}

.medicaldesk-category-page__reason-card h3 {
  margin: 0;
  color: #273760;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3;
}

.medicaldesk-category-page__reason-link {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 3px;
}

.medicaldesk-category-page__reason-link:hover {
  color: var(--medicaldesk-primary);
  text-decoration: underline;
}

.medicaldesk-category-page__reasons-more {
  display: flex;
  justify-content: center;
  margin-top: 1.6rem;
}

.medicaldesk-category-page__services-section {
  margin: 0 0 2rem;
  padding: 2.8rem 2rem 2rem;
  border: 1px solid #d7e7ed;
  border-radius: 1.8rem;
  background: #fff;
}

.medicaldesk-category-page__section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.8rem;
}

.medicaldesk-category-page__section-head h2 {
  margin: .35rem 0 0;
  color: #10224d;
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.2;
}

.medicaldesk-category-page__section-head p {
  max-width: 38rem;
  margin: 0;
  color: #64728a;
  font-size: 1.3rem;
  line-height: 1.45;
  text-align: right;
}

.medicaldesk-category-page__eyebrow {
  color: var(--medicaldesk-primary);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.medicaldesk-category-page__services-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
}

.medicaldesk-category-page__service-card {
  display: flex;
  flex-direction: column;
  min-height: 10.5rem;
  padding: 1.25rem 1.4rem 1.35rem;
  border-radius: 1.25rem;
  background: #f4f8fb;
}

.medicaldesk-category-page__service-number {
  display: block;
  margin-bottom: .75rem;
  color: var(--medicaldesk-primary);
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.medicaldesk-category-page__service-card h3 {
  margin: 0;
  color: #273760;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
}

.medicaldesk-category-page__service-card h3 a {
  color: inherit;
  text-decoration: none;
}

.medicaldesk-category-page__service-card h3 a:hover {
  color: var(--medicaldesk-primary);
  text-decoration: none;
}

.medicaldesk-category-page__service-card p {
  margin: .65rem 0 0;
  color: #64728a;
  font-size: 1.5rem;
  line-height: 1.4;
}

.medicaldesk-category-page__services-more {
  display: flex;
  justify-content: center;
  margin-top: 1.6rem;
}

.medicaldesk-category-page__details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem;
  margin: 0 0 2rem;
}

.medicaldesk-category-page__panel {
  min-width: 0;
  padding: 2.5rem 2.4rem 2.6rem;
  border: 1px solid #d7e7ed;
  border-radius: 1.3rem;
  background: #fff;
}

.medicaldesk-category-page__richtext {
  color: #314164;
  font-size: 1.4rem;
  line-height: 1.55;
}

.medicaldesk-category-page__richtext > :first-child {
  margin-top: 0;
}

.medicaldesk-category-page__richtext > :last-child {
  margin-bottom: 0;
}

.medicaldesk-category-page__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: 1.8rem;
}

.medicaldesk-category-page__tags span,
.medicaldesk-category-page__tags a {
  padding: .75rem 1.1rem;
  border: 1px solid #dfebf0;
  border-radius: 2rem;
  background: #f7fbfd;
  color: #354566;
  font-size: 1.4rem;
  line-height: 1.25;
}

.medicaldesk-category-page__tags a {
  text-decoration: none;
}

.medicaldesk-category-page__tags a:hover {
  text-decoration: none;
  color: var(--medicaldesk-primary);
}

.medicaldesk-category-page__process .medicaldesk-category-page__richtext > ol {
  display: grid;
  gap: 1.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: process-step;
}

.medicaldesk-category-page__process .medicaldesk-category-page__richtext > ol > li {
  position: relative;
  min-height: 3.9rem;
  padding: .1rem 0 0 5rem;
  color: #53617e;
  font-size: 1.25rem;
  line-height: 1.35;
  counter-increment: process-step;
}

.medicaldesk-category-page__process .medicaldesk-category-page__richtext > ol > li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  width: 3.2rem;
  height: 3.2rem;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--medicaldesk-primary-light), var(--medicaldesk-primary));
  color: #fff;
  content: counter(process-step);
  font-size: 1.45rem;
  font-weight: 700;
}

.medicaldesk-category-page__process .medicaldesk-category-page__richtext strong {
  display: block;
  color: #172855;
  font-size: 1.3rem;
}

.medicaldesk-category-page__faq-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26rem;
  gap: 1.6rem;
  margin-bottom: 2rem;
  padding: 2.5rem 2.4rem;
  border: 1px solid #d7e7ed;
  border-radius: 1.3rem;
  background: #fff;
}

.medicaldesk-category-page__faq-list {
  min-width: 0;
}

.medicaldesk-category-page__faq-item {
  margin-bottom: .7rem;
  border-radius: 1.5rem;
  background: var(--medicaldesk-primary-soft);
}

.medicaldesk-category-page__faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  padding: 1.1rem 1.6rem;
  color: #25365d;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  list-style: none;
}

.medicaldesk-category-page__faq-item summary::-webkit-details-marker {
  display: none;
}

.medicaldesk-category-page__faq-item summary span {
  flex: 0 0 auto;
  color: var(--medicaldesk-primary);
  font-size: 2.4rem;
  font-weight: 400;
  line-height: .8;
  transition: transform .2s ease;
}

.medicaldesk-category-page__faq-item[open] summary span {
  transform: rotate(45deg);
}

.medicaldesk-category-page__faq-answer {
  padding: 0 1.6rem 1.4rem;
  color: #53617e;
  font-size: 1.45rem;
  line-height: 1.5;
}

.medicaldesk-category-page__question-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 22rem;
  padding: 2rem 2rem 2rem 7rem;
  overflow: hidden;
  border-radius: 1.5rem;
  background: var(--medicaldesk-primary-soft);
}

.medicaldesk-category-page__question-sprig {
  position: absolute;
  top: 5.9rem;
  left: .2rem;
  width: 6.7rem;
  height: 10.5rem;
  display: block;
  object-fit: contain;
  opacity: .9;
}

.medicaldesk-category-page__question-heart {
  position: absolute;
  z-index: 0;
  top: 2rem;
  right: 1.7rem;
  width: 3.8rem;
  height: 3.8rem;
  fill: none;
  stroke: #f6a13d;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.2;
  transform: rotate(10deg);
}

.medicaldesk-category-page__question-circle {
  position: absolute;
  right: -3.2rem;
  bottom: -4.8rem;
  width: 10.5rem;
  height: 10.5rem;
  border-radius: 50%;
  background: #ffe1ca;
}

.medicaldesk-category-page__question-card h2,
.medicaldesk-category-page__question-card p,
.medicaldesk-category-page__question-card a {
  position: relative;
  z-index: 1;
}

.medicaldesk-category-page__question-card h2 {
  margin: 0 0 1.2rem;
  color: #132651;
  font-size: 2.5rem;
  line-height: 1.05;
}

.medicaldesk-category-page__question-card p {
  margin: 0 0 1.8rem;
  color: #4f5f7e;
  font-size: 1.3rem;
  line-height: 1.35;
}

.medicaldesk-category-page__question-card .medicaldesk-category-page__button {
  width: 100%;
  padding-inline: 1rem;
}

.medicaldesk-category-page__booking {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 2rem 2.4rem;
  border-radius: 1.5rem;
  background: linear-gradient(100deg, var(--medicaldesk-primary-soft), var(--medicaldesk-primary-soft-strong));
}

.medicaldesk-category-page__booking h2 {
  margin-bottom: 1.3rem;
}

.medicaldesk-category-page__booking-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 2.8rem;
}

.medicaldesk-category-page__booking-facts span {
  display: flex;
  align-items: center;
  gap: .8rem;
  color: #344363;
  font-size: 1.2rem;
  line-height: 1.35;
}

.medicaldesk-category-page__booking-facts svg {
  width: 3rem;
  height: 3rem;
}

.medicaldesk-category-page__booking > .medicaldesk-category-page__button {
  min-width: 31rem;
}

@media (max-width: 900px) {
  .medicaldesk-category-page__hero {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .medicaldesk-category-page__hero-media {
    max-width: 62rem;
  }

  .medicaldesk-category-page__reason-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .medicaldesk-category-page__services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .medicaldesk-category-page__faq-section {
    grid-template-columns: 1fr;
  }

  .medicaldesk-category-page__question-card {
    min-height: 18rem;
    padding-left: 6rem;
  }
}

@media (max-width: 680px) {
  .medicaldesk-category-page {
    padding: 1rem 1.5rem 4.8rem;
  }

  .medicaldesk-category-page__breadcrumbs {
    margin-bottom: 2rem;
    font-size: 1.1rem;
  }

  .medicaldesk-category-page__hero h1 {
    font-size: 4.2rem;
  }

  .medicaldesk-category-page__lead {
    font-size: 1.5rem;
  }

  .medicaldesk-category-page__benefits,
  .medicaldesk-category-page__details {
    grid-template-columns: 1fr;
  }

  .medicaldesk-category-page__benefits {
    gap: 1.4rem;
    margin-block: 2.4rem;
  }

  .medicaldesk-category-page__actions,
  .medicaldesk-category-page__actions .medicaldesk-category-page__button {
    width: 100%;
  }

  .medicaldesk-category-page__hero-media {
    aspect-ratio: 1.12;
  }

  .medicaldesk-category-page__reasons {
    padding: 2.2rem 1.3rem 1.3rem;
  }

  .medicaldesk-category-page__reason-grid {
    grid-template-columns: 1fr;
    gap: .7rem;
  }

  .medicaldesk-category-page__services-section {
    padding: 2.2rem 1.3rem 1.3rem;
  }

  .medicaldesk-category-page__section-head {
    display: block;
  }

  .medicaldesk-category-page__section-head p {
    margin-top: .8rem;
    text-align: left;
  }

  .medicaldesk-category-page__services-grid {
    grid-template-columns: 1fr;
  }

  .medicaldesk-category-page__panel,
  .medicaldesk-category-page__faq-section {
    padding: 2rem 1.5rem;
  }

  .medicaldesk-category-page__question-card {
    padding: 5.5rem 1.5rem 2rem;
  }

  .medicaldesk-category-page__question-sprig {
    top: 1rem;
    left: 1.2rem;
    width: 5.4rem;
    height: 7.5rem;
  }

  .medicaldesk-category-page__question-heart {
    top: 1.5rem;
    right: 1.2rem;
  }

  .medicaldesk-category-page__booking {
    align-items: stretch;
    flex-direction: column;
    padding: 2rem 1.5rem;
  }

  .medicaldesk-category-page__booking > .medicaldesk-category-page__button {
    width: 100%;
    min-width: 0;
  }

  .medicaldesk-category-page__booking-facts {
    gap: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .medicaldesk-category-page__button,
  .medicaldesk-category-page__faq-item summary span {
    transition: none;
  }
}

/* Employee profile landing page: profile data from com_medicaldesk. */
body.com_medicaldesk.view-employee {
  --medicaldesk-primary: oklch(54% .145 242);
  --medicaldesk-primary-hover: oklch(48% .145 242);
  --medicaldesk-primary-light: oklch(70% .11 242);
  --medicaldesk-primary-soft: oklch(97% .02 242);
  --medicaldesk-primary-soft-strong: oklch(94% .04 242);
}

.medicaldesk-employee-page {
  max-width: 120rem;
  margin: 0 auto;
  padding: 1.4rem 2rem 6.4rem;
  color: #10224d;
  font-family: var(--emberpro-font-family-body, Manrope, sans-serif);
}

.medicaldesk-employee-page h2 {
  margin: 0 0 1.8rem;
  color: #10224d;
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.2;
}

.medicaldesk-employee-page__hero {
  display: grid;
  grid-template-columns: minmax(34rem, .95fr) minmax(0, 1.1fr);
  gap: 4.6rem;
  align-items: center;
  margin-bottom: 2.4rem;
}

.medicaldesk-employee-page__photo-wrap {
  overflow: hidden;
  aspect-ratio: 1.08;
  border-radius: 1.8rem;
  background: var(--medicaldesk-primary-soft-strong);
}

.medicaldesk-employee-page__photo {
  display: block;
  width: 100%;
  height: auto;
  /* object-fit: cover; */
}

.medicaldesk-employee-page__hero h1 {
  max-width: 65rem;
  margin: 0 0 1.8rem;
  color: #101f4b;
  font-size: clamp(3.8rem, 5vw, 6.2rem);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.03;
}

.medicaldesk-employee-page__position {
  color: #2f4167;
  font-size: 1.35rem;
  line-height: 1.5;
}

.medicaldesk-employee-page__roles {
  display: grid;
  gap: .8rem;
  color: var(--medicaldesk-primary);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.35;
}

.medicaldesk-employee-page__facts {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}

.medicaldesk-employee-page__fact {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  color: #2f4167;
  font-size: 1.25rem;
  line-height: 1.35;
}

.medicaldesk-employee-page__fact .medicaldesk-employee-page__icon {
  width: 2.8rem;
  height: 2.8rem;
  color: var(--medicaldesk-primary-light);
}

.medicaldesk-employee-page__position--richtext ul {
  margin: 1.2rem 0 0;
  padding-left: 1.8rem;
}

.medicaldesk-employee-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-top: 2.4rem;
}

.medicaldesk-employee-page__button {
  display: inline-flex;
  min-height: 4.4rem;
  align-items: center;
  justify-content: center;
  padding: .8rem 2.4rem;
  border: 1px solid transparent;
  border-radius: 2.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.medicaldesk-employee-page__button:hover {
  transform: translateY(-2px);
  box-shadow: 0 .8rem 1.8rem oklch(54% .145 242 / .16);
}

.medicaldesk-employee-page__button--primary {
  background: var(--medicaldesk-primary);
  color: #fff;
}

.medicaldesk-employee-page__button--primary:hover {
  background: var(--medicaldesk-primary-hover);
  color: #fff;
}

.medicaldesk-employee-page__button--secondary {
  border-color: var(--medicaldesk-primary-light);
  color: var(--medicaldesk-primary);
}

.medicaldesk-employee-page__button--secondary:hover {
  background: var(--medicaldesk-primary-soft);
  color: var(--medicaldesk-primary-hover);
}

.medicaldesk-employee-page__reasons {
  margin-bottom: 2rem;
  padding: 2.6rem 2rem 2rem;
  border-radius: 1.8rem;
  background: linear-gradient(135deg, var(--medicaldesk-primary-soft-strong), var(--medicaldesk-primary-soft));
}

.medicaldesk-employee-page__reason-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.4rem;
}

.medicaldesk-employee-page__reason-group {
  padding: 1.8rem 2rem;
  border-radius: 1.4rem;
  background: #fff;
}

.medicaldesk-employee-page__reason-group h3 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1.2rem;
  color: #172855;
  font-size: 1.35rem;
  line-height: 1.3;
}

.medicaldesk-employee-page__reason-category-link {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 3px;
}

.medicaldesk-employee-page__reason-category-link:hover {
  color: var(--medicaldesk-primary);
  text-decoration: underline;
}

.medicaldesk-employee-page__icon,
.medicaldesk-employee-page__service-icon {
  display: inline-grid;
  flex: 0 0 auto;
  width: 3.2rem;
  height: 3.2rem;
  place-items: center;
  color: var(--medicaldesk-primary);
}

.medicaldesk-employee-page__icon svg,
.medicaldesk-employee-page__service-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

.medicaldesk-employee-page__icon--mortarboard {
  background: var(--medicaldesk-primary);
  -webkit-mask: url('../images/mortarboard.svg') center / contain no-repeat;
  mask: url('../images/mortarboard.svg') center / contain no-repeat;
}

.medicaldesk-employee-page__icon--favorites {
  background: var(--medicaldesk-primary);
  -webkit-mask: url('../images/favorites.svg') center / contain no-repeat;
  mask: url('../images/favorites.svg') center / contain no-repeat;
}

.medicaldesk-employee-page__icon--easy {
  background: var(--medicaldesk-primary);
  -webkit-mask: url('../images/easy.svg') center / contain no-repeat;
  mask: url('../images/easy.svg') center / contain no-repeat;
}

.medicaldesk-employee-page__icon--video-chat {
  background: var(--medicaldesk-primary);
  -webkit-mask: url('../images/video-chat.svg') center / contain no-repeat;
  mask: url('../images/video-chat.svg') center / contain no-repeat;
}

.medicaldesk-employee-page__reason-group ul {
  display: grid;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.medicaldesk-employee-page__reason-group li {
  position: relative;
  padding-left: 1.6rem;
  color: #314164;
  font-size: 1.2rem;
  line-height: 1.35;
}

.medicaldesk-employee-page__reason-link {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 3px;
}

.medicaldesk-employee-page__reason-link:hover {
  color: var(--medicaldesk-primary);
  text-decoration: underline;
}

.medicaldesk-employee-page__reason-group li::before {
  position: absolute;
  top: .5rem;
  left: 0;
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: var(--medicaldesk-primary);
  content: '';
}

.medicaldesk-employee-page__reason-group li.is-hidden {
  display: none;
}

.medicaldesk-employee-page__show-more {
  margin-top: 1.1rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--medicaldesk-primary);
  cursor: pointer;
  font-size: 1.15rem;
  font-weight: 600;
}

.medicaldesk-employee-page__show-more-icon {
  display: inline-block;
  width: .8rem;
  height: .5rem;
  margin-left: .4rem;
  vertical-align: .08rem;
  background: currentColor;
  -webkit-mask: url('../images/down.svg') center / contain no-repeat;
  mask: url('../images/down.svg') center / contain no-repeat;
  transition: transform .2s ease;
}

.medicaldesk-employee-page__show-more[data-expanded="true"] .medicaldesk-employee-page__show-more-icon {
  transform: rotate(180deg);
}

.medicaldesk-team__show-more .medicaldesk-employee-page__show-more-icon {
  display: inline-block;
  width: .8rem;
  height: .5rem;
  margin-left: .4rem;
  vertical-align: .08rem;
  background: currentColor;
  -webkit-mask: url('../images/down.svg') center / contain no-repeat;
  mask: url('../images/down.svg') center / contain no-repeat;
  transition: transform .2s ease;
}

.medicaldesk-team__show-more[data-expanded="true"] .medicaldesk-employee-page__show-more-icon {
  transform: rotate(180deg);
}

.medicaldesk-employee-page__content-grid {
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);
  gap: 1.6rem;
  margin-bottom: 2rem;
}

.medicaldesk-employee-page__column {
  display: grid;
  align-content: start;
  gap: 1.6rem;
}

.medicaldesk-employee-page__panel {
  min-width: 0;
  padding: 2.4rem 2.2rem;
  border: 1px solid #d7e7ed;
  border-radius: 1.3rem;
  background: #fff;
}

.medicaldesk-employee-page__richtext {
  color: #314164;
  font-size: 1.25rem;
  line-height: 1.6;
}

.medicaldesk-employee-page__richtext > :first-child {
  margin-top: 0;
}

.medicaldesk-employee-page__richtext > :last-child {
  margin-bottom: 0;
}

.medicaldesk-employee-page__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
}

.medicaldesk-employee-page__tags span,
.medicaldesk-employee-page__tags a {
  padding: .75rem 1.1rem;
  border: 1px solid #dfebf0;
  border-radius: 2rem;
  background: var(--medicaldesk-primary-soft);
  color: #354566;
  font-size: 1.1rem;
  line-height: 1.25;
}

.medicaldesk-employee-page__tags a {
  text-decoration: none;
}

.medicaldesk-employee-page__tags a:hover {
  border-color: var(--medicaldesk-primary);
  color: var(--medicaldesk-primary);
}

.medicaldesk-methods-page,
.medicaldesk-method-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 2rem 1.25rem 5rem;
}

.medicaldesk-methods-page__hero {
  position: relative;
  display: grid;
  min-height: 21rem;
  grid-template-columns: minmax(0, 1fr) 18rem;
  align-items: center;
  gap: 2rem;
  margin-bottom: 4.5rem;
  overflow: hidden;
  padding: 4.2rem 4.5rem;
  border-radius: 2rem;
  background: linear-gradient(110deg, #edf4ff 0%, #f5f8ff 68%, #f9fbff 100%);
}

.medicaldesk-methods-page__hero-content {
  position: relative;
  z-index: 1;
  max-width: 47rem;
}

.medicaldesk-methods-page__eyebrow,
.medicaldesk-method-page__eyebrow {
  display: block;
  margin-bottom: .8rem;
  color: var(--medicaldesk-primary);
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.medicaldesk-methods-page__hero h1,
.medicaldesk-method-page h1 {
  margin: 0;
  color: #10224d;
  font-size: clamp(3rem, 4.8vw, 5rem);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.02;
}

.medicaldesk-methods-page__hero p {
  max-width: 53rem;
  margin: 1.4rem 0 0;
  color: #7e8da5;
  font-size: 1.45rem;
  line-height: 1.55;
}

.medicaldesk-methods-page__hero-art {
  position: relative;
  width: 17rem;
  height: 17rem;
  justify-self: end;
}

.medicaldesk-methods-page__hero-orbit {
  position: absolute;
  inset: 1.1rem;
  border: 1px solid rgba(41, 153, 207, .32);
  border-radius: 50%;
}

.medicaldesk-methods-page__hero-orbit--inner {
  inset: 3rem;
  border-color: rgba(241, 164, 55, .35);
  border-style: dashed;
}

.medicaldesk-methods-page__hero-dot {
  position: absolute;
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
}

.medicaldesk-methods-page__hero-dot--blue {
  top: 10.8rem;
  left: .9rem;
  background: #208ec5;
}

.medicaldesk-methods-page__hero-dot--orange {
  top: 1.7rem;
  right: .9rem;
  background: #f4a531;
}

.medicaldesk-methods-page__hero-art-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #314164;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  transform: translate(-50%, -50%);
}

.medicaldesk-methods-page__catalog {
  padding: 0 .25rem;
}

.medicaldesk-methods-page__section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.6rem;
}

.medicaldesk-methods-page__section-head h2 {
  margin: .55rem 0 0;
  color: #10224d;
  font-size: clamp(2.4rem, 3.5vw, 3.4rem);
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: 1.1;
}

.medicaldesk-methods-page__count {
  padding-bottom: .4rem;
  color: #94a1b4;
  font-size: 1.2rem;
  white-space: nowrap;
}

.medicaldesk-methods-page__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  margin-bottom: 1.5rem;
}

.medicaldesk-methods-page__search {
  position: relative;
  display: flex;
  width: min(100%, 35rem);
  align-items: center;
}

.medicaldesk-methods-page__search-icon {
  position: absolute;
  left: 1.25rem;
  color: #208ec5;
  font-size: 2.1rem;
  line-height: 1;
  pointer-events: none;
  transform: translateY(-.1rem);
}

.medicaldesk-methods-page__search input {
  width: 100%;
  min-height: 4.2rem;
  padding: .9rem 1.3rem .9rem 3.8rem;
  border: 1px solid #dfe7ee;
  border-radius: 1rem;
  background: #fff;
  color: #20345c;
  font: inherit;
  font-size: 1.2rem;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.medicaldesk-methods-page__search input::placeholder {
  color: #a4afbd;
}

.medicaldesk-methods-page__search input:focus {
  border-color: #74bdd9;
  box-shadow: 0 0 0 .3rem rgba(32, 142, 197, .1);
}

.medicaldesk-methods-page__view-switcher {
  display: inline-flex;
  gap: .25rem;
  padding: .3rem;
  border: 1px solid #e2e8ef;
  border-radius: 1rem;
  background: #f7f9fc;
}

.medicaldesk-methods-page__view-button {
  display: inline-flex;
  min-height: 3.5rem;
  align-items: center;
  gap: .55rem;
  padding: .65rem 1rem;
  border: 0;
  border-radius: .75rem;
  background: transparent;
  color: #8795a8;
  cursor: pointer;
  font: inherit;
  font-size: 1.1rem;
  font-weight: 600;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.medicaldesk-methods-page__view-button span:first-child {
  color: currentColor;
  font-size: 1.6rem;
  line-height: 1;
}

.medicaldesk-methods-page__view-button:hover,
.medicaldesk-methods-page__view-button:focus-visible {
  color: #208ec5;
}

.medicaldesk-methods-page__view-button.is-active {
  background: #fff;
  box-shadow: 0 .2rem .7rem rgba(16, 34, 77, .08);
  color: #208ec5;
}

.medicaldesk-methods-page__results {
  min-height: 1.8rem;
  margin: -.4rem 0 .6rem;
  color: #8b98aa;
  font-size: 1.1rem;
}

.medicaldesk-methods-page__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}

.medicaldesk-methods-page__grid.is-list {
  grid-template-columns: 1fr;
  gap: .8rem;
}

.medicaldesk-methods-page__card {
  display: flex;
  min-height: 17rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  padding: 2rem 1.8rem 1.65rem;
  border: 1px solid #e0e7ef;
  border-radius: 1.5rem;
  background: #fff;
  color: #273760;
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background-color .2s ease;
}

.medicaldesk-methods-page__card:hover {
  border-color: #b9dceb;
  background: #fbfdff;
  box-shadow: 0 1rem 2rem rgba(16, 34, 77, .08);
  transform: translateY(-2px);
}

.medicaldesk-methods-page__card-main {
  display: block;
}

.medicaldesk-methods-page__card-title {
  display: block;
  color: #20345c;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.3;
}

.medicaldesk-methods-page__card-description {
  display: block;
  margin-top: .85rem;
  color: #8b98aa;
  font-size: 1.35rem;
  line-height: 1.5;
}

.medicaldesk-methods-page__card-link {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: #208ec5;
  font-size: 1.3rem;
  font-weight: 600;
}

.medicaldesk-methods-page__card-arrow {
  flex: 0 0 auto;
  font-size: 1.55rem;
  line-height: 1;
}

.medicaldesk-methods-page__grid.is-list .medicaldesk-methods-page__card {
  min-height: 0;
  flex-direction: row;
  align-items: center;
  padding: 1.35rem 1.6rem;
}

.medicaldesk-methods-page__grid.is-list .medicaldesk-methods-page__card-description {
  margin-top: .35rem;
}

.medicaldesk-methods-page__grid.is-list .medicaldesk-methods-page__card-link {
  flex: 0 0 auto;
}

.medicaldesk-methods-page__empty {
  margin: 2rem 0 0;
  padding: 2rem;
  border: 1px dashed #cbdde8;
  border-radius: 1.2rem;
  color: #7e8da5;
  font-size: 1.25rem;
  text-align: center;
}

.medicaldesk-method-page__back {
  display: inline-block;
  margin-bottom: 1.5rem;
  color: var(--medicaldesk-primary);
  font-weight: 700;
  text-decoration: none;
}

.medicaldesk-method-page__card {
  padding: clamp(2rem, 5vw, 4rem);
  border-radius: 1.8rem;
  background: linear-gradient(135deg, var(--medicaldesk-primary-soft-strong) 0%, #fff 100%);
}

.medicaldesk-method-page__description,
.medicaldesk-method-page__empty {
  max-width: 48rem;
  margin: 1.5rem 0 0;
  color: #314164;
  font-size: 1.2rem;
  line-height: 1.7;
}

@media (max-width: 760px) {
  .medicaldesk-methods-page__hero {
    min-height: 0;
    grid-template-columns: 1fr;
    margin-bottom: 3.2rem;
    padding: 2.6rem 2rem;
  }

  .medicaldesk-methods-page__hero-art {
    display: none;
  }

  .medicaldesk-methods-page__hero h1 {
    font-size: clamp(3rem, 11vw, 4.2rem);
  }

  .medicaldesk-methods-page__section-head {
    align-items: start;
    flex-direction: column;
    gap: .7rem;
  }

  .medicaldesk-methods-page__toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .medicaldesk-methods-page__search {
    width: 100%;
  }

  .medicaldesk-methods-page__view-switcher {
    align-self: flex-start;
  }

  .medicaldesk-methods-page__grid {
    grid-template-columns: 1fr;
  }

  .medicaldesk-methods-page__grid.is-list .medicaldesk-methods-page__card {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
  }
}

.medicaldesk-employee-page__service-list {
  display: grid;
  gap: .5rem;
}

.medicaldesk-employee-page__service {
  display: grid;
  grid-template-columns: 3.2rem minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: .8rem 0;
  border-bottom: 1px solid #edf2f4;
}

.medicaldesk-employee-page__service:last-child {
  border-bottom: 0;
}

.medicaldesk-employee-page__service h3 {
  margin: 0;
  color: #1b2b52;
  font-size: 1.2rem;
  line-height: 1.3;
}

.medicaldesk-employee-page__service p {
  margin: .25rem 0 0;
  color: #72809a;
  font-size: 1.05rem;
  line-height: 1.3;
}

.medicaldesk-employee-page__service > a {
  color: var(--medicaldesk-primary);
  font-size: 1.05rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.medicaldesk-employee-page__service > a:hover {
  color: var(--medicaldesk-primary-hover);
}

.medicaldesk-employee-page__education {
  display: grid;
  gap: .9rem;
  margin-bottom: 2rem;
}

.medicaldesk-employee-page__education-item {
  border: 1px solid #d7e7ed;
  border-radius: 1.2rem;
  background: #fff;
}

.medicaldesk-employee-page__education-item summary {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.5rem 1.8rem;
  color: #1b2b52;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: 700;
  list-style: none;
}

.medicaldesk-employee-page__education-item summary::-webkit-details-marker {
  display: none;
}

.medicaldesk-employee-page__education-item summary b {
  margin-left: auto;
  color: var(--medicaldesk-primary);
  font-size: 2rem;
  font-weight: 400;
}

.medicaldesk-employee-page__education-item[open] summary b {
  transform: rotate(45deg);
}

.medicaldesk-employee-page__education-item > .medicaldesk-employee-page__richtext {
  padding: 0 1.8rem 1.8rem 6.2rem;
}

.medicaldesk-employee-page__booking {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 2rem 2.4rem;
  border-radius: 1.5rem;
  background: linear-gradient(100deg, var(--medicaldesk-primary-soft), var(--medicaldesk-primary-soft-strong));
}

.medicaldesk-employee-page__booking h2 {
  margin-bottom: 1.1rem;
}

.medicaldesk-employee-page__booking-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.medicaldesk-employee-page__booking-facts span {
  display: flex;
  align-items: center;
  gap: .7rem;
  color: #344363;
  font-size: 1.15rem;
}

.medicaldesk-employee-page__booking-facts .medicaldesk-employee-page__icon {
  width: 2.8rem;
  height: 2.8rem;
}

.medicaldesk-employee-page__booking > .medicaldesk-employee-page__button {
  min-width: 28rem;
}

@media (max-width: 900px) {
  .medicaldesk-employee-page__hero,
  .medicaldesk-employee-page__content-grid {
    grid-template-columns: 1fr;
  }

  .medicaldesk-employee-page__photo-wrap {
    max-width: 62rem;
  }
}

@media (max-width: 680px) {
  .medicaldesk-employee-page {
    padding: 1rem 1.5rem 4.8rem;
  }

  .medicaldesk-employee-page__hero {
    gap: 2.8rem;
  }

  .medicaldesk-employee-page__hero h1 {
    font-size: 4.2rem;
  }

  .medicaldesk-employee-page__reason-grid {
    grid-template-columns: 1fr;
  }

  .medicaldesk-employee-page__reasons {
    padding: 2.2rem 1.3rem 1.3rem;
  }

  .medicaldesk-employee-page__panel {
    padding: 2rem 1.5rem;
  }

  .medicaldesk-employee-page__service {
    grid-template-columns: 2.8rem minmax(0, 1fr);
  }

  .medicaldesk-employee-page__service > a {
    grid-column: 2;
  }

  .medicaldesk-employee-page__education-item > .medicaldesk-employee-page__richtext {
    padding: 0 1.5rem 1.5rem;
  }

  .medicaldesk-employee-page__booking {
    align-items: stretch;
    flex-direction: column;
    padding: 2rem 1.5rem;
  }

  .medicaldesk-employee-page__booking > .medicaldesk-employee-page__button {
    width: 100%;
    min-width: 0;
  }
}

/* Use the service category breadcrumb design across the frontend. */
.container-info {
  flex: 0 0 auto;
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 2rem;
}

.mod-breadcrumbs__wrapper {
  padding: 1rem 0 1.4rem;
}

ol.mod-breadcrumbs.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0 !important;
  background: transparent;
  color: #7d879c;
  font-size: 1.25rem;
  line-height: 1.4;
}

ol.mod-breadcrumbs .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  padding: 0;
  color: inherit;
}

ol.mod-breadcrumbs .breadcrumb-item + .breadcrumb-item {
  padding-left: .9rem;
}

ol.mod-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
  padding: 0 .9rem 0 0;
  color: #a9b4c3;
  content: "›";
  font-size: 1.6rem;
  line-height: 1;
}

ol.mod-breadcrumbs a {
  color: #66738e;
  text-decoration: none;
}

ol.mod-breadcrumbs a:hover {
  color: var(--medicaldesk-primary);
}

ol.mod-breadcrumbs .breadcrumb-item.active {
  color: #53617e;
}

@media (max-width: 680px) {
  .container-info {
    padding: 0 1.5rem;
  }

  .mod-breadcrumbs__wrapper {
    padding-bottom: 1rem;
  }

  ol.mod-breadcrumbs.breadcrumb {
    font-size: 1.1rem;
  }
}

/* Keep the desktop header content inside the same visual container. */
@media (min-width: 901px) {
  .container-header .grid-child.menu {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 132rem !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@keyframes progress {
  from {
    stroke-dashoffset: 360;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

/* Webfont: IconsElet-Regular */
@font-face {
  font-display: swap;
  font-family: 'iconfont';
  src: url('fonts/Icons.eot'); /* IE9 Compat Modes */
  src: url('fonts/Icons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/Icons.woff') format('woff'), /* Modern Browsers */
  url('fonts/Icons.woff2') format('woff2'), /* Modern Browsers */
  url('fonts/Icons.otf') format('opentype'); /* Safari, Android, iOS */
url('fonts/Icons.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;

  text-rendering: optimizeLegibility;
}

body {
  margin: 0;
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--body-color);
  text-align: var(--body-text-align);
  background-color: var(--body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

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: #fbeea8;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--emberprokg-color-link);
  text-decoration: underline;
}
a:hover {
  color: var(--emberprokg-color-hover);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  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: #e93f8e;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: white;
  background-color: #22262a;
  border-radius: 0.2rem;
}
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: #6d757e;
  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;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
}

::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.25rem;
  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;
  }
}

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

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

.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.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6d757e;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: white;
  border: 1px solid #dfe3e7;
  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: #6d757e;
}

.logo {
  display: inline-block !important;
  max-width: 200px;
  width: 100%;
  height: 39px;
  line-height: 32px;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--gutter-x, 0.5em);
  padding-left: var(--gutter-x, 0.5em);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --gutter-x: 1em;
  --gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--gutter-x) * 0.5);
  padding-left: calc(var(--gutter-x) * 0.5);
  margin-top: var(--gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --gutter-x: 0;
}

.g-0,
.gy-0 {
  --gutter-y: 0;
}

.g-1,
.gx-1 {
  --gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
  .gx-sm-0 {
    --gutter-x: 0;
  }

  .g-sm-0,
  .gy-sm-0 {
    --gutter-y: 0;
  }

  .g-sm-1,
  .gx-sm-1 {
    --gutter-x: 0.25rem;
  }

  .g-sm-1,
  .gy-sm-1 {
    --gutter-y: 0.25rem;
  }

  .g-sm-2,
  .gx-sm-2 {
    --gutter-x: 0.5rem;
  }

  .g-sm-2,
  .gy-sm-2 {
    --gutter-y: 0.5rem;
  }

  .g-sm-3,
  .gx-sm-3 {
    --gutter-x: 1rem;
  }

  .g-sm-3,
  .gy-sm-3 {
    --gutter-y: 1rem;
  }

  .g-sm-4,
  .gx-sm-4 {
    --gutter-x: 1.5rem;
  }

  .g-sm-4,
  .gy-sm-4 {
    --gutter-y: 1.5rem;
  }

  .g-sm-5,
  .gx-sm-5 {
    --gutter-x: 3rem;
  }

  .g-sm-5,
  .gy-sm-5 {
    --gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
  .gx-md-0 {
    --gutter-x: 0;
  }

  .g-md-0,
  .gy-md-0 {
    --gutter-y: 0;
  }

  .g-md-1,
  .gx-md-1 {
    --gutter-x: 0.25rem;
  }

  .g-md-1,
  .gy-md-1 {
    --gutter-y: 0.25rem;
  }

  .g-md-2,
  .gx-md-2 {
    --gutter-x: 0.5rem;
  }

  .g-md-2,
  .gy-md-2 {
    --gutter-y: 0.5rem;
  }

  .g-md-3,
  .gx-md-3 {
    --gutter-x: 1rem;
  }

  .g-md-3,
  .gy-md-3 {
    --gutter-y: 1rem;
  }

  .g-md-4,
  .gx-md-4 {
    --gutter-x: 1.5rem;
  }

  .g-md-4,
  .gy-md-4 {
    --gutter-y: 1.5rem;
  }

  .g-md-5,
  .gx-md-5 {
    --gutter-x: 3rem;
  }

  .g-md-5,
  .gy-md-5 {
    --gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
  .gx-lg-0 {
    --gutter-x: 0;
  }

  .g-lg-0,
  .gy-lg-0 {
    --gutter-y: 0;
  }

  .g-lg-1,
  .gx-lg-1 {
    --gutter-x: 0.25rem;
  }

  .g-lg-1,
  .gy-lg-1 {
    --gutter-y: 0.25rem;
  }

  .g-lg-2,
  .gx-lg-2 {
    --gutter-x: 0.5rem;
  }

  .g-lg-2,
  .gy-lg-2 {
    --gutter-y: 0.5rem;
  }

  .g-lg-3,
  .gx-lg-3 {
    --gutter-x: 1rem;
  }

  .g-lg-3,
  .gy-lg-3 {
    --gutter-y: 1rem;
  }

  .g-lg-4,
  .gx-lg-4 {
    --gutter-x: 1.5rem;
  }

  .g-lg-4,
  .gy-lg-4 {
    --gutter-y: 1.5rem;
  }

  .g-lg-5,
  .gx-lg-5 {
    --gutter-x: 3rem;
  }

  .g-lg-5,
  .gy-lg-5 {
    --gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
  .gx-xl-0 {
    --gutter-x: 0;
  }

  .g-xl-0,
  .gy-xl-0 {
    --gutter-y: 0;
  }

  .g-xl-1,
  .gx-xl-1 {
    --gutter-x: 0.25rem;
  }

  .g-xl-1,
  .gy-xl-1 {
    --gutter-y: 0.25rem;
  }

  .g-xl-2,
  .gx-xl-2 {
    --gutter-x: 0.5rem;
  }

  .g-xl-2,
  .gy-xl-2 {
    --gutter-y: 0.5rem;
  }

  .g-xl-3,
  .gx-xl-3 {
    --gutter-x: 1rem;
  }

  .g-xl-3,
  .gy-xl-3 {
    --gutter-y: 1rem;
  }

  .g-xl-4,
  .gx-xl-4 {
    --gutter-x: 1.5rem;
  }

  .g-xl-4,
  .gy-xl-4 {
    --gutter-y: 1.5rem;
  }

  .g-xl-5,
  .gx-xl-5 {
    --gutter-x: 3rem;
  }

  .g-xl-5,
  .gy-xl-5 {
    --gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --gutter-x: 0;
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --gutter-y: 0;
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --gutter-x: 0.25rem;
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --gutter-y: 0.25rem;
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --gutter-x: 0.5rem;
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --gutter-y: 0.5rem;
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --gutter-x: 1rem;
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --gutter-y: 1rem;
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --gutter-x: 1.5rem;
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --gutter-y: 1.5rem;
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --gutter-x: 3rem;
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --gutter-y: 3rem;
  }
}
.table {
  --table-bg: transparent;
  --table-accent-bg: transparent;
  --table-striped-color: #22262a;
  --table-striped-bg: rgba(0, 0, 0, 0.05);
  --table-active-color: #22262a;
  --table-active-bg: rgba(0, 0, 0, 0.1);
  --table-hover-color: #22262a;
  --table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #22262a;
  vertical-align: top;
  border-color: #dfe3e7;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:first-child) {
  border-top: 2px solid 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-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --table-accent-bg: var(--table-striped-bg);
  color: var(--table-striped-color);
}

.table-active {
  --table-accent-bg: var(--table-active-bg);
  color: var(--table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --table-accent-bg: var(--table-hover-bg);
  color: var(--table-hover-color);
}

.table-primary {
  --table-bg: #cfd4dd;
  --table-striped-bg: #c5c9d2;
  --table-striped-color: black;
  --table-active-bg: #babfc7;
  --table-active-color: black;
  --table-hover-bg: #bfc4cc;
  --table-hover-color: black;
  color: black;
  border-color: #babfc7;
}

.table-secondary {
  --table-bg: #e2e3e5;
  --table-striped-bg: #d7d8da;
  --table-striped-color: black;
  --table-active-bg: #cbccce;
  --table-active-color: black;
  --table-hover-bg: #d1d2d4;
  --table-hover-color: black;
  color: black;
  border-color: #cbccce;
}

.table-success {
  --table-bg: #dae6da;
  --table-striped-bg: #cfdbcf;
  --table-striped-color: black;
  --table-active-bg: #c4cfc4;
  --table-active-color: black;
  --table-hover-bg: #cad5ca;
  --table-hover-color: black;
  color: black;
  border-color: #c4cfc4;
}

.table-info {
  --table-bg: #d6e0e8;
  --table-striped-bg: #cbd5dc;
  --table-striped-color: black;
  --table-active-bg: #c1cad1;
  --table-active-color: black;
  --table-hover-bg: #c6cfd7;
  --table-hover-color: black;
  color: black;
  border-color: #c1cad1;
}

.table-warning {
  --table-bg: #efe0cc;
  --table-striped-bg: #e3d5c2;
  --table-striped-color: black;
  --table-active-bg: #d7cab8;
  --table-active-color: black;
  --table-hover-bg: #ddcfbd;
  --table-hover-color: black;
  color: black;
  border-color: #d7cab8;
}

.table-danger {
  --table-bg: #edd2d1;
  --table-striped-bg: #e1c8c7;
  --table-striped-color: black;
  --table-active-bg: #d5bdbc;
  --table-active-color: black;
  --table-hover-bg: #dbc2c1;
  --table-hover-color: black;
  color: black;
  border-color: #d5bdbc;
}

.table-light {
  --table-bg: #f9fafb;
  --table-striped-bg: #edeeee;
  --table-striped-color: black;
  --table-active-bg: #e0e1e2;
  --table-active-color: black;
  --table-hover-bg: #e6e7e8;
  --table-hover-color: black;
  color: black;
  border-color: #e0e1e2;
}

.table-dark {
  --table-bg: #353b41;
  --table-striped-bg: #3f454b;
  --table-striped-color: white;
  --table-active-bg: #494f54;
  --table-active-color: white;
  --table-hover-bg: #444a4f;
  --table-hover-color: white;
  color: white;
  border-color: #494f54;
}

.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;
  }
}
@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.6rem + 1px);
  padding-bottom: calc(0.6rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6d757e;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #22262a;
  background-color: white;
  border-color: #8894aa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--emberprokg-color-primary), 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-webkit-input-placeholder {
  color: #6d757e;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #6d757e;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6d757e;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #6d757e;
  opacity: 1;
}
.form-control::placeholder {
  color: #6d757e;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #eaedf0;
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.6rem 1rem;
  margin: -0.6rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
  color: #22262a;
  background-color: #eaedf0;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -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;
}
.form-control::file-selector-button {
  padding: 0.6rem 1rem;
  margin: -0.6rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
  color: #22262a;
  background-color: #eaedf0;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  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) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dee1e4;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dee1e4;
}
.form-control::-webkit-file-upload-button {
  padding: 0.6rem 1rem;
  margin: -0.6rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
  color: #22262a;
  background-color: #eaedf0;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -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) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dee1e4;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.6rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #22262a;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 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 + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.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-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 + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 1.2rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.6rem;
}
.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, .custom-select {
  display: block;
  width: 100%;
  padding: 0.6rem 3rem 0.6rem 1rem;
  -moz-padding-start: calc(1rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  background-color: #eaedf0;
  background-image: url("../images/select-bg.svg");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 116rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  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, .custom-select {
    transition: none;
  }
}
.form-select:focus, .custom-select:focus {
  border-color: #8894aa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--emberprokg-color-primary), 0.25);
}
.form-select[multiple], [multiple].custom-select, .form-select[size]:not([size="1"]), [size].custom-select:not([size="1"]) {
  padding-right: 1rem;
  background-image: none;
}
.form-select:disabled, .custom-select:disabled {
  background-color: #eaedf0;
}
.form-select:-moz-focusring, .custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #22262a;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  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: white;
  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: #8894aa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--emberprokg-color-primary), 0.25);
}
.form-check-input:checked {
  background-color: var(--emberprokg-color-primary);
  border-color: var(--emberprokg-color-primary);
}
.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='white' 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='white'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--emberprokg-color-primary);
  border-color: var(--emberprokg-color-primary);
  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='white' 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;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    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='%238894aa'/%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='white'/%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 white, 0 0 0 0.25rem rgba(var(--emberprokg-color-primary), 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px white, 0 0 0 0.25rem rgba(var(--emberprokg-color-primary), 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: var(--emberprokg-color-primary);
  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: #b8bfcc;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dfe3e7;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: var(--emberprokg-color-primary);
  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: #b8bfcc;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dfe3e7;
  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,
.form-floating > .custom-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 1rem;
  pointer-events: none;
  border: 1px solid transparent;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  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 {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 1rem;
}
.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:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-ms-input-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.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, .form-floating > .custom-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label,
.form-floating > .custom-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: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .custom-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .custom-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  text-align: center;
  white-space: nowrap;
  background-color: #eaedf0;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-lg > .form-select, .input-group-lg > .custom-select,
.input-group-sm > .form-select,
.input-group-sm > .custom-select {
  padding-right: 4rem;
}

.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: -1px;
  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: #448344;
}

.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.875rem;
  color: white;
  background-color: rgba(68, 131, 68, 0.9);
  border-radius: 0.25rem;
}

.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: #448344;
  padding-right: calc(1.5em + 1.2rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23448344' 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.3rem) center;
  background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #448344;
  box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 1.2rem);
  background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem);
}

.was-validated .form-select:valid, .was-validated .custom-select:valid, .form-select.is-valid, .is-valid.custom-select {
  border-color: #448344;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .custom-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .was-validated .custom-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .is-valid.custom-select:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .is-valid.custom-select:not([multiple])[size="1"] {
  padding-right: 5.5rem;
  background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23448344' 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 1rem center, center right 3rem;
  background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}
.was-validated .form-select:valid:focus, .was-validated .custom-select:valid:focus, .form-select.is-valid:focus, .is-valid.custom-select:focus {
  border-color: #448344;
  box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #448344;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #448344;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #448344;
}

.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,
.was-validated .input-group .custom-select:valid,
.input-group .form-select.is-valid,
.input-group .is-valid.custom-select {
  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,
.was-validated .input-group .custom-select:valid:focus,
.input-group .form-select.is-valid:focus,
.input-group .is-valid.custom-select:focus {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #a51f18;
}

.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.875rem;
  color: white;
  background-color: rgba(165, 31, 24, 0.9);
  border-radius: 0.25rem;
}

.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: #a51f18;
  padding-right: calc(1.5em + 1.2rem);
  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='%23a51f18'%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='%23a51f18' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.3rem) center;
  background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #a51f18;
  box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 1.2rem);
  background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem);
}

.was-validated .form-select:invalid, .was-validated .custom-select:invalid, .form-select.is-invalid, .is-invalid.custom-select {
  border-color: #a51f18;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .custom-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .custom-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .is-invalid.custom-select:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .is-invalid.custom-select:not([multiple])[size="1"] {
  padding-right: 5.5rem;
  background-image: url("../images/select-bg.svg"), 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='%23a51f18'%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='%23a51f18' stroke='none'/%3e%3c/svg%3e");
  background-position: right 1rem center, center right 3rem;
  background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
}
.was-validated .form-select:invalid:focus, .was-validated .custom-select:invalid:focus, .form-select.is-invalid:focus, .is-invalid.custom-select:focus {
  border-color: #a51f18;
  box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #a51f18;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #a51f18;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #a51f18;
}

.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,
.was-validated .input-group .custom-select:invalid,
.input-group .form-select.is-invalid,
.input-group .is-invalid.custom-select {
  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,
.was-validated .input-group .custom-select:invalid:focus,
.input-group .form-select.is-invalid:focus,
.input-group .is-invalid.custom-select:focus {
  z-index: 3;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  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: 1px solid transparent;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  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) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #22262a;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--emberprokg-color-primary), 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: white;
  background-color: #E50500;
  border-color: #E50500;
}
.btn-primary:hover {
  color: white;
  background-color: #e50500;
  border-color: #c30501;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: white;
  background-color: #e50500;
  border-color: #c30501;
  box-shadow: 0 0 0 0.25rem rgba(39, 39, 111, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: white;
  background-color: #c30501;
  border-color: #a80501;
}
.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(39, 39, 111, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: white;
  background-color: #E50500;
  border-color: #E50500;
}

.btn-secondary {
  color: white;
  background-color: #6d757e;
  border-color: #6d757e;
}
.btn-secondary:hover {
  color: white;
  background-color: #5d636b;
  border-color: #575e65;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: white;
  background-color: #5d636b;
  border-color: #575e65;
  box-shadow: 0 0 0 0.25rem rgba(131, 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: white;
  background-color: #575e65;
  border-color: #52585f;
}
.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(131, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: white;
  background-color: #6d757e;
  border-color: #6d757e;
}

.btn-success {
  color: white;
  background-color: #448344;
  border-color: #448344;
}
.btn-success:hover {
  color: white;
  background-color: #3a6f3a;
  border-color: #366936;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: white;
  background-color: #3a6f3a;
  border-color: #366936;
  box-shadow: 0 0 0 0.25rem rgba(96, 150, 96, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: white;
  background-color: #366936;
  border-color: #336233;
}
.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(96, 150, 96, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: white;
  background-color: #448344;
  border-color: #448344;
}

.btn-info {
  color: white;
  background-color: #30638d;
  border-color: #30638d;
}
.btn-info:hover {
  color: white;
  background-color: #295478;
  border-color: #264f71;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: white;
  background-color: #295478;
  border-color: #264f71;
  box-shadow: 0 0 0 0.25rem rgba(79, 122, 158, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: white;
  background-color: #264f71;
  border-color: #244a6a;
}
.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(79, 122, 158, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: white;
  background-color: #30638d;
  border-color: #30638d;
}

.btn-warning {
  color: white;
  background-color: #ad6200;
  border-color: #ad6200;
}
.btn-warning:hover {
  color: white;
  background-color: #935300;
  border-color: #8a4e00;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: white;
  background-color: #935300;
  border-color: #8a4e00;
  box-shadow: 0 0 0 0.25rem rgba(185, 122, 38, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: white;
  background-color: #8a4e00;
  border-color: #824a00;
}
.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(185, 122, 38, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: white;
  background-color: #ad6200;
  border-color: #ad6200;
}

.btn-danger {
  color: white;
  background-color: #a51f18;
  border-color: #a51f18;
}
.btn-danger:hover {
  color: white;
  background-color: #8c1a14;
  border-color: #841913;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: white;
  background-color: #8c1a14;
  border-color: #841913;
  box-shadow: 0 0 0 0.25rem rgba(179, 65, 59, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: white;
  background-color: #841913;
  border-color: #7c1712;
}
.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(179, 65, 59, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: white;
  background-color: #a51f18;
  border-color: #a51f18;
}

.btn-light {
  color: black;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-light:hover {
  color: black;
  background-color: #fafbfc;
  border-color: #fafbfb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: black;
  background-color: #fafbfc;
  border-color: #fafbfb;
  box-shadow: 0 0 0 0.25rem rgba(212, 213, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: black;
  background-color: #fafbfc;
  border-color: #fafbfb;
}
.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(212, 213, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: black;
  background-color: #f9fafb;
  border-color: #f9fafb;
}

.btn-dark {
  color: white;
  background-color: #353b41;
  border-color: #353b41;
}
.btn-dark:hover {
  color: white;
  background-color: #2d3237;
  border-color: #2a2f34;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: white;
  background-color: #2d3237;
  border-color: #2a2f34;
  box-shadow: 0 0 0 0.25rem rgba(83, 88, 94, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: white;
  background-color: #2a2f34;
  border-color: #282c31;
}
.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(83, 88, 94, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: white;
  background-color: #353b41;
  border-color: #353b41;
}

.btn-outline-primary {
  color: #E50500;
  border-color: #E50500;
}
.btn-outline-primary:hover {
  color: white;
  background-color: #E50500;
  border-color: #E50500;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 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: white;
  background-color: #E50500;
  border-color: #E50500;
}
.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(1, 1, 86, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #E50500;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #6d757e;
  border-color: #6d757e;
}
.btn-outline-secondary:hover {
  color: white;
  background-color: #6d757e;
  border-color: #6d757e;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(109, 117, 126, 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: white;
  background-color: #6d757e;
  border-color: #6d757e;
}
.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(109, 117, 126, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6d757e;
  background-color: transparent;
}

.btn-outline-success {
  color: #448344;
  border-color: #448344;
}
.btn-outline-success:hover {
  color: white;
  background-color: #448344;
  border-color: #448344;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 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: white;
  background-color: #448344;
  border-color: #448344;
}
.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(68, 131, 68, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #448344;
  background-color: transparent;
}

.btn-outline-info {
  color: #30638d;
  border-color: #30638d;
}
.btn-outline-info:hover {
  color: white;
  background-color: #30638d;
  border-color: #30638d;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(48, 99, 141, 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: white;
  background-color: #30638d;
  border-color: #30638d;
}
.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(48, 99, 141, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #30638d;
  background-color: transparent;
}

.btn-outline-warning {
  color: #ad6200;
  border-color: #ad6200;
}
.btn-outline-warning:hover {
  color: white;
  background-color: #ad6200;
  border-color: #ad6200;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(173, 98, 0, 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: white;
  background-color: #ad6200;
  border-color: #ad6200;
}
.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(173, 98, 0, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #ad6200;
  background-color: transparent;
}

.btn-outline-danger {
  color: #a51f18;
  border-color: #a51f18;
}
.btn-outline-danger:hover {
  color: white;
  background-color: #a51f18;
  border-color: #a51f18;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 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: white;
  background-color: #a51f18;
  border-color: #a51f18;
}
.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(165, 31, 24, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #a51f18;
  background-color: transparent;
}

.btn-outline-light {
  color: #f9fafb;
  border-color: #f9fafb;
}
.btn-outline-light:hover {
  color: black;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(249, 250, 251, 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: black;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.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(249, 250, 251, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f9fafb;
  background-color: transparent;
}

.btn-outline-dark {
  color: #353b41;
  border-color: #353b41;
}
.btn-outline-dark:hover {
  color: white;
  background-color: #353b41;
  border-color: #353b41;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(53, 59, 65, 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: white;
  background-color: #353b41;
  border-color: #353b41;
}
.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(53, 59, 65, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #353b41;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: var(--emberprokg-color-link);
  text-decoration: underline;
}
.btn-link:hover {
  color: var(--emberprokg-color-hover);
}
.btn-link:disabled, .btn-link.disabled {
  color: #6d757e;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.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: 1rem;
  color: #22262a;
  text-align: left;
  list-style: none;
  background-color: white;
  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;
}

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

a.dropdown-item {
  font-size: 1.6em;
  padding: 0.3rem 1rem;
  white-space: normal;
  line-height: 100%;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #22262a;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1f2226;
  background-color: #eaedf0;
}
.dropdown-item.active, .dropdown-item:active {
  color: white;
  text-decoration: none;
  background-color: var(--emberprokg-color-primary);
}
.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.875rem;
  color: #6d757e;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #22262a;
}

.dropdown-menu-dark {
  color: #dfe3e7;
  background-color: #353b41;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dfe3e7;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: white;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: white;
  background-color: var(--emberprokg-color-primary);
}
.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: #dfe3e7;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  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: flex;
  flex-wrap: wrap;
  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: -1px;
}
.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.75rem;
  padding-left: 0.75rem;
}
.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.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  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: -1px;
}
.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;
}

.visually-hidden, .sr-only, .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;
}

.fieldError{
  display:none
}
.visible{
  display:block
}

html {
  font-size: 1rem;
}

body {
  display: flex;
  flex-direction: column;
}

.grid-child {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-child.container-slider{
  max-width: 1456px;
}

.container-top-a, .container-top-b, .container-top-c, .container-top-d, .container-top-e, .container-bottom-a, .container-bottom-b {
  position: relative;
}

.container-top-a > *, .container-top-b > *, .container-top-c > *, .container-top-d > *, .container-top-e > *, .container-bottom-a > *, .container-bottom-b > * {
  flex: 1;
  margin: .5em 0;
}

@media (width <= 991.98px) {
  .container-top-a, .container-top-b, .container-top-c, .container-top-d, .container-top-e, .container-bottom-a, .container-bottom-b {
    flex-direction: column;
  }

  .container-top-a > *, .container-top-b > *, .container-top-c > *, .container-top-d > *, .container-top-e > *, .container-bottom-a > *, .container-bottom-b > * {
    flex: 0 auto;
  }
}

.container-component nav {
  position: relative;
}

.container-component, .container-sidebar-left, .container-sidebar-right {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.container-component > *, .container-sidebar-left > *, .container-sidebar-right > * {
  margin-bottom: 0;
}

.container-component > :first-child, .container-sidebar-left > :first-child, .container-sidebar-right > :first-child, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
  margin-top: 1em;
}

.container-sidebar-left, .container-sidebar-right {
  flex: none;
  order: 1;
  width: calc(100% - 1em);
}

@media (width >= 768px) {
  .container-sidebar-left, .container-sidebar-right {
    order: 0;
    width: calc(25% - 1em);
  }
}

.container-sidebar-left .sidebar-left:first-child {
  margin-top: 1em;
}

.container-sidebar-left .sidebar-left:last-child {
  margin-bottom: 1em;
}

.container-sidebar-right .sidebar-right:first-child {
  margin-top: 1em;
}

.container-sidebar-right .sidebar-right:last-child {
  margin-bottom: 1em;
}

body.wrapper-fluid .site-grid {
  grid-gap: 0 2em;
  grid-template-columns: [full-start] minmax(0, 1fr)[main-start] repeat(4, minmax(0, 25%))[main-end] minmax(0, 1fr)[full-end];
}

body.wrapper-fluid .grid-child {
  max-width: none;
}

body.wrapper-fluid header > .grid-child, body.wrapper-fluid footer > .grid-child {
  padding-left: 2em;
  padding-right: 2em;
}

body:not(.has-sidebar-left) .site-grid .container-component {
  grid-column-start: main-start;
}

body:not(.has-sidebar-right) .site-grid .container-component {
  grid-column-end: main-end;
}

.site-grid {
  margin-bottom: auto;
}

@supports (display: grid) {
  .site-grid {
    grid-gap: 0 1em;
    grid-template-columns: [full-start] minmax(0, 1fr)[main-start] repeat(4, minmax(0, 31.8rem))[main-end] minmax(0, 1fr)[full-end];
    grid-template-areas: ". banner banner banner banner ."
                         ". top-a top-a top-a top-a ."
                         ". top-b top-b top-b top-b ."
                         ". top-c top-c top-c top-c ."
                         ". top-d top-d top-d top-d ."
                         ". top-e top-e top-e top-e ."
                         ". comp comp comp comp ."
                         ". side-r side-r side-r side-r ."
                         ". side-l side-l side-l side-l ."
                         ". bot-a bot-a bot-a bot-a ."
                         ". bot-b bot-b bot-b bot-b .";
    display: grid;
  }

  .site-grid > [class^="container-"], .site-grid > [class*=" container-"] {
    column-gap: 1em;
    width: 100%;
    max-width: none;
  }

  .site-grid > .full-width {
    grid-column: full-start / full-end;
  }

  @media (width >= 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ."
                           ". top-a top-a top-a top-a ."
                           ". top-b top-b top-b top-b ."
                           ". top-c top-c top-c top-c ."
                           ". top-d top-d top-d top-d ."
                           ". top-e top-e top-e top-e ."
                           ". side-l comp comp side-r ."
                           ". bot-a bot-a bot-a bot-a ."
                           ". bot-b bot-b bot-b bot-b .";
    }
  }
}

.container-banner {
  grid-area: banner;
}

.container-top-a {
  grid-area: top-a;
}

.container-top-b {
  grid-area: top-b;
}

.container-top-c {
  grid-area: top-c;
}

.container-top-d {
  grid-area: top-d;
}

.container-top-e {
  grid-area: top-e;
}

.site-grid > .container-top-e {
  grid-column: full-start / full-end;
  width: 100%;
  max-width: none;
}

.site-grid > .container-top-e > .top-e.card {
  width: 100%;
}

.site-grid > .container-top-e > .top-e.card > .card-header,
.site-grid > .container-top-e > .top-e.card > .card-body {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.container-component {
  grid-area: comp;
}

.container-sidebar-left {
  grid-area: side-l;
}

.container-sidebar-right {
  grid-area: side-r;
}

.container-main-top {
  grid-area: main-t;
}

.container-main-bottom {
  grid-area: main-b;
}

.container-breadcrumbs {
  grid-area: bread;
}

.container-bottom-a {
  grid-area: bot-a;
}

.container-bottom-b {
  grid-area: bot-b;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: .25rem !important;
}

.p-2 {
  padding: .5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important;
}

.px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: .25rem !important;
}

.pt-2 {
  padding-top: .5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: .25rem !important;
}

.pe-2 {
  padding-right: .5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: .25rem !important;
}

.pb-2 {
  padding-bottom: .5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: .25rem !important;
}

.ps-2 {
  padding-left: .5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: .25rem !important;
}

.gap-2 {
  gap: .5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: .25rem !important;
}

.row-gap-2 {
  row-gap: .5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: .25rem !important;
}

.column-gap-2 {
  column-gap: .5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

.modal {
  --bs-modal-footer-bg: #FFFFFF;
}

.container-info {
  width: 100%;
  flex: 0 0 35px;
}

.com_nbrates .container-info {
  flex: 0 0 100%;
}

.loans p.readmore {
  margin-top: 30px;
}

#eye-view-icon {
  width: 32px;
  cursor: pointer;
}

.visible-phone{
  display: none;
}

#mod-custom140, #mod-custom163, #mod-custom190, #mod-custom217{
  display: none;
}

.com_extvalidate h2 {
  font-size: 1.8rem;
  font-weight: 400;
}

.brand-logo {
  display: inline-block;
}

.calc_type_btn.active, .nav-tabs .nav-link.active {
  background-color: transparent;
}

.monthName.opened, .categoryName.opened, .monthName, .categoryName {
  background-position: 10px 12px;
}

.executive-board .accordion-header span {
  font-size: 1.6rem;
  margin: 12px 12px 0;
}

#depositTabsContent, #financialreportTabsContent {
  margin-bottom: 20px;
}

/************* ADVANCED OL 1.1 SUPPORT START ***************/
/***********************************************************/
.item-page.policy .com-content-article__body {
  counter-reset: section;
}

/* Заголовки */
.item-page.policy .com-content-article__body h1 {
  counter-increment: section;
  counter-reset: item;
}

.item-page.policy .com-content-article__body h1::before {
  content: counter(section) ". ";
}

/* Списки */
.item-page.policy .com-content-article__body ol {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.item-page.policy .com-content-article__body ol > li {
  counter-increment: item;
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

.item-page.policy .com-content-article__body ol > li::before {
  content: counter(section) "." counter(item) " ";
  position: absolute;
  left: 0;
  font-weight: 600;
}
/************* ADVANCED OL 1.1 SUPPORT END ****************/
/**********************************************************/

.reviews-widgets {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 5px;
  margin-top: 0;
}

.reviews-widget {
  position: relative;
  width: 100%;
  height: 800px;
  overflow: hidden;
}

.reviews-widget-address{
  text-align: center;
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.reviews-widget iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-sizing: border-box;
  background: var(--bg);
}

.header-legacy-tools .bg-primary {
  background-color: transparent !important;
}

.rko-slides {
  display: flex;
  flex-wrap: wrap;
}

.rko-slide {
  flex: 1 1 48%;
  margin: 1rem 1rem;
  position: relative;
}

.rko-info {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50px;
  bottom: 0;
}

.rko-caption {
  font-size: 3.1rem;
  font-weight: 700;
  max-width: 300px;
  line-height: 1.1;
}

.rko-description {
  max-width: 240px;
  margin-top: 2rem;
  font-size: 1.5rem;
  line-height: 1.4;
}

.rko-slide img {
  border-radius: 16px;
}

.col-red {
  color: #e50000;
}

.rko-btn {
  position: absolute;
  bottom: 36px;
}

#system-message-container{
  display: none;
}

.top-c.card {
  flex: 1;
  overflow: hidden;
  margin: 0 0;
  border: 0;
  border-radius: 32px;
  background: #f1f7fb;
  box-shadow: 0 18px 48px rgba(38, 58, 74, .07);
  padding-bottom: 4.3rem;
}

.top-c.card > .card-header {
  margin: 0;
  padding: 9.4rem 4.8rem 1.4rem;
  border: 0;
  background: transparent;
  color: #22262a;
  font-size: clamp(3rem, 3.4vw, 4.6rem);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.018em;
}

.top-c.card > .card-body {
  padding: 0 4.8rem 4.8rem;
}

.top-c.card .show_allnews {
  display: flex;
  justify-content: flex-end;
  margin: -7rem 0 3.4rem;
}

.top-c.card .show_allnews a {
  display: inline-flex;
  width: auto;
  min-width: 0;
  min-height: 24px;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #353b41;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  text-underline-offset: 5px;
  border-bottom: 1px solid #353b41;
}

.top-c.card .show_allnews a::after {
  content: " \2192";
  margin-left: .4rem;
}

.top-c.card .show_allnews a:hover {
  background: transparent;
  color: #506f86;
}

.top-c.card .home-news-intro {
  max-width: 64ch;
  margin: 0 0 3.4rem;
  color: #6f7880;
  font-size: 1.6rem;
  line-height: 1.55;
}

.top-c.card .mod-articlesnews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8rem;
}

.top-c.card .mod-articlesnews__item {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 240px;
  flex-direction: column;
  margin: 0;
  padding: 2.6rem;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(38, 58, 74, .055);
  transition: transform .2s ease, box-shadow .2s ease;
}

.top-c.card .mod-articlesnews__item p{
  margin: 0;
  color: oklch(62% .012 255);
  font-size: 1.5rem;
  line-height: 1.55;
}

.top-c.card .mod-articlesnews__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(38, 58, 74, .11);
}

.top-c.card .newsflash-image {
  height: 18rem;
  margin: 0 0 1.8rem;
  overflow: hidden;
  border-radius: 1.4rem;
  background: #edf3ff;
}

.top-c.card .newsflash-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-c.card .newsflash-image figcaption {
  display: none;
}

.top-d.card .newsflash-image {
  height: 18rem;
  margin: 0 0 1.8rem;
  overflow: hidden;
  border-radius: 1.4rem;
  background: #edf3ff;
}

.top-d.card .newsflash-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-d.card .newsflash-image figcaption {
  display: none;
}

.top-c.card .newsflash-title,
.top-c.card .newsflash-title a {
  color: #22262a;
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -.01em;
  text-decoration: none;
  text-align: left;
}

.top-c.card .newsflash-title {
  min-height: calc(4.05em + 3.2rem);
  margin: 0;
  padding-top: 3.2rem;
}

.top-c.card .bottom-block {
  margin-top: auto;
  justify-content: flex-end;
}

.top-c.card .readmore {
  display: flex;
  width: auto;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin: 0 0 0 auto;
}

.top-c.card .date-block {
  position: absolute;
  top: 2.6rem;
  left: 2.6rem;
  color: oklch(54% .145 242);
  font-family: var(--font-monospace);
  font-size: 1.3rem;
  letter-spacing: .04em;
}

.top-c.card .readmore .btn {
  display: flex;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  border: 1px solid #d7e1e8;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  color: transparent;
  font-size: 0;
  line-height: 1;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease;
}

.top-c.card .readmore .btn .icon-chevron-right {
  display: none;
}

.top-c.card .readmore .btn::after {
  content: none;
}

.top-c.card .readmore-icon {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: #22262a;
}

.top-c.card .readmore-icon svg {
  display: block;
  width: 22px;
  height: 22px;
}

.top-c.card .readmore .btn:hover {
  background: #f1f7fb;
  transform: translate(3px, -3px);
}

@media (max-width: 900px) {
  .top-c.card {
    margin: 3.6rem 0;
    border-radius: 26px;
  }

  .top-c.card > .card-header {
    padding: 3.6rem 3rem 1.2rem;
  }

  .top-c.card > .card-body {
    padding: 1.6rem 3rem 3.6rem;
  }

  .top-c.card .show_allnews {
    justify-content: flex-start;
    margin: 0 0 2.4rem;
  }

  .top-c.card .mod-articlesnews {
    grid-template-columns: 1fr;
  }

  .top-c.card .mod-articlesnews__item {
    min-height: 190px;
    padding: 2.9rem;
  }

  .top-c.card .newsflash-image {
    height: 20rem;
  }

  .top-d.card .newsflash-image {
    height: 20rem;
  }
}

@media (max-width: 520px) {
  .top-c.card {
    margin: 2.8rem 0;
    border-radius: 22px;
  }

  .top-c.card > .card-header {
    padding: 2.8rem 2rem 1rem;
  }

  .top-c.card > .card-body {
    padding: 1.4rem 2rem 2.8rem;
  }

  .top-c.card .mod-articlesnews__item {
    min-height: 0;
    padding: 2.4rem;
    border-radius: 20px;
  }

  .top-c.card .newsflash-title {
    min-height: 0;
    padding-top: 3.2rem;
  }
}

.top-b.card .nbkrrates-calcnotice {
  display: none;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: #E50500;
  background-color: #E50500;
  border-color: #E50500;
}

.com_nbrates joomla-tab > joomla-tab-element {
  padding: 0 15px;
}

.course-caption, .calc_caption {
  font-size: clamp(2.4rem,3vw,3.8rem);
  font-weight: 500;
}

.nav-tabs .nav-link, .calc_type_btn {
  font-weight: 400;
  font-size: 2.6rem;
  line-height: 183%;
  text-align: center;
  text-decoration: underline;
  color: #393939;
  border: none;
  cursor: pointer;
}

#mod_nbratesTabs {
  border: none;
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
}

#mod_nbratesTabs .nav-link, .calc_type_btn{
  font-size: clamp(1.8rem,2vw,2.2rem);
}

.container-component, .container-sidebar-left, .container-sidebar-right {
  display: flex;
  flex-direction: column;
}

.com_nbrates main {
  flex: 1 1 40%;
  min-width: 250px;
}

.com_nbrates .container-component {
  flex-direction: row;
  flex-wrap: wrap;
}

.com_nbrates .main-bottom.calcpage {
  flex: 1 1 30%;
  border: none;
}

.gethistorycontent {
  display: flex;
  margin-bottom: 20px;
  font-size: 1.6rem;
}

.gethistoryintro {
  font-size: 1.6em;
  margin-bottom: 12px;
}

.calc_type {
  display: flex;
  justify-content: space-evenly;
}

.calc_subcaption {
  font-weight: 400;
  font-size: 2rem;
  line-height: 238%;
  color: rgba(57, 57, 57, 0.7);
}

.calc_source_money {
  margin-bottom: 1%;
}

.calc_valuta_btn {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 167%;
  color: #393939;
  text-transform: uppercase;
  margin: 0 3rem 0 0;
  cursor: pointer;
}

.calc_money, .calc_result, input#date {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 250%;
  color: #393939;
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(103, 116, 122, 0.3);
  padding: 1px 12px;
}

.calc_valuta_btn.active {
  color: #e50000;
}

.course-intro {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 98%;
  letter-spacing: -0.03em;
  color: #573d3d;
}

.field-calendar .input-group{
  flex-wrap: nowrap;
}

#date_btn {
  padding: 1rem 2rem;
  font-size: 1.6rem;
  border-radius: 0 12px 12px 0;
  margin-left: 0;
  margin-right: 20px;
}

input#date {
  border-radius: 12px 0 0 12px;
  border-right: none medium;
  font-size: 1.8rem;
  max-width: 200px;
  width: 100%;
}

.gethistorycontent button.button {
  padding: 14px 36px;
}

.com_nbrates joomla-tab[view="tabs"] > div[role="tablist"] {
  background-color: transparent;
  box-shadow: none;
  border: none medium;
}

.com_nbrates .rates_date {
  display: none;
}

.com_nbrates .rates_calc {
  border: none medium;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 2rem 3rem 4rem;
}

.nbrates joomla-tab button[role="tab"], .nbrates joomla-tab button[role="tab"]::after {
  background-color: transparent;
  border: none medium;
  box-shadow: none;
  background-image: none;
  font-size: 2.2rem;
  text-decoration: underline;
}

joomla-tab button[aria-selected="true"] {
  text-decoration: none;
  color: #e50000;
  border: none;
  text-decoration: none !important;
}

.com_nbrates .col_date {
  display: block;
}

.com_nbrates joomla-tab > joomla-tab-element {
  border: none;
}

.com_nbrates .nbrates > div {
  flex: 1 1 33%;
}

.com_nbrates .nbrates .body .row0, .com_nbrates .nbrates .body .row1 {
  display: flex;
}

.com_nbrates .nbrates .body .row0 > div, .com_nbrates .nbrates .body .row1 > div {
  flex: 1 1 33%;
}

.calendar-container {
  --btn-primary-bg: #E50500;
  --btn-primary-bg-hvr: #E50500;
  --btn-primary-border: #E50500;
  --btn-primary-border-hvr: #E50500;
  --btn-primary-color: #fff;
}

.calendar-container table tbody td.day.selected,
.calendar-container table tbody td.day:hover,
.calendar-container .buttons-wrapper .btn,
.calendar-container .buttons-wrapper .btn:hover {
  background: #E50500;
  border-color: #E50500;
  color: #fff;
}

.com_nbrates #tabs {
  width: 100%;
  font-size: 1.6rem;
}

.rates_date {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1%;
  margin-top: 7px;
}

.nbrates_head > div > :last-child {
  border-bottom: none;
}

.mod_rates_view_all {
  color: #e50000;
  font-size: 1.6rem;
}

.rates_courses, .rates_calc {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4px);
}

.main-bottom.card .rates_courses {
  display: none;
}

.rates_courses {
  margin-right: 1.6%;
}

.rates_calc {
  margin-left: 1.6%;
}

.nbkrrates-notice {
  display: none;
}

.nav-tabs .nav-link.active, .calc_type_btn.active {
  text-decoration: none;
  color: #e50000;
  border: none;
}

.top-b.card .card-body {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  max-width: 1302px;
  margin: 0 auto;
  width: 100%;
}

.nbkrrates-calcnotice {
  display: none;
  flex: 1 1 100%;
}

.top-c.card.newshome {
  border: none;
}

.rates_calc, .rates_courses {
  flex: 1 1 48.4%;
  padding: 0.8% 1.6%;
}

#table-result {
  width: 100%;
}

#table-result tr:nth-child(2n) {
  background-color: rgba(0,0,0,0.05);
}

#table-result td{
  padding: 3px 0;
}

.modal-footer .btn.btn-secondary {
  font-size: 1.4rem;
}

.card-confirm-block {
  margin: 20px 0;
}

.controls {
  margin: 16px 0;
}

.layout-blog .item-content {
  font-size: 1.6rem;
}

.fieldError.visible {
  color: #ed1b24;
  font-weight: 400;
  font-size: 1.6rem;
  margin-left: 9px;
}

/* start check box animation */
/* =========================================
       iOS TOGGLE (Чистый CSS)
========================================= */
.ios-toggle {
  --bg: rgba(57, 57, 57, 0.05);
  --active-bg: #E50500;
  --text: #303030 !important;
  --active-text: #FFFFFF;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  position: relative;
  display: inline-flex;
  background: var(--bg);
  border-radius: 32px;
  padding: 4px;
  gap: 2px;
}

/* Скрываем нативные radio, но оставляем доступными для форм и скринридеров */
.ios-toggle input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.ios-toggle label {
  position: relative;
  z-index: 1;
  flex: 1;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  color: var(--text);
  font-weight: 500;
  transition: color 0.3s ease;
  user-select: none;
  font-size: 1.6rem;
  box-sizing: unset !important;
}

.lbagree {
  font-size: 1.6rem;
}

.mod-articlesnews__item .lbagree a {
  text-decoration: underline;
}

.card-confirm-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px;
  flex-wrap: wrap;
}

#fieldError-agreedelivery {
  width: 100%;
  flex: 0 0 100%;
  margin-left: 0;
}

#agreedelivery{
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* 2. Стилизуем Label как контейнер */
#agreedelivery + label {
  position: relative;
  cursor: pointer;
  padding-left: 35px; /* Место под квадрат */
  user-select: none;
  font-size: 1.6rem;
  color: #333;
}

/* 3. Рисуем квадрат (до клика) */
#agreedelivery + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border: 2px solid #ccc;
  border-radius: 6px; /* Скругление углов */
  transition: all 0.2s ease;
  background: #fff;
}

/* 4. Рисуем галочку (скрыта по умолчанию) */
#agreedelivery + label::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0; /* Форма L */
  transform: rotate(45deg) scale(0); /* Спрятана и уменьшена */
  transition: transform 0.2s ease;
  z-index: 1;
}

/* 5. Состояние: ВЫБРАНО */
#agreedelivery:checked + label::before {
  background: #2563eb; /* Цвет фона */
  border-color: #2563eb;
}

#agreedelivery:checked + label::after {
  transform: rotate(45deg) scale(1); /* Появляется галочка */
}

/* 6. Фокус для клавиатуры */
#agreedelivery.checkbox-anim:focus-visible + label::before {
  outline: 2px solid #2196f3;
  outline-offset: 2px;
}

/* Цвет текста при выборе */
.ios-toggle input:checked + label { color: var(--active-text); }

/* Скользящий фон */
.ios-toggle .slider {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 6px);
  height: calc(100% - 8px);
  background: var(--active-bg);
  border-radius: 22px;
  box-shadow: var(--shadow);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
  pointer-events: none;
}

#deposit-application .ios-toggle .slider, #deposit-calc .ios-toggle .slider{
  width: calc(25% - 6px);
}

#loan-calc .ios-toggle .slider{
  width: calc(33% - 6px);
}

/* Позиция 1 (выбран первый) */
.ios-toggle #currency-typesom-credit:checked ~ .slider, .ios-toggle .controls:has(#currency-typesom:checked) ~ .slider {
  transform: translateX(0);
}

/* Позиция 2 (выбран второй) */
.ios-toggle #currency-typeusd-credit:checked ~ .slider, .ios-toggle .controls:has(#currency-typeusd:checked) ~ .slider {
  transform: translateX(calc(106% + 2px));
}

/* Позиция 3 (выбран третий) */
.ios-toggle #currency-typerub-credit:checked ~ .slider, .ios-toggle .controls:has(#currency-typerub:checked) ~ .slider {
  transform: translateX(calc(212% + 2px));
}

/* Позиция 4 (выбран четвёртый) */
.ios-toggle #currency-typecny-credit:checked ~ .slider, .ios-toggle .controls:has(#currency-typecny:checked) ~ .slider {
  transform: translateX(calc(318% + 2px));
}

/* Позиция 3 (выбран третий кредит) */
#loan-calc .ios-toggle #currency-typecny-credit:checked ~ .slider, #loan-calc .ios-toggle .controls:has(#currency-typecny:checked) ~ .slider {
  transform: translateX(calc(212% + 2px));
}

/* Фокус для клавиатуры (Accessibility) */
.ios-toggle input:focus-visible + label {
  outline: 2px solid var(--active-text);
  outline-offset: 2px;
  border-radius: 8px;
}

/* end check box animation */

#deposit-calc .form-check-inline, #loan-calc .form-check-inline {
  margin-right: 0;
  padding-left: 0;
  margin-bottom: 0;
}

#deposit-currency .controls, #credit-currency .controls {
  margin: 0;
}

.mod-depositcalculator .control-field {
  position: relative;
  clear: both;
  margin: 0;
}

.irs--round .irs-single {
  display: none;
}

.irs--round .irs-handle {
  top: -8px;
  width: 20px;
  height: 20px;
  border: 4px solid #E50500;
  background-color: #E50500 !important;
  border-radius: 24px;
  box-shadow: none;
}

.irs--round .irs-bar {
  top: 0;
}

.irs--round .irs-handle:hover {
  background-color: #E50500;
}

.irs--round .irs-bar {
  background-color: #E50500;
}

.resultblock-bg {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 3rem 3rem;
  margin-left: 4rem;
}

#showfullcalc {
  background: #e9ecec;
  border-radius: 10px;
  border: none medium;
  font-size: 1.4rem;
  line-height: 114%;
  text-align: center;
  color: #3f3f3f;
  padding: 1.6rem 8rem;
}

#showfullcalc:hover{
  background: #E50500;
  transform: translateY(-2px);
  color: #FFFFFF;
}

.print.depositcalc{
  display: none;
}

.notice {
  font-size: 1.4rem;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  line-height: 114%;
  letter-spacing: -0.03em;
  color: #573d3d;
}

.nbrates {
  display: flex;
  flex-wrap: nowrap;
}

.nbrates_head .nbrates > div, .head .nbrates > div {
  font-weight: 400;
  font-size: clamp(1.8rem,3vw,2rem);
  line-height: 238%;
  color: rgba(57, 57, 57, 0.5);
  flex: 0 0 33%;
}

.nbrates_head .row0, .nbrates_head .row1,
.currency_block .row0, .currency_block .row1 {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid rgba(103, 116, 122, 0.4);
  margin: 3px 0;
  padding: 0 12px;
}

.com_nbrates .nbrates .body > .row0:has(+ .row-time),
.com_nbrates .nbrates .body > .row1:has(+ .row-time),
.com_nbrates .nbrates .body > .row0:last-child,
.com_nbrates .nbrates .body > .row1:last-child {
  border-bottom: none;
}

.nbrates_head .row0 > div, .nbrates_head .row1 > div {
  flex: 0 0 33%;
}

.nbrates_head .rate.buy, .nbrates_head .rate.sell, .nbrates_head .rate,
.currency_block .currency.code, .currency_block .rate.buy, .currency_block .rate.sell, .currency_block .rate{
  font-weight: 500;
  font-size: 2rem;
  line-height: 200%;
  color: #393939;
}

.currency_block .currency.code, .currency_block .rate.buy, .currency_block .rate.sell, .currency_block .rate {
  font-weight: normal;
  font-size: 1.7rem;
  line-height: 230%;
  color: #393939;
}

.currency_block .rate.buy, .currency_block .rate.sell, .currency_block .rate {
  font-weight: normal;
  font-size: 2rem;
  line-height: 200%;
}

.time.col_date {
  background-color: #e9ecec;
  text-align: center;
  border-radius: 9px;
  padding: 5px;
  font-size: 1.8rem;
  color: rgba(0,0,0,0.6);
}

.nbrates_head .code {
  font-weight: 500;
  font-size: 2rem;
  line-height: 200%;
  color: #e50000;
}

.nbrates_head .currency {
  display: none;
}

.deposit-right > div {
  margin-bottom: 1.6rem;
}

.irs--round .irs-grid-pol, .irs-grid-pol.small {
  visibility: hidden;
}

.irs--round.irs-with-grid {
  height: 25px;
  margin-bottom: 20px;
}

.mod-depositcalculator .card-header {
  display: none;
}

.irs--round .irs-line {
  top: 0;
}

.col_date {
  display: none;
}

.grid-child.container-top-b {
  grid-column: 1 / -1;
}

.page-bg, .top-b.card {
  background: url('../images/bg-blocks.svg') no-repeat right bottom;
  background-size: 1036px auto;
  padding-bottom: 3rem;
}

.top-b.card {
  padding-bottom: 0;
  margin-bottom: 0;
}

.item-page .page-bg {
  background: none;
  padding: 0 60px 50px 60px;
}

p.readmore {
  margin-top: 0;
  text-align: right;
  flex: 1 1 49%;
  margin-bottom: 0;
}

#loan-application, #deposit-application {
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: -1px 4px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 40px;
  max-width: 800px;
  margin: 0 auto;
}

.step-circle {
  background-color: transparent;
  border-radius: 32px;
  white-space: nowrap;
  color: #E50500;
  font-size: 1.772rem;
  text-decoration: none;
  line-height: 100%;
  padding: 9px 0;
  display: flex;
  border: none;
  text-align: center;
  max-width: 80px;
  width: 20px;
  margin-bottom: 12px;
  flex: 0 0 56px;
  align-content: center;
  align-items: center;
}

#arrow .arrow-steps {
  fill: #E50500;
  stroke: #E50500;
}

.num {
  flex: 0 0 24px;
  font-size: 5rem;
  width: 24px;
  display: block;
}

#arrow {
  width: 24px;
  height: 104px;
  flex: 0 0 24px;
  margin-left: -4px;
}

.step-txt {
  flex: 1 1 100px;
}

.stepsline .col-lg-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}

.step-caption {
  font-weight: 500;
  line-height: 100%;
  font-size: 1.8rem;
}

.step-desc {
  font-size: 1.4rem;
  max-width: 200px;
  text-align: left;
  line-height: 110%;
  margin-bottom: 0;
  margin-top: 7px;
  max-height: 40px;
  height: 40px;
  color: #484f56;
}

.slick-slide img.slblinf-link {
  max-width: 26px;
  position: absolute;
  bottom: 8px;
  right: 20px;
  opacity: 0.7;
  transition: opacity .2s ease;
}

.slick-slide a:hover img.slblinf-link {
  opacity: 1;
}

.modal-content {
  border: none;
  border-radius: 0;
}

.executive-board .accordion-item {
  border: none;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-btn-color);
}

#myAccordionList {
  display: flex;
}

.accordion-button {
  display: flex;
  flex-direction: column;
  flex: 1 1 20%;
}

.accordion-button img{
  width: 100%;
}

.listcaption {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  margin: 12px 0 9px;
  line-height: 110%;
}

.listdesc {
  font-size: 1.4rem;
  text-align: center;
  line-height: 110%;
  color: #484f56;
  margin-bottom: 16px;
}

.executive-board .accordion-button {
  background-color: #FFFFFF;
  border-bottom: 2px solid transparent;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  padding: 2rem 2rem 0.3rem 2.4rem;
  border-radius: 12px;
  margin: 15px;
  transition: transform .2s ease, box-shadow .2s ease;
}

.executive-board .accordion-button:not(.collapsed), .executive-board .accordion-button:hover{
  border-bottom: 3px solid #E50500;
  transform: translateY(-6px) scale(1.04);
}

a.services-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.blog-items {
  margin-bottom: 3rem;
  border-bottom: 3px double rgba(0,0,0,0.1);
  padding-bottom: 5rem;
}

.blog-items:last-child {
  border-bottom: none;
}

.container-topinfoline2 a.dropdown-item {
  font-size: 1.6rem;
  padding: 12px 20px;
  white-space: nowrap;
}

#tabspanelTabs {
  font-size: 1.6rem;
}

#tabspanelContent .intro {
  font-size: 1.6rem;
  padding-top: 12px;
}

#tabspanelContent .date {
  font-size: 1.6rem;
  line-height: 120%;
}

#tabspanelContent .date_time{
  font-size: 1.4rem;
  line-height: 120%;
}

#tabspanelContent .monthName a{
  font-size: 1.6rem;
}

#tabspanelContent ul.contentList {
  margin-bottom: 0;
}

footer .mod-menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 4.4rem 0 0 0;
  text-align: left;
}

footer div > ul > li > a {
  margin-bottom: 9px;
  display: block;
}

footer div ul li ul li > a {
  margin-bottom: 5px;
  display: block;
}

footer .mod-menu__toggle-sub{
  display: none;
}

footer .mod-menu a {
  font-size: clamp(1.8rem,3vw,2.4rem);
  font-weight: 500;
  color: #fff;
  text-decoration: none;
}

footer .mod-menu .mod-menu__sub a {
  font-size: 1.6rem;
  font-weight: 400;
  color: #FFFFFF;
  text-decoration: none;
}

footer :where(.mod-menu__sub[aria-hidden="true"]) {
  display: block;
}

.item-page {
  min-height: 300px;
}

.item-page > h2 {
  margin-bottom: 1.2rem;
}

ul.contentList li {
  display: flex;
}

.item-page p {
  font-size: 1.6rem;
}

.com-finder__search .btn.btn-primary {
  border-radius: 32px !important;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  padding-left: 26px;
  padding-right: 26px;
  padding-bottom: 0.5rem;
}

.com-finder * {
  margin-bottom: 0;
  font-size: 1.6rem;
}

.com-finder__search .icon-search::before {
  font-size: 1.6em;
  color: #FFFFFF;
  margin-right: 12px;
}

.com-finder__search .awesomplete {
  width: 300px !important;
  margin-right: 12px;
}

.result__title-text {
  font-size: 1.6rem;
  margin-top: 9px;
}

.com-finder__search .awesomplete input {
  font-size: 1.6rem;
}

.page-header {
  margin-bottom: 2rem;
}

.breadcrumb a {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #484f56;
}

.com-content-article__body {
  font-size: 1.6rem;
}

#category_group_0_slave, .divider.icon-location.icon-fw {
  display: none;
}

ol.mod-breadcrumbs li {
  display: inline;
}

.breadcrumb-item + .breadcrumb-item::before {
  padding-right: .7rem;
  color: #6d757e;
  content: var(--breadcrumb-divider, "/");
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: .7rem;
}

body.black{
  background-color: #000000;
}

.container-component > :first-child{
  margin-top: 0;
}

.tariffs strong {
  font-weight: 500;
}

.header{
  margin: 0 auto;
  width: 100%;
  background-color: #FFFFFF;
  text-align: center;
  position: relative;
}

.header-bg {
  background-color: #FFFFFF;
  border-bottom: 1px solid #DADDDE;
}

.container-header .grid-child.menu {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 20px 0;
}

.img-fluid, .img-thumbnail, img {
  max-width: 100%;
  height: auto;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #dfe3e7;
  border-radius: .25rem;
}

.slider.card.slickslider {
  max-width: 1508px;
  margin: 0 auto;
  border: 0;
}

.slick-initialized .slick-slide {
  display: block;
  position: relative;
  margin: 0;
}

.slder-block-info.slide1-bg, .slder-block-info.slide2-bg, .slder-block-info.slide3-bg {
  margin: 0 26px;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
}

.bbs-icon {
  height: 50px;
  width: 100%;
  position: relative;
  display: block;
  text-align: right;
}

#bbs-icon-01, #bbs-icon-02, #bbs-icon-03, #bbs-icon-04 {
  fill: #E50000;
  width: auto;
  height: 100%;
}

.bbs-caption {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 120%;
  color: #1b232c;
  margin-top: 16px;
  margin-bottom: 2.8%;
  min-height: 54px;
}

.bbs-txt {
  font-size: 1.5rem;
  line-height: 120%;
  color: #e50000;
  min-height: 54px;
}

.services-home .mod-list li{
  list-style: none;
}

.services-home .mod-list li article{
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  padding: 2rem 2rem 0.3rem 2.4rem;
  border-radius: 12px;
  position: relative;
  background: url('../images/bg-services.svg') no-repeat;
  background-position: right bottom;
  background-size: 152px auto;
  height: 100%;
  transition:
      transform .2s ease,
      box-shadow .2s ease;
}

.services-home .mod-list li article:hover{
  transform: translateY(-6px) scale(1.04);
}

.slide-content .anim-1, .slide-content .anim-2, .slide-content .anim-3 {
  opacity: 0;
  transform: translateY(40px);
  transition:
      opacity .7s ease,
      transform .7s ease;
}

.slick-current .anim-1 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .2s;
}

.slick-current .anim-2 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .7s;
}

.slick-current .anim-3 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .9s;
}

/* Начальное состояние - скрыт и смещен влево */
.slide-content .anim-4 {
  opacity: 0;
  transform: translateX(-40px); /* Выезд слева на 40px */
  transition: opacity .7s ease, transform .7s ease;
  transition-delay: 0s, 0s;
}

/* Активное состояние - виден и на месте */
.slick-current .anim-4 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.6s; /* Задержка перед началом анимации */
}

.services-home .mod-list {
  margin: 0;
  padding: 0;
}

.services-home .mod-articles-grid {
  --grid-layout-gap: 3.8rem;
}

.top-a.card.services-home, .top-b.card, .top-c.card, .top-d.card, .top-e.card{
  border: none;
}

.top-e.card {
  background-color: oklch(97% .012 277);
  padding-bottom: 10rem;
  margin-bottom: 0;
}

.itemid-101 .grid-child.container-component {
  display: none;
}

h3.card-header {
  font-size: clamp(2.2rem,3vw,3.8rem);
  margin: 5.3% 0 3%;
  border: none;
  background: transparent;
}

.top-e h3.card-header {
  margin: 3.8% 0 1%;
}

.slder-block-info.slide1 {
/*  background: rgba(0,0,0,.55);*/
  position: absolute;
  left: 26px;
  right: 26px;
  top: 0;
  bottom: 0;
  border-radius: 18px;
}

.slder-block-info.slide1 .slide-caption {
  color: var(--bs-card-cap-color);
  font-size: 4.6rem;
  max-width: 460px;
  margin: 3rem 0 0 7rem;
  font-weight: 700;
}

.afb-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 260px;
  right: 0;
  bottom: 0;
  /* display: none; */
  margin-left: -120px;
  margin-top: -118px;
  text-align: center;
}

.afb-logo-txt {
  font-size: 2rem;
  text-align: center;
  line-height: 1.5;
  margin-top: 2rem;
}

.slide-btn.order a{
  padding: 16px 86px;
}

.slide1-info .slide-btns {
  margin-top: 8.5%;
  margin-left: 9%;
}

.afb-logo img {
  width: 200px;
}

.slder-block-info.slide2, .slder-block-info.slide3 {
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 28px;
  right: 28px;
  top: 0;
}

.slide3-info .slide-card-info {
  background: #f7e9dc;
  position: relative;
  color: #212529;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  padding: 20px 20px 35px;
  box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.slide3-info .slidec-subcaption span {
  color: #8B0608;
  font-weight: 500;
  font-size: 3.8rem;
  margin-left: 31px;
  top: -8px;
  position: relative;
}

body.en-gb .slide3-info .slidec-subcaption span {
  margin-left: 51px;
}

body.zh-cn .slide3-info .slidec-subcaption span {
  margin-left: 46px;
}

body.kg-kg .slide3-info .slidec-subcaption span {
  margin-left: 82px;
  top: 1px;
}

.slide3-info .slidec-caption {
  font-size: 2.6rem;
  font-weight: 500;
}

.slide3-info .slidec-subcaption {
  font-size: 1.8rem;
}

.slide3-info.slide-cards {
  max-width: 630px;
  bottom: 27%;
  left: 12px;
  margin-left: unset;
}

.slide3 .slblinflinf-txt {
  font-size: 4.4rem;
}

.slide3 .slblinflinf-desc {
  font-size: 2.2rem;
}

.slide3 .slblinf-leftinfo {
  top: 50px;
}

.slide3 .slide-cardleft, .slide3 .slide-cardright {
  margin: 0 3%;
}

.slide-header {
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
  position: relative;
  margin-bottom: 40px;
}

.slder-block-info.slide3-header-bg {
  max-width: 1456px;
  margin: 0 auto;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
}

.header-info {
  position: absolute;
  left: 60px;
  right: 0;
  top: 60px;
  bottom: 0;
  color: #FFFFFF;
}

.mobileview {
  display: none;
}

tr.header th {
  font-size: 1.4rem;
  line-height: 100%;
  padding: 0 14px 5px 0;
}

.headeri-upcaption {
  text-transform: uppercase;
  font-size: 1.8rem;
}

.headeri-caption {
  font-size: 6rem;
  margin: 9px 0 20px;
}

.headeri-from {
  font-size: 2.4rem;
}

.headeri-percents span {
  font-size: 9rem;
  position: relative;
  top: -33px;
  margin-left: 22px;
  font-weight: 500;
}

.headeri-period {
  margin: -4.2% 0 0 11%;
  font-size: 2.8rem;
}

/********* SLIDE CARDS **********/
/****** START SLIDE CARDS *******/
/********************************/
.slide-cards {
  position: absolute;
  max-width: 800px;
  display: flex;
  flex-direction: row;
  bottom: 50px;
  width: 100%;
  left: 50%;
  margin-left: -400px;
}

.slide-card-bg {
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
}

.slide-cardleft, .slide-cardright {
  flex: 0 0 48%;
  margin: 0 1%;
  position: relative;
}

.slide-card-info {
  position: absolute;
  left: 16px;
  right: 3px;
  color: #FFFFFF;
  top: 16px;
  display: flex;
  flex-direction: column;
  bottom: 32px;
}

.slidec-subcaption {
  font-size: 1.2rem;
  line-height: 120%;
}

.slidecd-sum {
  font-size: 2rem;
  line-height: 100%;
  margin: 7px 0 9px;
}

.slidecd-currency {
  font-size: 1.5rem;
  line-height: 100%;
}

.slidec-caption {
  font-size: 2.2rem;
  margin-bottom: 7px;
}

.slide-card-cols2 {
  position: relative;
  display: flex;
  flex: 1;
}

.slidecdc2-period {
  font-size: 1.3rem;
  display: flex;
  align-items: center;
}

.slidecdc2-period::before, .slidecdc2-clients::before {
  content: "";
  background: transparent url('../images/icon-calendar.svg') no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 5px;
}

.slidecdc2-clients::before {
  background: transparent url('../images/icon-people.svg') no-repeat;
}

.slidecdc2-clients {
  font-size: 1.3rem;
  margin-top: 12px;
  display: flex;
  align-items: center;
}

.slidec-desc {
  position: absolute;
  bottom: 0;
}

.slidecd-from {
  font-size: 1.2rem;
  line-height: 120%;
  margin: 6px 0;
}

.slide-card-col1 {
  flex: 1 1 62%;
  border-right: 1px solid rgba(255,255,255,0.36);
  margin-right: 2%;
  position: relative;
  padding-right: 2%;
}

.slide-card-col2 {
  flex: 1 1 38%;
}

.slder-block-info img.slblinf-intro-logo {
  max-width: 280px;
  margin-top: 3%;
}

.slblinfint-txt {
  color: #1b252e;
  font-size: clamp(1.6rem,2vw,2rem);
  max-width: 430px;
  margin: 0 auto;
  text-align: center;
  line-height: 120%;
  margin-top: 1%;
}

.slblinf-leftinfo {
  position: absolute;
  left: 50px;
  top: 30px;
}

.slblinflinf-txt {
  color: #8B0608;
  font-size: 3.2rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.slblinflinf-desc {
  font-size: 1.5rem;
  max-width: 310px;
}

.slide2-info a.slide-card, .slide3-info a.slide-card {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 7;
  cursor: pointer;
}

/********* SLIDE CARDS **********/
/****** END SLIDE CARDS *******/
/********************************/

.slickslider .card-body {
  position: relative;
  padding: 0;
}

.card.slickslider .dots_dest {
  position: absolute;
  bottom: 16px;
  width: 100%;
  display: flex;
  align-items: center;
}

.card.slickslider .arrows_dest {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: -1px;
  height: 1px;
}

.slick-arrow {
  background: #F1F1F1 url('../images/arrow-btn.svg') no-repeat;
  color: transparent;
  font-size: 0.00001rem;
  background-size: 8px 14px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 4px solid #FFFFFF;
  background-position: center center;
  padding: 4px;
}

.slick-next {
  right: 0;
  position: absolute;
  transform: rotate(180deg);
}

.slder-block-info img {
  max-width: 1456px;
  width: 100%;
  margin: 0 auto;
}

.slide-caption {
  font-size: 5rem;
  line-height: 110%;
  color: #FFFFFF;
  font-weight: bold;
  max-width: 724px;
  margin: 7.4% 5% 0;
}

.card.slickslider .dots_dest ul {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.dots_dest li {
  float: left;
  background-color: rgba(255,255,255,.4);
  border-radius: 12px;
  margin: 0 .2rem;
  color: transparent;
  font-size: .1em;
  width: 22px;
  height: 22px;
  display: block;
  cursor: pointer;
  border: 3px solid #fff;
}

.card.slickslider .dots_dest li.slick-active {
  background-color: #fff;
  position: relative;
}

.dots_dest button {
  display: none;
}

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}

.container-header .navbar-brand {
  position: relative;
  display: inline-block;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  font-size: 1rem;
  color: white;
  flex: 0 1 200px;
  flex-wrap: nowrap;
}

.container-topinfo-blocks {
  flex: 1 1 auto;
  position: relative;
  margin-top:0;
}

.container-topinfo ul li .nav-link.smemu101, .container-topinfo ul li.item-129, .container-topinfo ul li.item-130,
.container-topinfo ul li.item-131{
  display: none;
}

.container-header .mod-menu {
  padding: 0;
  margin: 3px 0 0 0;
  color: white;
  list-style: none;
  display: flex;
  flex: 1 1 70%;
  flex-direction: row;
}

.header {
  text-align: left;
}

div.mod-languages ul {
  font-size: 1.6rem;
  line-height: 100%;
  letter-spacing: 0.01em;
  color: rgba(63, 63, 63, 0.7);
}

div.mod-languages ul.lang-inline li::after {
  content: "/";
  font-size: 2.2rem;
  position: relative;
  top: 3px;
  margin: 0 3px;
}

div.mod-languages ul.lang-inline li:last-child::after {
  display: none;
}

.mod-languages {
  flex: 0 0 150px;
  margin: -1px 42px 0 22px;
}

div.mod-languages ul li {
  margin: 0;
}

div.mod-languages ul a {
  padding: 0;
}

.container-topinfoline2 .slide-readmore, .slide-btn .slide-readmore, .slide-order, .show_allnews.newshome a,
.footer .btn.btn-primary, #depositTabs .nav-link, #financialreportTabs .nav-link, #depositTabs .nav-link.active, #financialreportTabs .nav-link.active,
form#loan-application #orderFormSend, form#deposit-application #orderFormSend, button.button, .rko-btn a{
  background-color: #E50500;
  border-radius: 32px;
  white-space: nowrap;
  color: #FFFFFF;
  font-size: 1.772rem;
  text-decoration: none;
  line-height: 100%;
  padding: 17px 36px;
  display: block;
  border: none;
}

.rko-btn a {
  transform: translateY(0);
  transition: all .25s ease-in-out;
}

.rko-btn a:hover {
  background: #e91e1a;
  transform: translateY(-2px);
}

.accordion-header button:not(.collapsed) {
  background-color: #E50500;
  border-radius: 32px !important;
  white-space: nowrap;
  color: #FFFFFF;
  font-size: 1.772rem;
  text-decoration: none;
  line-height: 100%;
  border: none;
  padding: 9px 40px;
  width: auto;
  min-width: 300px;
}

#financialreportTabsContent ul{
  padding: 0;
}

.accordion-body a, .accordion-body span, a.financialreport, a.pdfdoc {
  font-size: 1.6rem;
  font-weight: 500;
  background: url(../images/iconfile-pdf.svg) no-repeat left center;
  background-size: 36px auto;
  padding: 15px 0 15px 50px;
  color: var(--body-color);
  text-decoration: none;
  display: block;
  margin-bottom: 16px;
}

.accordion-body a:hover, a.financialreport:hover, a.pdfdoc:hover {
  background: url(../images/iconfile-active-pdf.svg) no-repeat left center;
  background-size: 36px auto;
}

.accordion-body span {
  color: #808080;
}

.accordion-collapse {
  margin-top: 1.6rem;
}

#financialreportTabsContent li{
  list-style: none;
}

#depositTabs, #financialreportTabs {
  border: none;
}

#depositTabs .nav-item, #financialreportTabs .nav-item {
  margin-right: 2rem;
}

.footer .btn.btn-primary {
  font-size: 1.6rem;
}

search {
  flex: 1;
  margin-top: 14px;
}

.footer .awesomplete {
  flex: 1;
  position: relative;
}

.footer .awesomplete::before {
  font-family: "Font Awesome 6 Free";
  content: "";
  color: rgba(63,63,63,.7);
  font-size: 2.4rem;
  font-weight: 900;
  left: 12px;
  top: 3px;
  position: absolute;
  color: #E50000;
}

.fcl-icon {
  width: 32px;
  height: 32px;
  margin-right: 14px;
  flex: 0 0 32px;
}

.footer-contactsline {
  display: flex;
}

.fcl-social {
  display: flex;
  align-items: center;
  flex: 1;
  flex-direction: row;
  justify-content: end;
}

.footer-cosialicon:last-child svg {
  margin-right: 0;
}

.footer-contactsline {
  display: flex;
  margin-top: 4.4rem;
}

a.footer-phone {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 2.8rem;
  text-decoration: none;
  display: flex;
  align-content: center;
  align-items: center;
}

a.footer-phone span{
  margin: 0 10px;
}


.footer-copyright {
  display: flex;
  color: #FFFFFF;
  font-size: 1.4rem;
  margin-bottom: 5rem;
  margin-top: 7.2rem;
}

.fcl-address-txt {
  font-size: 1.6rem;
  line-height: 113%;
  color: #fff;
}

.fcl-address-caption {
  font-size: 1.4rem;
  line-height: 114%;
  color: #fff;
  margin-bottom: 0.2rem;
}

.fcl-address {
  display: flex;
  align-items: center;
  margin-left: 9.8rem;
  max-width: 330px;
}

.fcl-addressinfo {
  display: flex;
  flex-direction: column;
  text-align: left;
}


#mod-finder-searchword123, #mod-finder-searchword174, #mod-finder-searchword197, #mod-finder-searchword147 {
  font-size: 1.8rem;
  line-height: 144%;
  color: #313132;
  border-radius: 32px;
  padding: 6px 0 8px 44px;
}

.footer .input-group .btn.btn-primary {
  border-radius: 32px !important;
  padding: 12px 36px;
  flex: 0 0 142px;
  margin-left: 36px !important;
}

.footer .btn.btn-primary .icon-search{
  display: none;
}


.mod-articlesnews.newshome {
  display: flex;
  flex-direction: row;
}

.newshome .mod-articlesnews__item {
  flex: 1 1 30%;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 12px;
  margin: 0 1.1%;
  padding: 2.8rem 2.5rem 2.7rem;
}

.newshome .mod-articlesnews__item:first-child {
  margin: 0 2.2% 0 0;
}

.newshome .mod-articlesnews__item:last-child {
  margin: 0 0 0 2.2%;
}

.newshome h4 a {
  font-size: 1.8rem;
  text-decoration: none;
  color: #3f3f3f;
  line-height: 120%;
  text-align: left;
}

.newshome h4.newsflash-title{
    min-height: 100px;
}

.bottom-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.date-block {
  font-size: 1.6rem;
  color: rgba(57,57,57,.5);
  flex: 1 1 50%;
}


.readmore .btn {
  background: #e9ecec;
  border-radius: 10px;
  border: none medium;
  font-size: 1.4rem;
  line-height: 114%;
  text-align: center;
  color: #3f3f3f;
  padding: 1rem 1rem;
  max-width: 164px;
  width: 100%;
}

.bottom-block .icon-chevron-right {
  display: none;
}

.slide-btns {
  margin-top: 2.6%;
}

.afb-logo img {
  width: 200px;
  display: none;
}

.readmore a.btn{
  transition:
      background-color .25s ease,
      transform .25s ease,
      box-shadow .25s ease;
}

.readmore a.btn:hover, .newshome .mod-articlesnews__item:hover .readmore a.btn {
  background: #E50500;
  transform: translateY(-2px);
  color: #FFFFFF;
}

.show_allnews.newshome {
  position: absolute;
  right: 10px;
  margin-top: -9.88rem;
  text-decoration: none;
}

.slide-order, #depositTabs .nav-link, #financialreportTabs .nav-link {
  background-color: #e9ecec;
  color: #3f3f3f;
  display: inline-block;
  margin-left: 4.6%;
}

.slick-current .slide-readmore, .header-info .slide-readmore {
  background: rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
  color: #fff;
  border: 1px solid rgba(255,255,255,.12);
  transition:
      background-color .25s ease,
      border-color .25s ease,
      transform .25s ease,
      box-shadow .25s ease;
  padding: 14px 36px;
  display: inline-block;
}

.slick-current .slide-readmore:hover, .header-info .slide-readmore:hover {
  background: rgba(255,255,255,.22);
  color: #FFFFFF;
  transform: translateY(-2px);
  /* background: rgba(255,255,255,.22); */
  /* border-color: rgba(255,255,255,.35); */
  /* color: #fff; */
}

.slide-btn .slide-order, .show_allnews a {
  color: #FFFFFF;
  background-color: #E50500;
  display: inline-block;
  padding: 12px 67px;

  transition:
      background-color .25s ease,
      transform .25s ease,
      box-shadow .25s ease;
}

.slide-btn .slide-order:hover, .show_allnews a:hover,
form#loan-application #orderFormSend:hover{
  background: #c90400;
  transform: translateY(-2px);
}

#depositTabsContent, #financialreportTabsContent {
  margin-top: 1.4rem;
}

.header-info .slide-order, .header-info .slide-order:hover {
  background-color: #f7e9dc;
  color: #212529;
  padding: 16px 86px;
}

/*.header-info .slide-order {
  background-color: #560702;
  color: #ddae6a;
  padding: 15px 67px;
}*/

.header-info .slide-btn.order{
  margin:0;
}

.header-info .slide-order {
  margin: 0 0 0 2.6%;
}

#depositTabs .nav-link, #financialreportTabs .nav-link {
  margin-left: 0;
}

#depositTabsContent .col-lg-5, #financialreportTabsContent .col-lg-5 {
  color: rgba(0,0,0,0.65);
}

#depositTabsContent .tab-pane, #financialreportTabsContent .tab-pane {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 3rem 3rem;
}

.row.tariffs {
  margin-bottom: 0;
  align-items: center;
  padding: 1rem;
}

.row.tariffs p{
  margin: 0;
}

.row.tariffs span{
  font-size: 1.4rem;
  color: rgba(0,0,0,0.65);
}

.row.tariffs:nth-child(2n) {
  background-color: rgba(0,0,0,0.05);
}

.slide-btn.order {
  margin: 0 0 0 5.2%;
}

.container-topinfo, .container-topinfoline2 {
  justify-content: flex-start;
  display: flex;
  position: relative;
  align-items: center;
  margin-left: 55px;
}

.mod-list li {
  padding: 0.25em 0;
}

.absolute-blocks {
  position: fixed;
  right: 26px;
  top: unset;
  width: 70px;
  bottom: 85px;
  z-index: 99;
}

.container-header .mod-finder {
  color: #fff;
  align-items: center;
  display: flex;
  position: absolute;
  right: 0;
  top: 1px;
}

.awesomplete mark {
  background: #fbeea8 !important;
  margin: 0.2em 0;
  padding: 0;
}

#widgets-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  right: 22px;
  width: 70px;
  flex-direction: column;
}

.widget-button {
  border-radius: 35px;
  border: medium;
  width: 70px;
  height: 70px;
  display: block;
  overflow: hidden;
}

#widgets-button.active, .widget-button {
  background-color: #fff;
  box-shadow: 0 5px 25px rgb(0 0 0/15%);
}

#widgets-button.active .widget-button {
  background-color: transparent;
  box-shadow: none;
}

#widgets-button.active {
  border-radius: 15px;
}

.mod-articlesnews__item a {
  text-decoration: none;
  position: relative;
  text-align: center;
  display: inline-block;
  line-height: 26px;
}

.mod-articlesnews__item .mobile-widgets__item a, .widget-button svg {
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

.mod-articlesnews__item .mobile-widgets__item a {
  padding: 7px 20px;
  font-size: .4rem;
}

.mod-articlesnews__item .mobile-widgets__item a:hover {
  font-size: .76em;
  padding: 3px 12px;
  font-size: .76rem;
}

.mobile-widgets__item svg {
  width: 100%;
}

.breadcrumb {
  font-size: 1.5rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
}

ol.mod-breadcrumbs li {
  display: inline;
}

.float-start {
  float: left !important;
}

.mobile-widgets__item {
  flex: 1 0 100%;
  align-self: center;
  width: 100%;
}

.widget-button svg {
  width: 30px;
}

.widget-block-link {
  width: 70px;
  display: flex;
  flex-direction: column;
  padding-bottom: 12px;
}

.mod-finder__search.input-group {
  flex-wrap: nowrap;
  display: block;
}

.mod-finder__search.input-group button {
  display: flex;
  align-items: center;
  padding: 0;
  border-radius: .25rem !important;
  float: right;
  background-color: transparent;
  border: none medium;
}

.icon-search::before {
  content: "";
  color: rgba(63,63,63,.7);
  font-size: 2.2em;
}

.awesomplete {
  width: 0;
  overflow: visible;
  transition: all 1s ease;
  display: inline-block;
}

.awesomplete > input {
  max-width: none;
  display: block;
}

.active .awesomplete {
  width: calc(100% - 40px);
  float: right;
  z-index: 3;
}

.com_finder .active .awesomplete {
  z-index: 1;
}

.container-header .mod-finder .awesomplete > ul {
  background: linear-gradient(to bottom right,#fff,rgba(255,255,255,.9));
  font-size: 1.6rem;
  color: var(--body-color);
}

.container-header .mod-finder.active {
  left: 0;
}

.container-topinfoline2 {
  margin: 16px auto;
  flex-grow: 0;
  flex: 1 1 100%;
  padding: 0 20px;
  max-width: 1336px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1.2rem;
  padding-left: 0;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.container-topinfoline2 .container-fluid{
  padding-left: 0;
}

.container-topinfoline2 .navbar-expand-lg .navbar-nav .nav-link {
  padding: 2rem 3rem 2rem 0;
}

.container-topinfoline2 #main_nav .navbar-nav {
  column-gap: 2.5rem;
  row-gap: 1.25rem;
}

#main_nav .navbar-nav {
  column-gap: 2.5rem;
  row-gap: 1.25rem;
}

.container-topinfoline2 .bg-primary {
  background-color: rgba(255,255,255,.55) !important;
  border-radius: 12px;
  width: 100%;
}

.mobile-table {
  width: 100%;
  border-collapse: collapse;
}

.mobile-table th,
.mobile-table td {
  padding: 12px;
  border: 1px solid #ddd;
  text-align: left;
}

@media (max-width: 768px) {

  .mobile-table thead {
    display: none;
  }

  .mobile-table,
  .mobile-table tbody,
  .mobile-table tr,
  .mobile-table td {
    display: block;
    width: 100%;
  }

  .mobile-table tr {
    margin-bottom: 20px;
    border: 1px solid #ddd;
  }

  .mobile-table td {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border: none;
    border-bottom: 1px solid #eee;
  }

  .mobile-table td::before {
    content: attr(data-label);
    font-weight: bold;
    flex-shrink: 0;
  }

}

#mod-custom115, #mod-custom162, #mod-custom189, #mod-custom216{
  margin-top: 7px;
  margin-bottom: -4px;
}

.mod-finder__search.input-group button {
  display: flex;
  align-items: center;
  padding: 2px 6px 4px;
  border-radius: .25rem !important;
  float: right;
}

.mod-finder__search.input-group .awesomplete input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0;
  border-color: transparent;
  font-size: 1.6rem;
}

.active .mod-finder__search.input-group .awesomplete input{
  padding: .314rem 1rem;
}

.container-header .mod-menu > li {
  position: relative;
}

.container-header .mod-menu > li > a {
  position: relative;
  color: rgba(63,63,63,.7);
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 120%;
  padding: 0 3px;
  margin-right: 19px;
}

.container-header .mod-menu > li:last-child > a {
  margin-right: 0;
}

.itemid-101 .container-header .mod-menu > li.item-124 a, .container-topinfo li.active > a {
  font-weight: bold;
  color: #3F3F3F;
}

.footer {
  margin: 8.6rem 0 0 0;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 30px 15px 0;
  font-size: 1.2rem;
  clear: both;
  background: #1b252e;
}

.logo.footerbrand {
  display: inline-block !important;
  max-width: 300px;
  width: 100%;
  height: 59px;
  line-height: 32px;
}

.fb-logoicon {
  fill: #e50500;
}

.fb-logotext {
  fill: #FFFFFF;
}

.footer-firstline {
  display: flex;
}

a.footer-logo {
  flex: 0 0 300px;
  margin-right: 100px;
}

.footer .grid-child {
  max-width: 1286px;
}

.mod-finder.js-finder-searchform.form-search {
  flex: 1;
}

.footer .mod-finder__search.input-group {
  flex-wrap: nowrap;
  display: flex;
}

.footer .mod-articles-items.mod-list {
  width: 100%;
  padding: 0;
}

.row.sendprotect {
  padding-bottom: 133px;
}

.paydalogo-1 {
  fill: #ed3022;
}

.paydalogo-2 {
  fill: #fff;
}
.protect-1 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
}

.steps{
  display: flex;
  position: relative;
}
.steps > div{
  z-index: 2;
}

.steps::before {
  content: "";
  position: absolute;
  width: calc(100% - 120px);
  height: 2px;
  top: 20px;
  background-color: #EC1C24;
  left: calc( (100% - (100% - 120px)) /2);
  z-index: 1;
}

.square {
  background-color: #EC1C24;
  border-radius: 50%;
  font-size: 1.7rem;
  font-weight: bold;
  width: 40px;
  height: 40px;
  display: flex;
  align-content: center;
  align-items: center;
  margin: 0 auto;
}

.square span{
  display: block;
  width: 100%;
  text-align: center;
}

.steps-caption{
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

.steps-subcaption {
  font-size: 1.2rem;
  text-align: center;
  line-height: 120%;
}

.form-validate p{
  font-size: 1.2rem;
}

.card-amount-caption {
  font-size: 1.2rem;
  margin-top: -2px;
  margin-bottom: 3px;
  display: none;
}

.calc-caption{
  display: none;
}

.smecalculator .calc-caption, .loancalculator  .calc-caption{
  display: block;
  font-size: 1.4rem;
  margin-bottom: 7px;
}

.loancalculator .calc-caption {
  margin-bottom: 9px;
  margin-top: 20px;
}

.loancalculator .resultblock-bg .row {
  margin-bottom: 20px;
}

.smecalculator .resultblock-bg .calc-caption {
  margin-bottom: 0;
}

.deposit-right .print {
  display: none;
}

#credit-amount-block {
  margin-bottom: 28px;
}

.control-field .caption {
  font-size: 1.4rem;
  margin-bottom: 7px;
}

.calc-result {
  font-size: 2.4rem;
  font-weight: bold;
}

.form-validate input[type="text"] {
  background-color: rgba(57, 57, 57, 0.05);
  font-size: 1.6rem;
  font-weight: 400;
  border-radius: 12px;
  padding: 12px 5px 12px 15px;
  border: 1px solid transparent;
  width: 100%;
}

.occ_select > div {
  position: relative;
}

.form-validate input[data-defval], form.form-validate select {
  color: #b2b2b2 !important;
}

input#phone.filled, input[data-defval].user-text,
form.form-validate select.user-text{
  color: #303030 !important;
}

.form-validate p {
  margin-bottom: 3px;
}

.col-lg-12.submitbtn {
  margin-top: 9px;
}

#orderFormSend{
  font-size: 1.6rem;
  border-radius: 8px;
  margin-bottom: 20px;
  width: 100%;
}

.header::after {
  display: none !important;
}


.visible {
  color: #E6C50B;
}

.fieldError {
  font-size: 1.2em;
  margin: 0;
  font-weight: bold;
}

.success_sentdata_bg {
  background-color: #FFFFFF;
  border-radius: 40px 40px 0 0;
  margin-top: 40px;
  padding: 40px 30px 0;
  min-height: calc( 100vh - 224px );
}

.footer-contacts {
  position: absolute;
  left: 30px;
  right: 30px;
  width: auto;
  background-color: #FFFFFF;
  bottom: 20px;
}

.footer-contacts a{
  text-decoration: none;
  color: #000;
}

.step1-warning p {
  font-size: 1.6rem;
  margin-bottom: 12px;
}

.occ_select .arrow, #deposit-type-providing-block .arrow, #deposit-type-providing-block .arrow, #loan-calc .arrow {
  position: absolute;
  height: 100%;
  width: 25px;
  top: 20px;
  right: 7px;
  background-color: #d8e6f4;
  pointer-events: none;
  background: url(../images/icon-select-down.svg)no-repeat 0 0;
  background-size: 16px auto;
}

#deposit-type-providing-block .arrow, #loan-calc .arrow {
  top: 48px;
}

#occ_loanpurpose, #occ_depositpurpose, #deposit-type-providing, #credit-area, #credit-type-calculations {
  background-color: rgba(57, 57, 57, 0.05);
  border: none;
  width: 100%;
  -webkit-appearance: none;
  padding: 12px 5px 12px 15px;
  border-radius: 12px;
  cursor: pointer;
  font-size: 1.6rem;
}

#deposit-amount-input, #deposit-length-input, #credit-amount-input, #credit-length-input, #credit-percent-nominal {
  border: 1px solid transparent;
  font-size: 2rem;
}

#deposit-type-providing-block, #credit-area-block, #credit-type-calculations-block {
  position: relative;
}

#credit-percent-month-block, #credit-percent-year-block, #loan-calc .print, #loan-calc .card-header {
  display: none;
}

#loan-calc #credit-percent-nominal {
  width: 100%;
}

#loan-calc #showfullcalc, #deposit-calc #showfullcalc{
  padding: 1.6rem 2rem;
  width: 100%;
}

.col-lg-6.resultblock {
  display: flex;
}

#deposit-amount-block .control-field .caption {
  margin-bottom: 0;
  margin-top: 12px;
}

#deposit-length-block .control-field .caption {
  margin-top: 28px;
}

#spdeposit-total_payout {
  font-size: 3rem;
}

.deposit-right > div.notice {
  margin-bottom: 0;
  line-height: 110%;
  padding-top: 5px;
}

.arrow-select-1{
  fill: #FFFFFF;
}

#occ_loanpurpose-block{
  margin-top: 12px;
}

.loan-amount-block {
  flex-wrap: nowrap;
}

.loan-amount-block .col-lg-7 {
  flex: 1 1 auto;
}

.loan-amount-block .col-lg-5 {
  flex: 0 0 150px;
}

#credit-currency-credit .form-check{
  border: 1px solid #FFF;
}

.grid-child {
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.container-header .grid-child {
  padding: 0;
  flex-direction: column;
  z-index: 1;
  position: relative;
  max-width: 1336px;
}

@media (max-width: 1370px) {
  .container-header .grid-child, .footer-copyright-block, .footer-submenu {
    padding: 0 20px;
  }

  .top-b.card .card-body {
    overflow: hidden;
  }

  #mod-custom134 {
    width: 100%;
    overflow: hidden;
    padding: 1%;
  }
}

@media (max-width: 1270px) {
  .slder-block-info.slide1 .slide-caption {
    font-size: 3.6rem;
    margin: 8rem 0 0 10%;
  }

  .slide-btn.order {
    margin: 0 0 0 1.2%;
  }

  .slide3-info .slide-card-info {
    padding: 10px 10px 25px;
    top: 46px;
  }

  .executive-board .accordion-button {
    margin: 15px 6px;
    padding: 2rem 1rem .3rem 1rem;
  }
}

@media (max-width: 1100px) {
  .slide3 .slblinflinf-txt {
    font-size: 3.4rem;
  }

  .slide3-info .slidec-caption {
    font-size: 2.2rem;
  }

  .slder-block-info.slide1 .slide-caption {
    font-size: clamp(2.4rem,3vw,3rem);
  }

  .slide3 .slblinflinf-desc {
    font-size: 2rem;
  }

  .slide3-info .slidec-subcaption span {
    font-size: 3.6rem;
    top: -14px;
  }

  .slidecsc-period {
    top: -9px;
    position: relative;
  }

  .slide3-info .slide-card-info {
    padding: 10px 10px 7px;
    top: 46px;
  }

  .slide-cards {
    max-width: 700px;
    margin-left: -350px;
    bottom: 30px;
  }

  .slide-card-info {
    top: 3px;
  }

  .slide-card-col1 {
    flex: 1 1 47%;
  }

  .slide-card-col2 {
    flex: 1 1 45%;
  }

  .slide-card-info {
    bottom: 12px;
  }

  .slidecd-from {
    line-height: 110%;
    margin: 6px 0 0;
  }

  .slidecd-sum {
    margin: 5px 0 1px;
  }

  .afb-logo img {
    width: 180px;
  }

  .afb-logo-txt {
    font-size: 1.7rem;
    line-height: 130%;
    margin-top: 1.6rem;
  }

  .afb-logo {
    margin-top: -103px;
  }

  .slder-block-info img.slblinf-intro-logo {
    max-width: 240px;
  }

  .slblinflinf-txt {
    font-size: 2.4rem;
  }

  .slblinflinf-desc {
    font-size: 1.5rem;
    line-height: 120%;
  }

}

@media (max-width: 991px) {
  #menu-btn {
    display: block;
    width: 88%;
    text-align: center;
    padding: 0 3px;
    margin-top: -4px;
    cursor: pointer;
    max-width: 40px;
  }

  .menu-line {
    background-color: rgba(0,0,0,.5);
    height: 3px;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 6px;
    width: 100%;
    display: block;

  }

  #btn-menu-phone {
    text-transform: uppercase;
    font-size: .74em;
    color: rgba(0,0,0,.65);
  }

  #main_nav {
    background-color: #fff !important;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 1.2rem;
    opacity: 0;
    padding-bottom: 2px;
    position: absolute;
    text-align: left;
    transition-duration: 500ms,500ms;
    transition-property: opacity;
    width: 100%;
    max-width: 350px;
    z-index: 6014;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 12px 0 0 12px;
    margin-left: 5px;
    box-shadow: 3px 3px 3px rgba(0,0,0,.25);
    padding-left: 20px;
    top: 120px;
    right: -20px;
    left: auto;
    padding-top: 120px;
  }

  .container-header .mod-finder {
    position: absolute;
    display: none;
    opacity: 0;
    transition-duration: 500ms,500ms;
    transition-property: opacity;
    top: 100px;
    right: 0;
  }

  .mod-languages{
    position: absolute;
    display: none;
    opacity: 0;
    transition-duration: 500ms,500ms;
    transition-property: opacity;
    top: 67px;
    right: 0;
    margin-right: 0;
  }

  .header-bg {
    z-index: 4;
    position: relative;
  }

  .container-header .mod-finder.mobilemenu{
    display: block;
    opacity: 1;
  }

  .mod-languages.mobilemenu{
    display: block;
    opacity: 1;
  }

  .container-topinfoline2 {
    z-index: 3;
    margin: 7px auto;
  }

  .top-b.card .card-body {
    overflow: hidden;
  }

  .container-header .mod-finder .awesomplete {
    flex: 12 0 20px;
    width: auto;
    display: flex;
    margin-left: 0;
  }

  .mod-finder__search.input-group .awesomplete > input {
    max-width: unset;
    margin-right: 5px;
    border-radius: 12px;
    border: 1px solid rgba(103,116,122,.3);
    padding: 1px 12px;
    line-height: 200%;
  }

  #mod-custom115, #mod-custom162, #mod-custom189, #mod-custom216{
    display: none;
    opacity: 0;
    transition-duration: 500ms,500ms;
    transition-property: opacity;
    position: absolute;
    top: 62px;
    right: 281px;
  }

  #mod-custom115.mobilemenu, #mod-custom162.mobilemenu, #mod-custom189.mobilemenu, #mod-custom216.mobilemenu{
    display: flex;
    opacity: 1;
  }

  .container-header .mod-menu {
    display: none;
    opacity: 0;
    transition-duration: 500ms,500ms;
    transition-property: opacity;
    position: absolute;
    right: 0;
    top: 144px;
    width: 314px;
  }

  .container-header .mod-menu.mobilemenu{
    display: flex;
    opacity: 1;
  }

  .container-topinfo {
    justify-content: flex-end;
  }

  .container-header .mod-menu > li > a {
    font-size: 1.6rem;
  }

  .container-topinfoline2 .navbar-expand-lg .navbar-nav .nav-link{
    padding: 0.2rem 3rem 1.4rem 0;
  }

  .container-topinfoline2 .navbar-expand-lg .navbar-nav .nav-item.dropdown .nav-link {
    padding: 0.7rem 3rem 0.1rem 0;
  }

  .navbar .dropdown-menu {
    display: block !important;
    position: static !important;
    transform: none !important;
    border: 0;
    box-shadow: none;
    background: transparent;
  }

  .readmore .btn {
    padding: 1rem 2.4rem;
  }

  .slide-cards {
    bottom: 10px;
  }

  .dots_dest li {
    margin: 0 0.7rem;
    width: 32px;
    height: 12px;
    border: 2px solid #fff;
  }

  .visible-phone{
    display: inline-block;
  }

  #mod-custom140, #mod-custom217, #mod-custom163, #mod-custom190{
    display: inline-block;
  }

  #mod-custom117, #mod-custom167, #mod-custom194, #mod-custom221 {
    display: none;
  }

  .slide-btn .slide-readmore {
    padding: 11px 22px;
    margin-right: 20px;
    font-size: 1.6rem;
  }

  h3.card-header {
    margin: 2.3% 0 1%;
  }

  .calc_valuta_btn {
    margin: 0 1.4rem 0 0;
  }

  .slidecd-from {
    margin: 6px 7px 0 0;
  }

  .fcl-address {
    margin-left: 3.8rem;
  }

  .header-info {
    left: 30px;
    top: 30px;
  }

  .resultblock-bg {
    margin: 30px auto 0;
  }

  .left-bg {
    max-width: 70%;
    margin: 0 auto;
  }

  #financialreportTabsContent .col-lg-3 {
    width: 25%;
  }

  .executive-board .accordion-button {
    width: 100%;
    padding: 7px 0 0 0;
    margin: 0 auto;
    max-width: 416px;
  }

  .executive-board .accordion-button::after {
    width: 47px;
    height: 22px;
    background-size: 3rem auto;
    background-position: center top;
    position: relative;
    margin: 0 auto -1px;
    fill: #e50500;
    color: #e50500;
    padding-bottom: 36px;
    background-image:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23e50500' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");;
  }

  .executive-board .accordion-item {
    margin-bottom: 40px;
  }

  .loan-amount-block .col-lg-8 {
    width: 66.66666667%;
  }

  .loan-amount-block .col-lg-4 {
    width: 33.33333333%;
  }

}

@media (max-width: 920px) {
  .slide-card-col2 {
    display: none;
  }

  .slide-card-col1 {
    flex: 1 1 100%;
    border-right: none;
  }

  .slidec-desc {
    display: flex;
    align-items: center;
  }

  .slidecd-currency {
    margin: 6px 0 0 7px;
  }

  .slide-card-bg {
    height: 112px;
  }

  .slblinf-leftinfo {
    left: 20px;
    right: 20px;
    text-align: center;
  }

  .slblinf-intro {
    display: none;
  }

  .slblinflinf-desc {
    max-width: unset;
  }

  .afb-logo {
    display: none;
  }

  .slder-block-info.slide1 .slide-caption {
    text-align: center;
    margin: 8rem auto 0;
  }

  .slide1-info .slide-btns {
    margin-left: 0;
    text-align: center;
  }

  .slide3-info .slidec-subcaption {
    display: flex;
    margin-top: 3px;
  }

  .slide3-info .slidec-subcaption span {
    top: 0;
    margin-left: 7px;
  }

  body.en-gb .slide3-info .slidec-subcaption span {
    margin-left: 9px;
    top: 2px;
  }

  body.zh-cn .slide3-info .slidec-subcaption span {
    margin-left: 7px;
  }

  body.kg-kg .slide3-info .slidec-subcaption span {
    margin-left: 82px;
    top: 1px;
  }

  .slidecsc-period {
    top: 0;
    margin-left: 7px;
  }

  .slide2-info a.slide-card {
    bottom: 0;
  }

  .slide1-info .slide-btn .slide-readmore {
    color: rgb(33, 37, 41);
  }

  .slide3-info a.slide-card {
    bottom: -34px;
  }

  .slide3-info .slide-card-info {
    padding: 10px 10px 16px;
  }

  .mod-articlesnews.newshome {
    flex-wrap: wrap;
  }

  .newshome .mod-articlesnews__item {
    flex: 1 1 100%;
  }

  .newshome .mod-articlesnews__item:first-child {
    margin: 0 0 16px 0;
  }

  .calc_valuta_btn {
    font-size: 2rem;
  }

  #mod_nbratesTabs {
    width: 94%;
    margin: 0 auto;
  }

  .newshome h4.newsflash-title {
    min-height: unset;
  }

  .footer-firstline {
    display: flex;
    flex-wrap: wrap;
  }

  a.footer-logo {
    flex: 0 0 100%;
  }

  .footer-contactsline {
    flex-wrap: wrap;
  }

  .fcl-phone {
    flex: 1 1 100%;
  }

  a.footer-phone {
    max-width: 330px;
    margin: 0 auto;
  }

  .fcl-address {
    margin-left: 0;
  }

  footer .mod-menu {
    grid-template-columns: repeat(1,1fr);
  }

  footer .mod-menu__sub {
    display: flex;
    flex-wrap: wrap;
  }

  footer .mod-menu__sub li {
    flex: 1 1 49%;
    margin: 0 0.5%;
  }

  footer .mod-menu .mod-menu__sub a {
    max-width: 300px;
    line-height: 110%;
  }

  .newshome .mod-articlesnews__item {
    margin: 0 0 16px !important;
  }

  .show_allnews.newshome {
    margin-top: -6.88rem;
  }

  .com_nbrates.itemid-182 main {
    flex: 1 1 100%;
    min-width: unset;
  }

  .rates_calc {
    margin-left: 0;
  }

  .headeri-caption {
    font-size: clamp(3.4rem,3vw,6rem);
    margin: 4px 0 3px;
  }

  .headeri-upcaption {
    font-size: clamp(1.4rem,2vw,1.8rem);
  }

  .headeri-from {
    font-size: clamp(2rem,2vw,3.4rem);
  }

  .slide-btns .slide-btn .slide-readmore {
    font-size: clamp(1.4rem,2vw,1.6rem);
    padding: 13px 50px;
    margin-right: 0;
  }

  .header-info .slide-btn.order .slide-order, .header-info .slide-btn.order .slide-order:hover {
    font-size: clamp(1.4rem,2vw,1.6rem);
    padding: 13px 50px;
  }

  #financialreportTabs .nav-link.active, #financialreportTabs .nav-link {
    padding: 12px 20px;
    font-size: clamp(1.5rem,2vw,1.772rem);
  }

  #financialreportTabs .nav-item:last-child{
    margin-right: 0;
  }
}

@media (max-width: 770px) {
  #depositTabs .nav-item {
    margin-right: 0;
    width: 100%;
  }

  #depositTabsContent .tab-pane {
    padding: 2rem 1rem;
  }

  #depositTabs .nav-link, #depositTabs .nav-link.active {
    width: 100%;
    margin-bottom: 16px;
  }

  .slide-cards {
    max-width: 600px;
    margin-left: -300px;
    bottom: 30px;
  }

  .slide3 .slblinflinf-txt {
    font-size: clamp(2.6rem,3vw,3.4rem);
  }

  .slblinf-leftinfo {
    top: 12px;
  }

  .slide3 .slblinf-leftinfo {
    top: 20px;
  }

  .slide3-info.slide-cards {
    max-width: unset;
    bottom: unset;
    left: unset;
    margin-left: unset;
    position: relative;
  }

  .slide3 .slide-cardleft, .slide3 .slide-cardright {
    margin: 16% .6% 0;
    flex: 1 1 48%;
  }

  .slide3-info .slide-card-info {
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
  }

  .slide3-info a.slide-card {
    bottom: 10px;
  }

  #depositTabs .nav-item, #financialreportTabs .nav-item {
    margin-right: 0;
    width: 100%;
    margin-bottom: 14px;
  }

  #financialreportTabs .nav-link, #financialreportTabs .nav-link.active {
    width: 100%;
  }

  #tabspanelContent .intro {
    line-height: 120%;
  }

  .intro {
    width: 93%;
  }

  .newscatalog-categories ol, .newscatalog-categories ul {
    padding-left: 0;
  }

  .loans .item-page .page-bg, .deposit .item-page .page-bg {
    padding: 0 10px 50px;
  }
}

@media (max-width: 670px) {
  .slblinf-leftinfo {
    top: 7px;
  }

  .slide-cards {
    bottom: 16px;
  }

  .slide3-info.slide-cards {
    max-width: unset;
    left: unset;
    right: unset;
    margin: 17% auto 0;
    width: 100%;
    bottom: unset;
  }

  .slblinflinf-txt {
    margin-bottom: 0;
  }

  .slder-block-info.slide1 .slide-caption {
    margin: 3rem auto 0;
  }

  .slide3-info.slide-cards {
    max-width: unset;
    bottom: unset;
    left: unset;
    margin-left: unset;
    position: relative;
  }

  .slide3-info .slide-card-info {
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
  }

  .slide3-info a.slide-card {
    bottom: 1px;
    right: 12px;
  }

  .slick-slide img.slblinf-link {
    right: 0;
  }

  .slide3 .slide-cardleft, .slide3 .slide-cardright {
    margin: 0 1%;
    display: flex;
  }

  .slick-slide .slide2 img.slblinf-link {
    right: 12px;
  }

  .slide3-info .slidec-caption {
    font-size: 1.8rem;
  }

  .slick-arrow {
    opacity: 0.6;
  }

  .slide2 .slide-cards {
    bottom: unset;
    position: relative;
    margin-top: 13%;
    max-width: unset;
    margin-left: unset;
    left: unset;
  }

  .rates_calc, .rates_courses {
    flex: 1 1 98.4%;
    padding: .8% 1.6% 2.4rem;
    margin: 0 0.8% 20px;
  }

  .rko-caption {
    font-size: clamp(2.2rem,3vw,3.1rem);
    max-width: unset;
  }

  .rko-slide {
    flex: 1 1 100%;
    margin: 0 0 20px 0;
    position: relative;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
  }

  .rko-info {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    order: 2;
    margin-top: 20px;
    flex: 1;
  }

  .rko-description {
    max-width: unset;
  }

  .rko-btn {
    position: relative;
    bottom: unset;
    margin: 12px 0 30px 0;
    display: inline-block;
  }

  .rko-btn a {
    transform: translateY(0);
    transition: all .25s ease-in-out;
    padding: 12px 20px;
    font-size: 1.5rem;
  }

  #financialreportTabsContent .col-lg-3 {
    width: 33.33%;
  }
}

/* Телефоны */
@media (max-width: 583px) {
  .slide-cards {
    max-width: 600px;
    margin-left: -300px;
    bottom: 30px;
  }

  .afb-logo {
    display: block;
  }

  .slder-block-info.slide1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    /* position: relative; */
    top: 0;
    bottom: unset;
  }

  .afb-logo {
    position: relative;
    left: unset;
    top: unset;
    max-width: unset;
    right: unset;
    unicode-bidi: 0;
    margin-left: unset;
    margin-top: 20px;
    text-align: center;
    flex: 1 1 100%;
    order: 1;
  }

  .slder-block-info.slide1-info {
    flex: 1 1 100%;
    order: 2;
  }

  .afb-logo img {
    width: 120px;
  }

  .slide1-info .slide-btn .slide-readmore {
    color: #FFFFFF;
  }

  .slder-block-info.slide1 .slide-caption {
    margin: 2rem auto 2rem;
    max-width: 290px;
    background: rgba(255, 255, 255,0.6);
    padding: 20px;
    border-radius: 16px;
  }

  .slide2 .slide-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .slide-cardleft, .slide-cardright {
    flex: 0 0 98%;
    margin: 7px 1% 7px;
    position: relative;
  }

  .slide2 .slide-cards {
    margin: 0 auto 0;
    margin-left: auto;
    max-width: 300px;
  }

  .slblinf-leftinfo {
    position: relative;
    width: 100%;
    left: unset;
    right: unset;
    margin: 9px 0 0;
    top: unset;
  }

  .slblinf-intro {
    display: block;
  }

  .slder-block-info img.slblinf-intro-logo {
    max-width: 160px;
  }

  .slblinfint-txt {
    font-size: clamp(1.4rem,2vw,2rem);
  }

  .slblinflinf-desc {
    max-width: 330px;
    margin: 0 auto;
  }

  .slidec-caption {
    font-size: 2.2rem;
    margin-bottom: 0;
  }

  .slide-card-bg {
    height: 104px;
  }

  .slide3-info.slide-cards {
    display: flex;
    flex-wrap: wrap;
  }

  .slide3 .slide-cardleft, .slide3 .slide-cardright {
    flex: 1 1 98%;
    margin-bottom: 12px;
  }

  .card.slickslider .arrows_dest {
    margin-top: 1px;
    height: 1px;
  }

  .slide3-info.slide-cards {
    max-width: 400px;
    margin: 17% auto;
  }

  .container-header .navbar-brand {
    flex: 0 0 80%;
    text-align: left;
    z-index: 4;
  }

  .container-topinfo-blocks {
    flex: 1 1 100%;
    margin-top: -33px;
    z-index: 3;
  }

  #mod-custom140, #mod-custom217, #mod-custom163, #mod-custom190 {
    position: absolute;
    top: 150px;
    width: 320px;
    text-align: center;
  }

  #main_nav {
    padding-top: 180px;
  }

  body.kg-kg #main_nav{
    padding-top: 200px;
  }

  .container-header .mod-menu {
    top: 196px;
  }

  .slide-btn .slide-readmore {
    margin-right: 0;
  }

  #mod-custom140, #mod-custom217, #mod-custom163, #mod-custom190{
    display: none;
    opacity: 0;
    transition-duration: 500ms,500ms;
    transition-property: opacity;
  }

  #mod-custom140.mobilemenu, #mod-custom217.mobilemenu, #mod-custom163.mobilemenu, #mod-custom190.mobilemenu {
    display: inline-block;
    opacity: 1;
  }

  .header-info {
    left: 50px;
    top: 50px;
  }

  .headeri-upcaption {
    font-size: clamp(1.4rem,4vw,1.8rem);
  }

  .headeri-caption {
    font-size: clamp(3.4rem,8vw,6rem);
    margin: 14px 0 23px;
  }

  .headeri-subcaption {
    margin: 3% 0 14%;
  }

  .headeri-from {
    font-size: clamp(2rem,5vw,3.4rem);
    line-height: 100%;
  }

  .left-bg {
    max-width: 90%;
  }

  .loan-amount-block {
    flex-wrap: wrap;
  }

  #credit-currency-credit .controls {
    margin: 6px 0;
  }

  #deposit-application, #loan-application {
    padding: 20px;
  }

  .card-confirm-item {
    margin: 20px 0;
  }

  .executive-board .accordion-header span {
    text-align: center;
  }
}

/* Маленькие телефоны */
@media (max-width: 480px) {
  .afb-logo img {
    width: 100px;
  }
  .afb-logo-txt {
    margin-top: 0;
  }

  .slder-block-info.slide1 .slide-caption {
    margin: 12px auto;
  }

  .slder-block-info.slide1 .slide-caption {
    font-size: clamp(1.8rem,3vw,3rem);
  }

  .slblinf-intro {
    display: none;
  }


  .slide3-info.slide-cards {
    max-width: unset;
    margin: 8% auto 0;
    width: 90%;
  }

  footer .mod-menu__sub li {
    flex: 1 1 99%;
  }
  footer .mod-menu a {
    display: flex;
    flex: 1;
  }


  footer .mod-menu__toggle-sub {
    display: flex;
    flex: 0 0 20px;
  }

  a.footer-phone {
    margin: 0;
  }

  .fcl-social {
    justify-content: start;
    margin-top: 16px;
  }

  footer :where(.mod-menu__sub[aria-hidden="true"]) {
    display: none !important;
  }

  footer :where(.mod-menu__sub[aria-hidden="false"]) {
    display: flex !important;
  }

  footer .nav-item {
    display: flex;
    flex-wrap: wrap;
  }

  .icon-chevron-down::before {
    color: #FFFFFF;
    margin: 0 12px;
    top: 0;
    position: relative;
    font-size: 1.8rem;
  }

  footer .mod-menu__sub {
    flex: 1 1 100%;
  }

  .show_allnews.newshome {
    bottom: -50px;
    left: 10px;
    text-align: center;
  }

  .rates_date {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }

  .mod_rates_view_all {
    flex: 1;
    margin-bottom: 12px;
  }

  .course-intro {
    flex: 0 0 100%;
  }

  .rates_calc, .rates_courses {
    padding: 1.8% 3.6% 2.4rem;
  }

  footer div ul li ul li > a {
    margin-bottom: 12px;
  }

  .head .nbrates > div, .nbrates_head .nbrates > div {
    font-weight: 400;
    flex: 0 0 23%;
  }
  .head .nbrates > div.col_date{
    flex: 0 0 53%;
  }

  joomla-tab[view="accordion"] > button:focus, joomla-tab[view="accordion"] > button[aria-expanded="true"] {
    background-color: #e50500;
    background-image: none;
    color: #FFFFFF;
    border-radius: 12px;
  }

  joomla-tab button[aria-expanded="true"]::after{
    display: none;
  }

  .com_nbrates .nbrates .currency_block .body .currency.code {
    font-size: 1.6rem;
    flex: 1 1 53%;
  }

  .com_nbrates .nbrates .body .row0 > div, .com_nbrates .nbrates .body .row1 > div, .com_nbrates .nbrates > div {
    flex: 1 1 23%;
    font-size: 1.8rem;
  }

  joomla-tab[view="accordion"] > button {
    border-radius: 12px;
    margin: 5px 0;
  }

  .gethistorycontent {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .gethistorycontent button.button {
    padding: 14px 26px;
    font-size: 1.6rem;
  }

  .input-group {
    flex-direction: row;
    align-items: center;
  }

  .calc_money, .calc_result, input#date {
    line-height: 212%;
  }

  #date_btn {
    padding: 8px 18px;
  }

  .header-info {
    left: 30px;
    top: 30px;
  }

  .header-info .slide-btn.order .slide-order, .slide-btns .slide-btn .slide-readmore {
    width: 100%;
    margin-bottom: 16px;
    max-width: 300px;
    text-align: center;
    margin-left: 0;
  }

  #deposit-application, #loan-application {
    padding: 16px;
  }

  #financialreportTabsContent .col-lg-3 {
    width: 50%;
  }

  #depositTabsContent, #financialreportTabsContent {
    margin-top: 0;
  }

  #depositTabsContent, #financialreportTabsContent {
    margin-top: 0;
    padding-top: 7px !important;
  }

  .calc_type_btn, .nav-tabs .nav-link {
    font-size: clamp(2.4rem,3vw,2.6rem);
  }

  .loan-amount-block .col-lg-8 {
    width: 100%;
  }

  .loan-amount-block .col-lg-4 {
    width: 100%;
  }
      
  .deposit.savings .headeri-from{
    max-width: 310px;
  }
}

@media (max-width: 410px) {
  .afb-logo-txt {
    font-size: 1.5rem;
  }

  .slder-block-info.slide1 .slide-caption {
    margin: 2rem auto;
    padding: 9px 10px;
    width: 80%;
  }

  .slide-btn.order a {
    padding: 12px 60px;
  }

  .slick-arrow {
    width: 36px;
    height: 36px;
  }

  .slder-block-info.slide1-bg, .slder-block-info.slide2-bg, .slder-block-info.slide3-bg {
    margin: 0 10px;
  }

  .slide-btn.order a {
    margin-right: 0;
  }

  .slide-btn.order {
    margin: 0;
  }

  .card.slickslider .arrows_dest {
    margin-top: -18px;
  }

  .slblinflinf-desc {
    font-size: 1.4rem;
    line-height: 100%;
  }

  .slidec-caption {
    line-height: 110%;
    margin-top: 3px;
  }

  .slide-card-bg {
    height: 94px;
  }

  .slide-cardleft, .slide-cardright {
    margin: 6px 1%;
  }

  #mod-custom140, #mod-custom217, #mod-custom163, #mod-custom190 {
    width: 100%;
  }

  #mod-custom115, #mod-custom162, #mod-custom189, #mod-custom216 {
    right: 90%;
  }

  .container-header .mod-menu > li > a {
    font-size: 1.6rem;
    margin-right: 9px;
  }

  .container-header .mod-menu {
    right: -23px;
  }

  .gethistorycontent {
    flex-wrap: wrap;
  }

  input#date {
    max-width: unset;
    flex: 0 0 100%;
  }

  #date_btn {
    margin-right: 0;
  }

  .gethistorycontent button.button {
    flex: 1;
    margin-top: 12px;
  }

  .com_nbrates .nbrates .currency_block .body .currency.code {
    font-size: 1.5rem;
    text-align: left;
  }

  .com_nbrates .nbrates .body .row0 > div, .com_nbrates .nbrates .body .row1 > div {
    text-align: right;
    font-size: 1.7rem;
  }

  .com_nbrates .nbrates .body .row0 > div, .com_nbrates .nbrates .body .row1 > div, .com_nbrates .nbrates > div {
    font-size: 1.7rem;
  }

  .com_nbrates .rates_calc {
    padding: 2rem 2rem 4rem;
  }

  .card.calcpage .card-body {
    padding: var(--bs-card-spacer-y) 0;
  }

  .calc_valuta_btn {
    font-size: 1.9rem;
    margin-right: 1.2rem;
  }

  .calc_subcaption {
    font-size: clamp(1.6rem,3vw,2rem);
    line-height: 160%;
    margin-top: 9px;
  }

  #mod_nbratesTabs .nav-link, .calc_type_btn {
    font-size: clamp(1.7rem,2vw,2.2rem);
  }

  #nbkr .head .nbrates > div.col_date {
    flex: 0 0 75%;
  }

  .headeri-caption {
    margin: 7px 0 5px;
  }

  .headeri-from {
    line-height: 120%;
  }

  .headeri-subcaption {
    margin: 3% 0 5%;
  }

  #mod-finder-searchword123, #mod-finder-searchword174, #mod-finder-searchword197, #mod-finder-searchword147 {
    font-size: 1.6rem;
    padding: 6px 0 8px 39px;
  }

  .footer .input-group .btn.btn-primary {
    border-radius: 32px !important;
    padding: 12px 12px;
    flex: 0 0 110px;
    margin-left: 7px !important;
  }

  #mod_nbratesTabs {
    width: 100%;
  }

  .bottom-block {
    margin-top: 12px;
  }
}

@media (max-width: 360px) {
  .container-header .navbar-brand {
    flex: 0 1 170px;
  }

  .yalogo{
    max-width: 280px !important;
  }

  .f2colicodesc .fdesc {
    font-size: 1.6em;
  }

  body.credits.payment-terminal .header .fheader-bg {
    padding-bottom: 200px;
  }

  body.payment-terminal .features-bg {
    padding-top: 630px;
  }

  .container-header .mod-menu {
    right: -34px;
  }

  #main_nav {
    padding-left: 12px;
  }

  .header-info {
    left: 20px;
    top: 20px;
  }
}


@media print  {
  #eye-view, .icontemplate-facebook, .icontemplate-instagram, .mod-languages, .personal-cabinet-border, .mod-finder,
  .icontemplate-filials, .col-address, ._access-icon, .container-nav-bg, .footer,
  .info-btn, .irs.irs--round,
  .creditcalcpage header, .creditcalcpage .container-info, .creditcalcpage main,
  .creditcalcpage .container-component, .creditcalcpage ._access-menu,
  .print.creditcalc{
    display: none !important;
  }

  .site-grid {
    display: block;
  }

  .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
    margin-top: 0;
  }

  .creditcalc .calc-block-selecttype {
    margin-bottom: 0;
  }

  .creditcalc .control-field {
    margin: 6px 0 18px;
  }

  .creditcalc .mod_calc.custom {
    padding: 0;
  }

  .creditcalc select {
    border: none medium;
    padding: 3px 5px;
  }

  .card-body {
    padding: 0;
  }

  #table-result tr:nth-child(2n+1) td {
    background-color: transparent;
  }

  #table-result td {
    padding: 3px 9px;
    border-bottom: 1px solid rgba(0,0,0,0.2) !important;
  }
}

/* Home page article slider — Open Design prototype */
.ember-home-slider {
  padding:72px 0 54px
}
.ember-home-slider .approach-panel {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  overflow:hidden;
  border-radius:32px;
  background:var(--surface);
  box-shadow:0 18px 48px oklch(36% .02 255/.07)
}
.ember-home-slider .approach-copy {
  display:flex;
  flex-direction:column;
  padding:52px
}
.ember-home-slider h1,.ember-home-slider h2 {
  max-width:760px;
  margin:14px 0 18px;
  font-size:clamp(4rem,4.6vw,6.4rem);
  line-height:1.04;
  letter-spacing:-.028em;
  font-weight:500
}
.ember-home-slider .approach-lead {
  max-width:60ch;
  margin:0;
  color:var(--muted);
  font-size:1.8rem;
  line-height:1.58
}
.ember-home-slider .approach-route {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
  margin:38px 0 26px;
  padding:0;
  list-style:none
}
.ember-home-slider .approach-step {
  position:relative;
  padding:18px 0;
  border-top:1px solid var(--border)
}
.ember-home-slider .approach-step:not(:last-child)::after {
  content:"→";
  position:absolute;
  top:54px;
  left:calc(100% - 8px);
  color:var(--muted);
  font-size:1.8rem;
  line-height:1;
  transform:translate(-50%,-50%)
}
.ember-home-slider .approach-step:first-child::after {
  left:calc(100% - 32px)
}
.ember-home-slider .approach-step small {
  display:block;
  margin-bottom:10px;
  color:var(--muted);
  font:12px/1.3 "IBM Plex Mono",Consolas,monospace;
  letter-spacing:.06em
}
.ember-home-slider .approach-step strong {
  display:block;
  max-width:15ch;
  font-size:1.6rem;
  line-height:1.4;
  font-weight:550
}
.ember-home-slider .approach-specialists {
  max-width:62ch;
  margin:0;
  color:var(--muted);
  font-size:1.4rem;
  line-height:1.55
}
.ember-home-slider .approach-specialists strong {
  color:var(--fg);
  font-weight:550
}
.ember-home-slider .approach-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  margin-top:32px
}
.ember-home-slider .approach-actions .cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none
}
.ember-home-slider .approach-link {
  display:inline-flex;
  align-items:center;
  min-height:48px;
  padding:0 18px;
  color:var(--fg);
  text-underline-offset:5px
}
.ember-home-slider .approach-visual {
  position:relative;
  min-height:0;
  margin-block:30px;
  margin-right:30px;
  overflow:hidden;
  border-radius:24px;
  background:var(--border)
}
.ember-home-slider .approach-visual img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 55%
}
.ember-home-slider .approach-caption {
  position:absolute;
  top:20px;
  right:20px;
  max-width:250px;
  padding:14px 16px;
  border-radius:16px;
  background:color-mix(in oklch,var(--bg) 94%,transparent);
  box-shadow:0 10px 30px oklch(28% .025 255/.12);
  backdrop-filter:blur(10px);
  font-size:1.3rem;
  line-height:1.45
}
.ember-home-slider .approach-caption strong {
  display:block;
  margin-bottom:3px;
  font-size:1.5rem;
  font-weight:550
}

    @media(max-width:1000px) {
  .ember-home-slider .approach-panel {
  grid-template-columns:1fr
}
.ember-home-slider .approach-copy {
  padding:42px
}
.ember-home-slider .approach-visual {
  min-height:440px;
  order:-1
}
.ember-home-slider .approach-visual img {
  object-position:center 61%
}

}

    @media(max-width:600px) {
  .ember-home-slider {
  padding:42px 0 34px
}
.ember-home-slider .approach-panel {
  border-radius:24px
}
.ember-home-slider .approach-copy {
  padding:28px 22px 30px
}
.ember-home-slider h1,.ember-home-slider h2 {
  font-size:4rem
}
.ember-home-slider .approach-route {
  grid-template-columns:1fr;
  gap:0;
  margin-top:30px
}
.ember-home-slider .approach-step {
  padding:15px 0
}
.ember-home-slider .approach-step:not(:last-child)::after {
  content:"↓";
  top:auto;
  right:2px;
  bottom:-10px;
  left:auto;
  transform:none
}
.ember-home-slider .approach-visual {
  min-height:330px
}
.ember-home-slider .approach-caption {
  top:auto;
  right:14px;
  bottom:14px;
  left:14px;
  max-width:none
}
.ember-home-slider .approach-actions {
  align-items:stretch;
  flex-direction:column
}
.ember-home-slider .approach-actions .cta,.ember-home-slider .approach-link {
  width:100%;
  justify-content:center
}

}
.ember-home-slider .approach-slide:not(:first-child) {
  display:none
}
.ember-home-slider .approach-slider.slick-initialized .approach-slide {
  display:block
}
.ember-home-slider .approach-slider .slick-track {
  display:flex
}
.ember-home-slider .approach-slider .slick-slide {
  height:auto
}
.ember-home-slider .approach-slider .slick-slide>div,.ember-home-slider .approach-slide,.ember-home-slider .approach-slide .approach-panel {
  height:100%
}
.ember-home-slider .approach-controls {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:48px;
  margin-top:18px
}
.ember-home-slider .approach-arrow {
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  border:1px solid var(--border);
  border-radius:50%;
  background:var(--bg);
  color:var(--fg);
  cursor:pointer;
  font-size:2.2rem;
  line-height:1
}
.ember-home-slider .approach-arrow:hover {
  background:var(--surface)
}
.ember-home-slider .approach-arrow.slick-disabled {
  opacity:.35;
  cursor:default
}
.ember-home-slider .approach-dots {
  display:flex;
  align-items:center
}
.ember-home-slider .approach-dots .slick-dots {
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none
}
.ember-home-slider .approach-dots button {
  display:block;
  width:10px;
  height:10px;
  padding:0;
  border:0;
  border-radius:50%;
  background:var(--border);
  font-size:0;
  cursor:pointer
}
.ember-home-slider .approach-dots .slick-active button {
  width:28px;
  border-radius:999px;
  background:var(--accent)
}
.ember-home-slider .approach-counter {
  min-width:48px;
  color:var(--muted);
  font:12px/1 "IBM Plex Mono",Consolas,monospace;
  letter-spacing:.08em;
  text-align:center
}

    @media(max-width:600px) {
  .ember-home-slider .approach-controls {
  margin-top:14px
}
.ember-home-slider .approach-arrow {
  width:44px;
  height:44px
}

}

/* Keep the prototype typography and controls isolated from the legacy template. */
.slider.card.slickslider:has(.ember-home-slider) {
  width:100%;
  max-width:1320px;
  background:transparent;
  box-shadow:none
}

.ember-home-slider {
  --bg:#fff;
  --surface:oklch(97% .012 277);
  --fg:oklch(36% .012 255);
  --muted:oklch(62% .012 255);
  --border:oklch(87% .018 245);
  --accent:#168bd2;
  --blue:oklch(54% .145 242);
  color:var(--fg);
  font:16px/1.55 Manrope,"Segoe UI",sans-serif;
  width:100%;
  min-width:0
}

.ember-home-slider * {
  box-sizing:border-box
}

.ember-home-slider .approach-slider {
  width:min(1280px,100%);
  max-width:1280px;
  min-width:0;
  margin-right:auto;
  margin-left:auto
}
.ember-home-slider .approach-slider .slick-list {
  overflow:hidden;
  border-radius:32px;
  box-shadow:0 18px 48px oklch(36% .02 255/.07)
}
.ember-home-slider .approach-slider .approach-panel {
  box-shadow:none
}

.ember-home-slider .approach-panel {
  margin:0;
  color:var(--fg)
}

.ember-home-slider .approach-copy {
  min-width:0
}

.ember-home-slider .approach-visual img {
  display:block;
  max-width:none
}

.ember-home-slider .eyebrow {
  color:var(--blue);
  font-size:1.2rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase
}

.ember-home-slider h1,.ember-home-slider h2 {
  color:var(--fg);
  text-transform:none;
  font-family:inherit
}

.ember-home-slider .cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: var(--accent);
  color: #FFFFFF;
  font: 600 16px/1.55 Manrope,"Segoe UI",sans-serif;
  letter-spacing: .02em;
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

.ember-home-slider .approach-link {
  font-size:1.6rem
}

.ember-home-slider .approach-arrow {
  display:flex;
  align-items:center;
  justify-content:center;
  position:static;
  transform:none;
  background-image:none;
  padding:0 0 4px;
  font:22px/1 Manrope,sans-serif;
  line-height:1;
  text-align:center;
  flex-shrink:0
}

.ember-home-slider .approach-dots li {
  margin:0;
  padding:0;
  list-style:none
}

.ember-home-slider .approach-dots button {
  min-height:0;
  box-shadow:none
}

.ember-home-slider a:focus-visible,.ember-home-slider button:focus-visible {
  outline:3px solid var(--blue);
  outline-offset:4px
}

.ember-home-slider .approach-controls:empty {
  display:none
}

@media(max-width:600px) {
  .ember-home-slider {
  padding:42px 0 34px
}
.ember-home-slider .approach-copy {
  overflow-wrap:anywhere
}
.ember-home-slider .approach-controls {
  gap:14px
}
.ember-home-slider .approach-step strong {
  max-width:none
}

}

@media(prefers-reduced-motion:reduce) {
  .ember-home-slider * {
  scroll-behavior:auto;
  transition:none!important
}

}


@media(max-width:900px) {
  .slider.card.slickslider:has(.ember-home-slider) {
  width:calc(100% - 36px);
  max-width:700px
}

}

@media(max-width:520px) {
  .slider.card.slickslider:has(.ember-home-slider) {
  width:calc(100% - 28px)
}

}



/* Header logo from the Open Design prototype. */
.brand-logo .ember-brand-image {
  display: block;
  width: 113px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 1100px) and (min-width: 901px) {
  .brand-logo .ember-brand-image { width: 105px; }
}
@media (max-width: 520px) {
  .brand-logo .ember-brand-image { width: 85px; }
}

/* Header content managed by the “Header - логоти и контакты” article. */
.container-header .grid-child.menu,
.container-topinfo-blocks,
.container-topinfo,
.container-topinfo .mod-articles,
.container-topinfo .mod-articles > div {
  width: 100%;
  max-width: none;
}

.container-topinfo-blocks {
  margin-top: 0;
}

.container-topinfo .mod-articles-items,
.container-topinfo .mod-articles-items > li {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.container-topinfo {
  margin-left: 0;
}

.ember-header-content {
  display: grid;
  grid-template-columns: 130px minmax(300px, 1fr) auto;
  gap: 24px;
  align-items: start;
  width: 100%;
  color: #353b41;
  font-family: Manrope, "Segoe UI", sans-serif;
}

.ember-header-content p {
  margin: 0;
}

.ember-header-content .navbar-brand {
  grid-column: 1;
  grid-row: 1 / span 2;
  margin: 0;
  padding: 0;
}

.ember-header-content .brand-logo {
  display: block;
  width: 113px;
}

.ember-header-content .header-center {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  align-items: center;
  min-height: 70px;
}

.ember-header-content .brand-name {
  display: grid;
  color: oklch(54% .145 242);
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -.01em;
}

.ember-header-content .contact {
  display: grid;
  grid-column: 3;
  grid-row: 1 / span 2;
  justify-items: end;
  gap: 7px;
}

.ember-header-content .contact-main,
.ember-header-content .header-tools,
.ember-header-content .socials {
  display: flex;
  align-items: center;
}

.ember-header-content .contact-main {
  gap: 18px;
}

.ember-header-content .header-tools,
.ember-header-content .socials {
  gap: 8px;
}

.ember-header-content .header-tools {
  position: relative;
}

.container-header .ember-header-content .header-tools .mod-finder {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  color: #353b41;
}

.ember-header-content .header-tools .js-finder-searchform {
  width: 44px;
  height: 44px;
}

.ember-header-content .header-tools .mod-finder__search,
.ember-header-content .header-tools .finder__search-btn {
  width: 44px;
  height: 44px;
}

.ember-header-content .header-tools .finder__search-btn {
  justify-content: center;
  padding: 0;
  border: 1px solid oklch(87% .018 245);
  border-radius: 50% !important;
  background: #fff;
}

.ember-header-content .header-tools .icon-search::before {
  font-size: 2rem;
}

.container-header .ember-header-content .header-tools #mod-custom115 {
  position: static;
  display: block;
  width: 44px;
  height: 44px;
  margin: 0;
  opacity: 1;
}

.ember-header-content .header-tools #mod-custom115 p {
  margin: 0;
}

.ember-header-content .header-tools #eye-view {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid oklch(87% .018 245);
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

.ember-header-content .header-tools #eye-view-icon {
  width: 24px;
  height: auto;
}

.ember-header-content .header-tools .js-finder-searchform.active {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 12;
  width: min(320px, calc(100vw - 32px));
  padding-left: 12px;
  border: 1px solid oklch(87% .018 245);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 12px 30px rgb(36 43 50 / 12%);
}

.ember-header-content .header-tools .js-finder-searchform.active .mod-finder__search {
  display: flex;
  width: 100%;
  align-items: center;
}

.ember-header-content .header-tools .js-finder-searchform.active .awesomplete {
  width: calc(100% - 44px);
}

.ember-header-content .header-tools .js-finder-searchform.active .awesomplete input {
  width: 100%;
  padding: 8px 4px;
}

.ember-header-content .social-link {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 1px solid oklch(87% .018 245);
  border-radius: 50%;
  background: #fff;
}

.ember-header-content .social-link img {
  display: block;
  max-width: 23px;
  max-height: 23px;
  object-fit: contain;
}

.ember-header-content .phone {
  color: #454C52;
  font-size: 1.8rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}

.ember-header-content .header-cta {
  display: inline-grid;
  min-height: 48px;
  place-items: center;
  padding: 0 22px;
  border-radius: 999px;
  background: oklch(75.4% .164 62.4);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  font-size: 1.6rem;
}

.ember-header-content .header-address {
  display: grid;
  gap: 3px;
  width: max-content;
  color: #353b41;
  text-align: left;
}

.ember-header-content .address-city {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.4rem;
  font-weight: 500;
}

.ember-header-content .address-icon {
  width: 18px;
  height: 24px;
  object-fit: contain;
}

.ember-header-content .address-line {
  position: relative;
  margin-left: 4px;
  padding-left: 18px;
  font-size: 1.4rem;
  line-height: 1.35;
}

.ember-header-content .address-line::before {
  content: "";
  position: absolute;
  left: 2px;
  top: .55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: oklch(62% .012 255);
}

.ember-header-content .header-legacy-tools {
  display: flex;
  grid-column: 2 / -1;
  grid-row: 3;
  align-items: center;
  width: 100%;
  min-height: 44px;
  margin-top: -58px;
}

.ember-header-content .header-legacy-tools #mod-menu111 {
  display: flex;
  width: 100%;
  max-width: none;
  flex: 1 1 100%;
  flex-wrap: nowrap;
  gap: 34px;
}

.ember-header-content .header-legacy-tools #mod-menu111 > li {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (min-width: 901px) {
  .container-header {
    position: sticky;
    top: 0;
    z-index: 1000;
  }

  .container-header,
  .container-header .grid-child.menu,
  .ember-header-content,
  .ember-header-content .brand-logo,
  .brand-logo .ember-brand-image,
  .ember-header-content .header-center,
  .ember-header-content .brand-name,
  .ember-header-content .contact,
  .ember-header-content .header-address,
  .ember-header-content .header-legacy-tools {
    transition: all .28s ease;
  }

  .ember-header-content .header-address {
    max-height: 86px;
    overflow: hidden;
    opacity: 1;
  }

  .container-header.is-compact .grid-child.menu {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .container-header.is-compact .ember-header-content {
    grid-template-columns: 86px minmax(300px, 1fr) auto;
    row-gap: 4px;
  }

  .container-header.is-compact .ember-header-content .navbar-brand {
    grid-row: 1 / span 2;
  }

  .container-header.is-compact .ember-header-content .brand-logo,
  .container-header.is-compact .brand-logo .ember-brand-image {
    width: 72px;
  }

  .container-header.is-compact .ember-header-content .header-center {
    min-height: 44px;
  }

  .container-header.is-compact .ember-header-content .brand-name {
    font-size: 1.8rem;
    line-height: 1.12;
  }

  .container-header.is-compact .ember-header-content .contact {
    grid-row: 1;
    align-self: start;
  }

  .container-header.is-compact .ember-header-content .header-address {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .container-header.is-compact .ember-header-content .header-legacy-tools {
    grid-row: 2;
    min-height: 40px;
    margin-top: 0;
  }
}

@media (max-width: 1100px) and (min-width: 901px) {
  .ember-header-content {
    grid-template-columns: 110px minmax(250px, 1fr) auto;
    gap: 20px;
  }
  .ember-header-content .brand-logo { width: 105px; }
  .ember-header-content .brand-name { font-size: 1.8rem; }
  .ember-header-content .address-line,
  .ember-header-content .address-city { font-size: 1.2rem; }
}

@media (max-width: 900px) {
  .ember-header-content {
    grid-template-columns: 1fr auto;
    gap: 8px 20px;
  }
  .ember-header-content .navbar-brand { grid-column: 1; grid-row: 1; }
  .ember-header-content .header-center { grid-column: 1 / -1; grid-row: 2; min-height: 54px; }
  .ember-header-content .brand-name { font-size: 2rem; }
  .ember-header-content .contact { grid-column: 2; grid-row: 1; gap: 8px; }
  .ember-header-content .contact-main { display: flex; }
  .ember-header-content .phone { display: inline-flex; }
  .ember-header-content .socials { display: none; }
  .ember-header-content .header-address { font-size: 1.2rem; }
  .ember-header-content .address-line { font-size: 1.2rem; }
  .ember-header-content .header-legacy-tools { grid-column: 1 / -1; grid-row: 3; }
}

@media (max-width: 520px) {
  .ember-header-content .brand-logo { width: 85px; }
  .ember-header-content .contact-main { gap: 6px; }
  .ember-header-content .phone { font-size: 1.4rem; }
  .ember-header-content .header-cta { display: none; }
}

/* Directions on the home page, loaded from com_medicaldesk. */
.top-a.card.medicaldesk-directions-module {
  border: 0;
  background: transparent;
}

.medicaldesk-directions {
  padding: 34px 0 110px;
  color: #353b41;
  font-family: Manrope, "Segoe UI", sans-serif;
}

.medicaldesk-directions__head {
  margin-bottom: 34px;
}

.medicaldesk-directions__head h2 {
  margin: 0;
  color: #353b41;
  font-size: clamp(3rem, 3.4vw, 4.6rem);
  line-height: 1.12;
  font-weight: 500;
  letter-spacing: -.018em;
}

.medicaldesk-directions__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.medicaldesk-direction-card {
  display: flex;
  grid-column: span 6;
  flex-direction: column;
  min-width: 0;
  padding: 18px;
  border-radius: 28px;
  background: color-mix(in oklch, #f3f5f6 94%, #dfe4e8);
  box-shadow: 0 12px 34px rgb(36 43 50 / 5%);
  transition: transform .24s ease, box-shadow .24s ease;
}

.medicaldesk-direction-card:nth-child(4n + 2),
.medicaldesk-direction-card:nth-child(4n + 3) {
  background: color-mix(in oklch, #fff 86%, oklch(54% .145 242));
}

.medicaldesk-direction-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 54px rgb(36 43 50 / 12%);
}

.medicaldesk-direction-card__image {
  display: block;
  order: -1;
  width: 100%;
  aspect-ratio: 3 / 2;
  border-radius: 20px;
  background: #f3f5f6;
  object-fit: cover;
  object-position: center 38%;
}

.medicaldesk-direction-card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  padding: 22px 24px 24px;
  border-radius: 20px;
  background: rgb(255 255 255 / 94%);
}

.medicaldesk-direction-card h3 {
  margin: 8px 0 20px;
  color: oklch(54% .145 242);
  font-size: 2.5rem;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -.01em;
}

.medicaldesk-direction-card__services {
  display: grid;
  gap: 3px;
}

.medicaldesk-direction-card__service {
  display: flex;
  min-height: 44px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 0;
  border-bottom: 1px solid oklch(87% .018 245);
  color: #353b41;
  font-size: 1.5rem;
  line-height: 1.4;
  text-decoration: none;
}

.medicaldesk-direction-card__service span {
  max-width: 90%;
}

.medicaldesk-direction-card__service svg {
  width: 18px;
  min-width: 18px;
  margin-top: 3px;
  transition: transform .2s ease;
}

.medicaldesk-direction-card__service:hover {
  color: oklch(54% .145 242);
}

.medicaldesk-direction-card__service:hover svg {
  transform: translate(3px, -3px);
}

.medicaldesk-direction-card__more {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: right;
  gap: 18px;
  margin-top: auto;
  padding-top: 22px;
  color: #353b41;
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  text-align: right;
}

.medicaldesk-direction-card__more-icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid oklch(87% .018 245);
  border-radius: 50%;
  transition: transform .18s ease, background .18s ease;
}

.medicaldesk-direction-card__more-icon svg {
  width: 18px;
}

.medicaldesk-direction-card__more:hover .medicaldesk-direction-card__more-icon {
  background: #fff;
  transform: translate(3px, -3px);
}

@media (max-width: 900px) {
  .medicaldesk-direction-card {
    grid-column: span 12;
  }

  .medicaldesk-direction-card:nth-child(n) {
    background: color-mix(in oklch, #f3f5f6 94%, #dfe4e8);
  }

  .medicaldesk-direction-card:nth-child(2n) {
    background: color-mix(in oklch, #fff 86%, oklch(54% .145 242));
  }
}

@media (max-width: 680px) {
  .medicaldesk-directions {
    padding: 24px 0 72px;
  }

  .medicaldesk-direction-card {
    padding: 14px;
    border-radius: 22px;
  }

  .medicaldesk-direction-card__image {
    aspect-ratio: auto;
    height: 160px;
  }

  .medicaldesk-direction-card__content {
    padding: 20px;
  }

  .medicaldesk-direction-card h3 {
    font-size: 2.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .medicaldesk-direction-card,
  .medicaldesk-direction-card__service svg,
  .medicaldesk-direction-card__more-icon {
    transition: none !important;
  }
}

/* Reasons for contacting the centre, loaded from com_reasons. */
.top-b.card.reasons-home-module {
  border: 0;
  background: #ffffff;
}

.top-b.card.reasons-home-module .card-body {
  padding: 0;
}

.container-top-b:has(.reasons-home) {
  max-width: none;
}

.reasons-home {
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto;
  padding: 84px 0 120px;
  color: #353b41;
  font-family: Manrope, "Segoe UI", sans-serif;
}

.reasons-home__head {
  display: grid;
  grid-template-columns: 1.05fr .75fr;
  gap: 80px;
  align-items: center;
}

.reasons-home__eyebrow {
  color: oklch(54% .145 242);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.reasons-home__head h2 {
  margin: 16px 0 0;
  color: #353b41;
  font-size: clamp(3rem, 5vw, 4.2rem);
  line-height: 1.06;
  font-weight: 500;
  letter-spacing: -.025em;
}

.reasons-home__head > p {
  max-width: 48ch;
  margin: 0;
  color: #6f7880;
  font-size: 1.6rem;
  line-height: 1.55;
}

.reasons-home__tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 46px;
}

.reasons-home__tab {
  display: flex;
  min-height: 112px;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  padding: 20px 22px;
  border: 1px solid oklch(87% .018 245);
  border-radius: 24px;
  background: #fff;
  color: #353b41;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.reasons-home__tab > img {
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  height: 52px;
  object-fit: contain;
}

.reasons-home__tab > span:not(.reasons-home__tab-arrow) {
  font-size: 1.7rem;
  line-height: 1.35;
  font-weight: 500;
}

.reasons-home__tab[aria-selected="true"] {
  border-color: oklch(75.4% .164 62.4);
  background: oklch(75.4% .164 62.4);
  color: #fff;
  box-shadow: 0 14px 34px rgb(239 151 45 / 18%);
  transform: translateY(-3px);
}

.reasons-home__tab[aria-selected="true"] > img {
  filter: brightness(0) invert(1);
}

.reasons-home__tab-arrow {
  display: none;
}

.reasons-home__detail {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 44px;
  margin-top: 18px;
  padding: 34px;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 12px 34px rgb(36 43 50 / 5%);
}

.reasons-home__detail[hidden] {
  display: none !important;
}

.reasons-home__detail h3 {
  margin: 0 0 14px;
  color: #353b41;
  font-size: 2.6rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -.015em;
}

.reasons-home__description .reason-detail-lead, .reasons-home__description > p:first-child {
  margin: 0 0 18px;
  color: #6f7880;
  font-size: 1.6rem;
}

.reasons-home__description .reason-symptom-list, .reasons-home__description ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.6rem;
}

.reasons-home__description li {
  position: relative;
  padding-left: 20px;
}

.reasons-home__description li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .7em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: oklch(75.4% .164 62.4);
}

.reasons-home__related > p {
  margin: 0 0 14px;
  color: #6f7880;
  font-size: 1.5rem;
  letter-spacing: .02em;
}

.reasons-home__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.reasons-home__tags a {
  padding: 9px 13px;
  border: 1px solid oklch(87% .018 245);
  border-radius: 999px;
  background: oklch(97% .012 277);
  color: #353b41;
  font-size: 1.5rem;
  text-decoration: none;
  transition: border-color .2s ease, background .2s ease;
}

.reasons-home__tags a:hover {
  border-color: oklch(54% .145 242);
  background: color-mix(in oklch, oklch(97% .012 277) 90%, oklch(54% .145 242));
}

.reasons-home__help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 24px;
  padding: 26px 30px;
  border-top: 1px solid oklch(87% .018 245);
  font-size: 1.6rem;
}

.reasons-home__detail-copy {
  margin-top: -7px;
}

.reasons-home__help p {
  max-width: 64ch;
  margin: 0;
  color: #6f7880;
}

.reasons-home__help strong {
  color: #353b41;
  font-weight: 500;
}

.reasons-home__help-button {
  min-height: 48px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #168bd2;
  color: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 600;
}

.reasons-home__help-button:hover {
  background: #0878bc;
}

@media (max-width: 900px) {
  .reasons-home {
    width: min(700px, calc(100% - 36px));
    padding: 72px 0 88px;
  }

  .reasons-home__head {
    display: block;
  }

  .reasons-home__head > p {
    margin-top: 18px;
  }

  .reasons-home__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reasons-home__detail {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .reasons-home__help {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .reasons-home {
    width: calc(100% - 28px);
    padding: 70px 0;
  }

  .reasons-home__head h2 {
    font-size: 4rem;
  }

  .reasons-home__tabs {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }

  .reasons-home__tab {
    position: relative;
    padding-right: 58px;
  }

  .reasons-home__tab[aria-selected="true"] {
    background: #fff;
    color: #353b41;
    transform: none;
  }

  .reasons-home__tab[aria-selected="true"] > img {
    filter: none;
  }

  .reasons-home__tab-arrow {
    position: absolute;
    right: 18px;
    bottom: 50%;
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    color: #6f7880;
    transform: translateY(50%);
    transition: transform .2s ease, color .2s ease;
  }

  .reasons-home__tab-arrow svg {
    width: 20px;
    height: 20px;
  }

  .reasons-home__tab[aria-selected="true"] .reasons-home__tab-arrow {
    color: oklch(75.4% .164 62.4);
    transform: translateY(50%) rotate(180deg);
  }

  .reasons-home__detail {
    width: 100%;
    margin: 0 0 4px;
    padding: 24px;
    border-radius: 22px;
  }

  .reasons-home__help {
    padding-inline: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reasons-home__tab,
  .reasons-home__tab-arrow,
  .reasons-home__tags a {
    transition: none !important;
  }
}

/* Home page: latest articles */
.top-d.card.articles-home {
  margin: 0;
  padding: 7rem 0 11.2rem;
  border: 0;
  background: transparent;
}

.top-d.card.articles-home > .card-header {
  margin: 0 0 3.4rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: oklch(54% .145 242);
  font-size: clamp(3rem, 3.4vw, 4.6rem);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.018em;
}

.top-d.card.articles-home > .card-body {
  position: relative;
  padding: 0;
}

.top-d.card.articles-home .show_allnews {
  position: absolute;
  right: 0;
  bottom: calc(100% + 3.4rem);
  margin: 0;
}

.top-d.card.articles-home .show_allnews a {
  display: inline-flex;
  width: auto;
  min-width: 0;
  min-height: 24px;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #353b41;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transform: none;
  border-bottom: 1px solid #353b41;
}

.top-d.card.articles-home .show_allnews a::after {
  content: " \2192";
  margin-left: .4rem;
}

.top-d.card.articles-home .show_allnews a:hover {
  background: transparent;
  color: #e37003;
  transform: none;
}

.top-d.card.articles-home .mod-articlesnews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.8rem;
}

.top-d.card.articles-home .mod-articlesnews__item {
  display: flex;
  min-width: 0;
  min-height: 300px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border-radius: 28px;
  background: oklch(54% .145 242);
  color: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}

.top-d.card.articles-home .mod-articlesnews__item:nth-child(2) {
  background: #0075BA;
}

.top-d.card.articles-home .mod-articlesnews__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 50px rgba(38, 92, 145, .16);
}

.top-d.card.articles-home .article-kicker {
  margin-bottom: 12px;
  color: #168bd2;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.top-d.card.articles-home .articles-home-card__top {
  padding: 2.8rem 2.8rem 0;
  border-radius: 28px 28px 0 0;
  background: #eaf4ff;
  color: #26354c;
}

.top-d.card.articles-home .articles-home-card__bottom {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 2.8rem;
}

.top-d.card.articles-home .newsflash-image {
  margin-bottom: 26px;
  margin-top: 16px;
}

.top-d.card.articles-home .newsflash-title {
  min-height: 0;
  margin: 2.2rem 0 1.4rem;
}

.top-d.card.articles-home .newsflash-title,
.top-d.card.articles-home .newsflash-title a {
  color: #fff;
  font-size: 2.3rem;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -.012em;
  text-align: left;
  text-decoration: none;
}

.top-d.card.articles-home .newsflash-title a {
  display: block;
}

.top-d.card.articles-home .mod-articlesnews__item > p:not(.readmore) {
  margin: 0;
  color: rgba(255, 255, 255, .88);
  font-size: 1.5rem;
  line-height: 1.55;
}

.top-d.card.articles-home .bottom-block {
  margin-top: auto;
  justify-content: flex-end;
}

.top-d.card.articles-home .readmore {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  width: auto;
  margin: 0 0 0 auto;
}

.top-d.card.articles-home .date-block {
  display: none;
}

.top-d.card.articles-home .readmore .btn {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  color: transparent;
  font-size: 0;
  transition: transform .18s ease, background .18s ease;
}

.top-d.card.articles-home .readmore .btn::after {
  content: none;
}

.top-d.card.articles-home .readmore-icon {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: #fff;
}

.top-d.card.articles-home .readmore-icon svg {
  display: block;
  width: 22px;
  height: 22px;
}

.top-d.card.articles-home .readmore .btn:hover {
  background: #fff;
  color: transparent;
  transform: translate(3px, -3px);
}

.top-d.card.articles-home .readmore .btn:hover .readmore-icon {
  color: #168bd2;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 3rem;
  }
}

@media (max-width: 900px) {
  .top-d.card.articles-home {
    padding: 7rem 0 9.2rem;
  }

  .top-d.card.articles-home .mod-articlesnews {
    grid-template-columns: 1fr;
  }

  .top-d.card.articles-home .mod-articlesnews__item {
    min-height: 230px;
  }
}

@media (max-width: 600px) {
  .top-d.card.articles-home {
    padding: 5.4rem 0 7.2rem;
  }

  .top-d.card.articles-home > .card-header {
    margin-bottom: 1.2rem;
  }

  .top-d.card.articles-home .show_allnews {
    position: static;
    margin: 0 0 2.4rem;
  }

  .top-d.card.articles-home .mod-articlesnews__item {
    min-height: 220px;
    padding: 2.4rem;
    border-radius: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .top-d.card.articles-home .mod-articlesnews__item,
  .top-d.card.articles-home .readmore .btn {
    transition: none !important;
  }
}

.medicaldesk-profile__description {
  margin: 2rem 0;
}

.medicaldesk-profile__description > :last-child {
  margin-bottom: 0;
}

.medicaldesk-category {
  max-width: 1280px;
  margin: 0 auto;
  padding: 42px 1.5rem 112px;
  color: #353b41;
  font-family: Manrope, "Segoe UI", sans-serif;
}

.medicaldesk-category__back {
  display: inline-flex;
  gap: .7rem;
  align-items: center;
  margin-bottom: 28px;
  color: #68737d;
  font-size: 1.45rem;
  text-decoration: none;
}

.medicaldesk-category__back span:first-child {
  font-size: 2rem;
  line-height: 1;
  transition: transform .2s ease;
}

.medicaldesk-category__back:hover {
  color: oklch(54% .145 242);
}

.medicaldesk-category__back:hover span:first-child {
  transform: translateX(-3px);
}

.medicaldesk-category__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: 36px;
  align-items: stretch;
  margin-bottom: 58px;
  padding: 18px;
  border-radius: 34px;
  background: color-mix(in oklch, #f3f5f6 94%, #dfe4e8);
}

.medicaldesk-category__hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 40px;
}

.medicaldesk-category__eyebrow {
  display: block;
  margin-bottom: 14px;
  color: oklch(54% .145 242);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.medicaldesk-category__hero h1 {
  max-width: 12ch;
  margin: 0 0 24px;
  color: #353b41;
  font-size: clamp(3.5rem, 5.4vw, 6.8rem);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.04;
}

.medicaldesk-category__intro {
  max-width: 60ch;
  color: #59636d;
  font-size: 1.7rem;
  line-height: 1.65;
}

.medicaldesk-category__intro > :last-child,
.medicaldesk-category__richtext > :last-child {
  margin-bottom: 0;
}

.medicaldesk-category__hero-image {
  display: block;
  width: 100%;
  min-height: 360px;
  border-radius: 24px;
  object-fit: cover;
  object-position: center;
}

.medicaldesk-category__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 350px);
  gap: 72px;
  align-items: start;
}

.medicaldesk-category__main {
  min-width: 0;
}

.medicaldesk-category__section {
  padding: 0 0 48px;
  border-bottom: 1px solid #e7eaed;
}

.medicaldesk-category__section + .medicaldesk-category__section {
  padding-top: 48px;
}

.medicaldesk-category__section h2,
.medicaldesk-category__aside-card h2 {
  margin: 0 0 22px;
  color: #353b41;
  font-size: clamp(2.4rem, 3vw, 3.6rem);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.15;
}

.medicaldesk-category__richtext {
  color: #4f5962;
  font-size: 1.7rem;
  line-height: 1.72;
}

.medicaldesk-category__method-list,
.medicaldesk-category__service-list,
.medicaldesk-category__reason-list {
  display: grid;
  gap: 10px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.medicaldesk-category__method-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.medicaldesk-category__method-list li,
.medicaldesk-category__service-list li,
.medicaldesk-category__reason-list li {
  position: relative;
  padding: 13px 16px 13px 30px;
  border-radius: 12px;
  background: #f4f6f7;
  color: #4f5962;
  font-size: 1.5rem;
  line-height: 1.4;
}

.medicaldesk-category__method-list li::before,
.medicaldesk-category__service-list li::before,
.medicaldesk-category__reason-list li::before {
  position: absolute;
  top: 19px;
  left: 15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: oklch(54% .145 242);
  content: "";
}

.medicaldesk-category__aside {
  display: grid;
  gap: 18px;
  position: sticky;
  top: 120px;
}

.medicaldesk-category__aside-card {
  padding: 28px;
  border-radius: 24px;
  background: #f3f5f6;
}

.medicaldesk-category__aside-card h2 {
  font-size: 2.8rem;
}

.medicaldesk-category__service-list,
.medicaldesk-category__reason-list {
  margin-top: 18px;
}

.medicaldesk-category__service-list li,
.medicaldesk-category__reason-list li {
  padding: 11px 14px 11px 25px;
  background: #fff;
  font-size: 1.4rem;
}

.medicaldesk-category__service-list li::before,
.medicaldesk-category__reason-list li::before {
  top: 17px;
  left: 12px;
  width: 5px;
  height: 5px;
}

.medicaldesk-category__reasons {
  background: color-mix(in oklch, #fff 86%, oklch(54% .145 242));
}

.medicaldesk-category__faq-list {
  border-top: 1px solid #e7eaed;
}

.medicaldesk-category__faq-item {
  border-bottom: 1px solid #e7eaed;
}

.medicaldesk-category__faq-item summary {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  color: #353b41;
  cursor: pointer;
  font-size: 1.65rem;
  font-weight: 600;
  line-height: 1.4;
  list-style: none;
}

.medicaldesk-category__faq-item summary::-webkit-details-marker {
  display: none;
}

.medicaldesk-category__faq-item summary span {
  color: oklch(54% .145 242);
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1;
  transition: transform .2s ease;
}

.medicaldesk-category__faq-item[open] summary span {
  transform: rotate(45deg);
}

.medicaldesk-category__faq-answer {
  max-width: 70ch;
  padding: 0 42px 24px 0;
  color: #59636d;
  font-size: 1.55rem;
  line-height: 1.65;
}

.medicaldesk-direction-card h3 a {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 900px) {
  .medicaldesk-category__hero,
  .medicaldesk-category__layout {
    grid-template-columns: 1fr;
  }

  .medicaldesk-category__hero-copy {
    padding: 36px 28px 28px;
  }

  .medicaldesk-category__hero-image {
    min-height: 280px;
  }

  .medicaldesk-category__aside {
    position: static;
  }
}

@media (max-width: 600px) {
  .medicaldesk-category {
    padding: 28px 1.2rem 72px;
  }

  .medicaldesk-category__hero {
    gap: 0;
    margin-bottom: 40px;
    padding: 10px;
    border-radius: 24px;
  }

  .medicaldesk-category__hero-copy {
    padding: 28px 18px 30px;
  }

  .medicaldesk-category__hero-image {
    min-height: 190px;
    border-radius: 18px;
  }

  .medicaldesk-category__intro,
  .medicaldesk-category__richtext {
    font-size: 1.55rem;
  }

  .medicaldesk-category__layout {
    gap: 40px;
  }

  .medicaldesk-category__method-list {
    grid-template-columns: 1fr;
  }

  .medicaldesk-category__aside-card {
    padding: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .medicaldesk-category__back span:first-child,
  .medicaldesk-category__faq-item summary span {
    transition: none;
  }
}

/* Footer: contacts on the left, footer-mnu-rus on the right */
.container-footer.footer {
  margin-top: 0;
  padding: 7.2rem 1.5rem 2.8rem;
  background: #3f4146;
  color: #fff;
  text-align: left;
}

.container-footer.footer .footer-main {
  display: grid;
  grid-template-columns: minmax(280px, 1.05fr) minmax(0, 3fr);
  gap: 4.6rem;
  align-items: start;
  width: 100%;
  max-width: 1286px;
  padding-bottom: 4.8rem;
}

.container-footer.footer .footer-contact-column .mod-articles-items,
.container-footer.footer .footer-contact-column .mod-articles-items > li,
.container-footer.footer .footer-copyright-row .mod-articles-items,
.container-footer.footer .footer-copyright-row .mod-articles-items > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-contact-card h2 {
  max-width: 27ch;
  margin: 0;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: -.01em;
}

.footer-contact-card__actions {
  display: grid;
  justify-items: start;
  gap: 1.4rem;
  margin-top: 2.6rem;
}

.footer-contact-card .footer-phone {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  width: max-content;
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
  text-decoration: none;
}

.footer-contact-card .footer-phone svg {
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
}

.footer-contact-card .footer-book {
  display: inline-flex;
  min-height: 4.8rem;
  align-items: center;
  justify-content: center;
  padding: 0 5.6rem;
  border-radius: 999px;
  background: #168bd2;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s ease, transform .2s ease;
}

.footer-contact-card .footer-book:hover {
  background: #0878bc;
  transform: translateY(-2px);
}

.container-footer.footer .footer-navigation > .moduletable {
  margin: 0;
}

.container-footer.footer .footer-navigation .mod-menu {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.4rem 4rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.container-footer.footer .footer-navigation .mod-menu > li > a {
  display: block;
  margin-bottom: 1.8rem;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-decoration: none;
}

.container-footer.footer .footer-navigation .mod-menu__sub {
  display: grid !important;
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.container-footer.footer .footer-navigation .mod-menu > .item-150 {
  grid-column: span 2;
}

.container-footer.footer .footer-navigation .mod-menu > .item-150 > .mod-menu__sub {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2.4rem;
}

.container-footer.footer .footer-navigation .mod-menu__sub a {
  display: block;
  padding: 0;
  color: rgba(255,255,255,.82);
  font-size: 1.5rem;
  line-height: 1.35;
  font-weight: 400;
  text-decoration: none;
}

.container-footer.footer .footer-navigation a:hover {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: .4rem;
}

.container-footer.footer .footer-copyright-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
  width: 100%;
  max-width: 1286px;
  padding-top: 2.4rem;
  border-top: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.68);
  font-size: 1.4rem;
}

.container-footer.footer .footer-copyright-row > *,
.container-footer.footer .footer-copyright {
  margin: 0;
}

.container-footer.footer .footer-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
  width: 100%;
}

.container-footer.footer .fc-dev {
  display: block !important;
  margin-left: auto;
  text-align: right;
}

@media (max-width: 1050px) {
  .container-footer.footer .footer-main {
    grid-template-columns: 1fr;
  }

  .container-footer.footer .footer-navigation .mod-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 650px) {
  .container-footer.footer {
    padding-top: 5.4rem;
  }

  .container-footer.footer .footer-main,
  .container-footer.footer .footer-navigation .mod-menu {
    grid-template-columns: 1fr;
    gap: 3.8rem;
  }

  .container-footer.footer .footer-navigation .mod-menu > .item-150 {
    grid-column: auto;
  }

  .container-footer.footer .footer-navigation .mod-menu > .item-150 > .mod-menu__sub {
    grid-template-columns: 1fr;
  }

  .footer-contact-card .footer-book {
    width: 100%;
  }

  .container-footer.footer .footer-copyright-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .container-footer.footer .footer-copyright {
    flex-direction: column;
    align-items: flex-start;
  }

  .container-footer.footer .fc-dev {
    align-self: flex-end;
    margin-left: auto;
    text-align: right;
  }
}

/* Our team landing page and published employee directory. */
body.com_content.view-article.team-page {
  --medicaldesk-team-primary: oklch(54% .145 242);
  --medicaldesk-team-primary-dark: oklch(46% .145 242);
  --medicaldesk-team-soft: oklch(97% .02 242);
  --medicaldesk-team-soft-strong: oklch(94% .04 242);
  --medicaldesk-team-text: #14191c;
}

body.com_content.view-article.team-page .container-component {
  max-width: 100%;
}

.medicaldesk-team-page {
  max-width: 1286px;
  margin: 0 auto;
  padding: 0 0 3rem;
  color: var(--medicaldesk-team-text);
}

.medicaldesk-team-page__hero {
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);
  overflow: hidden;
  border-radius: 2.8rem;
  background: linear-gradient(135deg, var(--medicaldesk-team-soft) 0%, #f5fbfb 58%, #fff 100%);
}

.medicaldesk-team-page__hero-copy {
  align-self: center;
  padding: clamp(3rem, 5vw, 7.2rem) clamp(2.4rem, 5vw, 7rem);
}

.medicaldesk-team-page__hero h1 {
  margin: 0 0 .8rem;
  font-size: clamp(3.6rem, 5vw, 6rem);
  line-height: 1.05;
  letter-spacing: -.045em;
}

.medicaldesk-team-page__subtitle {
  margin: 0 0 2.7rem;
  color: var(--medicaldesk-team-primary);
  font-size: clamp(1.8rem, 2.4vw, 2.5rem);
  font-weight: 600;
  line-height: 1.2;
}

.medicaldesk-team-page__description {
  max-width: 51rem;
  margin: 0 0 3rem;
  font-size: 1.7rem;
  line-height: 1.65;
}

.medicaldesk-team-page__hero-media {
  min-height: 45rem;
}

.medicaldesk-team-page__hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 45rem;
  object-fit: cover;
}

.medicaldesk-team-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.medicaldesk-team-page__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 4.8rem;
  padding: 1.1rem 2.2rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.medicaldesk-team-page__button:hover {
  transform: translateY(-1px);
  text-decoration: none;
}

.medicaldesk-team-page__button--primary {
  background: var(--medicaldesk-team-primary);
  color: #fff;
}

.medicaldesk-team-page__button--primary:hover {
  background: var(--medicaldesk-team-primary-dark);
  color: #fff;
}

.medicaldesk-team-page__button--secondary {
  border-color: rgba(52, 143, 140, .5);
  color: var(--medicaldesk-team-primary-dark);
}

.medicaldesk-team-page__button--secondary:hover {
  background: var(--medicaldesk-team-soft-strong);
  border-color: var(--medicaldesk-team-primary);
  color: var(--medicaldesk-team-primary-dark);
}

.medicaldesk-team-page__process {
  padding: 5.4rem 1rem 4rem;
  text-align: center;
}

.medicaldesk-team-page__process h2,
.medicaldesk-team__directory h2 {
  margin: 0;
  font-size: clamp(2.5rem, 3vw, 3.4rem);
  line-height: 1.15;
  letter-spacing: -.03em;
}

.medicaldesk-team-page__process-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .35fr) minmax(0, 1fr) minmax(0, .35fr) minmax(0, 1fr);
  align-items: start;
  gap: 1.2rem;
  max-width: 112rem;
  margin: 3.4rem auto 0;
}

.medicaldesk-team-page__process-grid article {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.medicaldesk-team-page__process-icon {
  display: grid;
  width: 8.2rem;
  height: 8.2rem;
  margin-bottom: 1.7rem;
  place-items: center;
  border-radius: 50%;
  background: var(--medicaldesk-team-soft);
  color: var(--medicaldesk-team-primary);
}

.medicaldesk-team-page__process-icon svg {
  width: 4.3rem;
  height: 4.3rem;
}

.medicaldesk-team-page__process-grid h3 {
  margin: 0 0 .8rem;
  font-size: 1.8rem;
}

.medicaldesk-team-page__process-grid p {
  max-width: 28rem;
  margin: 0;
  color: #5c666b;
  font-size: 1.45rem;
  line-height: 1.55;
}

.medicaldesk-team-page__process-arrow {
  position: relative;
  display: grid;
  width: 100%;
  height: 2.8rem;
  margin-top: 2.7rem;
  place-items: center;
  color: #fff;
  isolation: isolate;
  z-index: 1;
}

.medicaldesk-team-page__process-arrow::before {
  position: absolute;
  top: 50%;
  right: calc(-142.857% + 2.9rem + 12px);
  left: calc(-142.857% + 2.9rem + 12px);
  border-top: 1px solid #d3dadd;
  content: "";
  z-index: -1;
}

.medicaldesk-team-page__process-arrow::after {
  position: absolute;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: var(--medicaldesk-team-primary);
  content: "";
  z-index: 0;
}

.medicaldesk-team-page__process-arrow > .medicaldesk-employee-page__show-more-icon {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0;
  background: #fff;
  transform: rotate(-90deg);
  z-index: 1;
}

.medicaldesk-team__directory {
  padding: 2rem 0 4.4rem;
}

.medicaldesk-direction-team {
  margin: 1.6rem 0 4.4rem;
  padding: 2.2rem 2rem 2.5rem;
  border-radius: 1.8rem;
  background: var(--medicaldesk-primary-soft);
  color: #10224d;
}

.medicaldesk-direction-team__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}

.medicaldesk-direction-team__intro {
  min-width: 0;
}

.medicaldesk-direction-team h2 {
  margin: 0 0 .6rem;
  color: #101f4b;
  font-size: clamp(2.3rem, 3vw, 3.1rem);
  line-height: 1.15;
  letter-spacing: -.035em;
}

.medicaldesk-direction-team__intro p {
  max-width: 72rem;
  margin: 0;
  color: #26395f;
  font-size: 1.35rem;
  line-height: 1.5;
}

.medicaldesk-direction-team__all-link {
  flex: 0 0 auto;
  align-self: center;
  min-height: 3.8rem;
  padding: 1rem 2rem;
  border: 1px solid var(--medicaldesk-primary);
  border-radius: 999px;
  color: var(--medicaldesk-primary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.medicaldesk-direction-team__all-link:hover {
  background: var(--medicaldesk-primary);
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
}

.medicaldesk-direction-team__carousel {
  position: relative;
  margin-top: 1.8rem;
  padding: 0 1.9rem;
}

.medicaldesk-direction-team__slider {
  margin: 0 -.6rem;
}

.medicaldesk-direction-team__slider .slick-list {
  overflow: hidden;
}

.medicaldesk-direction-team__slider .slick-track {
  display: flex;
}

.medicaldesk-direction-team__slider .slick-slide {
  height: auto;
  padding: 0 .6rem;
}

.medicaldesk-direction-team__slider .slick-slide > div,
.medicaldesk-direction-team__slide,
.medicaldesk-direction-team__card {
  height: 100%;
}

.medicaldesk-direction-team__card {
  overflow: hidden;
  padding: .8rem .8rem 1rem;
  border: 1px solid rgba(214, 226, 235, .7);
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 .5rem 1.5rem rgba(65, 125, 150, .06);
  transition: box-shadow .2s ease, transform .2s ease;
}

.medicaldesk-direction-team__card:hover {
  box-shadow: 0 .8rem 1.8rem rgba(65, 125, 150, .14);
  transform: translateY(-2px);
}

.medicaldesk-direction-team__photo-link {
  display: block;
  overflow: hidden;
  aspect-ratio: 1.28 / 1;
  border-radius: .9rem;
  background: var(--medicaldesk-primary-soft-strong);
}

.medicaldesk-direction-team__photo {
  display: block;
  width: 100%;
  height: auto;
}

.medicaldesk-direction-team__photo--empty {
  display: grid;
  height: 100%;
  place-items: center;
  color: var(--medicaldesk-primary);
  font-size: 3.2rem;
}

.medicaldesk-direction-team__card-body {
  display: flex;
  min-height: 15.2rem;
  padding: 1rem .2rem .1rem;
  flex-direction: column;
}

.medicaldesk-direction-team__card h3 {
  margin: 0 0 .7rem;
  font-size: 1.5rem;
  line-height: 1.25;
}

.medicaldesk-direction-team__card h3 a {
  display: flex;
  flex-direction: column;
  color: #101f4b;
  text-decoration: none;
}

.medicaldesk-direction-team__card h3 a:hover {
  color: var(--medicaldesk-primary);
}

.medicaldesk-direction-team__roles {
  display: grid;
  gap: .2rem;
  color: #526181;
  font-size: 1.4rem;
  line-height: 1.35;
}

.medicaldesk-direction-team__more {
  margin-top: auto;
  padding-top: 1rem;
  color: var(--medicaldesk-primary);
  font-size: 1.4rem;
  font-weight: 700;
  text-decoration: none;
}

.medicaldesk-direction-team__more:hover {
  color: var(--medicaldesk-primary-hover);
}

.medicaldesk-direction-team__more-icon {
  display: inline-block;
  width: .8rem;
  height: .65rem;
  margin-left: .3rem;
  background: currentColor;
  -webkit-mask: url('../images/down.svg') center / contain no-repeat;
  mask: url('../images/down.svg') center / contain no-repeat;
  transform: rotate(-90deg);
}

.medicaldesk-direction-team__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: grid;
  width: 3.4rem;
  height: 3.4rem;
  padding: 0;
  border: 1px solid #b9e2eb;
  border-radius: 50%;
  background: #fff;
  color: var(--medicaldesk-primary);
  cursor: pointer;
  place-items: center;
  transform: translateY(-50%);
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.medicaldesk-direction-team__arrow::before,
.medicaldesk-direction-team__arrow::after {
  display: none;
  content: none;
}

.medicaldesk-direction-team__arrow:hover {
  background: var(--medicaldesk-primary);
  color: #fff;
  transform: translateY(-50%);
  border-color: transparent;
}

.medicaldesk-direction-team__arrow--prev {
  left: -.2rem;
}

.medicaldesk-direction-team__arrow--next {
  right: -.2rem;
}

.medicaldesk-direction-team__arrow-icon {
  display: block;
  width: .9rem;
  height: 1.2rem;
  fill: currentColor;
  transform-origin: center;
  transition: transform .2s ease;
  transform: rotate(90deg);
}

.medicaldesk-direction-team__arrow--next .medicaldesk-direction-team__arrow-icon {
  transform: rotate(-90deg);
}

.medicaldesk-direction-team__arrow:hover .medicaldesk-direction-team__arrow-icon {
  transform: rotate(90deg) scale(1.16);
}

.medicaldesk-direction-team__arrow--next:hover .medicaldesk-direction-team__arrow-icon {
  transform: rotate(-90deg) scale(1.16);
}

.medicaldesk-direction-team__arrow.slick-disabled {
  opacity: .45;
}

@media (max-width: 680px) {
  .medicaldesk-direction-team {
    padding: 2rem 1.4rem 2.2rem;
  }

  .medicaldesk-direction-team__head {
    flex-direction: column;
  }

  .medicaldesk-direction-team__all-link {
    align-self: flex-start;
  }

  .medicaldesk-direction-team__carousel {
    padding: 0 1.4rem;
  }

  .medicaldesk-direction-team__arrow--prev {
    left: -.2rem;
  }

  .medicaldesk-direction-team__arrow--next {
    right: -.2rem;
  }
}

.medicaldesk-team__directory-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}

.medicaldesk-team__search {
  position: relative;
  display: block;
  width: min(100%, 31rem);
}

.medicaldesk-team__search input {
  width: 100%;
  min-height: 4.4rem;
  padding: 1rem 4rem 1rem 1.6rem;
  border: 1px solid #dfe5e6;
  border-radius: 1.2rem;
  background: #fff;
  color: var(--medicaldesk-team-text);
  font-size: 1.5rem;
}

.medicaldesk-team__search > span:last-child {
  position: absolute;
  top: 50%;
  right: 1.3rem;
  color: #667377;
  font-size: 2.4rem;
  line-height: 1;
  transform: translateY(-55%);
}

.medicaldesk-team__filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem 2rem;
  margin-bottom: 2.4rem;
}

.medicaldesk-team__filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
}

.medicaldesk-team__filter-group button {
  min-height: 3.6rem;
  padding: .7rem 1.5rem;
  border: 1px solid #e1e7e7;
  border-radius: 999px;
  background: #fff;
  color: #596569;
  cursor: pointer;
  font: inherit;
  font-size: 1.35rem;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.medicaldesk-team__filter-group button:hover,
.medicaldesk-team__filter-group button.is-active {
  border-color: var(--medicaldesk-team-primary);
  background: var(--medicaldesk-team-primary);
  color: #fff;
}

.medicaldesk-team__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
}

.medicaldesk-team-card {
  overflow: hidden;
  border: 1px solid #e5eaea;
  border-radius: 1.8rem;
  background: #fff;
  box-shadow: 0 .8rem 2rem rgba(36, 77, 78, .05);
  transition: box-shadow .2s ease, transform .2s ease;
}

.medicaldesk-team-card:hover {
  box-shadow: 0 1.2rem 2.8rem rgba(36, 77, 78, .12);
  transform: translateY(-2px);
}

.medicaldesk-team-card[hidden] {
  display: none;
}

.medicaldesk-team-card__photo-link {
  display: block;
  aspect-ratio: 1.18 / 1;
  background: var(--medicaldesk-team-soft-strong);
}

.medicaldesk-team-card__photo {
  display: block;
  width: 100%;
  height: auto;
  /* object-fit: cover; */
}

.medicaldesk-team-card__photo--empty {
  display: grid;
  place-items: center;
  color: var(--medicaldesk-team-primary);
  font-size: 4rem;
}

.medicaldesk-team-card__body {
  display: flex;
  min-height: 22rem;
  padding: 1.6rem 1.7rem 1.7rem;
  flex-direction: column;
}

.medicaldesk-team-card h3 {
  margin: 0 0 1.1rem;
  font-size: 1.65rem;
  line-height: 1.2;
}

.medicaldesk-team-card h3 a {
  display: flex;
  flex-direction: column;
  color: var(--medicaldesk-team-text);
  text-decoration: none;
}

.medicaldesk-team-card h3 a:hover {
  color: var(--medicaldesk-team-primary-dark);
}

.medicaldesk-team-card__roles {
  display: grid;
  gap: .3rem;
  color: #657075;
  font-size: 1.35rem;
  line-height: 1.35;
}

.medicaldesk-team-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 1.4rem;
}

.medicaldesk-team-card__tags span {
  padding: .45rem .8rem;
  border-radius: .6rem;
  background: #f1f5f5;
  color: #627073;
  font-size: 1.15rem;
}

.medicaldesk-team-card__more {
  margin-top: auto;
  padding-top: 1.5rem;
  color: var(--medicaldesk-team-primary-dark);
  font-size: 1.35rem;
  font-weight: 700;
  text-decoration: none;
}

.medicaldesk-team-card__more span {
  padding-left: .4rem;
  font-size: 1.7rem;
}

.medicaldesk-team__show-more {
  display: block;
  margin: 2.4rem auto 0;
  padding: .9rem 2rem;
  border: 1px solid rgba(52, 143, 140, .45);
  border-radius: 999px;
  background: #fff;
  color: var(--medicaldesk-team-primary-dark);
  cursor: pointer;
  font: inherit;
  font-size: 1.4rem;
  font-weight: 700;
}

.medicaldesk-team__show-more:hover {
  background: var(--medicaldesk-team-soft);
}

.medicaldesk-team__show-more[hidden] {
  display: none;
}

.medicaldesk-team__empty {
  padding: 2rem;
  border-radius: 1.4rem;
  background: var(--medicaldesk-team-soft);
  text-align: center;
}

.medicaldesk-team-page__question {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 2rem;
  padding: 2.4rem 3rem;
  border-radius: 2rem;
  background: linear-gradient(110deg, var(--medicaldesk-team-soft), #f9ffff);
}

.medicaldesk-team-page__question-icon {
  display: grid;
  width: 6rem;
  height: 6rem;
  place-items: center;
  border: 1px solid rgba(52, 143, 140, .35);
  border-radius: 50%;
  color: var(--medicaldesk-team-primary);
  font-size: 3rem;
}

.medicaldesk-team-page__question h2 {
  margin: 0 0 .6rem;
  font-size: 2.1rem;
}

.medicaldesk-team-page__question p {
  margin: 0;
  color: #5e6c6f;
  font-size: 1.45rem;
}

@media (max-width: 1050px) {
  .medicaldesk-team-page__hero {
    grid-template-columns: 1fr;
  }

  .medicaldesk-team-page__hero-media,
  .medicaldesk-team-page__hero-media img {
    min-height: 32rem;
  }

  .medicaldesk-team__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .medicaldesk-team-page__process-grid {
    grid-template-columns: 1fr;
    gap: 2.6rem;
  }

  .medicaldesk-team-page__process-arrow {
    display: none;
  }

  .medicaldesk-team__directory-head,
  .medicaldesk-team__filters {
    align-items: stretch;
    flex-direction: column;
  }

  .medicaldesk-team__search {
    width: 100%;
  }

  .medicaldesk-team__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .medicaldesk-team-page__question {
    grid-template-columns: 5.5rem minmax(0, 1fr);
  }

  .medicaldesk-team-page__question .medicaldesk-team-page__button {
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  .medicaldesk-team-page__hero-copy {
    padding: 3rem 2rem;
  }

  .medicaldesk-team-page__hero-media,
  .medicaldesk-team-page__hero-media img {
    min-height: 25rem;
  }

  .medicaldesk-team__grid {
    grid-template-columns: 1fr;
  }

  .medicaldesk-team-card__body {
    min-height: auto;
  }

  .medicaldesk-team-page__question {
    padding: 2rem;
  }
}

/* Animated header submenus. */
@media (min-width: 992px) {
  .container-header .dropdown-menu {
    display: block;
    min-width: 24rem;
    margin-top: 0;
    padding: .8rem;
    border: 1px solid oklch(88% .018 245);
    border-radius: 1.4rem;
    background: #fff;
    box-shadow: 0 1.6rem 3.2rem rgb(32 47 64 / 14%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-.4rem);
    transform-origin: top left;
    transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
  }

  .container-header .dropdown:hover > .dropdown-menu,
  .container-header .dropdown:focus-within > .dropdown-menu,
  .container-header .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
  }

  .container-header .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -.55rem;
    left: 1.8rem;
    width: 1rem;
    height: 1rem;
    border-top: 1px solid oklch(88% .018 245);
    border-left: 1px solid oklch(88% .018 245);
    background: #fff;
    transform: rotate(45deg);
  }

  .container-header .dropdown-menu .dropdown-item {
    position: relative;
    display: flex;
    min-height: 4.4rem;
    align-items: center;
    border-radius: .85rem;
    transition: color .18s ease, background-color .18s ease, transform .18s ease;
  }

  .container-header .dropdown-menu .dropdown-item:hover,
  .container-header .dropdown-menu .dropdown-item:focus-visible {
    color: oklch(54% .145 242);
    background: oklch(96% .025 242);
    transform: translateX(.4rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .container-header .dropdown-menu,
  .container-header .dropdown-menu .dropdown-item {
    transition: none !important;
  }
}