:root {
  --font-family: "TTNormsPro", sans-serif;
  --font-family-bold: "Druk Text Wide Cyr", sans-serif;
  --clr-dark: #1d252d;
  --clr-light: #fff;
  --clr-primary: #5f45ba;
  --clr-primary-100: #493492;
  --clr-secondary: #f6e200;
  --clr-secondary-100: #f7b738;
  --clr-danger: #ff1a1a;

  --clr-neutral-50: #f3f3f4;
  --clr-neutral-60: #f5f5f5;
  --clr-neutral-75: #e5e5e5;
  --clr-neutral-90: #f9f9f9;
  --clr-neutral-100: #d6d6d6;
  --clr-neutral-600: #a1a5a7;
  --clr-neutral-1000: #606567;
  --clr-neutral-2000: #2a3a46;

  --theme-clr-text: var(--clr-dark);
  --theme-clr-danger: var(--clr-danger);
  --theme-bg: var(--clr-light);
  --theme-text: 16px;
  --theme-leading: 140%;

  --primary: var(--clr-dark);
  --primary-s: var(--clr-neutral-2000);
  --primary-g: rgba(14, 30, 51, 0.5);
  --secondary: var(--clr-secondary);
  --secondary-p: var(--clr-primary);
  --secondary-s: var(--clr-secondary-100);
  --secondary-text: var(--clr-neutral-2000);
  --bg: var(--theme-bg);
  --border: rgba(14, 30, 51, 0.22);
  --surface: #ffffff;
  --red: var(--clr-danger);
}
.banner {
  position: relative;
  width: 100%;
  height: 37.8rem;
  margin-bottom: 3rem;
}
@media (max-width: 1440px) {
.banner {
    height: 35rem
}
  }
@media (max-width: 768px) {
.banner {
    height: 25rem;
    margin-bottom: 4rem
}
  }
.banner .container {
    height: 100%;
  }
.banner__container {
    display: flex;
    position: relative;
    height: 100%;
  }
.banner__img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    font-family: "object-fit:cover";
    object-fit: cover;
  }
.banner .title-2 {
    position: relative;
  }
@media (min-width: 992px) {
  .banner__container {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .banner-pos-x-flex-start {
    justify-content: flex-start;
  }
  .banner-pos-x-center {
    justify-content: center;
    text-align: center;
  }
  .banner-pos-x-flex-end {
    justify-content: flex-end;
    text-align: right;
  }

  .banner-pos-y-flex-start {
    align-items: flex-start;
  }
  .banner-pos-y-center {
    align-items: center;
  }
  .banner-pos-y-flex-end {
    align-items: flex-end;
  }
}
:root {
  --font-family: "TTNormsPro", sans-serif;
  --font-family-bold: "Druk Text Wide Cyr", sans-serif;
  --clr-dark: #1d252d;
  --clr-light: #fff;
  --clr-primary: #5f45ba;
  --clr-primary-100: #493492;
  --clr-secondary: #f6e200;
  --clr-secondary-100: #f7b738;
  --clr-danger: #ff1a1a;

  --clr-neutral-50: #f3f3f4;
  --clr-neutral-60: #f5f5f5;
  --clr-neutral-75: #e5e5e5;
  --clr-neutral-90: #f9f9f9;
  --clr-neutral-100: #d6d6d6;
  --clr-neutral-600: #a1a5a7;
  --clr-neutral-1000: #606567;
  --clr-neutral-2000: #2a3a46;

  --theme-clr-text: var(--clr-dark);
  --theme-clr-danger: var(--clr-danger);
  --theme-bg: var(--clr-light);
  --theme-text: 16px;
  --theme-leading: 140%;

  --primary: var(--clr-dark);
  --primary-s: var(--clr-neutral-2000);
  --primary-g: rgba(14, 30, 51, 0.5);
  --secondary: var(--clr-secondary);
  --secondary-p: var(--clr-primary);
  --secondary-s: var(--clr-secondary-100);
  --secondary-text: var(--clr-neutral-2000);
  --bg: var(--theme-bg);
  --border: rgba(14, 30, 51, 0.22);
  --surface: #ffffff;
  --red: var(--clr-danger);
}
.breadcrumbs {
  display: flex;
  margin: 3rem 0 0;
  align-items: center;
}
@media (max-width: 768px) {
.breadcrumbs {
    display: none
}
  }
.breadcrumbs__item {
    opacity: 0.8;
  }
.breadcrumbs__item:not(:last-child) {
      opacity: 0.5;
    }
.breadcrumbs__separator {
    margin: 0 0.7rem;
    opacity: 0.5;
  }