@import url("/resources/pages/css/fontsinclude.css");
/* *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
} */
.text--base {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.text--white {
  color: #ffffff;
}

.text--accent {
  color: #dca057;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Intro", sans-serif;
  background: #0f1015;
  color: #ffffff;
  font-weight: 400 !important;
  font-size: 16px !important;
}

a.collapse-button {
  position: fixed;
  z-index: 1000;
  left: 15px;
  top: 15px;
  font-size: 25px;
  border: 1px solid white !important;
  color: white !important;
  background-color: rgb(25, 27, 36) !important;
}

.header-nav-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 450px) {
  .header-nav-container {
    position: fixed;
    top: 70px;
    left: 10px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    background-color: rgb(25, 27, 36);
    z-index: 999;
    padding: 15px;
  }
}

.page-wrapper {
  display: block;
  overflow: hidden;
  background: url("/resources/pages/images/main-bg.png") top center/contain no-repeat;
}
.page-wrapper header {
  display: flex;
  width: 100%;
  max-width: 1730px;
  align-items: center;
  gap: 30px;
  padding: 60px 20px 100px 20px;
  margin: 0 auto;
}
@media (max-width: 450px) {
  .page-wrapper header {
    gap: 25px;
    padding: 60px 20px 30px 20px;
  }
}

.header__logo {
  width: 165px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 450px) {
  .header__logo {
    width: 140px;
  }
}

