@charset "UTF-8";

/*--------- RESET START -----------*/

* {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  font-family: "OpenSans", sans-serif;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited,
a:active,
a:hover,
a:focus {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
  max-width: 100%;
}

a {
  transition: all 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}

/*--------- RESET END -----------*/

img:not([src]):not([srcset]) {
  visibility: hidden;
  display: block;
}

@-webkit-keyframes splide-loading {
  0% {
    transform: rotateZ(0);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

@keyframes splide-loading {
  0% {
    transform: rotateZ(0);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s infinite linear;
          animation: splide-loading 1s infinite linear;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__play {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.container {
  max-width: 1432px;
  padding: 0 16px;
  margin: 0 auto;
}

.yellow-btn {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  background: #fecb00;
  border-radius: 4px;
  padding: 18px 24px;
  color: black;
  transition: all 0.3s;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.yellow-btn:hover {
  background: #ffd737;
}

.main {
  position: relative;
  padding: 80px 0 88px;
  max-height: 648px;
}

.main-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.main-bg img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.main-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -1;
}

.director {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 160px;
       column-gap: 160px;
}

.director-text {
  width: 100%;
  max-width: 782px;
  color: white;
}

.director-text p {
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0;
  margin-bottom: 32px;
  max-width: 682px;
}

.director-name {
  margin-bottom: 13px;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  letter-spacing: 0;
}

.director-pos {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
}

.director-foto {
  position: relative;
  max-width: 416px;
  z-index: 1;
}

.director-foto::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -8px;
  width: 458px;
  height: 488px;
  background: url("../img/main-effect.png") center/contain no-repeat;
  z-index: -1;
}

.director-foto img {
  width: 100%;
  border-radius: 4px;
}

.director::after {
  content: "";
  position: absolute;
  width: 126px;
  height: 126px;
  bottom: -158px;
  left: 44px;
  background: url("../img/krestik.svg") center/contain no-repeat;
}

.section-title {
  margin-bottom: 42px;
  font-family: "Sansation";
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}

.section-desc {
  margin-bottom: 42px;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0%;
  text-align: center;
  color: #000;
}

.activities {
  padding: 86px 0 80px;
  background: url("../img/bg_2.png") center/cover no-repeat;
}

.activities-wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.activities-slider {
  margin-bottom: 24px;
}

.activities-slider__container {
  padding-top: 40px;
  max-width: 1240px;
  overflow: hidden;
}

.activities-slider__prev,
.activities-slider__next {
  margin: auto 0;
  width: 40px;
  height: 72px;
  cursor: pointer;
}

.activities-slider__prev svg,
.activities-slider__next svg {
  width: 100%;
}

.activities-slider__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.activities-slider__dots > span {
  height: 16px;
  width: 8px;
  border-radius: 2px;
  transition: all 0.3s;
  background: #fecb00;
  opacity: 1;
}

.activities-slider__dots > span.swiper-pagination-bullet-active {
  width: 24px;
}

.activities-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px 0 64px;
  min-height: 320px;
  background: #fff;
  border-radius: 4px;
}

.activities-item__foto {
  margin-top: -48px;
}

.activities-item__title {
  margin-bottom: 18px;
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: black;
}

.activities-item__citys {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  color: black;
}

.activities-item__text {
  width: 100%;
  max-width: 600px;
}

.partners {
  padding: 80px 0;
  background: #fff;
}

.partners-wrapper {
  display: flex;
  -moz-column-gap: 80px;
       column-gap: 80px;
  justify-content: center;
}

.partners-wrapper .partner img {
  width: 240px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}

.videos {
  padding: 80px 0;
  background: #f2f2f2;
}

.videos .container {
  max-width: 1095px;
}

.videos-wrapper .video {
  position: relative;
}

.videos-wrapper video {
  margin-bottom: 40px;
  width: 1063px;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}

.videos-wrapper video.full-video {
  width: 100%;
  height: 100%;
}

.videos-wrapper .video-btn {
  display: block;
  margin: 0 auto;
  max-width: 360px;
  padding: 18px 24px;
  width: 100%;
}

.play-btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 104px;
  height: 104px;
  background: #fecb00;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  z-index: 2;
  transition: all 0.14s;
}

.play-btn:hover {
  background: #ffd737;
}

.play-btn svg {
  width: 42px;
  height: 56px;
  margin-left: 10px;
}

.play-btn {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 96px;
  height: 96px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  background: #FFD400;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  z-index: 3;
  box-shadow: 0 10px 30px rgba(255, 212, 0, 0.5);
  transition: transform 0.2s, opacity 0.2s;
}

.play-btn:hover {
  transform: scale(1.05);
}

.video--playing .play-btn {
  opacity: 0;
  pointer-events: none;
}

/* панель */

.controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  padding: 12px 16px;
  display: flex;
  gap: 12px;
  align-items: center;
  color: #fff;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 48%, rgba(0, 0, 0, 0.7) 100%);
}

.ctrl {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 10px;
  background: #1e1e1e99;
  cursor: pointer;
}

.ctrl:hover {
  background: #2a2a2a;
}

/* иконки через mask */

.ctrl::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  mask: center/18px 18px no-repeat;
  -webkit-mask: center/18px 18px no-repeat;
  background: #fff;
}

.ctrl--play::before {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"><path d="M0 0v20l18-10L0 0Z" fill="%23fff"/></svg>');
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'><path d='M0 0v20l18-10L0 0Z' fill='%23fff'/></svg>");
}

.video--playing .ctrl--play::before {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path d="M0 0h4v16H0V0Zm10 0h4v16h-4V0Z" fill="%23fff"/></svg>');
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16'><path d='M0 0h4v16H0V0Zm10 0h4v16h-4V0Z' fill='%23fff'/></svg>");
}

.ctrl--mute::before {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18"><path d="M0 7h4l6-4v12l-6-4H0V7Zm16.5-5.5 1.4 1.4L15.8 5 18 7.2l2.1-2.1 1.4 1.4L19.4 8.5l2.1 2.1-1.4 1.4L18 9.9l-2.2 2.1-1.4-1.4 2.1-2.1-2.1-2.1L16.5 1.5Z" fill="%23fff"/></svg>');
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18'><path d='M0 7h4l6-4v12l-6-4H0V7Zm16.5-5.5 1.4 1.4L15.8 5 18 7.2l2.1-2.1 1.4 1.4L19.4 8.5l2.1 2.1-1.4 1.4L18 9.9l-2.2 2.1-1.4-1.4 2.1-2.1-2.1-2.1L16.5 1.5Z' fill='%23fff'/></svg>");
}

.ctrl--fs::before {
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="M0 6V0h6v2H2v4H0Zm16 0V2h-4V0h6v6h-2ZM0 12v6h6v-2H2v-4H0Zm16 0v4h-4v2h6v-6h-2Z" fill="%23fff"/></svg>');
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><path d='M0 6V0h6v2H2v4H0Zm16 0V2h-4V0h6v6h-2ZM0 12v6h6v-2H2v-4H0Zm16 0v4h-4v2h6v-6h-2Z' fill='%23fff'/></svg>");
}

.progress {
  position: relative;
  flex: 1;
  height: 6px;
  border-radius: 999px;
  background: #ffffff22;
  overflow: hidden;
  cursor: pointer;
}

.progress__buffer,
.progress__bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.progress__buffer {
  width: 0%;
  background: #ffffff33;
}

.progress__bar {
  width: 0%;
  background: #FFD400;
}

.time {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.95;
}

.volume {
  width: 90px;
  accent-color: #FFD400;
  border-radius: 20px;
  height: 6px;
}

.team {
  padding: 80px 0;
  background: url("../img/bg_2.png") center/cover no-repeat;
}

.team-wrapper {
  position: relative;
  margin-bottom: 80px;
  display: flex;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.team-wrapper::after {
  content: "";
  position: absolute;
  width: 126px;
  height: 126px;
  top: -200px;
  right: 44px;
  background: url("../img/krestik.svg") center/contain no-repeat;
}

.team-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 54px 80px 62px 64px;
  min-height: 400px;
  background: #fff;
  border-radius: 4px;
  height: auto;
}

.team-item__info {
  max-width: 600px;
}

.team-item__img img {
  margin-top: -200px;
  max-width: 408px;
  max-height: 408px;
}

.team-item__text {
  width: 100%;
  max-width: 600px;
}

.team-item__title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0;
  color: black;
}

