@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Cormorant+Garamond:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Lora:wght@400;500;600;700&display=swap");
@font-face {
  font-family: "DrukCyr";
  font-style: normal;
  font-weight: 400;
  src: url("font/stylesheet.css");
  font-display: swap; }

@font-face {
  font-family: "Druk Wide Cyr";
  font-style: normal;
  font-weight: 500;
  src: url("font/DrukCyr-Medium.woff2") format("woff2"), url("font/DrukCyr-Medium.woff") format("woff"), url("font/DrukCyr-Medium.ttf") format("truetype"), url("font/DrukCyr-Medium.eot"), url("font/DrukCyr-Medium.eot?#iefix") format("embedded-opentype");
  font-display: swap; }

/* smartphones, touchscreens */
/* stylus-based screens */
/* Nintendo Wii controller, Microsoft Kinect */
/* mouse, touch pad */
:root {
  app-height: 100%; }

[data-whatintent='touch'] *:focus,
[data-whatintent='mouse'] *:focus {
  outline: none; }

* {
  box-sizing: border-box; }

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

html {
  scroll-behavior: smooth; }

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "Lora", "Playfair Display", "Montserrat", serif, sans-serif;
  font-size: 17px;
  line-height: 1.75;
  color: #e4e7ff;
  overflow-x: hidden;
  cursor: default;
  background: radial-gradient(circle at 20% 20%, #0c1739 0%, #050915 55%, #02020b 100%);
  min-height: 100vh;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Визуально скрытый контент для SEO/скринридеров */
.visually-hidden {
  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;
}

#root {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: visible !important;
  z-index: 1 !important;
  pointer-events: none !important;
  display: block !important;
  visibility: visible !important;
}

/* Скрываем заголовок */
.terms__title {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}

/* Звезды теперь создаются в body */
.starry-sky-star {
  position: fixed !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, 1), 0 0 20px rgba(255, 255, 255, 0.8), 0 0 30px rgba(177, 198, 219, 0.6) !important;
  -webkit-animation: shine 2s infinite alternate !important;
  animation: shine 2s infinite alternate !important;
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  will-change: transform, opacity !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  min-width: 3px !important;
  min-height: 3px !important;
}


@-webkit-keyframes shine {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
  20% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.9;
  }
  60% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.6;
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
}

@keyframes shine {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
  20% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.9;
  }
  60% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.6;
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
}
  
  
@keyframes starrySky {
  0% { 
    background-position: 0% 0%;
  }
  100% { 
    background-position: 100% 100%;
  }
}

@keyframes twinkle {
  0% { 
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% { 
    opacity: 0.7;
  }
}
  @media (max-width: 767px) {
    body {
      font-size: 14px; } }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

ul, ol {
  margin: 0; }
  ul.no-style, ol.no-style {
    padding: 0;
    list-style: none; }

button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none; }

img {
  border: none; }

a {
  text-decoration: none;
  color: inherit; }

[contenteditable=true]:empty:before {
  content: attr(data-placeholder);
  color: #2c2c2c;
  font-size: inherit;
  display: block;
  /* For Firefox */ }

select {
  appearance: none; }
  select::-ms-expand {
    display: none; }

input[type=submit] {
  width: auto; }

input[type='number'] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

blockquote {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 54px;
  line-height: 66px;
  font-family: "Druk Wide Cyr", sans-serif; }

h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 49px;
  font-family: "Druk Wide Cyr", sans-serif;
  text-transform: uppercase; }

h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 50px;
  font-family: "Druk Wide Cyr", sans-serif; }

h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 34px;
  font-family: "Druk Wide Cyr", sans-serif; }

h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  font-family: "Druk Wide Cyr", sans-serif; }

h6 {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  font-family: "Druk Wide Cyr", sans-serif; }

.t20sb {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px; }

.t20r {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px; }

.t18r {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px; }

.t18m {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px; }

.t16r {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px; }

.t16m {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px; }

.t14r {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px; }

@media (max-width: 1367px) {
  h2 {
    font-size: 34px;
    line-height: 42px; }
  h3 {
    font-size: 32px;
    line-height: 44px; }
  h6 {
    font-size: 16px;
    line-height: 20px; }
  .t20r {
    font-size: 18px;
    line-height: 22px; }
  .t20sb {
    font-size: 18px;
    line-height: 24px; } }

@media (max-width: 1199px) {
  .t20sb {
    font-size: 16px;
    line-height: 20px; }
  .t18r {
    font-size: 16px;
    line-height: 20px; } }

@media (max-width: 767px) {
  h2 {
    font-size: 28px;
    line-height: 34px; }
  h3 {
    font-size: 20px;
    line-height: 28px; }
  h5 {
    font-size: 18px;
    line-height: 22px; }
  h6 {
    font-size: 14px;
    line-height: 17px; } }

.sm-modal {
  background-color: rgba(0, 0, 0, 0.6);
  min-height: 100vh;
  min-height: var(--app-height); }
  .sm-modal-body {
    background-color: transparent; }

.progress {
  display: flex; }
  .progress__persent {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #D7D7D7;
    position: absolute;
    top: -24px;
    right: -28px;
    font-family: "Druk Wide Cyr", sans-serif;
    transition: .5s;
    opacity: 0; }
  .progress__left, .progress__right {
    height: 17px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
    position: relative; }
    .progress__left span, .progress__right span {
      position: absolute;
      top: -1px;
      height: 19px; }
  .progress__left {
    border-radius: 10px 18px 0 0;
    width: 7%;
    position: relative;
    margin-right: 9px; }
    .progress__left span {
      right: -1px;
      width: 106%;
    background: rgba(255, 255, 255, 0.12);
      transition: 1s; }
  .progress__right {
    border-radius: 21px 9px 0 0;
    width: 92%; }
    .progress__right span {
      left: -1px;
      width: 106%;
    background: rgba(255, 255, 255, 0.12);
      transition: 0.9s; }
  @media (max-width: 767px) {
    .progress {
      display: none; } }
  .progress.visiblePr .progress__right span, .progress.visiblePr .progress__left span {
    width: 0; }
  .progress.visibleProc .progress__persent {
    opacity: 1; }

.container {
  max-width: 1420px;
  width: 100%;
  margin: auto;
  padding: 0 50px; }
  @media (max-width: 1367px) {
    .container {
      padding: 0 40px; } }
  @media (max-width: 991px) {
    .container {
      padding: 0 30px; } }
  @media (max-width: 575px) {
    .container {
      padding: 0 20px; } }

form .input-block input.wrong,
form .input-block textarea.wrong,
.career-form__check input.wrong,
.career-form__check textarea.wrong {
  border-color: #ff1fa7; }
  form .input-block input.wrong ~ .check-ico,
  form .input-block textarea.wrong ~ .check-ico,
  .career-form__check input.wrong ~ .check-ico,
  .career-form__check textarea.wrong ~ .check-ico {
    border-color: #ff1fa7; }

.btn {
  position: relative;
  display: inline-flex;
  min-width: 139px;
  height: 46px;
  margin: 0;
  padding: 11px 34px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 52px;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  font-family: "Montserrat", sans-serif;
  background-color: rgba(255, 255, 255, 0.04);
  color: #e4e7ff;
  z-index: 1;
  transition: .25s linear;
  overflow: hidden;}
  .btn__inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 3;
    color: inherit; }
  .btn::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    right: -5px;
    bottom: 0;
    width: 105%;
    height: 150%;
    background: linear-gradient(135deg, #ff1fa7 0%, #d213ff 50%, #8210ff 100%);
    opacity: 0;
    transition: 0.3s; }
  @media (min-width: 1199px) {
    .btn:hover {
      color: #fff !important; }
      .btn:hover .btn__inner {
        color: #fff !important; }
      .btn:hover::before {
        opacity: 1; } }
  .btn--secondary {
    color: #fff !important;
    border-color: transparent;
  background: linear-gradient(135deg, #ff1fa7 0%, #d213ff 50%, #8210ff 100%) !important;
    background-size: 200% 200%;
    box-shadow: 
    0 10px 40px rgba(255, 31, 167, 0.45),
    0 6px 20px rgba(130, 16, 255, 0.4),
    0 0 50px rgba(255, 31, 167, 0.35),
      inset 0 2px 0 rgba(255, 255, 255, 0.3),
      inset 0 -2px 0 rgba(0, 0, 0, 0.2) !important;
    font-weight: 900;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 18px 40px;
    border-radius: 50px;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    animation: megaPulse 2s ease-in-out infinite;
    position: relative;
    overflow: hidden; }
    .btn--secondary .btn__inner {
      color: #fff !important;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 255, 255, 0.3);
      font-weight: 900;
      position: relative;
      z-index: 2; }
    .btn--secondary::before {
      opacity: 1;
    background: linear-gradient(135deg, #ff1fa7 0%, #d213ff 50%, #8210ff 100%);
      background-size: 200% 200%; }
    .btn--secondary::after {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%);
      animation: buttonShine 3s infinite;
      pointer-events: none; }
    @media (min-width: 1199px) {
      .btn--secondary:hover {
        color: #fff !important;
      background: linear-gradient(135deg, #ff48bc 0%, #c343ff 45%, #9325ff 100%) !important;
        background-size: 200% 200%;
      border-color: rgba(255, 111, 207, 0.8);
        box-shadow: 
        0 15px 60px rgba(255, 31, 167, 0.65), 
        0 8px 30px rgba(130, 16, 255, 0.45),
        0 0 80px rgba(255, 31, 167, 0.4),
          inset 0 2px 0 rgba(255, 255, 255, 0.4),
          inset 0 -2px 0 rgba(0, 0, 0, 0.3) !important;
        transform: translateY(-5px) scale(1.05); }
        .btn--secondary:hover .btn__inner {
          color: #fff !important; }
        .btn--secondary:hover::before {
          opacity: 1;
          background: linear-gradient(135deg, #ff48bc 0%, #c343ff 45%, #9325ff 100%);
          background-size: 200% 200%; } }
          
@keyframes megaPulse {
  0%, 100% { 
    box-shadow: 
      0 10px 40px rgba(255, 31, 167, 0.45),
      0 6px 20px rgba(130, 16, 255, 0.35),
      0 0 50px rgba(255, 31, 167, 0.3);
  }
  50% { 
    box-shadow: 
      0 15px 60px rgba(255, 31, 167, 0.6),
      0 8px 30px rgba(130, 16, 255, 0.5),
      0 0 80px rgba(255, 31, 167, 0.45);
  }
}

@keyframes buttonShine {
  0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
  100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

input, textarea {
  font-family: inherit;
  color: #1A1A1A;
  background-color: #fff;
  outline: none;
  border-radius: 0;
  transition: border-color .2s linear; }

textarea {
  height: 112px;
  resize: none;
  border-radius: 0; }

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5); }

:-moz-placeholder {
  color: rgba(0, 0, 0, 0.5); }

::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5); }

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5); }

.input-group {
  position: relative;
  margin-bottom: 20px;
  z-index: 1; }
  .input-group::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: .25s linear;
    transition-property: opacity;
    z-index: -1; }
  .input-group--notempty .input-group__label, .input-group--focus .input-group__label {
    top: 8px;
    font-size: 12px; }
  .input-group--focus::before {
    opacity: 1; }
  .input-group__label {
    position: absolute;
    top: 19px;
    left: 20px;
    font-size: 18px;
    line-height: 1;
    pointer-events: none;
    transition: all .25s linear;
    color: rgba(64, 64, 64, 0.5); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .input-group__label {
        display: none; } }
  .input-group input,
  .input-group textarea {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 18px 20px 6px;
    min-height: 56px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .input-group input,
      .input-group textarea {
        padding: 5px 20px; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .input-group input:focus ~ .input-group__label, .input-group input:active ~ .input-group__label,
      .input-group textarea:focus ~ .input-group__label,
      .input-group textarea:active ~ .input-group__label {
        display: none; } }
    .input-group input.error,
    .input-group textarea.error {
      border: 1px solid #ff1fa7; }
      .input-group input.error ~ .input-group__label,
      .input-group textarea.error ~ .input-group__label {
        color: #ff0000; }
  .input-group label.error {
    display: none !important; }
  .input-group.input-group-textarea {
    min-height: 56px;
    height: 112px; }
    .input-group.input-group-textarea textarea {
      height: 100%;
      padding: 22px 20px 6px; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .input-group.input-group-textarea textarea {
          padding: 12px 20px 6px; } }

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

.apple-fix {
  width: 100%;
  position: fixed; }

.no-scroll {
  overflow: hidden; }

.clearfix::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  overflow-x: hidden;
  position: relative;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  z-index: 2;
  pointer-events: auto; }
  
@keyframes premiumGradientShift {
  0% { background-position: 0% 50%; }
  25% { background-position: 100% 0%; }
  50% { background-position: 100% 100%; }
  75% { background-position: 0% 100%; }
  100% { background-position: 0% 50%; }
}
  
  .wrapper::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
      radial-gradient(ellipse at 15% 30%, rgba(255, 0, 153, 0.35) 0%, transparent 55%),
      radial-gradient(ellipse at 80% 60%, rgba(130, 16, 255, 0.25) 0%, transparent 60%),
      radial-gradient(circle at 60% 20%, rgba(255, 111, 207, 0.18) 0%, transparent 50%),
      radial-gradient(circle at 35% 75%, rgba(114, 83, 255, 0.2) 0%, transparent 50%);
    pointer-events: none;
    z-index: -1;
    animation: premiumPulse 12s ease-in-out infinite; }
  
  .wrapper::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
      repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(255, 0, 153, 0.04) 4px, rgba(255, 0, 153, 0.04) 8px),
      repeating-linear-gradient(90deg, transparent, transparent 4px, rgba(130, 16, 255, 0.04) 4px, rgba(130, 16, 255, 0.04) 8px);
    pointer-events: none;
    z-index: -1;
    opacity: 0.4;
    animation: premiumGrid 25s linear infinite; }
    