nav.header--nav {
  display: flex;
  align-items: center;
}
nav.header--nav ul.header--nav__list {
  display: flex;
  align-items: center;
  gap: 30px;
  list-style: none;
  margin-block: 0;
  padding: 0;
}
nav.header--nav ul.header--nav__list li.nav__item {
  display: flex;
}
nav.header--nav ul.header--nav__list li.nav__item .nav__link {
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
  transition: 0.3s color;
}
nav.header--nav ul.header--nav__list li.nav__item .nav__link:hover {
  color: #dca057;
}
@media (max-width: 450px) {
  nav.header--nav ul.header--nav__list {
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 450px) {
  nav.header--nav {
    flex-direction: column;
  }
}

.info--block {
  display: flex;
  align-items: flex-end;
  gap: 30px;
}
.info--block p.info--block__title {
  margin: 0;
  color: #ffffff;
}
@media (max-width: 450px) {
  .info--block p.info--block__title {
    display: none;
  }
}
.info--block ul.info--block__list {
  display: flex;
  align-items: center;
  gap: 30px;
  list-style: none;
  margin-block: 0;
  padding: 0;
}
.info--block ul.info--block__list li.info--block__item {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.info--block ul.info--block__list li.info--block__item p.info--block__text {
  margin: 0;
  padding: 0;
}
@media (max-width: 450px) {
  .info--block ul.info--block__list {
    flex-direction: column;
  }
}
@media (max-width: 450px) {
  .info--block {
    flex-direction: column;
  }
}

.language--select .language--select__toggle {
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  margin: 0;
  background-color: #1b1d26;
  border: 1px solid #2b2c35;
}
.language--select .language--select__content {
  width: 100%;
  min-width: auto;
  border-radius: 6px;
  border: 1px solid #2b2c35;
  background-color: #1b1d26;
  margin-top: 5px !important;
}
.language--select .language--select__content .language--select__item {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
  background-color: #1b1d26;
  font-size: 10px;
  font-weight: 600;
  margin: 0;
  padding: 3px 0;
}
.language--select .language--select__content .language--select__item:hover {
  background-color: #2b2c35;
}
.language--select .language--select__content .language--select__item img.language--select__icon {
  display: flex;
  max-width: 32%;
}
.language--select .language--select__content .language--select__item p.language--select__text {
  display: flex;
  margin: 0;
  padding: 0;
}

.button--base {
  color: #ffffff;
  background-color: #1b1d26;
  border: 1px solid #dca057;
  fill: #dca057;
  transition: 0.3s fill, 0.3s background-color;
  font-size: 17px;
  height: 50px;
  padding: 10px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  gap: 20px;
  text-decoration: none;
}
.button--base:hover {
  color: #ffffff;
  fill: #ffffff;
  background-color: #dca057;
  border: 1px solid #dca057;
}
.button--base p.button--base__text {
  display: flex;
  margin: 0;
  padding: 0;
}
.button--base .button--base__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  gap: 20px;
  width: 20px;
  height: 20px;
}

.button--base__register {
  margin-top: 60px;
  height: 63px;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 10px 24px;
}

.main--content {
  display: flex;
  flex-direction: column;
  max-width: 1750px;
  padding: 60px 20px 100px 20px;
  margin: 0 auto;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 450px) {
  .main--content {
    padding: 30px 20px 30px 20px;
  }
}

.hero {
  display: flex;
  width: 100%;
  z-index: 2;
  flex-wrap: wrap;
}
.hero::before {
  content: "";
  height: 3px;
  width: 60%;
  display: block;
  position: relative;
  bottom: -590px;
  left: 0px;
  background: #dca057;
  z-index: -1;
}
@media (max-width: 450px) {
  .hero::before {
    bottom: -470px;
  }
}
.hero .hero__wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
@media (max-width: 450px) {
  .hero .hero__wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-end;
    width: 100%;
  }
}
.hero img.hero__img {
  overflow-x: hidden;
  min-width: 470px;
  width: 470px;
}
@media (max-width: 450px) {
  .hero img.hero__img {
    width: 50%;
    min-width: 50%;
  }
}
@media (max-width: 450px) {
  .hero div.hero__image {
    z-index: 1;
    position: absolute;
    filter: brightness(0.5);
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
.hero .hero__info {
  display: flex;
  flex-direction: column;
  padding: 60px 0;
}
@media (max-width: 450px) {
  .hero .hero__info {
    display: flex;
    flex-direction: column;
    padding: 60px 0;
    z-index: 2;
  }
}
.hero .hero__info h2.hero__title {
  font-size: 56px;
  line-height: 1.2;
  color: #ffffff;
  font-family: "Intro Inline", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}
.hero .hero__info .hero__subtitle {
  font-size: 40px;
  font-weight: 900;
  line-height: 1.2;
  color: #dca057;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.hero .hero__info p.hero__text {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}
.hero ul.hero--socials {
  display: flex;
  align-items: center;
  gap: 35px;
  list-style: none;
  margin: 0;
  margin-top: 60px;
  padding-left: 0;
}
.hero ul.hero--socials li.hero--socials__item {
  display: flex;
  align-items: center;
}
.hero ul.hero--socials li.hero--socials__item a.hero--socials__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  fill: #dca057;
  transition: 0.3s fill;
}
.hero ul.hero--socials li.hero--socials__item a.hero--socials__link:hover {
  fill: #ffffff;
}
.hero ul.hero--socials li.hero--socials__item a.hero--socials__link img.hero--socials__icon {
  width: 40px;
  height: 40px;
}

section.section {
  padding: 150px 0;
}
section.section h2.section__title_text {
  font-size: 53px;
  line-height: 1.2;
  font-family: "Intro", sans-serif;
  font-weight: 900;
  color: #dca057;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
@media (max-width: 450px) {
  section.section h2.section__title_text {
    font-size: 40px;
  }
}

.about {
  height: 100vh;
}
.about h2.about__title {
  margin: 0 0 120px 0;
}
.about h2.about__title::before {
  content: "";
  position: absolute;
  width: 105px;
  height: 3px;
  background: #dca057;
  display: block;
  bottom: -30px;
  left: 0;
}
.about div.about__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 100px;
}
@media (max-width: 450px) {
  .about div.about__wrapper {
    flex-direction: column;
    gap: 30px;
  }
}
.about div.about__image {
  display: flex;
  align-items: center;
  justify-items: center;
  position: relative;
}
.about div.about__image::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  left: -15%;
  top: -15%;
  z-index: 1;
  background: radial-gradient(circle, rgba(206, 150, 82, 0.25) 0%, rgba(21, 23, 32, 0) 65%);
}
.about div.about__image img.about__img {
  width: 400px;
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 450px) {
  .about div.about__image img.about__img {
    width: 100%;
  }
}
.about div.about__info {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.about div.about__info div.about__text__wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.about div.about__info div.about__text__wrapper::before {
  content: "";
  width: 290px;
  height: 290px;
  display: block;
  position: absolute;
  bottom: -985px;
  right: 0;
  z-index: -1;
  background: url(/resources/pages/images/decor-right.png) no-repeat;
}
.about div.about__info p.about__text {
  margin: 0;
}

@media (max-width: 450px) {
  .advantages {
    margin-top: 130px;
    padding-bottom: 30px !important;
  }
}
.advantages .advantages__title__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 120px;
}
@media (max-width: 450px) {
  .advantages .advantages__title__wrapper {
    padding-bottom: 30px;
  }
}
.advantages .advantages__title__wrapper h2.advantages__title {
  margin: 0;
}
.advantages .advantages__title__wrapper::before {
  content: "";
  position: absolute;
  width: 105px;
  height: 3px;
  background: #dca057;
  display: block;
  top: 135px;
  left: 0;
}
@media (max-width: 450px) {
  .advantages .advantages__title__wrapper::before {
    top: 100px;
  }
}
.advantages div.advantages__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  row-gap: 180px;
}
@media (max-width: 450px) {
  .advantages div.advantages__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    row-gap: 30px;
  }
}
.advantages div.advantages__wrapper div.advantages__items__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -moz-column-gap: 120px;
       column-gap: 120px;
}
@media (max-width: 450px) {
  .advantages div.advantages__wrapper div.advantages__items__row {
    flex-direction: column;
    gap: 30px;
  }
}
.advantages div.advantages__wrapper div.advantages__item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 35px;
  width: 50%;
}
@media (max-width: 450px) {
  .advantages div.advantages__wrapper div.advantages__item {
    gap: 15px;
    width: unset;
  }
}
.advantages div.advantages__wrapper div.advantages__item p.advantages__item__subtitle {
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  color: #dca057;
}
.advantages div.advantages__wrapper div.advantages__item p.advantages__item__text {
  margin: 0;
}
.advantages div.advantages__wrapper div.advantages__item div.advantages__item__image {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #14161d;
  position: relative;
  grid-row: 1/3;
}
.advantages div.advantages__wrapper div.advantages__item div.advantages__item__image::before {
  content: "";
  width: 70px;
  height: 3px;
  display: block;
  background: #dca057;
  left: calc(50% - 35px);
  bottom: -3px;
  position: absolute;
  border-radius: 0 0 10px 10px;
}
.advantages div.advantages__wrapper div.advantages__item div.advantages__item__image::after {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  left: -15%;
  top: -15%;
  z-index: 1;
  background: radial-gradient(circle, rgba(206, 150, 82, 0.1) 0%, rgba(21, 23, 32, 0) 65%);
}
.advantages div.advantages__wrapper div.advantages__item div.advantages__item__image img.advantages__item__img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  z-index: 2;
}