.team-item__pos {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  color: #777777;
}

.team-item__list {
  margin-bottom: 20px;
}

.team-item__list li {
  margin-bottom: 12px;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  color: black;
  padding-left: 28px;
}

.team-item__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fecb00 url("../img/check.svg") center/9px 8px no-repeat;
  border-radius: 50%;
}

.team-item__list li:last-child {
  margin-bottom: 0;
}

.team-item__text {
  font-weight: 400;
  font-style: Italic;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  color: black;
}

.team-slider {
  margin-bottom: 24px;
}

.team-slider__container {
  padding-top: 40px;
  max-width: 1240px;
  overflow: hidden;
}

.team-slider__next,
.team-slider__prev {
  margin: auto 0;
  width: 40px;
  height: 72px;
  cursor: pointer;
}

.team-slider__next svg,
.team-slider__prev svg {
  width: 100%;
}

.team-slider__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.team-slider__dots > span {
  height: 16px;
  width: 8px;
  border-radius: 2px;
  transition: all 0.3s;
  background: #fecb00;
  opacity: 1;
}

.team-slider__dots > span.swiper-pagination-bullet-active {
  width: 24px;
}

.team-btn {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}

.hrd {
  margin-bottom: 80px;
}

.hrd-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: calc(100% - 160px);
  margin: 0 auto;
}