@keyframes premiumPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.85; }
}

@keyframes premiumGrid {
  0% { transform: translate(0, 0); }
  100% { transform: translate(40px, 40px); }
}
  
  .wrapper > * {
    position: relative;
    z-index: 1; }
  
@keyframes gradientShift {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

  .wrapper.sticky {
    overflow: unset; }
  .wrapper .header {
    flex: 0 0 auto; }
  .wrapper main {
    position: relative;
    flex: 1 0 auto; }
  .wrapper .footer {
    flex: 0 0 auto; }
  @media (max-width: 991px) {
    .wrapper {
      padding-top: 20px; } }
  
  @media (max-width: 575px) {
    .wrapper {
      padding-top: 1px; } }

.header {
  padding-top: 33px;
  padding-bottom: 20px; }
  .header__wp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  .header__btns {
    display: flex;
    align-items: center; }
  .header .btn {
    width: 200px;
    padding: 0; }
  .header__logo {
    line-height: 0;
    transition: 0.2s; }
    .header__logo img {
      position: relative;
      left: -60px; }
    @media (min-width: 1199px) {
      .header__logo:hover {
        opacity: 0.8; } }
  .header__burger {
    display: none; }
  @media (max-width: 991px) {
    .header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: #fff;
      z-index: 23;
      transition: box-shadow 0.2s; }
      .header.shadow {
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); }
      .header__burger {
        display: block;
        line-height: 0; }
      .header__btns {
        display: none; } }
  @media (max-width: 575px) {
    .header {
      padding-top: 1px;
      padding-bottom: 1px; }
      .header__logo img {
        left: -37px;
        width: 230px; }
      .header__burger {
        padding: 0; } }