.processes {
  padding: 150px 0;
}
@media (max-width: 450px) {
  .processes {
    padding: 30px 0 !important;
  }
}
.processes .processes__title__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 120px;
}
@media (max-width: 450px) {
  .processes .processes__title__wrapper {
    padding-bottom: 30px;
  }
}
.processes .processes__title__wrapper h2.processes__title {
  margin: 0;
}
.processes .processes__title__wrapper::before {
  content: "";
  position: absolute;
  width: 105px;
  height: 3px;
  background: #dca057;
  display: block;
  top: 135px;
  left: 0;
}
@media (max-width: 450px) {
  .processes .processes__title__wrapper::before {
    top: 150px;
  }
}
.processes div.processes__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 450px) {
  .processes div.processes__wrapper {
    overflow-x: hidden;
  }
}
.processes div.processes__wrapper img.processes__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 450px) {
  .processes div.processes__wrapper img.processes__img {
    width: 140%;
  }
}

.indicators {
  padding: 150px 0;
}
.indicators .indicators__title__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 120px;
}
.indicators .indicators__title__wrapper h2.indicators__title {
  margin: 0;
}
.indicators .indicators__title__wrapper::before {
  content: "";
  position: absolute;
  width: 105px;
  height: 3px;
  background: #dca057;
  display: block;
  top: 135px;
  left: 0;
}
.indicators .indicators__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 100px;
  background-image: url(/resources/pages/images/indicators-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0 0 0 530px;
}
.indicators .indicators__wrapper div.indicators__title__wrapper p.indicators__subtitle {
  margin: 0;
}
.indicators .indicators__wrapper div.indicators__items__row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 100px;
}
.indicators .indicators__wrapper div.indicators__items__row div.indicators__item {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.indicators .indicators__wrapper div.indicators__items__row div.indicators__item p.indicators__item__subtitle {
  font-size: 47px;
  line-height: 1;
  font-weight: 900;
  color: #dca057;
}
.indicators .indicators__wrapper div.indicators__items__row div.indicators__item p.indicators__item__text {
  margin: 0;
}
.indicators .indicators__wrapper div.indicators__items__row div.indicators__item div.indicators__item__image {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.indicators .indicators__wrapper div.indicators__items__row div.indicators__item div.indicators__item__image img.indicators__item__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 450px) {
  .regions {
    padding: 30px 0 !important;
  }
}
.regions div.regions__title__wrapper {
  margin: 0 0 120px 0;
}
@media (max-width: 450px) {
  .regions div.regions__title__wrapper {
    margin-bottom: 60px;
  }
}
.regions div.regions__title__wrapper h2.regions__title {
  margin: 0;
}
.regions div.regions__title__wrapper p.regions__subtitle {
  margin: 0;
}
.regions div.regions__title__wrapper::before {
  content: "";
  position: relative;
  width: 105px;
  height: 3px;
  background: #dca057;
  display: block;
  top: 110px;
  left: 0;
}
@media (max-width: 450px) {
  .regions div.regions__title__wrapper::before {
    top: 140px;
  }
}
.regions div.regions__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  gap: 100px;
}
.regions div.regions__wrapper div.regions__map {
  display: flex;
  align-items: center;
  justify-content: center;
}
.regions div.regions__wrapper div.regions__map img.regions__img {
  width: 100%;
  height: 100%;
  min-width: 600px;
  min-height: 600px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 450px) {
  .regions div.regions__wrapper div.regions__map img.regions__img {
    min-width: unset;
    min-height: unset;
  }
}
.regions div.regions__wrapper div.regions__content {
  background-color: #151720;
  border-radius: 15px;
  width: 100%;
}
.regions div.regions__wrapper div.regions__content .accordion {
  background-color: #0f1015;
  border-radius: 15px;
}
.regions div.regions__wrapper div.regions__content .accordion-item {
  background-color: #151720;
  color: wheat;
  border: none;
  border-radius: 15px;
}
.regions div.regions__wrapper div.regions__content .accordion-item:not(:last-child) {
  margin-bottom: 15px;
}
.regions div.regions__wrapper div.regions__content .accordion-item:hover {
  border-left: 3px solid #dca057;
  transition: 0.3s padding, 0.3s border-color;
}
.regions div.regions__wrapper div.regions__content .accordion-item:has(.accordion-button:not(.collapsed)) {
  border-left: 3px solid #dca057;
  transition: 0.3s padding, 0.3s border-color;
}
.regions div.regions__wrapper div.regions__content .accordion-button {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  background-color: #151720 !important;
  color: #dca057;
  border: none;
  box-shadow: none;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  border-radius: 15px;
}
.regions div.regions__wrapper div.regions__content .accordion-button img.regions__img {
  width: 45px;
  height: 30px;
  border-radius: 5px;
}
.regions div.regions__wrapper div.regions__content .accordion-button:not(.collapsed)::after {
  fill: #dca057 !important;
  background-color: #dca057 !important;
  background-image: url(/resources/pages/images/chevron-up.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}
.regions div.regions__wrapper div.regions__content .accordion-button.collapsed::after {
  fill: #dca057 !important;
  background-color: #dca057 !important;
  background-image: url(/resources/pages/images/chevron-up.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}
.regions div.regions__wrapper div.regions__content .accordion-body {
  color: #ffffff;
}

@media (max-width: 450px) {
  .news {
    padding: 30px 0 !important;
  }
}
.news div.news__title__wrapper {
  margin: 0 0 120px 0;
}
.news div.news__title__wrapper h2.news__title {
  margin: 0;
}
.news div.news__title__wrapper p.news__subtitle {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.news div.news__title__wrapper::before {
  content: "";
  position: relative;
  width: 105px;
  height: 3px;
  background: #dca057;
  display: block;
  top: 120px;
  left: 0;
}
@media (max-width: 450px) {
  .news div.news__title__wrapper::before {
    bottom: -160px;
  }
}
.news div.news__wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 50px;
}
@media (max-width: 450px) {
  .news div.news__wrapper {
    grid-auto-flow: column;
    grid-template-columns: none;
  }
}
.news div.news__wrapper div.news__item {
  border-radius: 12px;
  overflow: hidden;
  background-color: #101116;
  display: flex;
  flex-direction: column;
}
.news div.news__wrapper div.news__item .news__overlay__wrapper {
  height: 170px;
  position: relative;
  z-index: 1;
}
.news div.news__wrapper div.news__item .news__overlay__wrapper .news__overlay {
  position: absolute;
  width: 100%;
  height: 220px;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news div.news__wrapper div.news__item .news__overlay__wrapper .news__overlay:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(0deg, rgb(16, 17, 22), rgba(16, 17, 22, 0));
}
.news div.news__wrapper div.news__item .news__overlay__wrapper .news__overlay img.news__img {
  width: 100%;
  height: 100%;
  max-inline-size: 100%;
  max-block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.news div.news__wrapper div.news__item div.news__content {
  padding: 0 15px 0 15px;
  z-index: 2;
  text-align: center;
}
.news div.news__wrapper div.news__item div.news__content p.news__title {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
}
.news div.news__wrapper div.news__item div.news__content p.news__text {
  margin: 0;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
}
.news .news__button {
  color: #dca057;
}
.news .news__button:hover {
  color: #ffffff;
}

.contacts {
  padding-bottom: 0 !important;
}
@media (max-width: 450px) {
  .contacts {
    padding: 30px 0 !important;
    padding-bottom: 0 !important;
    max-width: -webkit-fill-available;
    width: -moz-min-content;
    width: min-content;
  }
}
.contacts a.contacts__link {
  display: block;
  text-decoration: none;
  max-width: 220px;
  width: 100%;
  margin: 0 auto 20px auto;
}
.contacts a.contacts__link img.contacts__img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.contacts div.contacts__title__wrapper {
  margin: 0 0 120px 0;
}
@media (max-width: 450px) {
  .contacts div.contacts__title__wrapper {
    margin-bottom: 60px;
  }
}
.contacts div.contacts__title__wrapper h2.contacts__title {
  margin: 0;
}
.contacts div.contacts__title__wrapper p.contacts__subtitle {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.contacts div.contacts__title__wrapper::before {
  content: "";
  position: relative;
  width: 105px;
  height: 3px;
  background: #dca057;
  display: block;
  top: 120px;
  left: 0;
}
.contacts .contacts__wrapper {
  display: grid;
  grid-template-columns: 500px minmax(0, 1fr);
  gap: 60px;
}
@media (max-width: 450px) {
  .contacts .contacts__wrapper {
    display: flex;
    flex-direction: column;
  }
}
.contacts .contacts__wrapper .contacts-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: 100px;
  gap: 16px;
}
@media (max-width: 450px) {
  .contacts .contacts__wrapper .contacts-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: -moz-min-content;
    max-width: min-content;
  }
}
.contacts .contacts__wrapper .contacts-list .contacts-item {
  padding: 10px 30px;
  border: solid 4px #111218;
  border-radius: 6px;
}
@media (max-width: 450px) {
  .contacts .contacts__wrapper .contacts-list .contacts-item {
    max-width: none;
    padding: 10px 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-width: 100%;
  }
}
.contacts .contacts__wrapper .contacts-list .contacts-item a.contacts-item__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
}
@media (max-width: 450px) {
  .contacts .contacts__wrapper .contacts-list .contacts-item a.contacts-item__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 100%;
  }
}
.contacts .contacts__wrapper .contacts-list .contacts-item a.contacts-item__wrapper .contacts-item__social {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 450px) {
  .contacts .contacts__wrapper .contacts-list .contacts-item a.contacts-item__wrapper .contacts-item__social {
    display: flex;
    gap: 10px;
    align-items: center;
  }
}
.contacts .contacts__wrapper .contacts-list .contacts-item a.contacts-item__wrapper .contacts-item__social .contacts-item__icon {
  width: 30px;
  height: 30px;
  fill: #dca057;
}
.contacts .contacts__wrapper .contacts-list .contacts-item a.contacts-item__wrapper .contacts-item__social .contacts-item__text {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 450px) {
  .contacts .contacts__wrapper .contacts-list .contacts-item a.contacts-item__wrapper .contacts-item__social .contacts-item__text {
    margin: 0;
    display: none;
  }
}
.contacts .contacts__wrapper .contacts-list .contacts-item a.contacts-item__wrapper .contacts-item__title {
  font-size: 17px;
  font-weight: 900;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 450px) {
  .contacts .contacts__wrapper .contacts-list .contacts-item a.contacts-item__wrapper .contacts-item__title {
    margin: 0;
  }
}
.contacts .contacts__wrapper .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  gap: 20px;
}
.contacts .contacts__wrapper .button .button--base {
  height: 63px;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 10px 24px;
}
.contacts .contacts__wrapper .button .button--border {
  border: 1px solid #dca057;
  color: #fff;
  fill: #dca057;
  transition: 0.3s fill, 0.3s background-color;
}
.contacts .contacts__wrapper .button .button--border--light {
  background-color: rgba(220, 160, 87, 0.05);
  color: #dca057;
}
.contacts .contacts__wrapper .button .button--border:hover {
  background-color: #dca057;
  fill: #fff;
  color: #fff;
}
.contacts .contacts__wrapper .button .button__icon {
  width: 20px;
  height: 20px;
}
.contacts .contacts-block__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}
.contacts .contacts-block__wrapper .contacts-banner {
  background: #111218;
  border-radius: 10px;
  padding: 50px 65px 60px 65px;
  position: relative;
  overflow: hidden;
  height: -webkit-fill-available;
}
.contacts .contacts-block__wrapper .contacts-banner::before {
  content: "";
  width: 200px;
  height: 166px;
  display: block;
  background: url(/resources/pages/images/gold.png) center center/contain no-repeat;
  bottom: 44px;
  right: 64px;
  position: absolute;
  z-index: 1;
}
.contacts .contacts-block__wrapper .contacts-banner::after {
  content: "";
  width: 174px;
  height: 160px;
  display: block;
  background: url(/resources/pages/images/decor-black.png) bottom right/contain no-repeat;
  bottom: 0;
  left: 50%;
  position: absolute;
  z-index: 1;
}
.contacts .contacts-block__wrapper .contacts-row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 30px;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block {
  display: flex;
  align-items: stretch;
  gap: 35px;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block a.contacts-row__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 165px;
  height: 124px;
  flex-shrink: 0;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block a.contacts-row__logo img.logo__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block .contacts-document {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block .contacts-document p.contacts-document__title {
  font-size: 16px;
  font-weight: 700;
  color: #dca057;
  margin: 0;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block .contacts-document .document-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block .contacts-document .document-list .document-list__item {
  display: flex;
  align-items: center;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block .contacts-document .document-list .document-list__item a.document-list__link {
  font-size: 14px;
  line-height: 1.2;
  color: #858898;
  transition: 0.3s color;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block p.contacts-row__text {
  font-size: 14px;
  color: #6e707e;
  line-height: 1.2;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block .contacts-row__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block .contacts-row__footer img.contacts-row__img {
  max-inline-size: 100%;
  max-block-size: 100%;
}
.contacts .contacts-block__wrapper .contacts-row .contacts-row__block--column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}/*# sourceMappingURL=main.css.map */