.hrd-info {
  max-width: 622px;
}

.hrd-info > p {
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  color: black;
}

.hrd-name {
  margin-bottom: 13px;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  letter-spacing: 0;
  color: black;
}

.hrd-pos {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  color: black;
}

.hrd-img {
  max-width: 458px;
}

.hrd-img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.about {
  padding: 80px 0;
  background: #fff;
}

.about-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 64px;
       column-gap: 64px;
}

.about-item {
  width: 302px;
}

.about-item img {
  width: 100%;
  height: 306px;
  -o-object-fit: contain;
     object-fit: contain;
}

.vakancy {
  padding: 80px 0;
  background: url("../img/bg_2.png") center/cover no-repeat;
}

.vakancy-wrapper {
  margin-bottom: 48px;
}

.vakancy-list {
  display: flex;
  -moz-column-gap: 32px;
       column-gap: 32px;
  flex-wrap: wrap;
}

.vakancy-info {
  margin-bottom: 15px;
  width: 100%;
}

.vakancy-item {
  padding: 32px 40px;
  background: #fff;
  border-radius: 4px;
  max-width: 445px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.vakancy-title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0;
  color: black;
}

.vakancy-desc {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  color: black;
}

.vakancy-link {
  display: block;
  margin-left: auto;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.vakancy-link svg {
  width: 15.5px;
  height: 15.5px;
}

.vakancy-platform {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
  justify-content: center;
  align-items: center;
}

.vakancy-platform__logo {
  width: 56px;
  height: 56px;
}

.vakancy-platform__logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.vakancy-platform__text {
  font-weight: 400;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0;
  color: black;
}

.bottom {
  padding: 80px 0;
  background: #fff;
}

.bottom .section-title {
  text-align: left;
}

.bottom-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.bottom-left,
.bottom-right {
  max-width: 620px;
}

.bottom-list__item {
  padding: 2px 0 2px 24px;
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  color: black;
  border-left: 4px solid #fecb00;
}

.bottom-form {
  padding: 24px 48px 48px;
  border-radius: 4px;
  background: #000;
}

.form-logo {
  margin-bottom: 20px;
}

.form-field {
  width: 100%;
}

.form-field input,
.form-field select {
  padding: 16px;
  border-radius: 4px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #000;
  background: #fff;
}

.form-field input::-moz-placeholder, .form-field select::-moz-placeholder {
  color: #777777;
}

.form-field input:-ms-input-placeholder, .form-field select:-ms-input-placeholder {
  color: #777777;
}

.form-field input::placeholder,
.form-field select::placeholder {
  color: #777777;
}

.form-field select option {
  padding: 16px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #000;
  transition: all 0.3s;
}

.form-field select option:hover {
  background: rgba(254, 203, 0, 0.15);
}

.form-field > p {
  margin-bottom: 9px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  color: #fecb00;
}

.form-fields {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-bottom: 16px;
}

.form-fields .file-field {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
  align-items: center;
  padding: 16px 0;
}

.form-fields .file-field > p {
  color: #fff;
}

.form-fields .file-field input {
  display: none;
}

.form-fields .file-field label {
  display: block;
  padding: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  text-align: center;
  color: #fecb00;
  border: 1px solid #fecb00;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}

.form-fields .file-field label:hover {
  background: #ffd737;
  color: #000;
}

.form-btn {
  width: 100%;
  max-width: 100%;
}

.form-request,
.form-error {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}

.form-request.send,
.form-error.send {
  display: flex;
}

.form-request::after,
.form-error::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #00000099;
  z-index: -1;
}

.form-request__wrapper,
.form-error__wrapper {
  position: relative;
  z-index: 2;
  width: 328px;
  height: 185px;
  border-radius: 4px;
  padding: 16px 16px 48px;
  background: #fff;
}

.form-request__close,
.form-error__close {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-left: auto;
  margin-bottom: 16px;
  cursor: pointer;
}

.form-request__close svg,
.form-error__close svg {
  width: 16px;
  height: 16px;
}

.form-request__title,
.form-error__title {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  color: black;
  margin-bottom: 24px;
}

.form-request__messege,
.form-error__messege {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 24px;
}

.form-request__line,
.form-error__line {
  width: 270px;
  height: 9px;
  margin: auto;
}

.form-request__line img,
.form-error__line img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.form-error * {
  color: #bf2025;
}

.life {
  position: relative;
  padding: 80px 0;
  background: url("../img/hockey.jpg") center/cover no-repeat;
}

.life .section-title {
  position: relative;
  color: #fff;
  z-index: 2;
}

.life::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.4;
}