.language {
  position: relative;
  width: 77px;
  height: 36px;
  border-radius: 20px;
  background: #F2F2F2;
  padding: 0 10px 1px 6px;
  margin-left: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .language__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0px;
    padding-right: 0;
    width: 100%; }
    .language__btn span {
      width: 41px;
      height: 28px;
      border-radius: 20px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 17px; }
    .language__btn svg {
      margin-left: 7px;
      transition: 0.2s; }
  .language__select {
    position: absolute;
    width: 77px;
    top: 39px;
    right: 0;
    background: #fff;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    z-index: 3; }
    .language__select a {
      padding: 8px 16px;
      display: flex;
      align-items: center;
      font-size: 14px;
      line-height: 20px; }
      .language__select a img {
        margin-right: 5px;
        max-width: 20px; }
      @media (min-width: 1199px) {
        .language__select a:hover {
          background: #F2F2F2; } }
  .language.isOpen .language__select {
    opacity: 1;
    visibility: visible; }
  .language.isOpen .language__btn svg {
    transform: rotate(180deg); }

.mob-menu {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s; }
  @media (min-width: 992px) {
    .mob-menu {
      display: none !important; } }
  .mob-menu.openMenu {
    opacity: 1;
    visibility: visible; }
  .mob-menu__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(16, 16, 16, 0.44);
    cursor: pointer; }
  .mob-menu__wp {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 654px;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 18px; }
  .mob-menu__head {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .mob-menu__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    width: 100%;
    margin-top: 24px; }
    .mob-menu__body a {
      margin-bottom: 12px;
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 24px; }
      .mob-menu__body a:last-child {
        margin-bottom: 0; }
  .mob-menu__close {
    cursor: pointer;
    margin-left: auto; }
  .mob-menu .btn {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    margin-top: 44px;
    width: 100%;
    height: 48px;
    font-size: 16px;
    line-height: 20px;
    display: flex; }

.mhero {
  padding-top: 57px;
  padding-bottom: 45px; }
  .mhero__wp {
    display: flex;
    justify-content: space-between;
    width: 100%; }
  .mhero__title {
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 54px;
    font-family: "Druk Wide Cyr", sans-serif;
    text-transform: uppercase; }
  .mhero__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    margin-top: 12px;
    max-width: 480px; }
  .mhero__left {
    max-width: 730px;
    padding-top: 17px; }
    .mhero__left .btn {
      height: 58px;
      margin-top: 62px;
      width: 270px; }
  .mhero__right {
    width: 50%;
    max-width: 441px;
    margin-left: 25px; }
  .mhero__blog {
    border: 1px solid #D7D7D7;
    border-radius: 20px;
    width: 100%;
    height: 337px;
    border-top: 25px solid #F2F2F2;
    margin-top: 12px;
    overflow: hidden; }
    .mhero__blog-wp {
      overflow-y: auto;
      margin-top: 3px;
      height: 100%;
      /* полоса прокрутки (скроллбар) */
      /* ползунок скроллбара */ }
      .mhero__blog-wp::-webkit-scrollbar {
        width: 7px;
        /* ширина для вертикального скролла */
        height: 7px;
        /* высота для горизонтального скролла */
        background-color: transparent;
        cursor: pointer; }
      .mhero__blog-wp::-webkit-scrollbar-thumb {
        background-color: #E8E8E8;
        border-radius: 38px; }
      .mhero__blog-wp::-webkit-scrollbar-thumb:hover {
        background-color: #D7D7D7; }
    .mhero__blog-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 28px 24px;
      border-radius: 20px;
      background: #F2F2F2; }
    .mhero__blog-arr {
      width: 36px;
      height: 36px;
      border-left: 7px solid #1A1A1A;
      border-bottom: 7px solid #1A1A1A;
      position: relative; }
      .mhero__blog-arr::before {
        content: "";
        width: 42px;
        height: 7px;
        background: #1A1A1A;
        transform: rotate(-45deg);
        position: absolute;
        bottom: 8px;
        left: -9px; }
  .mhero__contacts {
    margin-top: 20px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .mhero__contacts a {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      margin-left: 12px; }
      .mhero__contacts a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.2s; }
      @media (min-width: 991px) {
        .mhero__contacts a:hover img {
          transform: scale(1.05); } }
  @media (max-width: 1367px) {
    .mhero {
      padding-top: 50px;
      padding-bottom: 32px; }
      .mhero__left {
        max-width: 660px; }
      .mhero__title {
        font-size: 30px;
        line-height: 46px; }
      .mhero__subtitle {
        font-size: 20px;
        line-height: 28px; }
      .mhero__blog-head {
        padding: 24px 24px; }
      .mhero__blog-arr {
        width: 32px;
        height: 32px; }
        .mhero__blog-arr::before {
          bottom: 5px;
          width: 36px; } }
  @media (max-width: 1199px) {
    .mhero__left {
      max-width: 550px; } }
  @media (max-width: 991px) {
    .mhero__wp {
      flex-direction: column;
      align-items: center; }
    .mhero__left {
      padding-top: 0;
      border: 1px solid #D7D7D7;
      border-radius: 20px;
      padding: 26px 26px 32px;
      max-width: initial; }
    .mhero__right {
      width: 100%;
      margin-top: 28px;
      max-width: initial;
      margin-left: 0; }
    .mhero__contacts {
      display: none; } }
  @media (max-width: 767px) {
    .mhero__title {
      font-size: 28px;
      line-height: 34px; }
    .mhero__subtitle {
      font-size: 14px;
      line-height: 20px;
      margin-top: 11px; }
    .mhero__left .btn {
      height: 48px;
      font-size: 16px;
      line-height: 20px;
      margin-top: 44px; }
    .mhero__blog-head {
      padding: 17px 20px; }
    .mhero__blog-arr {
      width: 23px;
      height: 24px;
      border-width: 4px; }
      .mhero__blog-arr::before {
        bottom: 5px;
        width: 27px;
        height: 4px;
        left: -6px; } }
  @media (max-width: 575px) {
    .mhero {
      padding-top: 13px;
      padding-bottom: 20px; }
      .mhero__blog {
        margin-top: 8px;
        height: 313px; }
        .mhero__blog-wp {
          margin-top: 0;
          border-radius: 0 0 18px 18px; }
          .mhero__blog-wp .blog-row:last-child {
            border-bottom: none; }
        .mhero__blog-head {
          padding: 17px 28px 22px 20px; } }
  @media (max-width: 440px) {
    .mhero__left {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .mhero__left .btn {
        width: 100%; } }

.blog-row {
  padding: 12px 20px 11px;
  border-bottom: 1px solid #D7D7D7;
  display: block;
  transition: 0.2s; }
  .blog-row p {
    font-weight: 600;
    margin-bottom: 2px;
    text-transform: uppercase; }
  @media (max-width: 767px) {
    .blog-row {
      padding-left: 20px;
      padding-right: 20px; }
      .blog-row p {
        margin-bottom: 4px; } }
  @media (min-width: 1199px) {
    .blog-row:hover {
      background-color: #F2F2F2; } }

.aboutus {
  padding-top: 60px;
  padding-bottom: 50px; }
  .aboutus__title {
    margin-top: 26px; }
  .aboutus .progress__left {
    width: 15%; }
  .aboutus .progress__right {
    width: calc(85% - 10px); }
  .aboutus__wp {
    margin-top: 59px; }
  .aboutus__grid-wp {
    max-width: 482px;
    width: 37%; }
  .aboutus__grid-big {
    display: flex;
    justify-content: space-between; }
  .aboutus__grid-sm {
    display: grid;
    grid-template-columns: 32.3% 32.3% 32.3%;
    justify-content: space-between;
    margin-top: 31px; }
  @media (max-width: 1199px) {
    .aboutus {
      padding-top: 30px;
      padding-bottom: 30px; }
      .aboutus__grid-wp {
        width: 45%; } }
  @media (max-width: 767px) {
    .aboutus__wp {
      margin-top: 40px; }
    .aboutus__grid-big {
      flex-direction: column;
      align-items: center; }
    .aboutus__grid-wp {
      width: 100%;
      max-width: initial; }
    .aboutus__grid-sm {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } }
  @media (max-width: 575px) {
    .aboutus {
      padding-top: 26px;
      padding-bottom: 25px; }
      .aboutus__title {
        font-size: 26px;
        line-height: 32px; }
      .aboutus__wp {
        margin-top: 38px; }
      .aboutus__grid-sm {
        margin-top: 20px; } }

.about-block {
  border-radius: 20px;
  padding: 25px 32px;
  background-color: #F2F2F2;
  min-height: 152px; }
  .about-block h2 {
    margin-bottom: 2px; }
  .about-block_dark {
    background: #1A1A1A;
    color: #fff;
    margin-top: 20px; }
  .about-block_sm {
    width: 100%; }
  .about-block_lg {
    background: linear-gradient(180deg, #FF1400 0%, #AA002D 100%);
    color: #fff;
    width: 62%;
    margin-left: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .about-block__accept {
    padding: 9px 24px;
    background: #FFFFFF;
    border-radius: 54px;
    margin-top: auto;
    color: #1A1A1A; }
    .about-block__accept b {
      font-weight: 600; }
  @media (max-width: 767px) {
    .about-block {
      min-height: 112px; }
      .about-block_lg {
        width: 100%;
        margin-left: 0;
        margin-top: 12px;
        min-height: 112px; }
      .about-block_dark {
        margin-top: 12px; } }
  @media (max-width: 575px) {
    .about-block {
      border-radius: 12px;
      padding: 17px 20px; }
      .about-block__accept {
        margin-bottom: 3px;
        padding: 10px 20px; } }
  @media (max-width: 359px) {
    .about-block h2 {
      font-size: 25px; } }

.about-num {
  padding: 32px;
  min-height: 152px;
  margin-bottom: 21px;
  border: 1px solid #D7D7D7;
  border-radius: 20px;
  position: relative;
  overflow: hidden; }
  .about-num::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0.32deg, #000000 50.04%, #FF1400 95.53%);
    transition: .25s;
    opacity: 0; }
  .about-num h6 {
    margin-bottom: 15px;
    position: relative;
    z-index: 3;
    transition: 0.2s; }
  .about-num .t20r {
    position: relative;
    z-index: 3;
    transition: 0.2s; }
  @media (min-width: 991px) {
    .about-num:hover {
      color: #fff; }
      .about-num:hover::before {
        opacity: 1; } }
  @media (max-width: 991px) {
    .about-num {
      padding: 20px; }
      .about-num h6 {
        margin-bottom: 12px; } }
  @media (max-width: 767px) {
    .about-num {
      width: 48%; } }
  @media (max-width: 575px) {
    .about-num {
      border-radius: 12px;
      padding: 18px 17px;
      min-height: 133px;
      margin-bottom: 12px; }
      .about-num .t20r {
        font-size: 14px;
        line-height: 20px; } }

.dealssect {
  padding-top: 53px;
  padding-bottom: 50px; }
  .dealssect .progress__left {
    width: 32%; }
  .dealssect .progress__right {
    width: calc(68% - 12px); }
  .dealssect__wp {
    padding-top: 27px; }
  .dealssect__cards {
    margin-top: 60px;
    display: flex;
    justify-content: space-between; }
  .dealssect__card {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding: 20px 24px 28px;
    background: #F2F2F2;
    margin-right: 32px;
    width: 306px;
    height: 408px;
    display: flex;
    flex-direction: column; }
    .dealssect__card::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(0.32deg, #000000 50.04%, #FF1400 95.53%);
      transition: 0.25s;
      opacity: 0; }
    .dealssect__card:last-child {
      margin-right: 0; }
    .dealssect__card h5 {
      margin-bottom: 8px; }
    .dealssect__card-top {
      min-height: 79px;
      position: absolute;
      top: 20px;
      z-index: 3; }
    .dealssect__card-bottom {
      min-height: 40px;
      margin-top: auto;
      position: relative;
      z-index: 3; }
    .dealssect__card-mid {
      position: absolute;
      top: calc(50% - 3px);
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 48px);
      text-align: center;
      border-bottom: 1px solid #1A1A1A;
      padding-bottom: 15px;
      transition: 0.2s;
      z-index: 3; }
    @media (min-width: 1199px) {
      .dealssect__card:hover {
        color: #fff; }
        .dealssect__card:hover::before {
          opacity: 1; }
        .dealssect__card:hover .dealssect__card-mid {
          border-color: #fff; } }
    @media (max-width: 575px) {
      .dealssect__card.swiper-slide-active {
        color: #fff; }
        .dealssect__card.swiper-slide-active::before {
          opacity: 1; }
        .dealssect__card.swiper-slide-active .dealssect__card-mid {
          border-color: #fff; } }
  @media (max-width: 1367px) {
    .dealssect__cards {
      overflow: visible;
      margin-top: 50px; } }
  @media (max-width: 1199px) {
    .dealssect {
      padding-top: 45px;
      padding-bottom: 35px; } }
  @media (max-width: 991px) {
    .dealssect {
      padding-top: 40px; } }
  @media (max-width: 575px) {
    .dealssect {
      padding-top: 35px; }
      .dealssect__wp {
        padding-top: 0; }
        .dealssect__wp > h2 {
          font-size: 26px;
          line-height: 32px; }
      .dealssect__cards {
        margin-top: 38px; }
      .dealssect__card {
        padding-left: 25px;
        padding-right: 25px;
        margin-right: 20px; }
        .dealssect__card-bottom {
          font-size: 14px;
          line-height: 20px; } }
  @media (max-width: 359px) {
    .dealssect__card {
      width: 280px; } }

.ourbrands {
  padding-top: 73px;
  padding-bottom: 50px; }
  .ourbrands__head {
    display: flex;
    justify-content: space-between; }
  .ourbrands__wp {
    margin-top: 26px; }
  .ourbrands__btns {
    display: flex;
    justify-content: flex-end;
    line-height: 0; }
    .ourbrands__btns button {
      border-color: #D7D7D7;
      margin-left: 12px;
      width: 139px;
      height: 40px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      line-height: 20px; }
      .ourbrands__btns button::before {
        display: none; }
      @media (min-width: 991px) {
        .ourbrands__btns button:hover {
          color: #fff;
          background: #1A1A1A; } }
      .ourbrands__btns button.active {
        background-color: #1A1A1A;
        border-color: #1A1A1A;
        color: #fff; }
        .ourbrands__btns button.active:hover {
          color: #1A1A1A;
          background: #fff; }
  .ourbrands .progress__left {
    width: 42%; }
  .ourbrands .progress__right {
    width: calc(58% - 9px); }
  .ourbrands__link {
    min-width: 120px;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    padding-bottom: 30px; }
    .ourbrands__link a {
      margin-top: auto;
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
      .ourbrands__link a svg {
        margin-top: 6px; }
  .ourbrands__tabs {
    display: flex;
    justify-content: space-between;
    margin-top: 59px; }
  .ourbrands__tab {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    width: 100%;
    justify-content: space-between; }
  @media (max-width: 1367px) {
    .ourbrands {
      padding-bottom: 40px; }
      .ourbrands__link {
        margin-left: 20px; } }
  @media (max-width: 1199px) {
    .ourbrands__tabs {
      margin-top: 50px;
      flex-direction: column;
      align-items: center; }
    .ourbrands__link {
      display: none;
      margin-left: 0; }
      .ourbrands__link a {
        height: 52px;
        width: 320px;
        border-radius: 46px;
        background-color: #1A1A1A;
        border: 1px solid #1A1A1A;
        transition: 0.2s;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center; }
        .ourbrands__link a svg {
          display: none; } }
  @media (max-width: 991px) {
    .ourbrands {
      padding-top: 60px; }
      .ourbrands__tab {
        display: grid;
        grid-template-columns: 32% 32% 32%; } }
  @media (max-width: 767px) {
    .ourbrands__head {
      flex-direction: column; }
    .ourbrands__btns {
      justify-content: space-between;
      margin-top: 38px;
      width: 320px;
      border-radius: 28px;
      background: #F2F2F2;
      padding: 2px; }
      .ourbrands__btns button {
        height: 36px;
        background: transparent;
        border-radius: 28px;
        width: 158px;
        border: none;
        margin-left: 0; }
        .ourbrands__btns button.active {
          color: #1A1A1A;
          background: #fff;
          box-shadow: -1px 0px 2px rgba(196, 196, 196, 0.42); }
    .ourbrands__tabs {
      margin-top: 20px; }
    .ourbrands__tab {
      grid-template-columns: 48% 48%; } }
  @media (max-width: 575px) {
    .ourbrands {
      padding-top: 11px;
      padding-bottom: 20px; }
      .ourbrands__head > h2 {
        font-size: 26px;
        line-height: 32px; }
      .ourbrands__tab {
        justify-content: space-between; }
      .ourbrands__link {
        margin-top: 20px;
        padding-bottom: 0; }
        .ourbrands__link a {
          font-size: 16px;
          line-height: 20px; } }
  @media (max-width: 440px) {
    .ourbrands__btns {
      width: 100%; }
      .ourbrands__btns button {
        width: 49%; }
    .ourbrands__link a {
      width: 280px; } }

.brand-card {
  max-width: 264px;
  width: 100%;
  border: 1px solid #979797;
  border-radius: 20px;
  position: relative;
  color: #fff;
  height: 319px;
  padding: 13px 18px 19px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  transition: 0.2s;
  overflow: hidden; }
  .brand-card img {
    transition: 0.2s; }
  .brand-card::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.15s;
    background: linear-gradient(16.48deg, #7965AB 32.34%, #624A9C 70.86%);
    opacity: 0; }
  .brand-card.card-1::before, .brand-card.card-8::before, .brand-card.card-9::before {
    background: #23232B; }
  .brand-card.card-2::before {
    background: #0D1323; }
  .brand-card.card-3::before {
    background: #171717; }
  .brand-card.card-4::before {
    background: #4B62F0; }
  .brand-card.card-5::before {
    background: #2D49D0; }
  .brand-card.card-6::before {
    background: #D94F2B; }
  .brand-card.card-7::before {
    background: linear-gradient(154.73deg, #474D52 -42.18%, #1B1C1D 90.99%); }
  .brand-card .neww {
    display: none; }
  @media (min-width: 991px) {
    .brand-card:hover {
      border-color: transparent; }
      .brand-card:hover::before {
        opacity: 1; }
      .brand-card:hover .brand-card__logo img {
        filter: brightness(1); }
      .brand-card:hover .new {
        display: none; }
      .brand-card:hover .neww {
        display: initial; } }
  .brand-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2; }
    .brand-card__head-icons {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      line-height: 0; }
      .brand-card__head-icons span {
        position: relative;
        margin-left: 4px; }
        .brand-card__head-icons span img {
          width: 30px; }
  .brand-card .t14r {
    line-height: 17px; }
  .brand-card__logo {
    position: absolute;
    top: 51%;
    left: 50%;
    max-width: 170px;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center; }
    .brand-card__logo img {
      max-width: 100%;
      filter: brightness(0);
      max-height: 67px; }
  .brand-card__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    align-items: flex-end;
    z-index: 2;
    position: relative; }
  @media (max-width: 575px) {
    .brand-card {
      max-width: 340px;
      height: 204px;
      margin-bottom: 12px;
      padding: 14px 10px 19px; } }
  @media (max-width: 440px) {
    .brand-card__logo {
      width: 69%; }
      .brand-card__logo img {
        width: 100%;
        max-height: 11vw; }
    .brand-card__head {
      width: 100%; }
      .brand-card__head .t14r {
        font-size: 12px;
        line-height: 12px; }
      .brand-card__head-icons {
        margin-left: auto; }
        .brand-card__head-icons span img {
          width: 26px; }
        .brand-card__head-icons span:first-child {
          margin-left: 0; } }

.partners {
  padding-top: 42px;
  padding-bottom: 60px; }
  .partners .progress__left {
    width: 53%; }
  .partners .progress__right {
    width: calc(47% - 9px); }
  .partners__wp {
    margin-top: 20px; }
  .partners .mob {
    display: none;
    padding: 0; }
  .partners__head {
    display: flex;
    justify-content: space-between; }
    .partners__head a {
      width: 266px;
      height: 40px;
      border-color: #D7D7D7;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      line-height: 20px; }
      .partners__head a::before {
        display: none; }
      @media (min-width: 1199px) {
        .partners__head a:hover {
          border-color: transparent;
          background: #1A1A1A;
          color: #fff; } }
  .partners__swiper {
    margin-top: 60px;
    display: flex;
    align-items: center; }
    .partners__swiper .swiper-wrapper {
      align-items: center;
      transition-timing-function: linear; }
    .partners__swiper-el {
      max-width: 170px;
      width: auto;
      overflow: hidden;
      margin-right: 40px;
      cursor: grab; }
      .partners__swiper-el img {
        max-width: 100%;
        max-height: 82px;
        object-fit: cover;
        filter: grayscale(100%);
        transition: 0.2s;
        border-radius: 2px; }
      .partners__swiper-el:last-of-type {
        margin-right: 0; }
      @media (min-width: 991px) {
        .partners__swiper-el:hover img {
          filter: grayscale(0); } }
      @media (max-width: 575px) {
        .partners__swiper-el.swiper-slide-active img {
          filter: grayscale(0); } }
  @media (max-width: 1367px) {
    .partners__swiper {
      overflow: visible; } }
  @media (max-width: 991px) {
    .partners {
      padding-bottom: 40px; }
      .partners__swiper-el {
        margin-right: 25px;
        max-width: 200px; } }
  @media (max-width: 767px) {
    .partners .desc {
      display: none; }
    .partners .mob {
      display: flex;
      align-items: center;
      margin-top: 33px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      border-color: #D7D7D7;
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      justify-content: center;
      height: 52px; } }
  @media (max-width: 575px) {
    .partners {
      padding-top: 32px;
      padding-bottom: 30px; }
      .partners__head > h2 {
        font-size: 26px;
        line-height: 32px; }
      .partners__swiper {
        margin-top: 42px; }
        .partners__swiper-el {
          max-width: 146px; } }
  @media (max-width: 359px) {
    .partners .mob {
      width: 280px;
      padding: 0; } }

.events {
  padding-top: 55px;
  padding-bottom: 50px; }
  .events .progress__left {
    width: 72%; }
  .events .progress__right {
    width: calc(28% - 9px); }
  .events__wp {
    margin-top: 26px; }
  .events__swiper {
    margin-top: 60px;
    display: flex;
    justify-content: flex-end; }
  @media (max-width: 1199px) {
    .events__swiper {
      overflow: visible; } }
  @media (max-width: 767px) {
    .events .swiper-slide-active .event-card__title {
      color: #1A1A1A; }
    .events .swiper-slide-active .event-card__wp {
      color: #fff; }
      .events .swiper-slide-active .event-card__wp::before {
        visibility: visible;
        opacity: 1; }
    .events .swiper-slide-active .event-card__bottom {
      opacity: 1; } }
  @media (max-width: 575px) {
    .events {
      padding-top: 16px;
      padding-bottom: 30px; }
      .events__wp > h2 {
        font-size: 26px;
        line-height: 32px; }
      .events__swiper {
        margin-top: 40px; } }

.event-card {
  margin-right: 32px;
  width: 306px; }
  .event-card:last-child {
    margin-right: 0; }
  .event-card__title {
    font-style: normal;
    font-weight: 900;
    font-size: 25px;
    line-height: 32px;
    min-height: 32px;
    color: #D7D7D7;
    transition: 0.2s; }
  .event-card__wp {
    width: 306px;
    height: 356px;
    border-radius: 20px;
    border: 1px solid #D7D7D7;
    position: relative;
    padding: 20px 24px 32px;
    overflow: hidden;
    display: flex;
    flex-direction: column; }
    .event-card__wp h6 {
      margin-bottom: 4px; }
    .event-card__wp::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      visibility: hidden;
      background: linear-gradient(177deg, #000000 50.23%, #FF1400 103.54%);
      transition: 0.2s; }
  .event-card__top, .event-card__bottom {
    position: relative;
    z-index: 2; }
  .event-card__bottom {
    opacity: 0;
    transition: 0.2s;
    margin-top: auto; }
    .event-card__bottom a {
      background: #FFFFFF;
      border-radius: 52px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 46px;
      width: 100%;
      color: #1A1A1A;
      transition: 0.2s;
      font-weight: 500;
      font-size: 18px;
      line-height: 22px; }
      @media (min-width: 1199px) {
        .event-card__bottom a:hover {
          background: #1A1A1A;
          color: #fff; } }
  .event-card__mid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: calc(100% - 48px); }
  @media (min-width: 991px) {
    .event-card:hover .event-card__title {
      color: #1A1A1A; }
    .event-card:hover .event-card__wp {
      color: #fff; }
      .event-card:hover .event-card__wp::before {
        visibility: visible;
        opacity: 1; }
    .event-card:hover .event-card__bottom {
      opacity: 1; } }
  @media (max-width: 575px) {
    .event-card {
      margin-right: 20px; }
      .event-card__title {
        font-family: "Druk Wide Cyr", sans-serif;
        font-size: 22px;
        line-height: 27px; }
      .event-card__wp {
        margin-top: 13px;
        height: 358px; }
      .event-card h6 {
        font-size: 18px;
        line-height: 22px; }
      .event-card__bottom a {
        font-size: 16px;
        line-height: 20px; } }
  @media (max-width: 359px) {
    .event-card__wp {
      width: 280px; } }

.becomesect {
  padding-top: 49px;
  padding-bottom: 32px; }
  .becomesect__wp {
    width: 100%;
    background-image: url(../img/becomeback.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000000;
    overflow: hidden;
    border-radius: 40px;
    padding: 60px 60px 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: 5s;
    animation-timing-function: ease-out; }
    .becomesect__wp.anim {
      background-size: 110% 110%; }
    .becomesect__wp h2 {
      text-align: center;
      max-width: 826px;
      color: #fff;
      text-transform: initial; }
  .becomesect__steps {
    display: flex;
    justify-content: space-between;
    margin-top: 68px;
    max-width: 1094px;
    width: 100%; }
  .becomesect__arr {
    margin: 26px 0 0; }
  .becomesect__btn {
    height: 56px;
    width: 272px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 46px;
    color: #1A1A1A;
    transition: 0.2s;
    margin-top: 48px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px; }
    @media (min-width: 1199px) {
      .becomesect__btn:hover {
        background: #1A1A1A;
        color: #fff; } }
  @media (max-width: 1367px) {
    .becomesect__wp {
      padding: 50px 50px 60px; } }
  @media (max-width: 1199px) {
    .becomesect__wp {
      padding: 50px 40px 60px; }
    .becomesect__steps {
      margin-top: 55px; }
    .becomesect__arr {
      margin-left: 10px;
      margin-right: 10px; }
    .becomesect__btn {
      height: 52px;
      margin-top: 40px; } }
  @media (max-width: 991px) {
    .becomesect__wp {
      background-image: url(../img/becomeback-mob.png); }
    .becomesect__steps {
      flex-direction: column;
      margin-top: 44px;
      align-items: center; }
    .becomesect__arr {
      margin-top: 44px;
      margin-bottom: 7px;
      min-height: 53px; }
      .becomesect__arr svg {
        transform: rotate(90deg); } }
  @media (max-width: 575px) {
    .becomesect {
      padding-top: 39px;
      padding-bottom: 24px; }
      .becomesect__wp {
        border-radius: 20px;
        padding: 38px 24px 32px; }
        .becomesect__wp > h2 {
          font-size: 22px;
          line-height: 27px; }
      .becomesect__steps {
        margin-top: 42px; }
      .becomesect__btn {
        width: 268px;
        height: 48px;
        font-size: 16px;
        line-height: 20px; } }

.step {
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  width: 272px;
  height: 269px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 40px 28px 10px;
  color: #fff; }
  .step .t20sb {
    margin-top: 30px;
    margin-bottom: 12px; }
  .step .t18r {
    max-width: 195px; }
  @media (max-width: 1199px) {
    .step {
      padding: 35px 20px 10px;
      height: 255px; }
      .step .t20sb {
        margin-top: 19px;
        margin-bottom: 10px; } }
  @media (max-width: 575px) {
    .step {
      width: 234px;
      padding-top: 29px;
      height: 227px; }
      .step h5 {
        font-size: 22px;
        line-height: 27px; }
      .step .t20sb {
        margin-top: 23px;
        margin-bottom: 12px; } }

.reviews {
  padding-top: 74px; }
  .reviews__title {
    text-align: center;
    letter-spacing: 0.04em; }
  .reviews__subtitle {
    text-align: center;
    margin: 22px auto 0;
    max-width: 735px; }
  .reviews__grid {
    margin-top: 80px;
    margin-bottom: 30px;
    position: relative; }
    .reviews__grid::before {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.54) 15.79%, #FFFFFF 94.81%, #FFFFFF 100%);
      height: 100px;
      z-index: 1; }
  .reviews .stamp {
    position: absolute;
    background: transparent;
    width: 50px; }
    .reviews .stamp-1 {
      left: 1%;
      top: 0;
      height: 7px; }
    .reviews .stamp-2 {
      left: 27%;
      top: 0;
      height: 132px; }
    .reviews .stamp-3 {
      left: 53%;
      top: 0;
      height: 56px; }
  .reviews__item {
    width: 23.2%;
    max-width: 306px;
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 20px;
    padding: 19px 24px 27px;
    margin-bottom: 24px;
    break-inside: avoid; }
    .reviews__item.empty {
      background: transparent;
      height: 100px;
      border: none;
      opacity: 0; }
    .reviews__item-ico {
      margin-bottom: 12px;
      line-height: 0;
      height: 32px; }
      .reviews__item-ico img {
        max-height: 32px; }
  .reviews__more {
    display: none;
    height: 48px;
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: #1A1A1A;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    border-radius: 46px; }
  @media (max-width: 1420px) {
    .reviews__grid {
      margin-left: auto;
      margin-right: auto; }
    .reviews__item {
      width: 280px; } }
  @media (max-width: 1367px) {
    .reviews {
      padding-top: 55px; }
      .reviews__grid {
        max-width: 920px;
        margin-top: 60px; } }
  @media (max-width: 991px) {
    .reviews__title {
      font-size: 40px;
      line-height: 50px; }
    .reviews__subtitle {
      font-size: 16px;
      line-height: 20px;
      margin-top: 15px; }
    .reviews__grid {
      margin-top: 40px;
      max-width: 620px; }
      .reviews__grid .stamp {
        display: none; }
    .reviews__item {
      margin-bottom: 16px; } }
  @media (max-width: 767px) {
    .reviews {
      padding-bottom: 70px; }
      .reviews__item {
        width: 242px; }
        .reviews__item-ico img {
          max-width: 100%; }
      .reviews__more {
        display: flex; }
      .reviews__grid {
        margin-bottom: 16px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .reviews__grid::before {
          display: none; } }
  @media (max-width: 575px) {
    .reviews {
      padding-top: 27px; }
      .reviews__title {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0; }
      .reviews__item {
        width: 100%;
        max-width: initial; }
      .reviews__subtitle {
        font-size: 14px;
        line-height: 20px; }
      .reviews__grid {
        max-width: 350px; }
      .reviews__more {
        max-width: initial; } }

.terms {
  padding-top: 74px;
  padding-bottom: 100px; }
  .terms__wp {
    max-width: 1186px;
    margin-left: auto;
    margin-right: auto; }
  .terms__title {
    text-align: center;
    letter-spacing: 0.04em;
	font-family: montserrat;
	color:#fff;
	
	}
  .terms__subtitle {
    margin-top: 22px;
    text-align: center; }
  .terms__correspond {
    padding: 23px 30px 31px;
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    margin-top: 60px; }
    .terms__correspond .t16r {
      margin-top: 16px; }
  .terms__list {
    margin-top: 82px;
    padding-left: 28px; }
    .terms__list h5 {
      margin-top: 54px; }
      .terms__list h5:first-of-type {
        margin-top: 0; }
      .terms__list h5 + .t16r {
        margin-top: 12px; }
    .terms__list .t16r {
      margin-top: 20px; }
      .terms__list .t16r b {
        font-weight: 600; }
  @media (max-width: 1199px) {
    .terms__title {
      font-size: 40px;
      line-height: 50px; }
    .terms__subtitle {
      font-size: 16px;
      line-height: 20px;
      margin-top: 16px; }
    .terms__correspond {
      margin-top: 40px; }
    .terms__list {
      margin-top: 60px; } }
  @media (max-width: 991px) {
    .terms__list {
      margin-top: 40px;} }
  @media (max-width: 767px) {
    .terms {
      padding-top: 10px;
      padding-bottom: 70px; }
      .terms__title {
        font-size: 28px;
        line-height: 34px; }
      .terms__subtitle {
        font-size: 14px;
        line-height: 17px; }
      .terms__correspond {
        padding: 20px 20px 24px; }
      .terms__list {
        padding-left: 0; }
        .terms__list .tr16r {
          margin-top: 12px; }
      .terms .t16r {
        font-size: 14px;
        line-height: 20px; } }

.career {
  padding-top: 0px;
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important; }
  .career__subtitle {
    max-width: 695px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 22px; }
  .career__colortitle {
    margin-top: 80px;
    text-align: center;
    background: linear-gradient(135deg, #f91f8f 0%, #b041ff 40%, #7c5dff 70%, #f91f8f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    letter-spacing: 0.08em;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    text-shadow: 0 4px 20px rgba(255, 0, 153, 0.35);
    filter: drop-shadow(0 2px 10px rgba(146, 111, 255, 0.25)); }
  .career__list {
    margin-top: 60px;
    max-width: 934px;
    margin-left: auto;
    margin-right: auto; }
  .career-item {
    border: 1px solid #D7D7D7;
    border-radius: 20px;
    margin-bottom: 16px; }
    .career-item__head {
      padding: 25px 28px 25px 23px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer; }
      .career-item__head span {
        width: 20px;
        height: 2px;
        background: #1A1A1A;
        position: relative; }
        .career-item__head span::before {
          content: "";
          position: absolute;
          top: -9px;
          left: 9px;
          height: 20px;
          width: 2px;
          background: #1A1A1A;
          transition: 0.2s; }
    .career-item__body {
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 38px; }
      .career-item__body .block {
        padding-top: 32px;
        border-top: 1px solid #D7D7D7;
        display: flex;
        margin-bottom: 31px; }
        .career-item__body .block__left {
          max-width: 270px;
          width: 40%; }
        .career-item__body .block__right {
          width: 65%;
          max-width: 491px;
          margin-left: auto;
          margin-right: 9.9%; }
          .career-item__body .block__right li {
            margin-bottom: 20px; }
            .career-item__body .block__right li:last-of-type {
              margin-bottom: 0; }
    .career-item .btn {
      width: 270px;
      height: 58px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      margin: 42px auto 0;
      transform: translateX(7%); }
    .career-item.open .career-item__head span::before {
      opacity: 0;
      transform: rotate(90deg); }
  .career-modal .sm-modal-contant {
    padding: 56px 89px 62px;
    background: #FFFFFF;
    border-radius: 20px; }
  .career-modal .modal-title {
    text-align: center; }
  .career-modal .modal-close {
    width: 20px;
    height: 20px;
    top: 24px;
    right: 23px; }
    .career-modal .modal-close::before, .career-modal .modal-close::after {
      height: 1px; }
  .career-form {
    margin-top: 36px;
    max-width: 416px;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto; }
    .career-form .input-block {
      margin-bottom: 12px; }
      .career-form .input-block input {
        height: 46px;
        width: 100%;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        border: 1px solid #D7D7D7;
        border-radius: 12px;
        padding: 12px 16px; }
    .career-form__check {
      display: flex;
      align-items: center;
      margin-top: 6px;
      cursor: pointer; }
      .career-form__check p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        margin-left: 10px; }
        .career-form__check p a {
          font-weight: 600; }
          @media (min-width: 1199px) {
            .career-form__check p a:hover {
              text-decoration: underline; } }
      .career-form__check .check-ico {
        height: 16px;
        width: 16px;
        border: 1px solid #D7D7D7;
        border-radius: 3px;
        background: #fff;
        position: relative;
        transition: 0.2s; }
        .career-form__check .check-ico::before {
          content: "✓";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #fff; }
      .career-form__check input:checked + .check-ico {
        background: #FF1400; }
    .career-form__file {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px; }
      .career-form__file button {
        color: red;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-left: 5px; }
    .career-form__btns {
      margin-top: 40px;
      width: 100%;
      position: relative; }
      .career-form__btns #fileNameSpan {
        white-space: nowrap;
        overflow: hidden;
        width: calc(100% - 29px);
        font-size: 14px;
        text-overflow: ellipsis; }
    .career-form .btn {
      height: 58px;
      width: 100%;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
    .career-form__btn {
      margin-top: 10px;
      border-radius: 46px;
      height: 58px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #1A1A1A;
      background: #1A1A1A;
      color: #fff;
      transition: 0.2s;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 22px; }
      @media (min-width: 1199px) {
        .career-form__btn:hover {
          color: #1A1A1A;
          background: #fff; } }
      .career-form__btn:disabled {
        opacity: 0.7;
        cursor: not-allowed; }
  @media (max-width: 1199px) {
    .career {
      padding-top: 0px;
      padding-bottom: 58px; }
      .career__subtitle {
        font-size: 16px;
        line-height: 22px; }
      .career__colortitle {
        margin-top: 60px; }
      .career__list {
        margin-top: 34px; } }
  @media (max-width: 767px) {
    .career {
      padding-top: 0px; }
      .career__title {
        letter-spacing: 0; }
      .career__subtitle {
        font-size: 14px;
        line-height: 20px;
        margin-top: 14px; }
      .career__colortitle {
        font-size: 22px;
        line-height: 27px;
        letter-spacing: 0; }
      .career-item {
        border-radius: 12px;
        margin-bottom: 12px; }
        .career-item__head {
          padding: 18px 19px 17px 18px; }
          .career-item__head .t20sb {
            font-size: 17px;
            line-height: 21px; }
          .career-item__head span {
            width: 18px; }
            .career-item__head span::before {
              height: 18px;
              top: -8px;
              left: 8px; }
        .career-item__body {
          padding: 0 20px 30px; }
          .career-item__body .block {
            padding-top: 25px;
            display: block; }
            .career-item__body .block__left, .career-item__body .block__right {
              width: 100%;
              max-width: initial; }
            .career-item__body .block .t18m {
              font-size: 16px;
              line-height: 20px; }
            .career-item__body .block__right {
              margin-top: 20px;
              margin-right: 0;
              padding-left: 15px; }
            .career-item__body .block .t16r {
              margin-bottom: 12px;
              font-size: 14px;
              line-height: 18px; }
        .career-item .btn {
          height: 48px;
          font-size: 16px;
          line-height: 20px;
          width: 100%;
          max-width: 550px;
          transform: initial; }
      .career-modal .sm-modal-contant {
        padding: 28px 20px 32px; }
      .career-modal .sm-modal-wrap {
        padding-left: 20px;
        padding-right: 20px; }
      .career-modal .modal-title {
        margin-left: auto;
        margin-right: auto;
        font-size: 22px;
        line-height: 27px; }
      .career-modal .modal-close {
        top: 14px;
        right: 18px; }
      .career-form {
        margin-top: 32px; }
        .career-form__btns {
          margin-top: 32px; }
        .career-form__btn,
        .career-form .btn {
          height: 48px;
          font-size: 16px;
          line-height: 20px; }
        .career-form__check {
          align-items: initial; }
          .career-form__check .check-ico {
            min-width: 16px; } }
  @media (max-width: 440px) {
    .career__subtitle {
      max-width: 258px; } }

.faq {
  padding-top: 94px;
  padding-bottom: 37px; }
  .faq .terms__title {
    max-width: 676px;
    margin-left: auto;
    margin-right: auto; }
  .faq__subtitle {
    margin-top: 31px; }
  .faq .career-item__body {
    padding-bottom: 5px; }
    .faq .career-item__body .block {
      display: block;
      margin-bottom: 25px; }
      .faq .career-item__body .block:not(:first-child) {
        border-top: none;
        padding-top: 0; }
      .faq .career-item__body .block a {
        text-decoration: underline; }
        .faq .career-item__body .block a:hover {
          text-decoration: none; }
  .faq .select {
    display: none;
    position: relative;
    width: 100%;
    max-width: 320px;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px; }
    .faq .select-head {
      width: 100%;
      height: 48px;
    border: 1px solid rgba(255, 31, 167, 0.4);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      cursor: pointer; }
      .faq .select-head > svg {
        position: absolute;
        top: 20px;
        right: 20px;
        transition: 0.2s; }
      .faq .select-head__el {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 20px; }
        .faq .select-head__el svg,
        .faq .select-head__el img {
          margin-right: 5px;
          max-width: 24px;
          object-fit: cover; }
          .faq .select-head__el svg path,
          .faq .select-head__el img path {
            stroke: #ff1fa7; }
    .faq .select-body {
      position: absolute;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      padding: 20px;
      width: 100%;
      border-radius: 12px;
      background: #FFFFFF;
      z-index: 1;
      visibility: hidden;
      opacity: 0;
      transition: 0.2s; }
      .faq .select-body a {
        display: flex;
        margin-bottom: 15px; }
        .faq .select-body a svg,
        .faq .select-body a img {
          margin-right: 5px;
          object-fit: cover;
          max-width: 24px; }
        .faq .select-body a:last-child {
          margin-bottom: 0; }
        .faq .select-body a span {
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          line-height: 20px;
          color: #1A1A1A;
          height: 20px; }
    .faq .select.openSel .select-body {
      visibility: visible;
      opacity: 1; }
    .faq .select.openSel .select-head > svg {
      transform: rotate(180deg); }
  .faq__search {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    line-height: 0;
    max-width: 618px;
    margin-top: 49px; }
    .faq__search svg {
      left: 23px;
      top: 19px;
      position: absolute; }
    .faq__search input {
      background: #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.22);
      border-radius: 73px;
      height: 61px;
      width: 100%;
      padding: 18px 168px 19px 56px;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 22px; }
    .faq__search .btn {
      top: 5px;
      right: 6px;
      position: absolute;
      height: 50px;
      width: 157px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      font-size: 20px;
      line-height: 24px; }
      .faq__search .btn svg {
        display: none; }
  .faq__wrap {
    display: flex;
    margin-top: 85px;
    justify-content: space-between; }
  .faq__nav {
    min-width: 220px;
    padding-top: 25px;
    padding-left: 3px; }
    .faq__nav a {
      display: flex;
      margin-bottom: 24px; }
      .faq__nav a svg,
      .faq__nav a img {
        margin-right: 5px;
        object-fit: cover;
        max-width: 24px; }
      .faq__nav a span {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #1A1A1A;
        height: 20px; }
      .faq__nav a.current svg path {
        stroke: #AA002D; }
      .faq__nav a.current span {
        background: linear-gradient(89.01deg, #FF1400 4.35%, #AA002D 99.26%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        border-bottom: 1px solid #AA002D; }
      @media (min-width: 1199px) {
        .faq__nav a:hover span {
          border-bottom: 1px solid #AA002D; } }
  .faq__list {
    max-width: 944px;
    width: 100%; }
  .faq__tab-search .career-item {
    display: none; }
    .faq__tab-search .career-item.find {
      display: block; }
  .faq__not-found {
    margin-top: 20px;
    font-size: 30px;
    line-height: 42px; }
  .faq .career-item__head {
    padding: 23px 24px 23px 33px; }
    .faq .career-item__head span {
      width: 18px; }
      .faq .career-item__head span::before {
        height: 18px;
        top: -8px;
        left: 8px; }
  .faq .career-item .t18m {
    width: calc(100% - 25px); }
  .faq__dontfind {
    border-radius: 40px;
    overflow: hidden;
    width: 100%;
    height: 391px;
    background-image: url(../img/faqback.png);
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 95px;
    transition: 5s;
    animation-timing-function: ease-out;
    border: 1px solid #DEDEDE; }
    .faq__dontfind.anim {
      background-size: 110% 110%;
      background-position: 40% 60%; }
    .faq__dontfind-title {
      font-family: "Druk Wide Cyr", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 44px;
      line-height: 53px;
      text-align: center;
      letter-spacing: 0.04em;
      color: #000000;
      margin-bottom: 24px;
      max-width: 651px; }
    .faq__dontfind .t20r {
      max-width: 550px;
      text-align: center;
      line-height: 152.9%; }
    .faq__dontfind a {
      text-decoration: underline; }
      .faq__dontfind a:hover {
        text-decoration: none; }
  @media (max-width: 1199px) {
    .faq {
      padding-top: 60px; }
      .faq__subtitle {
        margin-top: 25px; }
      .faq__search {
        margin-top: 35px; }
      .faq__wrap {
        margin-top: 60px; }
      .faq__nav {
        min-width: 200px; }
      .faq__dontfind {
        height: 360px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px; }
        .faq__dontfind-title {
          font-size: 38px;
          line-height: 46px;
          margin-bottom: 16px; } }
  @media (max-width: 991px) {
    .faq__dontfind {
      height: 310px;
      padding-top: 80px;
      margin-top: 70px; }
      .faq__dontfind-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 20px;
        letter-spacing: 0; }
    .faq .terms__title {
      letter-spacing: 0; }
    .faq__wrap {
      margin-top: 12px; }
    .faq__nav {
      display: none; }
    .faq .select {
      display: block; }
    .faq__not-found {
      font-size: 24px;
      line-height: 30px;
      margin-top: 25px; } }
  .faq .noclick {
    cursor: not-allowed;
    opacity: 0.5; }
  @media (max-width: 575px) {
    .faq {
      padding-top: 27px;
      padding-bottom: 24px; }
      .faq .select {
        max-width: initial; }
      .faq__subtitle {
        margin-top: 15px; }
      .faq__search {
        margin-top: 40px; }
        .faq__search > svg {
          width: 14px;
          height: 14px;
          left: 20px;
          top: 17px; }
        .faq__search .btn {
          width: 38px;
          height: 38px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          min-width: initial; }
          .faq__search .btn__inner {
            display: none; }
          .faq__search .btn svg {
            display: block;
            position: relative;
            z-index: 1;
            left: auto;
            top: auto;
            bottom: auto;
            right: auto; }
        .faq__search input {
          height: 48px;
          font-size: 14px;
          line-height: 20px;
          padding: 5px 45px 6px 39px; }
      .faq .career-item__head {
        padding: 15px 20px 15px 16px; }
        .faq .career-item__head .t18m {
          font-size: 16px;
          line-height: 20px; }
      .faq__dontfind {
        margin-top: 58px;
        border-radius: 20px;
        height: auto;
        padding-top: 36px;
        padding-bottom: 40px; }
        .faq__dontfind-title {
          font-size: 22px;
          line-height: 27px; }
        .faq__dontfind .t20r {
          font-size: 16px;
          line-height: 20px; } }

.blog {
  padding-top: 44px;
  padding-bottom: 98px; }
  .blog-big {
    display: flex; }
    .blog-big__img {
      width: 55%;
      max-width: 660px;
      max-height: 370px;
      margin-right: 111px;
      overflow: hidden;
      border-radius: 20px; }
      .blog-big__img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .blog-big__date {
      margin-bottom: 32px;
      color: #979797; }
    .blog-big h3 {
      line-height: 44px;
      margin-bottom: 9px; }
    .blog-big .btn {
      margin-top: 40px;
      width: 271px;
      height: 58px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      font-size: 20px;
      line-height: 24px; }
    .blog-big__text {
      padding-top: 2px;
      width: 40%;
      max-width: 600px; }
  .blog__list {
    margin-top: 100px;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    justify-content: space-between; }
  .blog-item {
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 20px;
    max-width: 419px;
    margin-bottom: 32px;
    padding: 20px 20px 21px;
    transition: 0.2s; }
    .blog-item__img {
      width: 100%;
      height: 178px;
      margin-bottom: 24px;
      border-radius: 20px;
      overflow: hidden;
      position: relative; }
      .blog-item__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.4s; }
    .blog-item .t18r {
      font-weight: 600;
      margin-bottom: 8px; }
    .blog-item .t16r {
      width: 100%;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      min-height: 60px; }
    .blog-item__date {
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 15px;
      color: #000000;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 28px;
      padding: 5px 18px;
      border-radius: 36px;
      background: #FFFFFF;
      position: absolute;
      left: 20px;
      top: 14px; }
    @media (min-width: 1199px) {
      .blog-item:hover {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
        .blog-item:hover img {
          transform: scale(1.1); } }
  .blog__more {
    width: 271px;
    height: 58px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    border: 1px solid #000;
    border-radius: 46px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    transition: 0.2s;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px; }
    @media (min-width: 1199px) {
      .blog__more:hover {
        background: #fff;
        color: #000; } }
    .blog__more:disabled {
      opacity: 0.7;
      cursor: not-allowed; }
  @media (min-width: 992px) {
    .blog .mob {
      display: none; } }
  @media (max-width: 1199px) {
    .blog-big__img {
      margin-right: 40px; }
    .blog-item {
      margin-bottom: 24px; } }
  @media (max-width: 991px) {
    .blog .desc {
      display: none; }
    .blog-big {
      flex-direction: column-reverse;
      align-items: center; }
      .blog-big__img {
        margin-right: 0;
        position: relative;
        width: 100%;
        margin-top: 32px; }
        .blog-big__img .mob {
          position: absolute;
          top: 16px;
          left: 16px;
          background: #FFFFFF;
          border-radius: 35px;
          height: 28px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0 24px;
          font-size: 12px;
          line-height: 15px; }
      .blog-big__text {
        width: 100%;
        max-width: 660px;
        text-align: center; }
        .blog-big__text h3 {
          margin-bottom: 12px; }
      .blog-big .btn {
        width: 320px;
        height: 48px;
        font-size: 16px;
        line-height: 20px;
        margin-top: 26px;
        font-weight: 500; }
    .blog__list {
      margin-top: 70px;
      grid-template-columns: 49% 49%; }
    .blog__more {
      width: 320px;
      height: 48px;
      font-size: 16px;
      line-height: 20px;
      margin-top: 20px; } }
  @media (max-width: 767px) {
    .blog {
      padding-bottom: 70px;
      padding-top: 28px; }
      .blog-item {
        margin-bottom: 12px; }
      .blog-big__text {
        padding-top: 0; }
        .blog-big__text h3 {
          font-size: 22px;
          line-height: 27px;
          margin-bottom: 10px; }
        .blog-big__text .t20r {
          font-size: 14px;
          line-height: 20px; }
      .blog-big__img {
        border-radius: 20px; } }
  @media (max-width: 575px) {
    .blog__list {
      grid-template-columns: 100%; }
    .blog-item {
      max-width: initial;
      padding: 18px 19px 27px; }
      .blog-item__date {
        left: 18px;
        top: 17px; }
      .blog-item__img {
        max-height: 190px;
        height: 41.5vw;
        margin-bottom: 19px; }
      .blog-item .t18r {
        font-size: 18px;
        line-height: 22px; }
      .blog-item .t16r {
        font-size: 14px;
        line-height: 20px;
        min-height: initial; }
    .blog-big__img {
      height: 56vw; }
    .blog-big .btn {
      margin-top: 16px;
      width: 100%; }
    .blog__more {
      width: 100%; } }

.brands {
  padding-bottom: 8px;}
  .brands__head .t20r {
    max-width: 810px; }
  .brands__list,
  .brands_list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    max-width: calc(3 * 380px + 2 * 20px);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    justify-content: center;
    align-items: stretch;
  }
  .brands-item {
    padding: 30px clamp(24px, 4vw, 48px) 30px;
    position: relative;
    border-radius: 24px;
    background: linear-gradient(145deg, #101a3f 0%, #0d132b 60%, #091029 100%);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    box-shadow:
      0 20px 45px rgba(4, 8, 20, 0.65),
      0 8px 25px rgba(0, 0, 0, 0.35),
      inset 0 0 35px rgba(255, 0, 153, 0.08),
      inset 0 -2px 0 rgba(130, 16, 255, 0.1);
    border: 1.5px solid rgba(255, 255, 255, 0.08);
    width: 100%;
    max-width: min(1920px, calc(100vw - 60px));
    overflow: hidden;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    display: flex;
    flex-direction: column;
  }
  
  .brands-item:hover {
    transform: translateY(-6px) scale(1.005);
    background: linear-gradient(145deg, #141f4c 0%, #101738 45%, #0b1029 100%);
    box-shadow: 
      0 30px 70px rgba(5, 9, 21, 0.75),
      0 15px 35px rgba(0, 0, 0, 0.4),
      0 0 0 2px rgba(255, 111, 207, 0.3),
      inset 0 0 50px rgba(255, 0, 153, 0.18),
      0 0 90px rgba(146, 111, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.2);
  }
    
    .brands-item::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: 
        linear-gradient(120deg, rgba(255, 0, 153, 0.12) 0%, transparent 55%),
        linear-gradient(300deg, rgba(146, 111, 255, 0.12) 0%, transparent 60%),
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.08) 0%, transparent 65%);
      z-index: 1;
      border-radius: 32px;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.4s ease; }
    
    .brands-item:hover::before {
      opacity: 1; }
    /* Контейнер для контента (текст + изображение) */
    .brands-item__content {
      position: relative;
      z-index: 10;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: clamp(20px, 3vw, 40px);
      margin-bottom: 24px;
      pointer-events: auto;
      box-sizing: border-box;
      order: 2; /* После top, перед button */
    }
    
    .brands-item__text {
      position: relative;
      z-index: 10;
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: clamp(8px, 1.5vw, 16px);
      pointer-events: auto;
      box-sizing: border-box; }
      
    .brands-item > .brands-item__image-block {
      position: absolute;
      top: 50%;
      right: 40px;
      z-index: 2;
      transform: translateY(-50%);
      max-width: 380px;
      max-height: 480px;
      width: auto;
      height: auto;
      pointer-events: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      background: transparent;
      filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
      -webkit-filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 30px rgba(0, 0, 0, 0.4));
      display: none; }
      
    .brands-item .bandImg {
      position: relative;
      flex-shrink: 0;
      pointer-events: none;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 180px;
      height: auto;
    }
      .brands-item .bandImg img {
        width: auto !important;
        height: auto !important;
        max-width: 180px !important;
        max-height: 250px !important;
        display: block;
        object-fit: contain;
        filter: brightness(1.05) contrast(1.1) drop-shadow(0 8px 25px rgba(255, 31, 167, 0.25));
        -webkit-filter: brightness(1.05) contrast(1.1) drop-shadow(0 8px 25px rgba(255, 31, 167, 0.25));
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
      
      .brands-item:hover .bandImg img {
        filter: brightness(1.1) contrast(1.15) drop-shadow(0 12px 35px rgba(146, 111, 255, 0.35));
        -webkit-filter: brightness(1.1) contrast(1.15) drop-shadow(0 12px 35px rgba(146, 111, 255, 0.35));
        transform: scale(1.02); }
    .brands-item .bandBack {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      height: 100%;
      width: 0;
      opacity: 0;
      pointer-events: none;
      display: none; }
      .brands-item .bandBack svg {
        height: 100%;
        width: 0;
        opacity: 0;
        display: none; }
    .brands-item__top {
      display: flex;
      align-items: center;
      justify-content: center !important;
      width: 100%;
      gap: 0 !important;
      margin-bottom: 20px;
      position: relative;
      z-index: 10;
      order: 1; /* Первый элемент */
    }
    
    /* Обертка для кнопки - внизу по центру */
    .brands-item__button-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      margin-top: auto;
      position: relative;
      z-index: 10;
      order: 999; /* Всегда внизу */
    }
      .brands-item__top img {
        max-width: 80px;
        max-height: 80px;
        height: auto;
      }
      .brands-item__top a {
        flex: 1 1 auto;
        text-align: left;
        color: #f6ecff;
        font-family: "Cinzel", "Playfair Display", serif;
        font-weight: 600;
        font-size: 22px;
        letter-spacing: 0.5px;
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        position: relative;
        text-shadow: 0 6px 18px rgba(5, 4, 12, 0.8), 0 0 25px rgba(255, 0, 153, 0.2);
      }
        .brands-item__top a:hover {
          text-decoration: none;
          background: linear-gradient(135deg, #f91f8f 0%, #b041ff 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-clip: text;
          text-shadow: 0 3px 20px rgba(255, 0, 153, 0.5), 0 0 40px rgba(146, 111, 255, 0.4);
          transform: scale(1.05) translateX(6px);
          letter-spacing: 1.2px;
          filter: drop-shadow(0 2px 8px rgba(255, 0, 153, 0.35)); }
    .brands-item__tags {
      margin-top: 31px;
      display: flex;
      margin-bottom: 36px; }
      .brands-item__tags-item {
        margin-right: 13px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 40px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #f6e9ff;
        min-height: 36px;
        padding: 3px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        letter-spacing: 0.08em; }
        .brands-item__tags-item b {
          font-family: "Druk Wide Cyr", sans-serif;
          font-weight: 500; }
    .brands-item__row {
      margin-top: 0;
      color: #e4e7ff;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      background: transparent;
      padding: 0;
      border-radius: 0;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      box-shadow: none;
      border: none; }
      
    .brands-item__bonus-block {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: clamp(24px, 3vw, 32px);
      align-items: stretch;
      justify-content: flex-start;
      background: linear-gradient(135deg, rgba(6, 8, 20, 0.95) 0%, rgba(10, 12, 32, 0.85) 100%);
      padding: clamp(28px, 3vw, 40px);
      border-radius: 24px;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      box-shadow: 0 6px 24px rgba(2, 4, 12, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12); }
      
    .brands-item__bonus-content {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      gap: clamp(32px, 4vw, 56px);
      width: 100%;
      flex-wrap: nowrap; }
      
    .brands-item__bonus-text {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin: 0;
      padding: 0;
      width: 100%;
      flex: 1 1 55%;
      max-width: none; }
      
    .brands-item__bonus-block .brands-item__image-block {
      position: relative !important;
      width: 100%;
      max-width: none;
      height: auto;
      margin: 0;
      top: auto;
      right: auto;
      transform: none;
      pointer-events: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      background: transparent;
      filter: drop-shadow(0 6px 22px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 30px rgba(0, 0, 0, 0.35));
      -webkit-filter: drop-shadow(0 6px 22px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 30px rgba(0, 0, 0, 0.35));
      display: flex !important;
      align-items: center;
      justify-content: center;
      flex: 1 1 45%;
      min-width: clamp(320px, 35%, 600px); }
      
    .brands-item__bonus-block .brands-item__image-block .bandImg,
    .brands-item__bonus-block .brands-item__image-block .bandImg img {
      width: auto !important;
      height: auto !important;
      max-width: 250px !important;
      max-height: clamp(250px, 35vh, 400px) !important;
      object-fit: contain; }
      .brands-item__bonus-block .brands-item__row:first-child {
        margin-top: 0; }
        
      .brands-item__bonus-block .brands-item__row {
        margin-top: 0; }
        
      .brands-item__bonus-block .brands-item__row .t16r,
      .brands-item__bonus-block .brands-item__row .t17r,
      .brands-item__bonus-block .brands-item__row .t18r,
      .brands-item__bonus-block .brands-item__row .t19r {
        text-align: left;
      }
      .brands-item__bonus-block .brands-item__row .t16r {
        margin-top: 0;
        color: #ff57c6;
        font-size: 18px;
        font-weight: 700;
        font-family: "Playfair Display", serif;
        line-height: 1.3;
        box-sizing: border-box;
        text-align: center;
        width: 100%;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-shadow: 0 2px 12px rgba(255, 87, 198, 0.4), 0 0 20px rgba(255, 0, 153, 0.35);
        opacity: 1;
        }
	  .brands-item__bonus-block .brands-item__row .t17r {
        margin-top: 10px;
        font-size: 38px;
        font-weight: 900;
        font-family: "Playfair Display", serif;
        line-height: 1.2;
        box-sizing: border-box;
        text-align: center;
        width: 100%;
        letter-spacing: 2px;
        text-shadow: 0 4px 30px rgba(255, 193, 82, 0.6), 0 0 50px rgba(255, 225, 89, 0.6), 0 0 80px rgba(255, 193, 82, 0.4);
        opacity: 1;
        background: linear-gradient(135deg, #ffe159 0%, #ffb347 40%, #ffe159 80%);
        background-size: 200% 200%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        filter: drop-shadow(0 3px 12px rgba(255, 193, 82, 0.6));
        animation: bonusPulse 2.5s ease-in-out infinite, bonusShimmer 3s linear infinite;
        }
		
@keyframes bonusPulse {
  0%, 100% { 
    transform: scale(1);
    filter: drop-shadow(0 3px 12px rgba(212, 175, 55, 0.6)) brightness(1);
  }
  50% { 
    transform: scale(1.08);
    filter: drop-shadow(0 5px 20px rgba(255, 215, 0, 0.8)) brightness(1.2);
  }
}

@keyframes bonusShimmer {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
      .brands-item__bonus-block .brands-item__row .t18r {
        margin-top: 12px;
        color: #d5dbff;
        font-size: 16px;
        font-weight: 500;
        font-family: "Montserrat", sans-serif;
        line-height: 1.5;
        text-align: center;
        width: 100%;
        letter-spacing: 0.5px;
        opacity: 1;
        text-shadow: 0 0 18px rgba(148, 160, 217, 0.35);
        }
      .brands-item__bonus-block .brands-item__row .t19r {
        margin-top: 8px;
        color: #ff9bdd;
        font-size: 16px;
        font-weight: 600;
        font-family: "Montserrat", sans-serif;
        line-height: 1.5;
        text-align: center;
        width: 100%;
        letter-spacing: 0.5px;
        text-shadow: 0 2px 10px rgba(255, 0, 153, 0.4), 0 0 18px rgba(255, 111, 207, 0.35);
        opacity: 1;
        }
      .brands-item__row h6 {
        font-weight: 400;
        letter-spacing: 0.03em; }
    .brands-item .btn {
      margin-top: 0;
      border: none;
      height: 46px;
      width: 100%;
      max-width: 270px;
      flex-shrink: 0;
      align-self: center;
      background: transparent;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      border-radius: 0;
      box-shadow: none;
      border: none;
      overflow: hidden;
      position: relative; }
      
      .brands-item .btn::before {
        background: linear-gradient(135deg, #ff1fa7 0%, #d213ff 50%, #8210ff 100%);
        opacity: 1;
        border-radius: 8px; }
        
      .brands-item__bonus-block .btn {
        margin-top: 0;
        width: clamp(320px, 45%, 520px);
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(255, 31, 167, 0.45), 0 0 40px rgba(146, 111, 255, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
        border: 2px solid rgba(255, 31, 167, 0.45);
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        align-self: center;
      }
      .brands-item__bonus-block .btn .btn__inner {
        text-align: center;
        width: 100%;
      }
    .brands-item.item1 {
      background: linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%); }
    .brands-item.item2 {
      background: linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%); }
    .brands-item.item3 {
      background: linear-gradient(135deg, #ff6b35 0%, #ff8c00 100%); }
    .brands-item.item4 {
      background: linear-gradient(135deg, #1e3c72 0%, #3b6cb0 100%); }
    .brands-item.item5 {
      background: linear-gradient(135deg, #1e3c72 0%, #3b6cb0 100%); }
    .brands-item.item6 {
      background: linear-gradient(135deg, #2c1810 0%, #6b4423 100%); }
    .brands-item.item7 {
      background: linear-gradient(135deg, #ffd700 0%, #fff8dc 100%); }
    .brands-item.item8 {
      background: linear-gradient(135deg, #1a0000 0%, #8b0000 100%); }
    .brands-item.item9 {
      background: linear-gradient(135deg, #ffd700 0%, #fff8dc 100%); }
  @media (min-width: 768px) {
    .brands .mob {
      display: none; } }
  @media (max-width: 1366px) {
    .brands-item__image-block {
      max-width: 280px;
      max-height: 350px;
      right: 30px; } }
  @media (max-width: 1199px) {
    .brands-item {
      padding: 25px 40px 50px;
      max-width: 100%; }
      .brands-item__text {
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
      }
      .brands-item__row {
        align-items: center;
        text-align: center;
      }
      .brands-item__row .t16r,
      .brands-item__row .t17r,
      .brands-item__row .t18r,
      .brands-item__row .t19r {
        text-align: center;
      }
      .brands-item__bonus-block .brands-item__image-block {
        width: 280px;
        max-width: 280px;
        max-height: 300px; }
        .brands-item__bonus-block .brands-item__image-block .bandImg img {
          max-height: 300px; } }
  @media (max-width: 991px) {
    .brands-item {
        padding: 20px 24px 24px; }
      .brands-item__content {
        flex-direction: column;
        align-items: center;
        gap: 20px;
      }
      .brands-item__text {
        width: 100%;
        text-align: center;
      }
      .brands-item .bandImg {
        width: 150px;
      }
      .brands-item .bandImg img {
        max-width: 150px !important;
      }
      .brands-item__top img {
        max-height: 80px;
        max-width: 80px;
        margin-right: 12px; }
      .brands-item__row {
        margin-top: 10px; }
        .brands-item__row .t16r {
          font-size: 25px; }
      .brands-item .btn {
        height: 42px;
        margin-top: 0; }
      .brands-item__tags {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px; }
        .brands-item__tags-item {
          font-size: 12px;
          line-height: 15px;
          height: 32px;
          min-height: initial;
          margin-right: 0;
          margin-bottom: 12px;
          max-width: 270px;
          text-align: center; }
      .brands-item__text {
        max-width: 100%;
        min-width: 100%;
      }
      .brands-item__bonus-block .brands-item__image-block {
        width: 250px;
        max-width: 250px;
        max-height: 280px; }
      .brands-item__bonus-block .brands-item__image-block .bandImg img {
        max-height: 280px; } }
  @media (max-width: 767px) {
    .brands {
      padding-bottom: 10px; }
      .brands-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 18px 20px 20px;
        margin-bottom: 16px; }
        /* Порядок элементов: top -> content -> button */
        .brands-item__top {
          order: 1;
          position: relative;
          top: auto;
          right: auto;
          left: auto;
          width: 100%;
          margin: 0 0 16px;
          padding: 0;
          align-items: center;
          justify-content: flex-start;
          gap: 12px;
          flex-wrap: nowrap; }
          .brands-item__top img {
            max-width: 80px;
            max-height: 80px;
            margin-right: 8px;
            flex-shrink: 0; }
        .brands-item__content {
          order: 2;
          flex-direction: column;
          align-items: center;
          gap: 16px;
          margin-bottom: 16px;
        }
        .brands-item__text {
          order: 1;
          width: 100%;
          text-align: center;
        }
        .brands-item .bandImg {
          order: 2;
          width: 140px;
        }
        .brands-item .bandImg img {
          max-width: 140px !important;
        }
        .brands-item__button-wrapper {
          order: 3;
          margin-top: 0;
        }
          .brands-item__top a {
            font-size: 16px;
            line-height: 1.2;
            color: #f6ecff;
            text-align: left;
            display: inline-flex;
            font-family: "Playfair Display", serif;
            align-items: center;
            text-shadow: 0 4px 14px rgba(5, 4, 12, 0.8), 0 0 18px rgba(255, 0, 153, 0.2); }
        .brands-item__tags {
          margin-bottom: 33px; }
          .brands-item__tags-item {
            margin-left: auto;
            margin-right: auto; }
        .brands-item__image-block {
          position: relative;
          top: auto;
          right: auto;
          transform: initial;
          width: 100%;
          max-width: 240px;
          margin: 0 auto 20px;
          display: flex;
          justify-content: center; }
          .brands-item__image-block .bandImg {
            width: 100%;
            max-width: 100%;
            height: auto;
          }
          .brands-item__image-block .bandImg img {
            width: 100%;
            max-width: 100%;
            height: auto;
            object-fit: contain; }
        .brands-item .bandImg {
          max-width: none; }
        .brands-item__text {
          max-width: initial; }
        .brands-item .btn {
          margin-left: auto;
          margin-right: auto;
          display: flex;
          width: 100%; } }
  @media (max-width: 575px) {
    .brands-item__top a {
      margin-top: 0; }
    .brands-item__tags-item {
      max-width: initial;
      width: 100%; } }
  @media (max-width: 470px) {
    .brands-item {
      padding: 16px 14px 18px; }
    .brands-item__bonus-content {
      gap: 6px;
    }
    .brands-item__bonus-text {
      gap: 4px;
    }
    .brands-item__bonus-text .t16r {
      font-size: 13px;
      line-height: 1.1;
      margin: 0;
    }
    .brands-item__bonus-text .t17r {
      font-size: 16px;
      line-height: 1.15;
      margin: 0;
    }
    .brands-item__bonus-text .t18r,
    .brands-item__bonus-text .t19r {
      font-size: 10px;
      line-height: 1.25;
      margin: 0;
    }
    .brands-item__image-block {
      max-width: 250px;
      margin-bottom: 8px; }
    .brands-item__image-block .bandImg img {
      max-width: 240px;
      height: auto;
    }
    .brands-item__top {
      gap: 12px; }
      .brands-item__top img {
        max-width: 80px;
        max-height: 80px;
      }
      .brands-item__top a {
        font-size: 14px;
        color: #f6ecff;
      }
  }


.article {
  padding-top: 93px;
  padding-bottom: 69px; }
  .article__title {
    max-width: 683px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 20px;
    line-height: 44px; }
  .article__subtitle {
    max-width: 762px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 62px;
    line-height: 180%;
    color: #979797; }
  .article__text {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    width: 100%;
    padding-bottom: 50px; }
    .article__text > img {
      margin-top: 31px;
      border-radius: 20px;
      max-width: 100%; }
  .article .swiper {
    width: 100%;
    height: 100%;
    border-radius: 20px; }
    .article .swiper__wp {
      position: relative;
      height: 403px;
      margin-bottom: 62px; }
    .article .swiper__el {
      width: 100%;
      height: 100%;
      border-radius: 20px;
      overflow: hidden; }
      .article .swiper__el img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .article .swiper__nav {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% + 129px);
      display: flex;
      justify-content: space-between; }
      .article .swiper__nav button {
        background: transparent;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        outline: none;
        transition: 0.2s; }
        @media (min-width: 1199px) {
          .article .swiper__nav button:hover {
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } }
        .article .swiper__nav button.next svg {
          transform: rotate(180deg); }
		.brands-item__text {
        max-width: 320px; }
    .article .swiper__pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px; }
      .article .swiper__pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 6px;
        background: #E8E8E8;
        opacity: 1; }
        .article .swiper__pagination .swiper-pagination-bullet-active {
          background: #1A1A1A; }
  .article p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #1A1A1A;
    margin-top: 32px; }
  .article blockquote {
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    padding-left: 24px;
    border-left: 2px solid #979797;
    margin-top: 32px; }
    .article blockquote b {
      font-weight: 600; }
    .article blockquote p {
      font-style: inherit;
      font-size: inherit;
      line-height: inherit; }
      .article blockquote p:first-child {
        margin-top: 0; }
    .article blockquote img {
      width: 100%;
      border-radius: 20px;
      margin-top: 32px; }
  .article h5 {
    margin-top: 48px;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 32px; }
    .article h5 + p {
      margin-top: 18px; }
  .article__recomend {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1188px; }
    .article__recomend-links {
      display: flex;
      justify-content: space-between; }
    .article__recomend .blog-item {
      max-width: 576px;
      width: 49%;
      display: flex;
      flex-direction: column; }
      .article__recomend .blog-item__img {
        margin-bottom: 21px; }
      .article__recomend .blog-item .t18r {
        margin-bottom: 0;
        font-weight: 400;
        margin-top: 6px;
        }
    .article__recomend .follow-link {
      background: linear-gradient(180deg, #FF1400 0%, #AA002D 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      margin-top: auto;
      margin-bottom: 7px; }
  .article h2 {
    margin-bottom: 47px; }
  @media (max-width: 991px) {
    .article .swiper__nav {
      z-index: 1;
      width: calc(100% - 24px); }
      .article .swiper__nav button {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #fff;
        position: relative; }
        .article .swiper__nav button svg {
          width: 6px;
          height: 12px;
          display: none; }
        .article .swiper__nav button::before {
          content: "";
          width: 8px;
          height: 8px;
          position: relative;
          z-index: 2; }
        .article .swiper__nav button.next::before {
          transform: rotate(45deg) translate(-1px, 1px);
          border-right: 1px solid #1A1A1A;
          border-top: 1px solid #1A1A1A; }
        .article .swiper__nav button.prev::before {
          transform: rotate(45deg) translate(1px, -1px);
          border-left: 1px solid #1A1A1A;
          border-bottom: 1px solid #1A1A1A; } }
  @media (max-width: 767px) {
    .article {
      padding-top: 28px;
      padding-bottom: 57px; }
      .article__title {
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 14px; }
      .article__subtitle {
        font-size: 14px;
        line-height: 20px;
        width: 86%;
        margin-left: auto;
        margin-right: auto;
        min-width: 275px;
        margin-bottom: 40px; }
      .article .swiper__wp {
        height: 56vw;
        margin-bottom: 49px; }
      .article p {
        font-size: 14px;
        line-height: 179%;
        margin-top: 24px; }
      .article blockquote {
        padding-left: 12px;
        font-size: 14px;
        line-height: 180%; }
        .article blockquote p {
          margin-top: 21px; }
      .article__text {
        padding-bottom: 9px; }
        .article__text > img {
          margin-top: 27px; }
      .article h5 {
        font-size: 20px;
        line-height: 28px;
        text-transform: initial;
        margin-top: 31px; }
        .article h5 + p {
          margin-top: 12px; }
      .article__recomend-links {
        flex-direction: column;
        align-items: center; }
      .article__recomend .t20sb {
        font-size: 18px;
        line-height: 22px; }
      .article__recomend .follow-link {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 0px;
        margin-left: 2px; }
      .article__recomend .blog-item {
        width: 100%;
        max-width: initial;
        padding-bottom: 22px; }
        .article__recomend .blog-item .t18r {
          font-size: 14px;
          line-height: 20px;
          margin-top: 18px; }
      .article__recomend h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 38px; } }
  @media (max-width: 575px) {
    .article__recomend h2 {
      max-width: 275px; } }

.contacts {
  padding-top: 62px;
  padding-bottom: 70px; }
  .contacts__title {
    text-align: center;
    letter-spacing: 0.04em; }
  .contacts__wp {
    max-width: 1130px;
    margin-left: auto;
    margin-right: auto; }
  .contacts__form {
    margin-top: 58px; }
    .contacts__form-wp {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
    .contacts__form .input-block {
      line-height: 0;
      width: 100%; }
      .contacts__form .input-block input {
        height: 50px; }
      .contacts__form .input-block input,
      .contacts__form .input-block textarea {
        padding: 13px 18px;
        width: 100%;
        border: 1px solid #D7D7D7;
        border-radius: 10px;
        background-color: #fff; }
        .contacts__form .input-block input::placeholder,
        .contacts__form .input-block textarea::placeholder {
          opacity: 1;
          color: #979797; }
      .contacts__form .input-block textarea {
        height: 110px;
        max-height: 150px; }
      .contacts__form .input-block_sm {
        max-width: 564px;
        margin-bottom: 16px;
        width: 49%; }
    .contacts__form-btn {
      margin-top: 24px;
      width: 294px;
      margin-left: auto;
      height: 56px;
      border-radius: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background: #1A1A1A;
      border: 1px solid #1A1A1A;
      font-size: 18px;
      line-height: 22px;
      font-weight: 500;
      transition: 0.25s;
      position: relative; }
      .contacts__form-btn::before {
        content: attr(data-send);
        position: absolute;
        bottom: -27px;
        left: 50%;
        transform: translateX(-50%);
        color: green;
        font-size: 14px;
        width: 100%; }
      @media (min-width: 1199px) {
        .contacts__form-btn:hover {
          color: #1A1A1A;
          background: #fff; } }
      .contacts__form-btn:disabled {
        opacity: 0.7;
        cursor: not-allowed; }
  .contacts__map {
    background: #D7D7D7;
    width: 100%;
    border: 1px solid #F2F2F2;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 80px;
    height: 385px; }
    .contacts__map iframe {
      width: 100%;
      height: 100%; }
  .contacts__mails {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .contacts__mails-item {
      background: #FFFFFF;
      border: 1px solid #D7D7D7;
      border-radius: 10px;
      padding: 23px 24px;
      width: 49%;
      max-width: 549px;
      margin-bottom: 30px; }
      .contacts__mails-item br {
        display: none; }
    .contacts__mails .t18m {
      font-weight: 600; }
    .contacts__mails .t16r {
      margin-top: 8px;
      display: flex;
      align-items: center; }
      .contacts__mails .t16r a {
        padding-left: 24px;
        position: relative;
        margin-left: 12px;
        transition: 0.2s; }
        .contacts__mails .t16r a::before {
          content: "";
          position: absolute;
          left: 1px;
          top: 10px;
          width: 18px;
          height: 2px;
          background: linear-gradient(180deg, #FF1400 0%, #AA002D 100%); }
        .contacts__mails .t16r a:first-child {
          margin-left: 0; }
        @media (min-width: 991px) {
          .contacts__mails .t16r a:hover {
            opacity: 0.7; } }
  @media (max-width: 1199px) {
    .contacts {
      padding-top: 40px;
      padding-bottom: 60px; }
      .contacts__title {
        letter-spacing: 0;
        font-size: 40px;
        line-height: 50px; }
      .contacts__form {
        margin-top: 39px; }
      .contacts__map {
        margin-top: 58px;
        height: 335px; } }
  @media (max-width: 767px) {
    .contacts {
      padding-top: 27px; }
      .contacts__title {
        font-size: 28px;
        line-height: 34px; }
      .contacts__form .input-block_sm {
        width: 100%;
        max-width: initial;
        margin-bottom: 8px; }
      .contacts__form .input-block input {
        height: 46px;
        border-radius: 12px;
        font-size: 14px; }
      .contacts__form .input-block textarea {
        border-radius: 12px;
        height: 146px;
        font-size: 14px; }
      .contacts__form-btn {
        height: 48px;
        font-size: 16px;
        line-height: 20px;
        margin-top: 20px;
        width: 100%;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto; }
      .contacts__map {
        height: 285px;
        border-radius: 12px; }
        .contacts__map iframe {
          border-radius: 12px;
          overflow: hidden; }
      .contacts__mails {
        margin-top: 20px; }
        .contacts__mails-item {
          width: 100%;
          max-width: initial;
          padding: 16px 19px 18px;
          margin-bottom: 9px; }
          .contacts__mails-item br {
            display: initial; }
          .contacts__mails-item .t18m {
            font-size: 16px;
            line-height: 20px; }
          .contacts__mails-item .t16r {
            margin-top: 4px;
            display: block; }
            .contacts__mails-item .t16r span {
              padding-left: 18px;
              margin-left: 0;
              display: block;
              margin-top: 6px; }
              .contacts__mails-item .t16r span:first-child {
                margin-top: 0; }
              .contacts__mails-item .t16r span::before {
                left: 0;
                width: 15px; } }
  @media (max-width: 575px) {
    .contacts__form-btn {
      max-width: initial;
      border-radius: 46px; } }

.page404 {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden; }
  .page404 .header {
    position: relative;
    z-index: 3; }
  .page404__back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url(../img/page404.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 3s; }
    .page404__back.anim {
      opacity: 0.7;
      transform: scale(1.04); }
  .page404__wp {
    height: calc(100vh - 99px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 99px;
    position: relative;
    z-index: 2; }
  .page404__title {
    line-height: 44px;
    margin-bottom: 11px; }
  .page404__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px; }
  .page404__404 {
    font-style: normal;
    font-weight: 500;
    font-size: 166px;
    line-height: 202px;
    font-family: "Druk Wide Cyr", sans-serif;
    margin-top: 35px; }
  .page404__btn {
    height: 64px;
    width: 331px;
    margin-top: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    border-color: rgba(255, 31, 167, 0.6); }
  @media (max-width: 991px) {
    .page404__subtitle {
      font-size: 14px;
      line-height: 20px;
      margin-top: 18px; }
    .page404__404 {
      font-size: 120px;
      line-height: 140px; }
    .page404__btn {
      margin-top: 43px; } }
  @media (max-width: 767px) {
    .page404__title {
      font-size: 22px;
      line-height: 27px; }
    .page404__404 {
      font-size: 103px;
      line-height: 125px;
      margin-top: 31px; } }
  @media (max-width: 359px) {
    .page404__wp {
      height: calc(100vh - 62px); }
    .page404__subtitle {
      font-size: 13px;
      line-height: 18px; }
    .page404__404 {
      font-size: 98px;
      line-height: 116px; }
    .page404__btn {
      width: 300px;
      height: 58px;
      margin-top: 35px; } }

.footer__wp {
  background: rgba(7, 9, 21, 0.85);
  padding: 40px 66px;
  margin-bottom: 42px;
  border-radius: 40px;
  position: relative;
  box-shadow: 0 25px 70px rgba(3, 5, 18, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: #e4e7ff; }
  .footer__wp h3 {
    letter-spacing: 0.04em;
    max-width: 1110px; }

.footer__form {
  margin-top: 39px;
  max-width: 545px; }
  .footer__form .input-block {
    position: relative; }
  .footer__form input {
    width: 545px;
    height: 58px;
    padding: 18px 170px 18px 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 74px;
  color: #e4e7ff; }
  .footer__form input::placeholder {
    color: #94a0d9; }
  .footer__form button {
    width: 161px;
    height: 46px;
    position: absolute;
    top: 6px;
    right: 8px; }
    .footer__form button svg {
      display: none; }

.footer__links {
  columns: 3;
  column-gap: 71px; }
  .footer__links a {
    margin-bottom: 16px;
    display: block;
    transition: 0.2s; }
    @media (min-width: 1199px) {
      .footer__links a:hover {
        opacity: 0.7; } }

.footer__social {
  display: flex;
  justify-content: flex-end; }
  .footer__social a {
    line-height: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 8px;
  transition: 0.2s;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f6ecff; }
    @media (min-width: 1199px) {
      .footer__social a:hover {
        transform: scale(1.1); } }

.footer__mid {
  margin-top: 32px;
  margin-bottom: 66px;
  display: flex;
  justify-content: space-between; }

.footer__lang {
  margin-left: 0; }

.footer__bottom {
  margin-top: 32px;
  display: flex;
  align-items: center;
  color: #94a0d9; }
  .footer__bottom .t16r {
    margin-right: 87px; }
  .footer__bottom a {
    transition: 0.2s; }
    @media (min-width: 1199px) {
      .footer__bottom a:hover {
        opacity: 0.7; } }

@media (max-width: 1367px) {
  .footer__wp {
    padding: 35px 55px; }
    .footer__wp h3 {
      letter-spacing: 0; }
  .footer__form {
    right: 55px;
    top: 40px; }
    .footer__form input {
      height: 52px; }
    .footer__form button {
      height: 42px;
      top: 5px; }
  .footer__mid {
    margin-top: 60px;
    margin-bottom: 60px; } }

@media (max-width: 1199px) {
  .footer__form {
    position: initial;
    max-width: 545px;
    margin-top: 32px; }
  .footer__mid {
    margin-top: 50px;
    margin-bottom: 50px; }
  .footer__social {
    margin-top: 0; }
  .footer__bottom {
    justify-content: space-between; }
    .footer__bottom .t16r {
      margin-right: 0; } }

@media (max-width: 991px) {
  .footer__mid {
    flex-direction: column-reverse;
    margin-top: 12px;
    margin-bottom: 32px; }
  .footer__social {
    justify-content: flex-start;
    margin-bottom: 40px; }
    .footer__social a {
      margin-right: 8px;
      margin-left: 0; }
  .footer__bottom {
    flex-wrap: wrap; }
    .footer__bottom a {
      width: 50%; }
    .footer__bottom div {
      order: 1;
      margin-top: 12px; } }

@media (max-width: 767px) {
  .footer__wp {
    padding: 24px 26px; }
  .footer__form {
    width: 100%; }
    .footer__form input {
      width: 100%;
      height: 48px;
      font-size: 14px;
      line-height: 20px;
      padding: 14px 48px 14px 18px; }
    .footer__form button {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      min-width: initial;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      right: 5px; }
      .footer__form button .btn__inner {
        display: none; }
      .footer__form button svg {
        display: block;
        line-height: 0;
        position: relative; } }

@media (max-width: 575px) {
  .footer__wp {
    border-radius: 20px;
    margin-bottom: 20px; }
  .footer__social a {
    width: 36px;
    height: 36px; }
    .footer__social a img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .footer__links {
    columns: 2;
    column-gap: 26px;
    max-height: 121px; }
    .footer__links a {
      font-size: 14px;
      line-height: 17px;
      margin-bottom: 13px; }
  .footer__mid {
    margin-bottom: 19px; }
  .footer__bottom {
    margin-top: 20px; }
    .footer__bottom .t16r {
      font-size: 12px;
      line-height: 20px;
      margin-right: 5px; }
    .footer__bottom a {
      width: auto; } }
.text18 {
	padding: 30px;
	color: #4a4a4a;
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 0.3px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 16px;
	margin: 20px 0;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.brands-item__image-block {
  max-width: 280px;
  margin: 0; }
.brands-item__image-block .bandImg img {
  max-width: 250px;
  height: auto;
}