.life-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
  z-index: 2;
}

.life-wrapper::after {
  content: "";
  position: absolute;
  width: 126px;
  height: 126px;
  bottom: -158px;
  left: 40px;
  background: url("../img/krestik.svg") center/contain no-repeat;
}

.life-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px 0 64px;
  min-height: 320px;
  background: #fff;
  border-radius: 4px;
}

.life-item__img img {
  margin-top: -48px;
  max-width: 408px;
  max-height: 408px;
}

.life-item__text {
  width: 100%;
  max-width: 600px;
  font-weight: 400;
  font-style: Italic;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  color: black;
}

.life-slider {
  margin-bottom: 24px;
}

.life-slider__container {
  padding-top: 40px;
  max-width: 1240px;
  overflow: hidden;
}

.life-slider__next,
.life-slider__prev {
  margin: auto 0;
  width: 40px;
  height: 72px;
  cursor: pointer;
}

.life-slider__next svg,
.life-slider__prev svg {
  width: 100%;
}

.life-slider__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.life-slider__dots > span {
  height: 16px;
  width: 8px;
  border-radius: 2px;
  transition: all 0.3s;
  background: #fecb00;
  opacity: 1;
}

.life-slider__dots > span.swiper-pagination-bullet-active {
  width: 24px;
}

.copyright {
  padding: 27px 0 29px;
  background: #f2f2f2;
}

.copyright-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  color: #777777;
}

.custom-select {
  position: relative;
  border-radius: 4px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #000;
  background: #fff;
}

.custom-select::after {
  content: "";
  position: absolute;
  right: 17px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 18px;
  height: 10px;
  transform: rotate(180deg);
  background: url("../img/arrow.svg") center/18px 10px no-repeat;
  transition: all 0.3s;
}

.custom-select.show::after {
  transform: rotate(0deg);
}

.custom-select-trigger {
  padding: 16px;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
}

.custom-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  max-height: 200px;
  overflow-y: auto;
  display: none;
  z-index: 10;
}

.custom-select-options div {
  padding: 16px;
  cursor: pointer;
}

.custom-select-options div:hover,
.custom-select-options div.selected {
  background: #fff8e1;
  /* жёлтая подсветка */
}

.header {
  padding: 24px 0;
  background: black;
}

.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-logo {
  max-width: 285px;
}

.header-logo a {
  display: block;
}

.header-logo a img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 640px) {
  .controls {
    gap: 8px;
    padding: 10px;
  }

  .volume {
    width: 70px;
  }

  .play-btn {
    width: 82px;
    height: 82px;
  }
}