/**
 * Theme Name:  Favorit
 * Author:      Axolotl
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

 

 * {
    padding: 0px;
    margin: 0px;
    border: none;
  }
  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  /* Links */
  a, a:link, a:visited {
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: none;
  }
  
  /* Common */
  aside, nav, footer, header, section, main {
    display: block;
  }
  
  h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
    font-weight: inherit;
  }
  
  ul, ul li {
    list-style: none;
    color: white;
  }
  
  img {
    vertical-align: top;
  }
  
  img, svg {
    max-width: 100%;
    height: auto;
  }
  
  address {
    font-style: normal;
  }
  
  /* Form */
  input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
  }
  
  input::-ms-clear {
    display: none;
  }
  
  button, input[type=submit] {
    display: inline-block;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
  }
  
  input:focus, input:active,
  button:focus, button:active {
    outline: none;
  }
  
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  
  label {
    cursor: pointer;
  }
  
  legend {
    display: block;
  }
  
  input[type=file] {
    max-width: 100%;
  }
  
  @font-face {
    font-family: "TT Firs Neue";
    src: url("assets/fonts/TT_Firs_Neue_Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  body {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #F3F3F3;
    background-color: #17181D;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: optimizeLegibility;
  }
  
  .container {
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
    padding: 64px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  @media (max-width: 394px) {
    .container {
      padding: 64px 24px;
    }
  }
  
  .title {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 24px;
    text-transform: uppercase;
  }
  @media (max-width: 769px) {
    .title {
      font-size: 28px;
    }
  }
  @media (max-width: 394px) {
    .title {
      font-size: 24px;
    }
  }
  
  .subtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    margin-bottom: 16px;
    text-transform: uppercase;
  }
  @media (max-width: 769px) {
    .subtitle {
      font-size: 18px;
      margin-bottom: 12px;
    }
  }
  
  a {
    color: #F3F3F3;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  
  ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  p {
    margin: 0 0 16px;
    line-height: 1.33;
    color: #F3F3F3;
  }
  @media (max-width: 394px) {
    p {
      font-size: 15px;
    }
  }
  
  .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  /* ===== HEADER STYLES ===== */
  .header {
    position: relative;
    background-color: #17181D;
    z-index: 1000;
    padding: 0;
  }
  .header__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: stretch;
    min-height: clamp(72px, 8vw, 96px);
    padding: clamp(12px, 1.5vw, 15px) 40px;
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  @media (max-width: 1200px) {
    .header__container {
      gap: clamp(10px, 1.5vw, 16px);
      padding: 0 40px;
    }
  }
  @media (max-width: 769px) {
    .header__container {
      -ms-grid-columns: 1fr clamp(8px, 1vw, 12px) auto;
      grid-template-columns: 1fr auto;
      gap: clamp(8px, 1vw, 12px);
      min-height: clamp(60px, 6vw, 72px);
      padding: 16px 24px;
    }
  }
  @media (max-width: 394px) {
    .header__container {
      padding: 0 24px;
    }
  }
  
  /* Header Logo */
  .header__logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-column-align: start;
        justify-self: start;
  }
  @media (max-width: 769px) {
    .header__logo-wrapper {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-column-align: start;
          justify-self: start;
    }
  }
  .header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .header__logo-img {
    height: 66px;
    width: 314px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  @media (max-width: 769px) {
    .header__logo-img {
      height: 66px;
      width: 314px;
    }
  }
  @media (max-width: 394px) {
    .header__logo-img {
      height: 40px;
      width: 194px;
    }
  }
  
  /* Header Navigation */
  .header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-column-align: end;
        justify-self: end;
  }
  @media (max-width: 769px) {
    .header__nav {
      display: none;
    }
  }
  .header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(24px, 3vw, 72px);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  @media (max-width: 1200px) {
    .header__menu {
      gap: clamp(20px, 2.5vw, 48px);
    }
  }
  .header__item {
    position: relative;
  }
  .header__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(6px, 0.5vw, 8px);
    color: #F3F3F3;
    text-decoration: none;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 400;
    padding: clamp(8px, 1vw, 12px) clamp(6px, 0.5vw, 8px);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .header__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(0, 172, 29, 0.1)), to(transparent));
    background: linear-gradient(90deg, transparent, rgba(0, 172, 29, 0.1), transparent);
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
  }
  /* Hover effects removed as per user request */
  /* Hover effects removed as per user request */
  .header__link:focus {
    outline: none;
  }
  .header__arrow {
    width: clamp(10px, 1vw, 12px);
    height: clamp(10px, 1vw, 12px);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  /* Hover effects removed as per user request */
  .header__dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: rgba(23, 24, 29, 0.98);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px 0;
    min-width: 280px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-10px);
            transform: translateX(-50%) translateY(-10px);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1001;
    -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  }
  .header__dropdown::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(23, 24, 29, 0.98);
  }
  .header__dropdown-item {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .header__dropdown-link {
    display: block;
    color: #F3F3F3;
    text-decoration: none;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 400;
    padding: 12px 20px;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
  }
  .header__dropdown-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 172, 29, 0.1);
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }
  .header__dropdown-link:hover {
    color: #00AC1D;
    background-color: rgba(0, 172, 29, 0.05);
  }
  .header__dropdown-link:hover::before {
    width: 4px;
  }
  .header__dropdown-link:focus {
    outline: none;
  }
  .header__item--dropdown:hover .header__dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  
  /* Header Mobile Menu */
  .header__mobile {
    display: none;
    -ms-grid-column-align: end;
        justify-self: end;
  }
  @media (max-width: 769px) {
    .header__mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-grid-column: 2;
      grid-column: 2;
    }
  }
  /* Mobile menu button styles moved to button system section */
  .header__mobile-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: rgba(23, 24, 29, 0.98);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10000;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 0;
  }
  .header__mobile-menu.active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .header__mobile-nav {
    padding: clamp(16px, 2vw, 24px) 0;
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: clamp(12px, 1.5vw, 16px);
    padding-right: clamp(12px, 1.5vw, 16px);
  }
  @media (max-width: 769px) {
    .header__mobile-nav {
      padding: clamp(12px, 1.5vw, 16px) 0;
    }
  }
  .header__mobile-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .header__mobile-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .header__mobile-item:last-child {
    border-bottom: none;
  }
  .header__mobile-item--dropdown.active .header__mobile-arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .header__mobile-item--dropdown.active .header__mobile-link {
    color: #00AC1D;
    background-color: rgba(0, 172, 29, 0.05);
  }
  .header__mobile-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #F3F3F3;
    text-decoration: none;
    font-size: clamp(16px, 1.5vw, 18px);
    font-weight: 400;
    padding: clamp(12px, 1.5vw, 16px) 0;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border-radius: 0;
    cursor: pointer;
  }
  .header__mobile-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 172, 29, 0.1);
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }
  .header__mobile-link:hover {
    color: #00AC1D;
    padding-left: 12px;
  }
  .header__mobile-link:hover::before {
    width: 4px;
  }
  .header__mobile-link:focus {
    outline: none;
  }
  .header__mobile-link--dropdown {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .header__mobile-link--dropdown:hover {
    background-color: rgba(0, 172, 29, 0.05);
  }
  .header__mobile-arrow {
    width: clamp(10px, 1vw, 12px);
    height: clamp(10px, 1vw, 12px);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__mobile-link:hover .header__mobile-arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .header__mobile-dropdown {
    max-height: 0;
    opacity: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__mobile-item--dropdown.active .header__mobile-dropdown {
    max-height: 200px;
    opacity: 1;
  }
  .header__mobile-dropdown-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  .header__mobile-dropdown-item:last-child {
    border-bottom: none;
  }
  .header__mobile-dropdown-link {
    display: block;
    color: #F3F3F3;
    text-decoration: none;
    font-size: clamp(14px, 1.3vw, 16px);
    font-weight: 400;
    padding: clamp(10px, 1.2vw, 12px) 0 clamp(10px, 1.2vw, 12px) 20px;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
  }
  .header__mobile-dropdown-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 172, 29, 0.1);
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }
  .header__mobile-dropdown-link:hover {
    color: #00AC1D;
    padding-left: 24px;
  }
  .header__mobile-dropdown-link:hover::before {
    width: 4px;
  }
  .header__mobile-dropdown-link:focus {
    outline: none;
  }
  .header--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(23, 24, 29, 0.95);
    backdrop-filter: blur(10px);
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    -webkit-animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header--fixed .header__mobile-menu {
    position: fixed;
    top: clamp(60px, 6vw, 72px);
  }
  @media (max-width: 769px) {
    .header--fixed .header__mobile-menu {
      top: clamp(60px, 6vw, 72px);
    }
  }
  
  /* Header Animations */
  @-webkit-keyframes slideDown {
    from {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      opacity: 0;
    }
    to {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  
  @keyframes slideDown {
    from {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      opacity: 0;
    }
    to {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @-webkit-keyframes slideUp {
    from {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
    to {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      opacity: 0;
    }
  }
  @keyframes slideUp {
    from {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
    to {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      opacity: 0;
    }
  }
  
  /* Header Accessibility */
  @media (prefers-reduced-motion: reduce) {
    .header * {
      -webkit-animation-duration: 0.01ms !important;
              animation-duration: 0.01ms !important;
      -webkit-animation-iteration-count: 1 !important;
              animation-iteration-count: 1 !important;
      -webkit-transition-duration: 0.01ms !important;
              transition-duration: 0.01ms !important;
    }
  }
  
  /* ===== HERO SECTION ===== */
  .hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    gap: 40px;
  }
  .hero .container {
    padding: 32px 40px;
  }
  
  .hero__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: auto;
  }
  
  .hero__image img,
  .hero__image video {
    width: 100%;
    max-height: 480px;
    height: auto;
    display: block;
    object-fit: cover;
  }
  
  .hero__content {
    text-align: left;
    color: #F3F3F3;
    font-weight: 400;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 40px;
  }
  
  .hero__text {
    width: 740px;
  }
  
  .location-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: #A3A4A6;
    gap: 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 24px;
  }
  @media (max-width: 769px) {
    .location-tags {
      margin-top: 8px;
      width: 100%;
    }
  }
  .location-tags span {
    color: #A3A4A6;
    border-top: 1px solid #5D5D61;
    padding: 12px;
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
  }
  
  /* Медиа-запросы для hero секции */
  @media (max-width: 1200px) {
    .hero__text {
      width: 100%;
    }
  }
  
  @media (max-width: 769px) {
    .hero__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px;
    }
    
    .hero__image img,
    .hero__image video {
      width: 100%;
      max-height: 480px;
      height: auto;
      -o-object-fit: cover;
         object-fit: cover;
    }
    
    .location-tags {
      margin-top: 8px;
      width: 100%;
    }
    
    .location-tags span {
      font-size: 15px;
    }
  }
  
  @media (max-width: 394px) {
    .hero .container {
      padding: 32px 24px;
    }
    
    .hero__image img,
    .hero__image video {
      width: 100%;
      max-height: 280px;
      height: auto;
      -o-object-fit: cover;
         object-fit: cover;
    }
  }
  
  .apartments .container {
    padding: 64px 40px 32px 40px;
  }
  @media (max-width: 769px) {
    .apartments .container {
      padding: 24px 40px;
    }
  }
  @media (max-width: 394px) {
    .apartments .container {
      padding: 24px 24px;
    }
  }
  .apartments__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 64px;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  @media (max-width: 769px) {
    .apartments__grid {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 64px;
    }
  }
  
  .apartment-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  @media (max-width: 769px) {
    .apartment-card {
      gap: 40px;
    }
  }
  .apartment-card__image {
    height: 400px;
    background-color: #A3A4A6;
    overflow: hidden;
  }
  @media (max-width: 769px) {
    .apartment-card__image {
      height: 400px;
    }
  }
  .apartment-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .apartment-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .apartment-card__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 394px) {
    .apartment-card__title {
      margin-bottom: 18px;
    }
  }
  @media (max-width: 769px) {
    .apartment-card__title {
      font-size: 18px;
    }
  }
  .apartment-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 40px;
  }
  @media (max-width: 394px) {
    .apartment-card__info {
      gap: 8px;
    }
  }
  .apartment-card__info span {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #F3F3F3;
    opacity: 0.6;
  }
  @media (max-width: 769px) {
    .apartment-card__info span {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .apartment-card__info span {
      font-size: 18px;
    }
  }
  .apartment-card__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .projects__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0 0 64px 0;
  }
  @media (max-width: 769px) {
    .projects__title {
      font-size: 24px;
    }
  }
  @media (max-width: 480px) {
    .projects__title {
      margin: 0 0 64px 0;
    }
  }
  .projects__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  @media (max-width: 480px) {
    .projects__content {
      display: -ms-grid;
      display: grid;
          grid-template-areas: "sidebar" "gallery" "navigation";
      gap: 24px;
      max-width: 345px;
    }
  }
  .projects__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 40px;
    width: 350px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
  }
  @media (max-width: 1200px) {
    .projects__sidebar {
      width: 320px;
      gap: 32px;
    }
  }
  @media (max-width: 480px) {
    .projects__sidebar {
      width: 100%;
      gap: 32px;
      margin-bottom: 40px;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      grid-area: sidebar;
    }
  }
  .projects__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    width: 100%;
  }
  @media (max-width: 480px) {
    .projects__categories {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 1rem;
    }
  }
  .projects__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  @media (max-width: 480px) {
    .projects__actions {
      -ms-flex-item-align: start;
          align-self: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
  }
  .projects__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .projects__navigation--mobile {
    display: none;
  }
  @media (max-width: 480px) {
    .projects__navigation--mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      grid-area: navigation;
      position: static;
    }
  }
  @media (max-width: 394px) {
    .projects__navigation--desktop {
      display: none;
    }
    .projects__navigation--mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      grid-area: navigation;
      position: static;
    }
  }
  @media (max-width: 480px) {
    .projects__navigation {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      grid-area: navigation;
      position: static;
    }
  }
  @media (max-width: 394px) {
    .projects__navigation {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      grid-area: navigation;
      gap: 16px;
      position: static;
    }
    .projects__navigation--mobile {
      gap: 16px;
    }
    .projects__navigation--mobile .nav-btn {
      width: 40px;
      height: 40px;
    }
    .projects__navigation--mobile .nav-btn img {
      width: 12px;
      height: 12px;
    }
  }
  .projects__gallery {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 680px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
    -webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: height;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  @media (max-width: 394px) {
    .projects__gallery {
      height: 400px;
      min-height: 400px;
      max-width: 344px;
      grid-area: gallery;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      gap: 24px;
    }
  }
  @media (max-width: 1200px) {
    .projects__gallery {
      height: 680px;
    }
  }
  @media (max-width: 769px) and (min-width: 394px) {
    .projects__gallery {
      height: auto;
      min-height: 500px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  @media (max-width: 394px) {
    .projects__gallery {
      height: 400px;
      min-height: 400px;
      grid-area: gallery;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      gap: 24px;
    }
  }
  @media (max-width: 480px) {
    .projects__gallery {
      height: 400px;
      min-height: 300px;
      grid-area: gallery;
    }
  }
  @media (max-width: 480px) {
    .projects__sidebar {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
    }
    .projects__navigation--mobile {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
    }
    .projects__navigation {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
    }
    .projects__navigation {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
    }
    .projects__gallery {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
    }
    .projects__gallery {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
    }
    .projects__gallery {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
    }
  }
  
  /* Category button styles moved to button system section */
  
  /* Navigation button styles moved to button system section */
  
  .project-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    will-change: transform, opacity;
    visibility: hidden; /* Скрываем все слайды по умолчанию */
  }
  .project-image:first-child {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .project-image.active {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    pointer-events: auto;
    visibility: visible; /* Показываем только активный слайд */
  }
  
  /* Стили для слайдов текущей категории */
  .project-image[data-category="0"].active,
  .project-image[data-category="1"].active,
  .project-image[data-category="2"].active,
  .project-image[data-category="3"].active {
    visibility: visible;
  }
  
  /* Скрываем слайды других категорий */
  .project-image[data-category="0"]:not(.active),
  .project-image[data-category="1"]:not(.active),
  .project-image[data-category="2"]:not(.active),
  .project-image[data-category="3"]:not(.active) {
    visibility: hidden;
    pointer-events: none;
  }
  
  .project-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .project-image:hover img {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  
  .projects-slider__container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .projects-slider__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    will-change: transform, opacity;
  }
  .projects-slider__slide.active {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .projects-slider__slide.prev {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  
  @-webkit-keyframes slideInRight {
    from {
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      opacity: 0;
    }
    to {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  
  @keyframes slideInRight {
    from {
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      opacity: 0;
    }
    to {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @-webkit-keyframes slideInLeft {
    from {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      opacity: 0;
    }
    to {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes slideInLeft {
    from {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      opacity: 0;
    }
    to {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @-webkit-keyframes slideOutRight {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
    to {
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      opacity: 0;
    }
  }
  @keyframes slideOutRight {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
    to {
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      opacity: 0;
    }
  }
  @-webkit-keyframes slideOutLeft {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
    to {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      opacity: 0;
    }
  }
  @keyframes slideOutLeft {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
    to {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      opacity: 0;
    }
  }
  @media (max-width: 480px) {
    .projects__navigation {
      gap: 12px;
    }
    .nav-btn {
      -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
              box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    }
    .category-item span {
      font-size: 18px;
      line-height: 1.33;
      text-transform: lowercase;
    }
  }
  @media (hover: none) and (pointer: coarse) {
    .nav-btn {
      min-height: 44px;
      min-width: 44px;
    }
    .category-item {
      max-height: 44px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .project-image,
    .nav-btn,
    .category-item,
    .projects__gallery {
      -webkit-transition: none !important;
      transition: none !important;
      -webkit-animation: none !important;
              animation: none !important;
    }
    .project-image img {
      -webkit-transition: none !important;
      transition: none !important;
    }
  }
  .projects__gallery {
    contain: layout style paint;
  }
  
  .project-image {
    contain: layout style paint;
  }
  
  @media (min-width: 1400px) {
    .projects__gallery {
      height: 720px;
    }
    .nav-btn {
      width: 56px;
      height: 56px;
    }
    .nav-btn img {
      width: 20px;
      height: 20px;
    }
  }
  .partnership .container {
    max-width: 1600px;
    margin: 0 auto;
  }
  .partnership__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
  }
  @media (max-width: 769px) {
    .partnership__content {
      gap: 48px;
    }
  }
  @media (max-width: 394px) {
    .partnership__content {
      gap: 32px;
    }
  }
  .partnership__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .partnership__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    max-width: 740px;
  }
  .partnership__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 769px) {
    .partnership__title {
      font-size: 24px;
    }
  }
  @media (max-width: 394px) {
    .partnership__title {
      font-size: 20px;
    }
  }
  .partnership__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  @media (max-width: 1200px) {
    .partnership__grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 32px;
    }
  }
  @media (max-width: 769px) {
    .partnership__grid {
      gap: 24px;
    }
  }
  @media (max-width: 394px) {
    .partnership__grid {
      gap: 20px;
    }
  }
  
  .partnership-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border: 1px dashed #A3A4A6;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 400px;
  }
  @media (max-width: 769px) {
    .partnership-card {
      height: auto;
    }
  }
  @media (max-width: 394px) {
    .partnership-card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  .partnership-card:hover {
    border-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  .partnership-card__image {
    width: 50%;
    height: 100%;
    overflow: hidden;
    background-color: #A3A4A6;
    position: relative;
  }
  @media (max-width: 769px) {
    .partnership-card__image {
      width: 100%;
      height: 320px;
      max-width: 344px;
    }
  }
  .partnership-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .partnership-card__image img:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .partnership-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 40px;
  }
  @media (max-width: 769px) {
    .partnership-card__content {
      gap: 32px;
    }
  }
  @media (max-width: 394px) {
    .partnership-card__content {
      gap: 40px;
    }
  }
  .partnership-card__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 769px) {
    .partnership-card__title {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .partnership-card__title {
      font-size: 18px;
    }
  }
  .partnership-card__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translateY(30px);
              transform: translateY(30px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translateY(30px);
              transform: translateY(30px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .partnership-card {
    -webkit-animation: fadeInUp 0.6s ease-out;
            animation: fadeInUp 0.6s ease-out;
  }
  .partnership-card:nth-child(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  
  .contact-form {
    background-color: #17181D;
  }
  @media (max-width: 769px) {
    .contact-form {
      padding: 64px 40px;
    }
  }
  @media (max-width: 394px) {
    .contact-form {
      padding: 64px 24px;
    }
  }
  .contact-form .container {
    max-width: 1600px;
    margin: 0 auto;
  }
  @media (max-width: 769px) {
    .contact-form .container {
      padding: 0;
    }
  }
  .contact-form__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 64px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  @media (max-width: 1200px) {
    .contact-form__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  .contact-form__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 480px;
  }
  @media (max-width: 1200px) {
    .contact-form__text {
      max-width: 100%;
    }
  }
  @media (max-width: 394px) {
    .contact-form__text {
      gap: 24px;
    }
      .contact-form__content {
     gap: 24px
    }
  }
  .contact-form__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
    max-width:416px;
  }
  @media (max-width: 1024px) {
    .contact-form__title {
      font-size: 32px;
      max-width: 100%;
    }
  }
  @media (max-width: 769px) {
    .contact-form__title {
      font-size: 24px;
      max-width: 100%;
    }
  }
  .contact-form__description {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    color: #F3F3F3;
    opacity: 0.6;
    margin: 0;
    max-width: 416px;
  }
  @media (max-width: 769px) {
    .contact-form__description {
      font-size: 16px;
      max-width: 100%;
    }
  }
  @media (max-width: 394px) {
    .contact-form__description {
      font-size: 14px;
    }
  }
  .contact-form__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 40px;
    width: 100%;
    max-width: 1600px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
  }
  @media (max-width: 1200px) {
    .contact-form__form {
      max-width: 1000px;
    }
  }
  @media (max-width: 1024px) {
    .contact-form__form {
      max-width: 800px;
    }
  }
  @media (max-width: 769px) {
    .contact-form__form {
      max-width: 100%;
    }
  }
  .contact-form__form form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  @media (max-width: 394px) {
    .contact-form__form form {
      gap: 24px;
    }
  }
  .contact-form__form form.submitting {
    pointer-events: none;
  }
  
  .form-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    width: 100%;
  }
  
  .form-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 40px;
    padding: 32px 0;
    border-bottom: 1px solid transparent;
    -o-border-image: repeating-linear-gradient(to right, #A3A4A6 0 6px, transparent 6px 12px) 1;
       border-image: repeating-linear-gradient(to right, #A3A4A6 0 6px, transparent 6px 12px) 1;
    position: relative;
    width: 100%;
    min-width: 0;
  }
  @media (max-width: 769px) {
    .form-field {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: row;
      gap: 16px;
      padding: 24px 0;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
    @media (max-width: 394px) {
      .form-field {
        gap: 32px;
        padding: 28px 0;
        flex-direction: column;
        align-items: flex-start;
      }
    }
  }
  .form-field .form-label {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    color: #F3F3F3;
    width: 220px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: left;
  }
  @media (max-width: 1024px) {
    .form-field .form-label {
      width: 180px;
      font-size: 16px;
    }
  }
  @media (max-width: 769px) {
    .form-field .form-label {
      width: 203px;
      text-align: left;
      font-size: 16px;
    }
  }
  @media (max-width: 769px)  {
    .form-field .form-label {
      font-size: 15px;
    }
  }
  .form-field .form-input {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #5D5D61;
    background: transparent;
    border: none;
    outline: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-align: left;
    max-width: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .form-field .form-input::-webkit-input-placeholder {
    color: #5D5D61;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .form-field .form-input::-moz-placeholder {
    color: #5D5D61;
    opacity: 1;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .form-field .form-input:-ms-input-placeholder {
    color: #5D5D61;
    opacity: 1;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .form-field .form-input::-ms-input-placeholder {
    color: #5D5D61;
    opacity: 1;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    text-align: left;
  }
  .form-field .form-input::placeholder {
    color: #5D5D61;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    text-align: left;
  }
  @media (max-width: 1024px) {
    .form-field .form-input {
      font-size: 28px;
    }
  }
  @media (max-width: 769px) {
    .form-field .form-input {
      font-size: 24px;
      text-align: left;
      max-width: 100%;
    }
  }
  .form-field .form-input:focus {
    color: #F3F3F3;
  }
  .form-field .form-input:focus::-webkit-input-placeholder {
    opacity: 0.5;
  }
  .form-field .form-input:focus::-moz-placeholder {
    opacity: 0.5;
  }
  .form-field .form-input:focus:-ms-input-placeholder {
    opacity: 0.5;
  }
  .form-field .form-input:focus::-ms-input-placeholder {
    opacity: 0.5;
  }
  .form-field .form-input:focus::placeholder {
    opacity: 0.5;
  }
  .form-field .form-input:not(:focus):not(:valid) {
    color: #5D5D61;
  }
  .form-field .form-input:valid:not(:-moz-placeholder-shown) {
    color: #F3F3F3;
  }
  .form-field .form-input:valid:not(:-ms-input-placeholder) {
    color: #F3F3F3;
  }
  .form-field .form-input:valid:not(:placeholder-shown) {
    color: #F3F3F3;
  }
  .form-field .form-input[type=text]:focus {
    color: #F3F3F3;
  }
  .form-field .form-input[type=text]:valid {
    color: #F3F3F3;
  }
  .form-field .form-input[type=tel] {
    -webkit-text-security: none;
    text-security: none;
  }
  .form-field .form-input[type=tel]::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel]::-moz-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel]:-ms-input-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel]::-ms-input-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel]::placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel]:not(:focus)::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel]:not(:focus)::-moz-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel]:not(:focus):-ms-input-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel]:not(:focus)::-ms-input-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel]:not(:focus)::placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel]:focus::-webkit-input-placeholder {
    opacity: 0.5;
  }
  .form-field .form-input[type=tel]:focus::-moz-placeholder {
    opacity: 0.5;
  }
  .form-field .form-input[type=tel]:focus:-ms-input-placeholder {
    opacity: 0.5;
  }
  .form-field .form-input[type=tel]:focus::-ms-input-placeholder {
    opacity: 0.5;
  }
  .form-field .form-input[type=tel]:focus::placeholder {
    opacity: 0.5;
  }
  .form-field .form-input[type=tel][value=""]::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel][value=""]::-moz-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel][value=""]:-ms-input-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel][value=""]::-ms-input-placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input[type=tel][value=""]::placeholder {
    opacity: 1 !important;
    color: #5D5D61 !important;
  }
  .form-field .form-input:-webkit-autofill {
    -webkit-text-fill-color: #5D5D61;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
  }
  .form-field .form-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #F3F3F3;
  }
  .form-field .form-input::-webkit-contacts-auto-fill-button {
    display: none !important;
  }
  .form-field .form-input:not(:focus) {
    color: #5D5D61;
  }
  .form-field .form-input.error {
    color: #ff6b6b;
  }
  .form-field .form-input.error::-webkit-input-placeholder {
    color: #ff6b6b;
    opacity: 0.7;
  }
  .form-field .form-input.error::-moz-placeholder {
    color: #ff6b6b;
    opacity: 0.7;
  }
  .form-field .form-input.error:-ms-input-placeholder {
    color: #ff6b6b;
    opacity: 0.7;
  }
  .form-field .form-input.error::-ms-input-placeholder {
    color: #ff6b6b;
    opacity: 0.7;
  }
  .form-field .form-input.error::placeholder {
    color: #ff6b6b;
    opacity: 0.7;
  }
  .form-field .form-error {
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-family: "TT Firs Neue", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #ff6b6b;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-10px);
            transform: translateX(-50%) translateY(-10px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    white-space: nowrap;
  }
  @media (max-width: 1024px) {
    .form-field .form-error {
      font-size: 13px;
    }
  }
  @media (max-width: 769px) {
    .form-field .form-error {
      bottom: -18px;
      font-size: 12px;
      white-space: normal;
      max-width: 100%;
      left: 280px;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
      text-align: center;
    }
    .form-field .form-error.show {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .form-field .form-error.show {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  
  /* Form submit button styles moved to button system section */
  
  /* Spin animation moved to button system section */
  .contact-form__form form.submitting {
    pointer-events: none;
  }
  
  .page-about .contact-form__content {
    padding: 64px 40px;
    border: 2px dashed #A3A4A6;
  }
  @media (max-width: 769px) {
    .page-about .contact-form__content {
      padding: 64px 40px;
    }
  }
  
  .work-stages__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  @media (max-width: 769px) {
    .work-stages__content {
      gap: 64px;
    }
  }
  @media (max-width: 480px) {
    .work-stages__content {
      gap: 64px;
    }
  }
  .work-stages__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  @media (max-width: 769px) {
    .work-stages__header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  @media (max-width: 480px) {
    .work-stages__header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  .work-stages__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  @media (max-width: 769px) {
    .work-stages__images {
      gap: 16px;
      height: 400px;
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
    }
  }
  @media (max-width: 480px) {
    .work-stages__images {
      gap: 16px;
      height: 400px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  .work-stages__image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 480px;
    background-color: #F3F3F3;
    overflow: hidden;
  }
  @media (max-width: 769px) {
    .work-stages__image {
      height: 100%;
    }
  }
  @media (max-width: 480px) {
    .work-stages__image {
      height: 100%;
    }
  }
  .work-stages__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .work-stages__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  @media screen and (min-width: 1200px) {
    .work-stages__cta {
      padding-right: 55px;
    }
  }
  @media (max-width: 769px) {
    .work-stages__cta {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px;
    }
  }
  @media (max-width: 480px) {
    .work-stages__cta {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px;
    }
  }
  .work-stages__question {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #A3A4A6;
    text-align: right;
    margin: 0;
  }
  @media (max-width: 769px) {
    .work-stages__question {
      font-size: 24px;
      text-align: center;
    }
  }
  @media (max-width: 480px) {
    .work-stages__question {
      font-size: 24px;
      text-align: center;
    }
  }
  .work-stages__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 16px 0;
  }
  @media (max-width: 769px) {
    .work-stages__stars {
      margin: 16px 0;
    }
  }
  @media (max-width: 480px) {
    .work-stages__stars {
      margin: 16px 0;
    }
  }
  .work-stages__answer {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 769px) {
    .work-stages__answer {
      font-size: 24px;
    }
  }
  @media (max-width: 480px) {
    .work-stages__answer {
      font-size: 24px;
    }
  }
  .work-stages__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  @media (max-width: 769px) {
    .work-stages__main {
      gap: 40px;
    }
  }
  @media (max-width: 480px) {
    .work-stages__main {
      gap: 40px;
    }
  }
  .work-stages__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 769px) {
    .work-stages__title {
      font-size: 20px;
    }
  }
  @media (max-width: 480px) {
    .work-stages__title {
      font-size: 18px;
      line-height: 1.11;
    }
  }
  .work-stages__timeline {
    position: relative;
  }
  .work-stages__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border-top: 1px solid transparent;
    -o-border-image: repeating-linear-gradient(to right, #A3A4A6 0 6px, transparent 6px 12px) 1;
       border-image: repeating-linear-gradient(to right, #A3A4A6 0 6px, transparent 6px 12px) 1;
  }
  @media (max-width: 1200px) {
    .work-stages__steps {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 24px;
      border-top: none;
      -o-border-image: none;
         border-image: none;
    }
  }
  @media (max-width: 480px) {
    .work-stages__steps {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 24px;
      border-top: none;
      -o-border-image: none;
         border-image: none;
    }
  }
  
  .step-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding-top: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 40px;
    border-right: 1px solid transparent;
    -o-border-image: repeating-linear-gradient(to bottom, #A3A4A6 0 6px, transparent 6px 12px) 1;
       border-image: repeating-linear-gradient(to bottom, #A3A4A6 0 6px, transparent 6px 12px) 1;
  }
  @media (max-width: 1200px) {
    .step-item {
      padding-top: 24px;
      border-right: none;
      border-bottom: none;
      -o-border-image: none;
         border-image: none;
      padding-bottom: 24px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-right: 0px;
    }
    .step-item:nth-child(1), .step-item:nth-child(2) {
      border-bottom: 1px solid transparent;
      -o-border-image: repeating-linear-gradient(to right, #A3A4A6 0 6px, transparent 6px 12px) 1;
         border-image: repeating-linear-gradient(to right, #A3A4A6 0 6px, transparent 6px 12px) 1;
    }
  }
  @media (max-width: 480px) {
    .step-item {
      padding-top: 24px;
      border-right: none;
      border-bottom: none;
      -o-border-image: none;
         border-image: none;
      padding-bottom: 24px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .step-item:nth-child(1), .step-item:nth-child(2) {
      border-bottom: 1px solid transparent;
      -o-border-image: repeating-linear-gradient(to right, #A3A4A6 0 6px, transparent 6px 12px) 1;
         border-image: repeating-linear-gradient(to right, #A3A4A6 0 6px, transparent 6px 12px) 1;
    }
  }
  .step-item:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 18px;
    padding-top: 40px;
    padding-right: 0px;
    border-right: none;
  }
  @media (max-width: 1200px) {
    .step-item:last-child {
      padding-top: 24px;
      border-bottom: none;
      -o-border-image: none;
         border-image: none;
      padding-bottom: 0;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
  }
  @media (max-width: 480px) {
    .step-item:last-child {
      padding-top: 24px;
      border-bottom: none;
      -o-border-image: none;
         border-image: none;
      padding-bottom: 0;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
  }
  
  .step-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #A3A4A6;
    border-radius: 50%;
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    color: #17181D;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  
  .step-text,
  .step-title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 769px) {
    .step-text,
    .step-title {
      font-size: 20px;
    }
  }
  @media (max-width: 480px) {
    .step-text,
    .step-title {
      font-size: 18px;
      line-height: 1.33;
    }
  }
  
  .step-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
  }
  
  .work-stages__stars .star {
    width: 32px;
    height: 48px;
    background-color: #F3F3F3;
    opacity: 0.2;
    position: relative;
    display: block;
  }
  .work-stages__stars .star:nth-child(2) {
    opacity: 0.3;
  }
  .work-stages__stars .star:nth-child(3) {
    opacity: 0.4;
  }
  .work-stages__stars .star:nth-child(4) {
    opacity: 0.5;
  }
  .work-stages__stars .star:nth-child(5) {
    opacity: 0.6;
  }
  .work-stages__stars .star::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    background-image: url("assets/img/arrow-right1.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .work-steps__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
    max-width: 1600px;
    margin: 0 auto;
  }
  @media (max-width: 769px) {
    .work-steps__content {
      gap: 48px;
    }
  }
  @media (max-width: 394px) {
    .work-steps__content {
      gap: 40px;
    }
  }
  .work-steps__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #A3A4A6;
    margin: 0;
    text-align: left;
  }
  @media (max-width: 769px) {
    .work-steps__title {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .work-steps__title {
      font-size: 18px;
      line-height: 1.11;
    }
  }
  .work-steps__line {
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #F3F3F3), color-stop(50%, transparent));
    background-image: linear-gradient(to right, #F3F3F3 50%, transparent 50%);
    background-size: 12px 1px;
    background-repeat: repeat-x;
    opacity: 0.3;
  }
  @media (max-width: 769px) {
    .work-steps__line {
      display: none;
    }
  }
  @media (max-width: 394px) {
    .work-steps__line {
      display: none;
    }
  }
  .work-steps__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    position: relative;
  }
  .work-steps__row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #F3F3F3), color-stop(50%, transparent));
    background-image: linear-gradient(to right, #F3F3F3 50%, transparent 50%);
    background-size: 12px 1px;
    background-repeat: repeat-x;
    opacity: 0.3;
  }
  @media (max-width: 769px) {
    .work-steps__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 50px;
    }
    .work-steps__row::before {
      display: none;
    }
  }
  @media (max-width: 394px) {
    .work-steps__row {
      gap: 40px;
    }
    .work-steps__row::before {
      display: none;
    }
  }
  .work-steps__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 40px;
    gap: 40px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    max-width: 740px;
  }
  .work-steps__step::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: repeating-linear-gradient(to bottom, #F3F3F3 0, #F3F3F3 6px, transparent 6px, transparent 12px);
    opacity: 0.3;
  }
  @media (max-width: 769px) {
    .work-steps__step {
      gap: 24px;
      padding-top: 0px;
      padding-bottom: 40px;
      padding-right: 0px;
      border-bottom: 1px dashed #A3A4A6;
      border-bottom-style: dashed;
      border-bottom-width: 1px;
      border-bottom-color: #A3A4A6;
      -o-border-image: repeating-linear-gradient(to right, #A3A4A6 0, #A3A4A6 6.6px, transparent 6.6px, transparent 13.2px) 1;
         border-image: repeating-linear-gradient(to right, #A3A4A6 0, #A3A4A6 6.6px, transparent 6.6px, transparent 13.2px) 1;
    }
    .work-steps__step::after {
      display: none;
    }
  }
  @media (max-width: 394px) {
    .work-steps__step {
      gap: 24px;
    }
    .work-steps__step::after {
      display: none;
    }
  }
  .work-steps__step-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #A3A4A6;
    border-radius: 50%;
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    color: #17181D;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .work-steps__step-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  @media (max-width: 769px) {
    .work-steps__step-content {
      gap: 16px;
    }
  }
  .work-steps__step-title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 769px) {
    .work-steps__step-title {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .work-steps__step-title {
      font-size: 18px;
      line-height: 1.11;
    }
  }
  .work-steps__step-description {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    color: #A3A4A6;
    margin: 0;
  }
  @media (max-width: 769px) {
    .work-steps__step-description {
      font-size: 20px;
      line-height: 1.33;
    }
  }
  @media (max-width: 394px) {
    .work-steps__step-description {
      font-size: 18px;
      line-height: 1.25;
    }
  }
  .work-steps__divider {
    width: 0;
    height: 100%;
    border-left: 1px dashed #F3F3F3;
    opacity: 0.3;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 20px;
  }
  @media (max-width: 769px) {
    .work-steps__divider {
      display: none;
    }
  }
  
  .team__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: clamp(64px, 6vw, 64px);
    max-width: 1600px;
    margin: 0 auto;
  }
  .team__header {
    -ms-grid-columns: 1fr clamp(24px, 4vw, 40px) auto;
    grid-template-columns: 1fr auto;
    gap: clamp(24px, 4vw, 40px);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  @media (max-width: 769px) {
    .team__header {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: clamp(16px, 3vw, 24px);
    }
  }
  .team__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(12px, 2vw, 16px);
    max-width: 740px;
    margin-bottom: 24px;
  }
  @media (max-width: 394px) {
    .team__info {
      max-width: 345px;
    }
  }
  .team__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: clamp(24px, 4vw, 36px);
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 769px) {
    .team__title {
      font-size: 24px;
    }
  }
  .team__description {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: #F3F3F3;
    opacity: 0.6;
    margin: 0;
  }
  @media (max-width: 769px) {
    .team__description {
      font-size: 15px;
    }
  }
  .team__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  @media (max-width: 769px) {
    .team__actions {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
  }
  .team__members {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(24px, 4vw, 40px) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: clamp(24px, 4vw, 40px);
  }
  @media (max-width: 1200px) {
    .team__members {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: clamp(32px, 5vw, 48px);
    }
  }
  .team__main-member {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(280px, 1fr) clamp(24px, 4vw, 40px) 1fr;
    grid-template-columns: minmax(280px, 1fr) 1fr;
    gap: clamp(24px, 4vw, 40px);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  @media (max-width: 769px) {
    .team__main-member {
      gap: 40px;
    }
  }
  @media (max-width: 480px) {
    .team__main-member {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .team__other-members {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(24px, 4vw, 40px) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(24px, 4vw, 40px);
  }
  @media (max-width: 769px) {
    .team__other-members {
      gap: clamp(20px, 3vw, 24px);
    }
  }
  @media (max-width: 394px) {
    .team__other-members {
      display: flow-root;
    }
  }
  
  .members-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(24px, 4vw, 40px);
  }
  @media (max-width: 769px) {
    .members-column {
      gap: 40px;
    }
  }
  @media (max-width: 394px) {
    .members-column {
      margin-bottom: 40px;
    }
  }
  
  .member-photo {
    width: 100%;
    aspect-ratio: 7/10;
    background-color: #A3A4A6;
    overflow: hidden;
    border-radius: 0;
  }
  .member-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .member-photo img:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  
  .member-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(16px, 2.5vw, 32px);
  }
  .member-card .member-photo {
    aspect-ratio: 8/5;
    background-color: #1E1E1E;
  }
  .member-card .member-photo:nth-child(2) {
    background-color: #1D1D1D;
  }
  .member-card .member-photo:nth-child(3) {
    background-color: #232323;
  }
  @media (max-width: 769px) {
    .member-card {
      gap: 32px;
    }
  }
  
  .member-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  .member-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(6px, 1vw, 8px);
  }
  
  .member-name h3,
  .member-info h4 {
    font-family: "TT Firs Neue", sans-serif;
    font-size: clamp(18px, 3vw, 24px);
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 769px) {
    .member-name h3,
    .member-info h4 {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .member-name h3,
    .member-info h4 {
      font-size: 18px;
    }
  }
  
  .member-name p {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    line-height: 1.4;
    color: #F3F3F3;
    opacity: 0.6;
    margin-bottom: 32px;
  }
  
  .member-quote {
    font-family: "TT Firs Neue", sans-serif;
    font-size: clamp(18px, 3vw, 24px);
    font-weight: 400;
    line-height: 1.3;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 769px) {
    .member-quote {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .member-quote {
      font-size: 18px;
    }
  }
  
  @media (max-width: 480px) {
    .team__members {
      gap: 64px;
    }
    .team__main-member {
      gap: 20px;
    }
    .team__other-members {
      gap: 40px;
    }
    .members-column {
      gap: 40px;
    }
    .member-card {
      gap: 32px;
    }
  }
  @media (min-width: 1600px) {
    .team__content {
      max-width: 1600px;
    }
    .team__members {
      gap: 60px;
    }
    .team__main-member {
      gap: 60px;
    }
    .team__other-members {
      gap: 60px;
    }
    .members-column {
      gap: 60px;
    }
  }
  .team-list__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #A3A4A6;
    margin: 0 0 40px 0;
  }
  @media (min-width: 769px) and (max-width: 1600px) {
    .team-list__title {
      font-size: 24px;
      margin-bottom: 40px;
    }
  }
  @media (max-width: 769px) {
    .team-list__title {
      font-size: 18px;
      margin-bottom: 64px;
    }
  }
  .team-list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .team-list__item {
    border-bottom: 1px solid #F3F3F3;
  }
  .team-list__item:first-child {
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
  }
  .team-list__item:last-child {
    border-bottom: 1px solid #F3F3F3;
  }
  .team-list__item:not(:first-child):not(:last-child) {
    border-bottom: 1px solid #F3F3F3;
  }
  .team-list__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
    padding: 32px 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  @media (min-width: 769px) and (max-width: 1600px) {
    .team-list__header {
      gap: 40px;
      padding: 32px 0;
    }
  }
  @media (max-width: 769px) {
    .team-list__header {
      gap: 24px;
      padding: 24px 0;
    }
  }
  .team-list__header:hover .team-list__toggle-icon {
    color: #A3A4A6;
  }
  .team-list__position {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  @media (min-width: 769px) and (max-width: 1600px) {
    .team-list__position {
      font-size: 32px;
    }
  }
  @media (max-width: 769px) {
    .team-list__position {
      font-size: 24px;
    }
  }
  .team-list__toggle {
    width: 48px;
    height: 48px;
    background: none;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  @media (min-width: 769px) and (max-width: 1600px) {
    .team-list__toggle {
      width: 48px;
      height: 48px;
    }
  }
  @media (max-width: 769px) {
    .team-list__toggle {
      width: 40px;
      height: 40px;
    }
  }
  .team-list__toggle:focus {
    outline: none;
  }
  .team-list__toggle-icon {
    width: 48px;
    height: 48px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    color: #A3A4A6;
  }
  .team-list__toggle-icon line {
    stroke: currentColor;
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease;
  }
  @media (min-width: 769px) and (max-width: 1600px) {
    .team-list__toggle-icon {
      width: 48px;
      height: 48px;
    }
  }
  @media (max-width: 769px) {
    .team-list__toggle-icon {
      width: 40px;
      height: 40px;
    }
  }
  .team-list__content {
    display: none;
    padding-bottom: 40px;
  }
  @media (min-width: 769px) and (max-width: 1600px) {
    .team-list__content {
      padding-bottom: 40px;
    }
  }
  @media (max-width: 769px) {
    .team-list__content {
      padding-bottom: 32px;
    }
  }
  .team-list__member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    margin-bottom: 0;
  }
  .team-list__photo {
    width: 350px;
    height: 480px;
    background-color: #202125;
    overflow: hidden;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  @media (min-width: 769px) and (max-width: 1600px) {
    .team-list__photo {
      width: 350px;
      height: 480px;
    }
  }
  @media (max-width: 769px) {
    .team-list__photo {
      width: 203px;
      height: 278px;
    }
  }
  @media (max-width: 394px) {
    .team-list__photo {
      width: 203px;
      height: 278px;
    }
  }
  .team-list__photo-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .team-list__photo-img:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .team-list__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 260px;
  }
  @media (max-width: 769px) {
    .team-list__text {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 40px;
    }
  }
  @media (max-width: 394px) {
    .team-list__text {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 12px;
    }
  }
  .team-list__name {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #F3F3F3;
    margin: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  @media (max-width: 769px) {
    .team-list__name {
      font-size: 20px;
      line-height: 1;
    }
  }
  .team-list__description {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    color: #F3F3F3;
    margin: 0;
    max-width: 740px;
  }
  @media (min-width: 769px) and (max-width: 1600px) {
    .team-list__description {
      font-size: 24px;
      line-height: 1.17;
      max-width: 100%;
    }
  }
  @media (max-width: 769px) {
    .team-list__description {
      font-size: 18px;
      line-height: 1.4;
      max-width: 100%;
    }
  }
  @media (max-width: 394px) {
    .team-list__description {
      font-size: 16px;
    }
  }
  .team-list__item.active .team-list__header .team-list__toggle-icon {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    color: #A3A4A6;
  }
  .team-list__item.active .team-list__content {
    display: block;
  }
  @media (max-width: 769px) {
    .team-list__item.active .team-list__content {
      display: block;
    }
  }
  
  @keyframes slideDown {
    from {
      opacity: 0;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes rotateIcon {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
  }
  @keyframes rotateIcon {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
  }
  .team-list__item.active .team-list__content {
    -webkit-animation: slideDown 0.3s ease-out;
            animation: slideDown 0.3s ease-out;
  }
  
  .team-list__toggle-icon {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .team-list__item.active .team-list__toggle-icon {
    -webkit-animation: rotateIcon 0.3s ease-out forwards;
            animation: rotateIcon 0.3s ease-out forwards;
  }
  
  @media (max-width: 394px) {
    .team-list__header {
      padding: 24px 0;
    }
    .team-list__toggle {
      width: 32px;
      height: 32px;
    }
    .team-list__toggle-icon {
      width: 32px;
      height: 32px;
    }
    .team-list__content {
      padding-bottom: 20px;
    }
    .team-list__member {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px;
    }
    .team-list__photo {
      width: 180px;
      height: 246px;
    }
    .team-list__name {
      font-size: 18px;
    }
    .team-list__description {
      font-size: 18px;
    }
  }
  @media (min-width: 1600px) {
    .team-list__header {
      padding: 40px 0;
    }
    .team-list__toggle {
      width: 56px;
      height: 56px;
    }
    .team-list__toggle-icon {
      width: 56px;
      height: 56px;
      color: #A3A4A6;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .team-list__header, .team-list__toggle, .team-list__toggle-icon, .team-list__photo-img, .team-list__content {
      -webkit-transition: none !important;
      transition: none !important;
      -webkit-animation: none !important;
              animation: none !important;
    }
    .team-list__toggle-icon {
      -webkit-transform: none !important;
              transform: none !important;
    }
    .team-list__item.active .team-list__toggle-icon {
      -webkit-transform: rotate(45deg) !important;
              transform: rotate(45deg) !important;
    }
  }
  .footer {
    background-color: #17181D;
    padding: 0;
  }
  .footer .container {
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 32px 40px;
  }
  @media (max-width: 769px) {
    .footer .container {
      padding: 32px 40px;
    }
  }
  @media (max-width: 480px) {
    .footer .container {
      padding: 24px 24px;
    }
  }
  .footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 40px;
  }
  @media (max-width: 1200px) {
    .footer__content {
      gap: 40px;
    }
  }
  @media (max-width: 769px) {
    .footer__content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  }
  @media (max-width: 480px) {
    .footer__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 40px;
    }
  }
  .footer__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 740px;
  }
  @media (max-width: 769px) {
    .footer__left {
      max-width: 100%;
    }
  }
  @media (max-width: 394px) {
    .footer__left {
      width: 100%;
      max-width: 100%;
      min-width: 324px;
    }
  }
  .footer__contacts-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
  }
  @media (max-width: 769px) {
    .footer__contacts-row {
      gap: 40px;
      max-width: 324px;
      width: 100%;
    }
  }
  @media (max-width: 394px) {
    .footer__contacts-row {
      width: 100%;
      gap: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
  }
  .footer__middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 350px;
  }
  @media (max-width: 1200px) {
    .footer__middle {
      width: 350px;
    }
  }
  @media (max-width: 769px) {
    .footer__middle {
      gap: 8px;
      width: auto;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
  }
  @media (max-width: 394px) {
    .footer__middle {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: auto;
      min-width: 140px;
    }
  }
  .footer__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  @media (max-width: 769px) {
    .footer__right {
      gap: 0px;
      max-width: 142px;
      width: auto;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
  }
  @media (max-width: 394px) {
    .footer__right {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: auto;
      min-width: 160px;
    }
  }
  .footer__copyright, .footer__company, .footer__phone, .footer__email, .footer__address {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3333333333em;
    margin: 0;
    min-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  @media (max-width: 769px) {
    .footer__copyright, .footer__company, .footer__phone, .footer__email, .footer__address {
      font-size: 15px;
      min-height: 20px;
    }
  }
  @media (max-width: 394px) {
    .footer__copyright, .footer__company, .footer__phone, .footer__email, .footer__address {
      font-size: 15px;
      min-height: 20px;
    }
  }
  @media (max-width: 480px) {
    .footer__copyright, .footer__company, .footer__phone, .footer__email, .footer__address {
      min-height: 18px;
    }
  }
  .footer__copyright, .footer__company {
    color: #F3F3F3;
  }
  .footer__company {
    color: #A3A4A6;
    max-width: 740px;
  }
  @media (max-width: 769px) {
    .footer__company {
      width: 324px;
    }
  }
  .footer__phone, .footer__email {
  color: #F3F3F3 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-decoration-color: rgba(255, 255, 255, 0.6) !important;
  -webkit-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer__phone:hover, .footer__email:hover {
  color: #00AC1D !important;
  text-decoration-color: #00AC1D !important;
}
  .footer__phone:focus, .footer__email:focus {
    outline: none;
  }
  .footer__address {
    color: #F3F3F3;
  }
  .footer--compact .footer__container {
    padding: 24px 40px;
  }
  @media (max-width: 480px) {
    .footer--compact .footer__container {
      padding: 16px 24px;
    }
  }
  .footer--compact .footer__content {
    gap: 24px;
  }
  @media (max-width: 480px) {
    .footer--compact .footer__content {
      gap: 16px;
    }
  }
  .footer--centered .footer__content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  @media (max-width: 769px) {
    .footer--centered .footer__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  }
  .footer--centered .footer__left,
  .footer--centered .footer__middle,
  .footer--centered .footer__right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .footer--minimal .footer__container {
    padding: 16px 40px;
  }
  @media (max-width: 480px) {
    .footer--minimal .footer__container {
      padding: 12px 24px;
    }
  }
  .footer--minimal .footer__content {
    gap: 16px;
  }
  @media (max-width: 480px) {
    .footer--minimal .footer__content {
      gap: 12px;
    }
  }
  .footer--minimal .footer__copyright,
  .footer--minimal .footer__company,
  .footer--minimal .footer__phone,
  .footer--minimal .footer__email,
  .footer--minimal .footer__address {
    font-size: 14px;
    min-height: 18px;
  }
  @media (max-width: 769px) {
    .footer--minimal .footer__copyright,
    .footer--minimal .footer__company,
    .footer--minimal .footer__phone,
    .footer--minimal .footer__email,
    .footer--minimal .footer__address {
      font-size: 12px;
      min-height: 16px;
    }
  }
  @media (max-width: 480px) {
    .footer--minimal .footer__copyright,
    .footer--minimal .footer__company,
    .footer--minimal .footer__phone,
    .footer--minimal .footer__email,
    .footer--minimal .footer__address {
      font-size: 11px;
      min-height: 14px;
    }
  }
  
  .footer-utils__divider {
    width: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0 20px;
  }
  @media (max-width: 769px) {
    .footer-utils__divider {
      display: none;
    }
  }
  .footer-utils__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-top: 16px;
  }
  @media (max-width: 769px) {
    .footer-utils__social {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 24px;
    }
  }
  @media (max-width: 480px) {
    .footer-utils__social {
      gap: 12px;
      margin-top: 20px;
    }
  }
  .footer-utils__social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: #F3F3F3;
    text-decoration: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .footer-utils__social-link:hover {
    background-color: #00AC1D;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  .footer-utils__social-link:focus {
    outline: none;
  }
  @media (max-width: 480px) {
    .footer-utils__social-link {
      width: 36px;
      height: 36px;
    }
  }
  
  @media (prefers-reduced-motion: reduce) {
    .footer * {
      -webkit-transition-duration: 0.01ms !important;
              transition-duration: 0.01ms !important;
    }
  }
  /* ===== BUTTON SYSTEM ===== */
  /*
   * Оптимизированная система стилей кнопок
   * 
   * Включает:
   * - Базовые кнопки (.btn, .btn-accent, .btn-outline)
   * - Кнопки навигации (.nav-btn)
   * - Кнопку отправки формы (.form-submit)
   * - Кнопку "назад" (.btn-back)
   * - Кнопки категорий (.category-item)
   * - Кнопку мобильного меню (.header__mobile-btn)
   * 
   * Особенности:
   * - Единый стиль анимаций и переходов
   * - Адаптивный дизайн для всех устройств
   * - Поддержка accessibility (prefers-reduced-motion)
   * - Оптимизация для touch-устройств
   * - Устранение дублирующихся стилей
   * - Убрана обводка при фокусе для всех кнопок
   */
  
  /* Global focus styles - remove outline from all interactive elements */
  button:focus,
  input:focus,
  select:focus,
  textarea:focus,
  a:focus {
    outline: none !important;
  }
  
  /* Base Button Styles */
  .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2px;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333;
    text-decoration: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
    overflow: hidden;
  }
  
  .btn:focus {
    outline: none;
    /* Focus styles removed as per user request */
  }
  
  .btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    -webkit-transform: none;
            transform: none;
  }
  
  .btn:active:not(:disabled) {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  
  /* Button Components */
  .btn__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    padding: 12px 16px;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  
  .btn__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 48px;
    padding-top: 8px;
    padding-bottom: 24px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .btn__icon img {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  
  /* Accent Button Variant */
  .btn-accent {
    background-color: #00AC1D;
    color: #17181D;
  }
  
  .btn-accent .btn__icon {
    background-color: #2E843D;
  }
  
  .btn-accent:hover:not(:disabled) {
    background-color: #2E843D;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  
  .btn-accent:hover:not(:disabled) .btn__icon {
    background-color: #00AC1D;
  }
  
  .btn-accent:hover:not(:disabled) .btn__icon img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  
  .btn.btn-accent {
    gap: 0;
  }
  
  .btn.btn-accent > * + * {
    border-left: 2px solid #17181D;
  }
  
  /* Outline Button Variant */
  .btn-outline {
    background-color: transparent;
    color: #A3A4A6;
    border: 1px solid #A3A4A6;
  }
  
  .btn-outline .btn__icon {
    background-color: #A3A4A6;
  }
  
  .btn-outline:hover:not(:disabled) {
    background-color: #A3A4A6;
    color: #17181D;
    border-color: #A3A4A6;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  
  .btn-outline:hover:not(:disabled) .btn__icon {
    background-color: #17181D;
  }
  
  .btn-outline:hover:not(:disabled) .btn__icon img {
    -webkit-filter: brightness(0) saturate(100%) invert(67%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(89%) contrast(86%);
            filter: brightness(0) saturate(100%) invert(67%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(89%) contrast(86%);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  
  /* Legacy Button Classes (for backward compatibility) */
  .button-accent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2px;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333;
    text-decoration: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #00AC1D;
    color: #17181D;
    position: relative;
    overflow: hidden;
  }
  
  .button-accent:focus {
    outline: none;
  }
  
  .button-accent:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
  
  .button-accent:hover:not(:disabled) {
    background-color: #2E843D;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  
  /* Responsive Design */
  @media (max-width: 769px) {
    .btn,
    .button-accent,
    .btn-outline {
      font-size: 15px;
    }
    
    .btn__label {
      padding: 10px 14px;
      gap: 12px;
    }
    
    .btn__icon {
      width: 28px;
      height: 40px;
    }
  }
  
  @media (max-width: 480px) {
    .btn,
    .button-accent,
    .btn-outline {
      font-size: 15px;
    }
    
    .btn__label {
      gap: 8px;
    }
    
    
    
  }
  
  /* Accessibility */
  @media (prefers-reduced-motion: reduce) {
    .btn,
    .button-accent,
    .btn-outline {
      -webkit-transition: none !important;
      transition: none !important;
    }
    
    .btn:hover:not(:disabled),
    .button-accent:hover:not(:disabled),
    .btn-outline:hover:not(:disabled) {
      -webkit-transform: none !important;
      transform: none !important;
    }
  }
  
  
  /* ===== SPECIAL BUTTONS ===== */
  
  /* Back Button */
  .btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 119px;
    height: 48px;
    background-color: transparent;
    border: none;
    border-top: 1px solid #A3A4A6;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
  }
  
  .btn-back:hover {
    border-top-color: #A3A4A6;
    background-color: #A3A4A6;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  
  .btn-back:hover .btn-back__icon {
    background-color: #17181D;
  }
  
  .btn-back:hover .btn-back__icon img {
    -webkit-filter: brightness(0) saturate(100%) invert(67%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(89%) contrast(86%);
            filter: brightness(0) saturate(100%) invert(67%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(89%) contrast(86%);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  
  .btn-back:hover .btn-back__text {
    color: #17181D;
  }
  
  .btn-back:focus {
    outline: none;
  }
  
  .btn-back:active:not(:disabled) {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  
  /* Back Button Components */
  .btn-back__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 48px;
    padding: 8px;
    background-color: #A3A4A6;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .btn-back__icon img {
    width: 22.63px;
    height: 22.63px;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  
  .btn-back__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 12px 16px;
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.333;
    color: #A3A4A6;
    text-align: left;
    -webkit-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  
  /* Back Button Accessibility */
  @media (prefers-reduced-motion: reduce) {
    .btn-back,
    .btn-back__icon,
    .btn-back__text {
      -webkit-transition: none !important;
      transition: none !important;
    }
    
    .btn-back:hover {
      -webkit-transform: none !important;
      transform: none !important;
    }
  }
  
  /* Back Button Touch Optimization */
  @media (hover: none) and (pointer: coarse) {
    .btn-back {
      min-height: 44px;
      min-width: 44px;
    }
  }
  
  /* ===== NAVIGATION BUTTONS ===== */
  
  /* Navigation Button Base */
  .nav-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #00AC1D;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    overflow: hidden;
  }
  
  .nav-btn img {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .nav-btn:hover {
    background-color: #007914;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  
  .nav-btn:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  
  .nav-btn:active {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    background-color: #006010;
  }
  
  .nav-btn:focus {
    outline: none;
  }
  
  .nav-btn:disabled,
  .nav-btn.disabled {
    background-color: #A3A4A6;
    cursor: not-allowed;
    -webkit-transform: none;
            transform: none;
    opacity: 0.6;
  }
  
  .nav-btn:disabled:hover,
  .nav-btn.disabled:hover {
    background-color: #A3A4A6;
    -webkit-transform: none;
            transform: none;
    opacity: 0.6;
  }
  
  /* Navigation Button Ripple Effect */
  .nav-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: width 0.3s ease, height 0.3s ease;
    transition: width 0.3s ease, height 0.3s ease;
    border-radius: 50%;
  }
  
  .nav-btn:active::before {
    width: 100%;
    height: 100%;
  }
  
  /* Navigation Button Responsive */
  @media (max-width: 480px) {
    .nav-btn {
      width: 40px;
      height: 40px;
    }
    
    .nav-btn img {
      width: 12px;
      height: 12px;
    }
  }
  
  @media (max-width: 394px) {
    .nav-btn {
      width: 36px;
      height: 36px;
    }
    
    .nav-btn img {
      width: 10px;
      height: 10px;
    }
  }
  
  /* Navigation Button Accessibility */
  @media (prefers-reduced-motion: reduce) {
    .nav-btn {
      -webkit-transition: none !important;
      transition: none !important;
    }
    
    .nav-btn:hover,
    .nav-btn:active {
      -webkit-transform: none !important;
      transform: none !important;
    }
  }
  
  /* Navigation Button Touch Optimization */
  @media (hover: none) and (pointer: coarse) {
    .nav-btn {
      min-height: 44px;
      min-width: 44px;
    }
  }
  
  /* ===== FORM SUBMIT BUTTON ===== */
  
  /* Form Submit Button Base */
  .form-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding: 32px 0;
    background-color: transparent;
    border: none;
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #00AC1D;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    padding-left: 260px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .form-submit:hover:not(:disabled) {
    color: #2E843D;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  
  .form-submit:focus {
    outline: none;
  }
  
  .form-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    -webkit-transform: none;
            transform: none;
  }
  
  .form-submit:active:not(:disabled) {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  
  /* Form Submit Loading State */
  .form-submit .submit-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  
  .form-submit .submit-loading .loading-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }
  
  /* Form Submit Button Responsive */
  @media (max-width: 769px) {
    .form-submit {
      padding: 24px 0;
      padding-left: 0;
      font-size: 24px;
      gap: 12px;
      width: 100%;
      max-width: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    
    .form-submit .submit-loading .loading-spinner {
      width: 16px;
      height: 16px;
    }
  }
  
  @media (max-width: 394px) {
    .form-submit {
      padding: 28px 0;
      justify-content: left;
    }
  }
  
  /* Form Submit Button Accessibility */
  @media (prefers-reduced-motion: reduce) {
    .form-submit {
      -webkit-transition: none !important;
      transition: none !important;
    }
    
    .form-submit:hover:not(:disabled) {
      -webkit-transform: none !important;
      transform: none !important;
    }
    
    .form-submit .submit-loading .loading-spinner {
      -webkit-animation: none !important;
      animation: none !important;
    }
  }
  
  /* Form Submit Button Touch Optimization */
  @media (hover: none) and (pointer: coarse) {
    .form-submit {
      min-height: 44px;
    }
  }
  
  /* ===== BUTTON ANIMATIONS ===== */
  
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  /* ===== CATEGORY BUTTONS ===== */
  
  /* Category Button Base */
  .category-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    background: none;
    padding: 0;
    position: relative;
    overflow: hidden;
  }
  
  .category-item span {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #A3A4A6;
    -webkit-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .category-item .category-line {
    padding: 0;
    height: 0;
    border: none;
    border-top: 1px solid transparent;
    -o-border-image: repeating-linear-gradient(to right, #A3A4A6 0 6px, transparent 6px 12px) 1;
       border-image: repeating-linear-gradient(to right, #A3A4A6 0 6px, transparent 6px 12px) 1;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  /* Category Button States */
  .category-item.active span {
    color: #00AC1D;
  }
  
  .category-item.active .category-line {
    border-color: #00AC1D;
    border-top-style: solid;
    -o-border-image: none;
       border-image: none;
  }
  
  .category-item:hover:not(.active) span {
    color: #F3F3F3;
  }
  
  .category-item:hover:not(.active) .category-line {
    border-color: #F3F3F3;
    border-top-style: solid;
    -o-border-image: none;
       border-image: none;
  }
  
  .category-item:active {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  
  .category-item:focus {
    outline: none;
  }
  
  /* Category Button Responsive */
  @media (max-width: 769px) {
    .category-item span {
      font-size: 20px;
    }
  }
  
  @media (max-width: 480px) {
    .category-item {
      width: 160px;
    }
    
    .category-item span {
      font-size: 15px;
      line-height: 1.33;
      text-transform: inherit;
    }
  }
  
  /* Category Button Accessibility */
  @media (prefers-reduced-motion: reduce) {
    .category-item {
      -webkit-transition: none !important;
      transition: none !important;
    }
    
    .category-item:active {
      -webkit-transform: none !important;
      transform: none !important;
    }
  }
  
  /* Category Button Touch Optimization */
  @media (hover: none) and (pointer: coarse) {
    .category-item {
      max-height: 44px;
    }
  }
  
  /* ===== MOBILE MENU BUTTON ===== */
  
  /* Mobile Menu Button Base */
  .header__mobile-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: clamp(36px, 4vw, 40px);
    height: clamp(36px, 4vw, 40px);
    background: none;
    border: none;
    cursor: pointer;
    padding: clamp(6px, 0.8vw, 8px);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0;
    position: relative;
    overflow: hidden;
  }
  
  .header__mobile-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  
  .header__mobile-btn:focus {
    outline: none;
  }
  
  .header__mobile-btn:active:not(:disabled) {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  
  /* Mobile Menu Button Lines */
  .header__mobile-line {
    width: clamp(20px, 2.5vw, 24px);
    height: 2px;
    background-color: #F3F3F3;
    margin: 2px 0;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  
  /* Mobile Menu Button Active State */
  .header__mobile-btn.active .header__mobile-line:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(6px, 6px);
            transform: rotate(45deg) translate(6px, 6px);
  }
  
  .header__mobile-btn.active .header__mobile-line:nth-child(2) {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  
  .header__mobile-btn.active .header__mobile-line:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(6px, -6px);
            transform: rotate(-45deg) translate(6px, -6px);
  }
  
  /* Mobile Menu Button Responsive */
  @media (max-width: 480px) {
    .header__mobile-btn {
      width: clamp(32px, 3.5vw, 36px);
      height: clamp(32px, 3.5vw, 36px);
      padding: clamp(4px, 0.6vw, 6px);
    }
    
    .header__mobile-line {
      width: clamp(18px, 2.2vw, 22px);
      height: 1.5px;
    }
  }
  
  /* Mobile Menu Button Accessibility */
  @media (prefers-reduced-motion: reduce) {
    .header__mobile-btn,
    .header__mobile-line {
      -webkit-transition: none !important;
      transition: none !important;
    }
    
    .header__mobile-btn:hover,
    .header__mobile-btn:active {
      -webkit-transform: none !important;
      transform: none !important;
    }
  }
  
  /* Mobile Menu Button Touch Optimization */
  @media (hover: none) and (pointer: coarse) {
    .header__mobile-btn {
      min-height: 44px;
      min-width: 44px;
    }
  }
  
  /* ===== HERO REPAIR SECTION ===== */
  
  /* Контейнер hero-repair секции */
  .hero-repair .container {
    padding: 32px 40px;
  }
  
  /* Основной контейнер */
  .hero-repair__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  
  /* Контент hero-repair секции */
  .hero-repair__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  
  /* Текстовый блок */
  .hero-repair__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  
  /* Заголовок */
  .hero-repair__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  
  /* Подзаголовок */
  .hero-repair__subtitle {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.33em;
    color: #fff;
    margin: 0;
  }
  
  /* Блок действий */
  .hero-repair__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  /* Галерея */
  .hero-repair__gallery {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 480px;
    background-color: #414246;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .hero-repair__gallery--mobile-first {
    display: none;
  }
  
  .hero-repair__gallery--desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  /* Изображения галереи */
  .hero-repair__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  
  .hero-repair__image--main,
  .hero-repair__image--overlay,
  .hero-repair__image--secondary {
    width: 100%;
    height: 100%;
  }
  
  /* Медиа-запросы для hero-repair секции */
  @media (max-width: 1024px) {
    .hero-repair__title {
      font-size: 32px;
    }
    
    .hero-repair__subtitle {
      font-size: 16px;
    }
    
    .hero-repair__gallery {
      height: 400px;
    }
  }
  
  @media (max-width: 769px) {
    .hero-repair__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    
    .hero-repair__content {
      gap: 40px;
    }
    
    .hero-repair__title {
      font-size: 28px;
    }
    
    .hero-repair__subtitle {
      font-size: 15px;
    }
    
    .hero-repair__gallery {
      height: 300px;
    }
    
    .hero-repair__gallery--mobile-first {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
    }
    
    .hero-repair__gallery--desktop {
      display: none;
    }
  }
  
  @media (max-width: 480px) {
    .hero-repair__title {
      font-size: 24px;
    }
    
    .hero-repair__btn {
      padding: 10px 12px;
      gap: 12px;
    }
    
    .hero-repair__btn-text {
      font-size: 16px;
    }
  }
  
  @media (max-width: 394px) {
    .hero-repair .container {
      padding: 32px 24px;
    }
    
    .hero-repair__text {
      gap: 24px;
    }
    
    .hero-repair__image--secondary {
      height: 280px;
    }
  }
  
  .design-project {
    background-color: #17181D;
    color: #fff;
  }
  .design-project__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  @media (max-width: 1200px) {
    .design-project__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 64px;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
  }
  .design-project__left {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    max-width: 740px;
  }
  .design-project__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .design-project__title {
      font-size: 24px;
    }
  }
  .design-project__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  .design-project__text p {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .design-project__text p {
      font-size: 15px;
    }
  }
  .design-project__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .design-project__right {
    width: 610px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  @media (max-width: 769px) {
    .design-project__right {
      width: 100%;
    }
  }
  .design-project__team {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  @media (max-width: 769px) {
    .design-project__team {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 40px;
    }
  }
  @media (max-width: 394px) {
    .design-project__team {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 24px;
    }
  }
  .design-project__photo {
    width: 350px;
    height: 480px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    background-color: #383637;
  }
  @media (max-width: 769px) {
    .design-project__photo {
      max-width: 100%;  
      height: auto;
      aspect-ratio: 350/480;
    }
  }
  .design-project__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .design-project__member {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    max-width: 220px;
  }
  @media (max-width: 394px) {
    .design-project__member {
      max-width: 100%;
    }
  }
  .design-project__member-name {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.167;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .design-project__member-name {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .design-project__member-name {
      font-size: 18px;
    }
  }
  .design-project__member-position {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333;
    color: #A3A4A6;
    margin: 0;
  }
  @media (max-width: 769px) {
    .design-project__member-position {
      font-size: 15px;
    }
  }
  @media (max-width: 394px) {
    .design-project__member-position {
      width: 100%;
    }
  }
  
  .country-house-features__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 64px 0;
    max-width: 739px;
  }
  @media (max-width: 394px) {
    .country-house-features__title {
      margin-bottom: 64px;
    }
  }
  .country-house-features__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  @media (max-width: 394px) {
    .country-house-features__content {
      gap: 64px;
    }
  }
  .country-house-features__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 610px;
  }
  @media (max-width: 394px) {
    .country-house-features__text {
      gap: 32px;
    }
  }
  .country-house-features__description {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.33em;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .country-house-features__description {
      font-size: 15px;
    }
  }
  .country-house-features__services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
  }
  @media (max-width: 394px) {
    .country-house-features__services {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 32px;
    }
  }
  .country-house-features__service-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
  .country-house-features__service-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .country-house-features__service-title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.17em;
    text-transform: uppercase;
    color: #A3A4A6;
    margin: 0;
  }
  @media (max-width: 769px) {
    .country-house-features__service-title {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .country-house-features__service-title {
      font-size: 18px;
    }
  }
  .country-house-features__service-line {
    height: 0;
    border-top: 1px dashed #fff;
    border-style: dashed;
    border-width: 1px;
    border-color: #fff;
    -o-border-image: repeating-linear-gradient(to right, #fff 0, #fff 6px, transparent 6px, transparent 12px) 1;
       border-image: repeating-linear-gradient(to right, #fff 0, #fff 6px, transparent 6px, transparent 12px) 1;
    opacity: 0.3;
  }
  .country-house-features__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 740px;
  }
  @media (max-width: 394px) {
    .country-house-features__gallery {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
    }
  }
  .country-house-features__image-main {
    width: 480px;
    height: 680px;
    overflow: hidden;
  }
  @media (max-width: 394px) {
    .country-house-features__image-main {
      width: 100%;
      height: 488px;
    }
  }
  .country-house-features__image-main img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .country-house-features__image-secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
    padding: 64px 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  @media (max-width: 394px) {
    .country-house-features__image-secondary {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 203px;
    }
  }
  .country-house-features__image-secondary img {
    width: 220px;
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  @media (max-width: 394px) {
    .country-house-features__image-secondary img {
      width: 203px;
      height: 276px;
    }
  }
  @media (max-width: 1024px) {
    .country-house-features__title {
      font-size: 32px;
    }
    .country-house-features__content {
      gap: 64px;
    }
    .country-house-features__gallery {
      width: 600px;
      gap: 40px;
    }
  }
  @media (max-width: 1250px) {
    .country-house-features__title {
      font-size: 24px;
      margin-bottom: 64px;
    }
    .country-house-features__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 128px;
    }
    .country-house-features__text {
      max-width: 100%;
    }
    .country-house-features__services {
      gap: 32px;
    }
    .country-house-features__service-group {
      gap: 32px;
    }
    .country-house-features__gallery {
      width: 100%;
      gap: 40px;
    }
    .country-house-features__image-main {
      max-width: 445px;
      max-height: 630px;
    }
    .country-house-features__image-secondary {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 40px;
      padding: 0;
    }
    .country-house-features__image-secondary img {
      width: 203px;
      height: 270px;
    }
  }
  @media (max-width: 480px) {
    .country-house-features__title {
      font-size: 24px;
    }
    .country-house-features__text {
      gap: 32px;
    }
    .country-house-features__services {
      gap: 40px;
    }
    .country-house-features__service-group {
      gap: 24px;
    }
  }
  
  .about .container {
    padding: 32px 24px;
  }
  .about__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .about__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  @media (max-width: 769px) {
    .about__gallery {
      gap: 16px;
    }
  }
  .about__image-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 480px;
    background-color: #414246;
    position: relative;
    overflow: hidden;
  }
  @media (max-width: 769px) {
    .about__image-wrapper {
      height: 300px;
    }
  }
  @media (max-width: 394px) {
    .about__image-wrapper {
      height: 250px;
    }
  }
  .about__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  .about__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  @media (max-width: 394px) {
    .about__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 24px;
    }
  }
  .about__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 300;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    max-width: 740px;
  }
  .about__description {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.33em;
    color: #fff;
    margin: 0;
    max-width: 740px;
  }
  .about__accent {
    width: 0;
    height: 0;
    background-color: #2E843D;
  }
  
  @media (max-width: 1024px) {
    .about__container {
      gap: 40px;
    }
    .about__gallery {
      gap: 20px;
    }
    .about__image-wrapper {
      height: 400px;
    }
  }
  @media (max-width: 769px) {
    .about__title {
      font-size: 28px;
      max-width: 324px;
    }
    .about__description {
      font-size: 15px;
      max-width: 324px;
    }
    .about__container {
      gap: 40px;
    }
    .about__gallery {
      gap: 16px;
    }
    .about__image-wrapper {
      height: 201px;
    }
  }
  @media (max-width: 394px) {
    .about__container {
      gap: 40px;
    }
    .about__title {
      font-size: 24px;
      max-width: 345px;
    }
    .about__description {
      max-width: 345px;
    }
    .about__gallery {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .about__gallery .about__image-wrapper:first-child {
      display: none;
    }
    .about__gallery .about__image-wrapper {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      height: 250px;
    }
    .about__image-wrapper {
      height: 250px;
    }
  }
  .about-story {
    background-color: #17181D;
  }
  .about-story__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 64px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .about-story__text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
  .about-story__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  .about-story__description {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.167em;
    color: #fff;
    margin: 0;
  }
  .about-story__spacer {
    width: 90px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .about-story__facts {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
  .about-story__facts-title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.167em;
    text-transform: uppercase;
    color: #A3A4A6;
    margin: 0;
  }
  .about-story__facts-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .about-story__fact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    min-height: 80px;
  }
  .about-story__fact-line {
    width: 1px;
    min-height: 80px;
    background: repeating-linear-gradient(to bottom, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px);
    opacity: 0.3;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .about-story__fact-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    padding: 16px 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .about-story__fact-number {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  .about-story__fact-text {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333em;
    color: #fff;
    margin: 0;
  }
  
  @media (max-width: 1024px) {
    .about-story__title {
      font-size: 32px;
    }
    .about-story__description {
      font-size: 20px;
    }
    .about-story__facts-title {
      font-size: 20px;
    }
    .about-story__fact-number {
      font-size: 32px;
    }
    .about-story__fact-text {
      font-size: 16px;
    }
  }
  @media (max-width: 769px) {
    .about-story__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .about-story__text {
      gap: 40px;
    }
    .about-story__spacer {
      display: none;
    }
    .about-story__facts {
      gap: 40px;
    }
    .about-story__facts-list {
      gap: 20px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
    .about-story__fact {
      gap: 24px;
      min-height: 60px;
    }
    .about-story__fact-line {
      width: 1px;
      min-height: 140px;
      background: repeating-linear-gradient(to bottom, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px);
      opacity: 0.3;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
    .about-story__fact-content {
      gap: 16px;
      padding: 12px 0;
    }
    .about-story__title {
      font-size: 24px;
    }
    .about-story__description {
      font-size: 20px;
    }
    .about-story__facts-title {
      font-size: 20px;
    }
    .about-story__fact-number {
      font-size: 28px;
    }
    .about-story__fact-text {
      font-size: 16px;
    }
  }
  @media (max-width: 394px) {
    .about-story__content {
      gap: 64px;
    }
    .about-story__facts {
      gap: 0px;
    }
    .about-story__facts-list {
      gap: 16px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .about-story__fact {
      gap: 40px;
      min-height: 50px;
    }
    .about-story__fact-line {
      width: 1px;
      min-height: 120px;
      background: repeating-linear-gradient(to bottom, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px);
      opacity: 0.3;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
    .about-story__fact-content {
      gap: 24px;
      padding: 8px 0;
    }
    .about-story__title {
      font-size: 24px;
    }
    .about-story__description {
      font-size: 18px;
    }
    .about-story__facts-title {
      font-size: 18px;
      margin-bottom: 40px;
    }
    .about-story__fact-number {
      font-size: 24px;
    }
    .about-story__fact-text {
      font-size: 15px;
    }
  }
  .credo {
    background-color: #17181D;
  }
  .credo__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .credo__image-wrapper {
    width: 100%;
    height: 530px;
    background-color: #414246;
    position: relative;
    overflow: hidden;
  }
  .credo__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  .credo__accent {
    width: 0;
    height: 0;
    background-color: #2E843D;
  }
  .credo__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .credo__title {
      font-size: 28px;
    }
  }
  @media (max-width: 394px) {
    .credo__title {
      font-size: 24px;
    }
  }
  .credo__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  @media (max-width: 769px) {
    .credo__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 24px;
    }
  }
  .credo__text {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.17em;
    color: #fff;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  @media (max-width: 769px) {
    .credo__text {
      font-size: 18px;
    }
  }
  @media (max-width: 394px) {
    .credo__text {
      font-size: 16px;
    }
  }
  
  @media (max-width: 1024px) {
    .credo__container {
      gap: 32px;
    }
    .credo__image-wrapper {
      height: 450px;
    }
    .credo__title {
      font-size: 32px;
    }
    .credo__content {
      gap: 32px;
    }
    .credo__text {
      font-size: 20px;
    }
  }
  @media (max-width: 769px) {
    .credo__container {
      gap: 24px;
    }
    .credo__image-wrapper {
      height: 239px;
    }
    .credo__title {
      font-size: 24px;
    }
    .credo__content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 24px;
    }
    .credo__text {
      font-size: 20px;
    }
  }
  @media (max-width: 480px) {
    .credo__container {
      gap: 32px;
    }
    .credo__image-wrapper {
      height: 200px;
    }
    .credo__title {
      font-size: 24px;
      max-width: 300px;
    }
    .credo__content {
      gap: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .credo__text {
      font-size: 18px;
    }
  }
  .partners {
    background-color: #17181D;
  }
  .partners__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.17;
    text-transform: uppercase;
    color: #A3A4A6;
    margin: 0 0 64px;
    text-align: left;
  }
  .partners__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 192px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .partners__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .partners__logo {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .partners__logo:nth-child(1) {
    width: 276px;
    height: 72px;
  }
  @media (max-width: 769px) {
    .partners__logo:nth-child(1) {
      width: 200px;
      height: 52px;
    }
  }
  .partners__logo:nth-child(2) {
    width: 266px;
    height: 72px;
  }
  @media (max-width: 769px) {
    .partners__logo:nth-child(2) {
      width: 190px;
      height: 52px;
    }
  }
  .partners__logo:nth-child(3) {
    width: 180px;
    height: 72px;
  }
  @media (max-width: 769px) {
    .partners__logo:nth-child(3) {
      width: 130px;
      height: 52px;
    }
  }
  
  @media (max-width: 1024px) {
    .partners__title {
      font-size: 20px;
      margin-bottom: 48px;
    }
  }
  @media (max-width: 769px) {
    .partners__title {
      font-size: 20px;
      margin-bottom: 64px;
    }
    .partners__list {
      gap: 64px;
    }
  }
  @media (max-width: 394px) {
    .partners__title {
      font-size: 18px;
    }
    .partners__list {
      gap: 24px;
    }
  }
  .cooperation {
    background-color: #17181D;
  }
  .cooperation__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.17;
    text-transform: uppercase;
    color: #A3A4A6;
    margin: 0 0 64px;
    text-align: left;
  }
  @media (max-width: 769px) {
    .cooperation__title {
      font-size: 20px;
    }
  }
  .cooperation__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 128px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-height: 72px;
  }
  
  .cooperation__list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 128px;
    -webkit-animation: scroll 30s linear infinite;
            animation: scroll 30s linear infinite;
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
    --scroll-distance: -50%;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  
  .cooperation__list-inner:hover {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  
  @-webkit-keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(var(--scroll-distance, -50%));
              transform: translateX(var(--scroll-distance, -50%));
    }
  }
  
  @keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(var(--scroll-distance, -50%));
              transform: translateX(var(--scroll-distance, -50%));
    }
  }
  
  /* Альтернативная анимация для более плавного зацикливания */
  @-webkit-keyframes scroll-smooth {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(calc(-50%));
              transform: translateX(calc(-50%));
    }
  }
  
  @keyframes scroll-smooth {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(calc(-50%));
              transform: translateX(calc(-50%));
    }
  }
  .cooperation__list::-webkit-scrollbar {
    display: none;
  }
  @media (max-width: 1200px) {
    .cooperation__list-inner {
      gap: 80px;
    }
  }
  @media (max-width: 769px) {
    .cooperation__list-inner {
      gap: 64px;
    }
  }
  .cooperation__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .cooperation__item:nth-child(1) .cooperation__logo {
    width: 256px;
    height: 22px;
  }
  @media (max-width: 769px) {
    .cooperation__item:nth-child(1) .cooperation__logo {
      width: 180px;
      height: 16px;
    }
  }
  .cooperation__item:nth-child(2) .cooperation__logo {
    width: 256px;
    height: 24px;
  }
  @media (max-width: 769px) {
    .cooperation__item:nth-child(2) .cooperation__logo {
      width: 180px;
      height: 17px;
    }
  }
  .cooperation__item:nth-child(3) .cooperation__logo {
    width: 256px;
    height: 59px;
  }
  @media (max-width: 769px) {
    .cooperation__item:nth-child(3) .cooperation__logo {
      width: 180px;
      height: 42px;
    }
  }
  .cooperation__item:nth-child(4) .cooperation__logo {
    width: 256px;
    height: 68px;
  }
  @media (max-width: 769px) {
    .cooperation__item:nth-child(4) .cooperation__logo {
      width: 180px;
      height: 48px;
    }
  }
  .cooperation__item:nth-child(5) .cooperation__logo {
    width: 256px;
    height: 49px;
  }
  @media (max-width: 769px) {
    .cooperation__item:nth-child(5) .cooperation__logo {
      width: 180px;
      height: 35px;
    }
  }
  .cooperation__item:nth-child(6) .cooperation__logo {
    width: 123px;
    height: 72px;
  }
  @media (max-width: 769px) {
    .cooperation__item:nth-child(6) .cooperation__logo {
      width: 88px;
      height: 52px;
    }
  }
  .cooperation__item:nth-child(7) .cooperation__logo {
    width: 233px;
    height: 72px;
  }
  @media (max-width: 769px) {
    .cooperation__item:nth-child(7) .cooperation__logo {
      width: 167px;
      height: 52px;
    }
  }
  .cooperation__item:nth-child(8) .cooperation__logo {
    width: 256px;
    height: 58px;
  }
  @media (max-width: 769px) {
    .cooperation__item:nth-child(8) .cooperation__logo {
      width: 180px;
      height: 41px;
    }
  }
  .cooperation__item:nth-child(9) .cooperation__logo {
    width: 256px;
    height: 46px;
  }
  @media (max-width: 769px) {
    .cooperation__item:nth-child(9) .cooperation__logo {
      width: 180px;
      height: 33px;
    }
  }
  .cooperation__logo {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  
  /* Дублируем логотипы для бесконечной прокрутки */
  .cooperation__list-inner .cooperation__item:nth-child(n+10) {
    opacity: 0.8;
  }
  
  /* Улучшенная анимация для плавного зацикливания */
  .cooperation__list-inner {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  /* Плавный переход при паузе */
  .cooperation__list-inner:hover {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-transition: -webkit-animation-play-state 0.3s ease;
            transition: animation-play-state 0.3s ease;
  }
  
  /* Альтернативный класс для более плавной анимации */
  .cooperation__list-inner--smooth {
    -webkit-animation: scroll-smooth 30s linear infinite;
            animation: scroll-smooth 30s linear infinite;
  }
  
  /* Убираем старые стили скроллбара */
  .cooperation__list::-webkit-scrollbar {
    display: none;
  }
  
  @media (max-width: 480px) {
    .cooperation__title {
      margin-bottom: 64px;
    }
    .cooperation__list-inner {
      gap: 32px;
      -webkit-animation-duration: 20s;
              animation-duration: 20s;
    }
  }
  
  @media (max-width: 769px) {
    .cooperation__list-inner {
      -webkit-animation-duration: 25s;
              animation-duration: 25s;
    }
  }
  
  @media (prefers-reduced-motion: reduce) {
    .cooperation__list-inner {
      -webkit-animation: none;
              animation: none;
    }
  }
  .dcollaboration {
    background-color: #17181D;
  }
  .dcollaboration .container {
    padding: 64px 40px;

    @media (max-width: 769px) {
      padding: 32px 40px;
    }
  }
  @media (max-width: 394px) {
    .dcollaboration .container {
      padding: 32px 24px;
    }
  }
  .dcollaboration__container {
    max-width: 1600px;
    margin: 0 auto;
  }
  .dcollaboration__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
  }
  @media (max-width: 769px) {
    .dcollaboration__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  .dcollaboration__image {
    max-width: 740px;
    max-height: 480px;
    background-color: #E5E5E5;
    overflow: hidden;
  }
  @media (max-width: 769px) {
    .dcollaboration__image {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
    }
  }
  @media (max-width: 394px) {
    .dcollaboration__image {
      max-width: 345px;
      height: 280px;
    }
  }
  .dcollaboration__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .dcollaboration__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .dcollaboration__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .dcollaboration__title {
      font-size: 28px;
    }
  }
  @media (max-width: 480px) {
    .dcollaboration__title br {
      display: none;
    }
  }
  @media (max-width: 394px) {
    .dcollaboration__title {
      font-size: 24px;
    }
  }
  .dcollaboration__benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
  }
  @media (max-width: 769px) {
    .dcollaboration__benefits {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px;
    }
  }
  .dcollaboration__benefits-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  @media (max-width: 769px) {
    .dcollaboration__benefits-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 40px;
    }
  }
  .dcollaboration__benefit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 285px;
  }
  .dcollaboration__benefit-line {
    width: 100%;
    height: 1px;
    background: repeating-linear-gradient(to right, #fff 0, #fff 6px, transparent 6px, transparent 12px);
    opacity: 0.3;
  }
  .dcollaboration__benefit-text {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .dcollaboration__benefit-text {
      font-size: 15px;
    }
  }
  .dcollaboration__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  @media (max-width: 769px) {
    .dcollaboration__actions {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
  }
  .dcollaboration__actions .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
  }
  
  .service-ctl__content {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr 40px 610px !important;
    grid-template-columns: 1fr 610px !important;
    gap: 40px !important;
  }
  @media (max-width: 1200px) {
    .service-ctl__content {
      -ms-grid-columns: 1fr !important;
      grid-template-columns: 1fr !important;
      gap: clamp(32px, 5vw, 48px) !important;
    }
  }
  @media (max-width: 769px) {
    .service-ctl__content {
      gap: 64px !important;
    }
  }
  .service-ctl__text {
    display: flex;
    flex-direction: column;
  }
  
  .service-ctl__quote {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    max-width: 740px;
    line-height: 1.17;
    color: #fff;
    margin: 0;
    quotes: none;
    text-align: left;
  }
  
  @media (max-width: 769px) {
    .service-ctl__quote {
      font-size: 20px;
    }
  }
  
  .service-ctl__quote::before, .service-ctl__quote::after {
    content: none;
  }
  
  @media (max-width: 394px) {
    .service-ctl__quote {
      max-width: 340px;
      line-height: 1.33;
      font-size: 18px;
    }
  }
  
  @media (max-width: 769px) {
    .service-ctl__quote {
      text-align: left;
      max-width: 100%;
    }
  }
  .service-ctl__profile {
    display: flex;
    flex-direction: row;
    gap: 40px;
    width: 610px;
    align-items: flex-start;
  }
  
  @media (max-width: 1200px) {
    .service-ctl__profile {
      width: 100%;
      gap: clamp(24px, 4vw, 32px);
    }
  }
  
  @media (max-width: 769px) {
    .service-ctl__profile {
      flex-direction: row;
      align-items: flex-start;
      gap: 40px;
      width: 100%;
    }
  }
  
  @media (max-width: 694px) {
    .service-ctl__profile {
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
    }
  }
  
  @media (max-width: 394px) {
    .service-ctl__profile {
      align-items: flex-start !important;
    }
  }
  .service-ctl__photos {
    position: relative;
    width: 350px;
    height: 480px;
    overflow: hidden;
  }
  
  .service-ctl__photo {
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  .service-ctl__photo-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }
  
  .service-ctl__photo--overlay {
    position: relative;
  }
  
  .service-ctl__photo--overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(23, 24, 29, 0) 0%, rgba(23, 24, 29, 0.8) 100%);
    z-index: 1;
    pointer-events: none;
  }
  
  .service-ctl__photos .media-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  @media (max-width: 1200px) {
    .service-ctl__photos {
      width: 100%;
      max-width: 350px;
      margin: 0 auto;
    }
  }
  
  @media (max-width: 769px) {
    .service-ctl__photos {
      height: 480px;
      width: 350px;
      margin: 0;
    }
  }
  
  @media (max-width: 480px) {
    .service-ctl__photos {
      width: 100%;
    }
  }
  
  .service-ctl__info {
    display: flex;
    
    flex-direction: column;
    gap: 8px;
    width: 220px;
  }
  
  @media (max-width: 480px) {
    .service-ctl__info {
      text-align: left;
      width: 100%;
      max-width: 220px;
    }
  }
  
  @media (max-width: 394px) {
    .service-ctl__info {
      text-align: left !important;
    }
  }
  .service-ctl__name {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    text-align: left;
  }
  
  @media (max-width: 769px) {
    .service-ctl__name {
      text-align: left;
      font-size: 20px;
      width: 220px;
    }
  }
  
  @media (max-width: 480px) {
    .service-ctl__name {
      text-align: center;
    }
  }
  
  @media (max-width: 394px) {
    .service-ctl__name {
      text-align: left !important;
    }
  }
  .service-ctl__position {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    color: #A3A4A6;
    opacity: 0.6;
    margin: 0;
    text-align: left;
  }
  
  @media (max-width: 769px) {
    .service-ctl__position {
      text-align: left;
      font-size: 15px;
    }
  }
  
  @media (max-width: 480px) {
    .service-ctl__position {
      text-align: center;
    }
  }
  
  @media (max-width: 394px) {
    .service-ctl__position {
      text-align: left !important;
    }
  }
  
  .choice-design {
    background-color: #17181D;
  }
  .choice-design__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
    max-width: 1600px;
    margin: 0 auto;
  }
  .choice-design__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    max-width: 740px;
  }
  @media (max-width: 769px) {
    .choice-design__header {
      gap: 24px;
    }
  }
  .choice-design__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .choice-design__title {
      font-size: 24px;
    }
  }
  .choice-design__description {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .choice-design__description {
      font-size: 15px;
    }
  }
  .choice-design__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    width: 100%;
    border-top: none;
    position: relative;
  }
  @media (max-width: 769px) {
    .choice-design__grid {
      overflow: hidden;
    }
  }
  .choice-design__grid::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: repeating-linear-gradient(to right, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px);
  }
  .choice-design__grid::after {
    content: "";
    position: absolute;
    top: 245px;
    left: 0;
    right: 0;
    height: 1px;
    background: repeating-linear-gradient(to right, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px);
  }
  @media (max-width: 1200px) {
    .choice-design__grid {
      -ms-grid-columns: 1fr 32px 1fr;
      grid-template-columns: repeat(2, 1fr);
      gap: 32px;
    }
    .choice-design__grid::after {
      top: calc(50% + 32px + 40px);
    }
  }
  @media (max-width: 769px) {
    .choice-design__grid {
      -ms-grid-columns: 1fr 32px 1fr;
      grid-template-columns: repeat(2, 1fr);
      gap: 32px;
    }
    .choice-design__grid::before {
      display: none;
    }
    .choice-design__grid::after {
      display: none;
    }
  }
  @media (max-width: 480px) {
    .choice-design__grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 32px;
    }
    .choice-design__grid::after {
      display: none;
    }
  }
  .choice-design__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    padding-top: 40px;
    padding-right: 40px;
    width: 100%;
    position: relative;
  }
  .choice-design__item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: repeating-linear-gradient(to bottom, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px);
  }
  @media (max-width: 769px) {
    .choice-design__item {
      gap: 40px;
      padding-top: 40px;
      padding-right: 40px;
      border-top: none;
      position: relative;
    }
    .choice-design__item::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      width: 350px;
      background: repeating-linear-gradient(to right, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px);
    }
  }
  @media (max-width: 480px) {
    .choice-design__item {
      gap: clamp(24px, 4vw, 32px);
      padding-top: clamp(24px, 4vw, 32px);
      padding-right: 0;
    }
    .choice-design__item::after {
      display: none;
    }
  }
  @media (max-width: 394px) {
    .choice-design__item:first-child::after {
      display: none;
    }
    .choice-design__item:first-child::before {
      display: none;
    }
  }
  .choice-design__icon {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #17181D;
  }
  .choice-design__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .choice-design__text {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    color: #F3F3F3;
    margin: 0;
  }
  @media (max-width: 769px) {
    .choice-design__text {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .choice-design__text {
      font-size: 18px;
    }
  }
  
  @media (max-width: 480px) {
    .choice-design__content {
      gap: 24px;
    }
    .choice-design__grid {
      gap: clamp(24px, 6vw, 40px);
    }
    .choice-design__item {
      gap: 40px;
      padding-top: 40px;
    }
  }
  @media (min-width: 1600px) {
    .choice-design__content {
      max-width: 1600px;
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translateY(30px);
              transform: translateY(30px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .choice-design__header {
    -webkit-animation: fadeInUp 0.8s ease-out;
            animation: fadeInUp 0.8s ease-out;
  }
  .choice-design__item {
    -webkit-animation: fadeInUp 0.8s ease-out;
            animation: fadeInUp 0.8s ease-out;
  }
  .choice-design__item:nth-child(1) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
  }
  .choice-design__item:nth-child(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  .choice-design__item:nth-child(3) {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
  }
  .choice-design__item:nth-child(4) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .choice-design__item:nth-child(5) {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
  }
  .choice-design__item:nth-child(6) {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
  }
  
  .service-ctl {
    background-color: #17181D;
  }
  .service-ctl__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 40px;
    text-align: left;
  }
  
  @media (max-width: 769px) {
    .service-ctl__title {
      font-size: 24px;
      margin-bottom: 32px;
    }
  }
  
  .service-ctl__content {
    display: grid;
    grid-template-columns: 1fr 610px;
    gap: 40px;
  }
  
  @media (max-width: 1200px) {
    .service-ctl__content {
      grid-template-columns: 1fr;
      gap: clamp(32px, 5vw, 48px);
    }
  }
  .service-ctl__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .service-ctl__quote {
    font-family: "TT Firs Neue", sans-serif;
    font-size: clamp(18px, 2.5vw, 24px);
    font-weight: 400;
    max-width: 740px;
    line-height: 1.17;
    color: #fff;
    margin: 0;
    quotes: none;
  }
  
  .service-ctl__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .service-ctl__name {
    font-family: "TT Firs Neue", sans-serif;
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  
  .service-ctl__position {
    font-family: "TT Firs Neue", sans-serif;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 400;
    line-height: 1.33;
    color: #A3A4A6;
    opacity: 0.6;
    margin: 0;
  }
  
  
  @media (max-width: 480px) {
    .service-ctl__content {
      gap: 24px;
    }
    .service-ctl__profile {
      gap: 20px;
    }
  }
  @media (min-width: 1600px) {
    .service-ctl__content {
      gap: 60px;
    }
    .service-ctl__profile {
      gap: 50px;
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .service-ctl__text {
    animation: fadeInUp 0.8s ease-out;
  }
  
  .service-ctl__profile {
    animation: fadeInUp 0.8s ease-out 0.2s both;
  }
  
  .cases {
    background-color: #17181D;
  }
  .cases__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 64px 0;
    text-align: left;
  }
  @media (max-width: 769px) {
    .cases__title {
      font-size: 24px;
    }
  }
  @media (max-width: 394px) {
    .cases__title {
      margin: 0 0 64px 0;
    }
  }
  .cases__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
  @media (max-width: 769px) {
    .cases__list {
      gap: 64px;
    }
  }
  
  .case-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  @media (max-width: 1400px) {
    .case-card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .case-card .case-card__image {
     max-width: none;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
    }
    .case-card .case-card__content {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
  }
  .case-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
  }
  @media (max-width: 769px) {
    .case-card__content {
      gap: 40px;
    }
  }
  .case-card__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.17;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .case-card__title {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .case-card__title {
      font-size: 18px;
    }
  }
  .case-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
  .case-card__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .case-card__info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .case-card__info-label {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    color: #A3A4A6;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  @media (max-width: 769px) {
    .case-card__info-label {
      font-size: 15px;
    }
  }
  .case-card__info-value {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    color: #fff;
    text-align: right;
    max-width: 167px;
  }
  @media (max-width: 769px) {
    .case-card__info-value {
      font-size: 15px;
    }
  }
  .case-card__info-line {
    height: 1px;
    border: none;
    margin: 0;
    background: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.3) 6px, transparent 6px, transparent 12px);
  }
  .case-card__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .case-card__image {
    height: 680px;
    width: 100%;
    max-width: 1130px;
    background-color: #414246;
    border-radius: 0;
    overflow: hidden;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  @media (max-width: 1550px) {
    .case-card__image {
     max-width: 1000px;
    }
  }
  @media (max-width: 1200px) {
    .case-card__image {
      width: 100%;
      height: 600px;
    }
  }
  @media (max-width: 769px) {
    .case-card__image {
      height: 400px;
    }
  }
  .case-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .case-card__image:hover img {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  
  @media (hover: none) and (pointer: coarse) {
    .case-card__btn {
      min-height: 44px;
      min-width: 44px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .case-card__btn, .case-card__image img {
      -webkit-transition: none !important;
      transition: none !important;
    }
  }
  .case-card {
    contain: layout style paint;
  }
  
  .case-card__image {
    contain: layout style paint;
  }
  
  @media (max-width: 769px) and (orientation: landscape) {
    .case-card__image {
      height: 400px;
    }
  }
  .tender {
    background-color: #17181D;
  }
  .tender__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 740px;
    grid-template-columns: 1fr 740px;
    gap: 40px;
  }
  @media (max-width: 1200px) {
    .tender__content {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 64px;
    }
  }
  .tender__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .tender__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .tender__title {
      font-size: 24px;
    }
  }
  .tender__description {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.17;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .tender__description {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .tender__description {
      font-size: 18px;
    }
  }
  .tender__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .tender__benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
  }
  @media (max-width: 769px) {
    .tender__benefits {
      gap: 40px;
    }
  }
  .tender__benefits-title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.17;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .tender__benefits-title {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .tender__benefits-title {
      font-size: 18px;
    }
  }
  .tender__benefits-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .tender__benefit-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .tender__benefit-title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.17;
    color: #fff;
    opacity: 0.6;
    margin: 0;
  }
  @media (max-width: 769px) {
    .tender__benefit-title {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .tender__benefit-title {
      font-size: 18px;
    }
  }
  .tender__benefit-description {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.33;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .tender__benefit-description {
      font-size: 15px;
    }
  }
  .tender__divider {
    width: 100%;
    height: 0;
    border: none;
    border-top: 1px dashed #fff;
    border-style: dashed;
    border-width: 1px;
    border-color: #fff;
    -o-border-image: repeating-linear-gradient(to right, #fff 0, #fff 3.3px, transparent 3.3px, transparent 9.9px) 1;
       border-image: repeating-linear-gradient(to right, #fff 0, #fff 3.3px, transparent 3.3px, transparent 9.9px) 1;
    opacity: 0.3;
    margin: 0;
  }
  
  @media (max-width: 480px) {
    .tender__content {
      gap: 64px;
    }
    .tender__text {
      gap: 40px;
    }
  }
  @media (min-width: 1600px) {
    .tender__content {
      gap: 170px;
    }
  }
  .premdev {
    background-color: #17181D;
  }
  .premdev__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 64px;
    text-align: left;
  }
  @media (max-width: 1024px) {
    .premdev__title {
      font-size: 32px;
    }
  }
  @media (max-width: 769px) {
    .premdev__title {
      font-size: 24px;
    }
  }
  @media (max-width: 394px) {
    .premdev__title {
      margin-bottom: 24px;
    }
  }
  .premdev__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
  }
  .premdev__line {
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #A3A4A6), color-stop(50%, transparent));
    background-image: repeating-linear-gradient(to right, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px);
    background-size: 12px 1px;
    background-repeat: repeat-x;
    opacity: 0.3;
  }
  @media (max-width: 394px) {
    .premdev__line {
      display: none;
    }
  }
  .premdev__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 40px;
    width: 100%;
  }
  
  
  @media (max-width: 500px) {
    .premdev__items {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 0;
    }
  }
  .premdev__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-top: 40px;
    padding-right: 40px;
    position: relative;
  }
  
  
  .premdev__item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: repeating-linear-gradient(to bottom, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px);
    background-size: 1px 12px;
    background-repeat: repeat-y;
    opacity: 0.3;
    @media (max-width: 394px) {
      display: none;
    }
  }
  @media (max-width: 480px) {
    .premdev__item {
      padding-top: 20px;
    }
  }
  @media (max-width: 394px) {
    .premdev__item {
      width: 100%;
      padding: 40px 0;
      border-right: none;
      border-bottom: 1px dashed #A3A4A6;
      -o-border-image: repeating-linear-gradient(to right, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px) 1;
         border-image: repeating-linear-gradient(to right, #A3A4A6 0, #A3A4A6 6px, transparent 6px, transparent 12px) 1;
    }
    .premdev__item:first-child {
      padding: 40px 0;
    }
    .premdev__item:nth-child(2) {
      padding: 40px 0;
    }
    .premdev__item:last-child {
      border-bottom: none;
      padding: 40px 0;
    }
  }
  .premdev__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 40px;
    width: 100%;
    height: 100%;
  }
  @media (max-width: 394px) {
    .premdev__item-content {
      gap: 40px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  .premdev__icon {
    width: 48px;
    height: 48px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  @media (max-width: 480px) {
    .premdev__icon {
      width: 40px;
      height: 40px;
    }
  }
  @media (max-width: 394px) {
    .premdev__icon {
      width: 48px;
      height: 48px;
    }
  }
  .premdev__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .premdev__text {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.167em;
    color: #FFFFFF;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  @media (max-width: 1024px) {
    .premdev__text {
      font-size: 22px;
    }
  }
  @media (max-width: 769px) {
    .premdev__text {
      font-size: 20px;
    }
  }
  @media (max-width: 480px) {
    .premdev__text {
      font-size: 18px;
    }
  }
  @media (max-width: 394px) {
    .premdev__text {
      font-size: 18px;
      text-align: left;
    }
  }
  .premdev__text--light {
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F4F4F6));
    background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .premdev__divider {
    width: 1px;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FFFFFF), color-stop(50%, transparent));
    background-image: linear-gradient(to bottom, #FFFFFF 50%, transparent 50%);
    background-size: 1px 12px;
    background-repeat: repeat-y;
    opacity: 0.3;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  @media (max-width: 769px) {
    .premdev__divider {
      display: none;
    }
  }
  .premdev__info-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    width: 100%;
    margin-top: 64px;
  }
  @media (max-width: 1024px) {
    .premdev__info-blocks {
      gap: 32px;
    }
  }
  @media (max-width: 769px) {
    .premdev__info-blocks {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  }
  @media (max-width: 750px) {
    .premdev__info-blocks {
      gap: 20px;
      margin-top: 32px;
    }
  }
  @media (max-width: 700px) {
    .premdev__info-blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 64px;
      margin-top: 24px;
    }
  }
  .premdev__info-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 40px 40px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  .premdev__info-block:first-child {
    max-width: 453px;
    max-height: 192px;
    @media (max-width: 394px) {
      padding-right: 0;
      max-width: 345px;
  }
  .premdev__info-block:last-child {
    max-width: 1027px;
  }
  @media (max-width: 769px) {
    .premdev__info-block {
      padding-right: 0;
    }
    .premdev__info-block:first-child, .premdev__info-block:last-child {
      max-width: none;
    }
  }
  @media (max-width: 480px) {
    .premdev__info-block {
      gap: 20px;
      padding: 40px 40px;
    }
  }
  .premdev__info-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    width: 100%;
  }
  .premdev__info-icon {
    width: 48px;
    height: 48px;
    background-color: #A3A4A6;
    border-radius: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  }
  .premdev__info-symbol {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.167em;
    color: #17181D;
    text-align: center;
  }
  @media (max-width: 480px) {
    .premdev__info-symbol {
      font-size: 20px;
    }
  }
  .premdev__info-text {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.167em;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  @media (max-width: 1024px) {
    .premdev__info-text {
      font-size: 22px;
    }
  }
  @media (max-width: 769px) {
    .premdev__info-text {
      font-size: 20px;
      max-width: 244px;
    }
  }
  @media (max-width: 480px) {
    .premdev__info-text {
      font-size: 18px;
    }
  }
  
  .provider {
    background-color: #17181D;
  }
  .provider__content {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 610px 740px;
    gap: 170px;
  }
  @media (max-width: 1560px) {
    .provider__content {
      gap: 100px;
      grid-template-columns: 1fr 740px;
    }
  }
  @media (max-width: 1200px) {
    .provider__content {
      grid-template-columns: auto;
    }
  }
  @media (max-width: 769px) {
    .provider__content {
      grid-template-columns: 1fr;
    }
  }
  .provider__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  @media (max-width: 769px) {
    .provider__header {
      gap: 32px;
    }
  }
  .provider__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .provider__title {
      font-size: 24px;
    }
  }
  .provider__subtitle {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.33;
    color: #fff;
    opacity: 0.8;
    margin: 0;
  }
  @media (max-width: 769px) {
    .provider__subtitle {
      font-size: 16px;
    }
  }
  @media (max-width: 394px) {
    .provider__subtitle {
      gap: 64px;
    }
  }
  .provider__description {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.17;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .provider__description {
      font-size: 20px;
      margin-bottom: 20px;
    }
  }
  @media (max-width: 394px) {
    .provider__description {
      font-size: 18px;
    }
  }
  .provider__suppliers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  @media (max-width: 394px) {
    .provider__suppliers {
      gap: 24px;
    }
  }
  .provider__suppliers .provider__suppliers-row--mobile {
    display: none;
  }
  @media (max-width: 394px) {
    .provider__suppliers .provider__suppliers-row--mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  .provider__suppliers-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            justify-content: center;
  }
  @media (max-width: 769px) {
    .provider__suppliers-row {
      gap: 0;
    }
  }
  @media (max-width: 394px) {
    .provider__suppliers-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      gap: 0;
    }
    .provider__suppliers-row .provider__supplier-item:nth-child(3) {
      display: none;
    }
  }
  .provider__supplier-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 88px;
    margin: 0 40px;
    padding: 40px 0;
    border-bottom: none;
    position: relative;
    max-width: 166px;
  }
  .provider__supplier-item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 210px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 64px;
    background: repeating-linear-gradient(to bottom, #5D5D61 0, #5D5D61 6px, transparent 6px, transparent 12px);
  }
  @media (max-width: 769px) {
    .provider__supplier-item::after {
      left: 188px;
    }
  }
  @media (max-width: 394px) {
    .provider__supplier-item::after {
      left: 171px;
    }
  }
  .provider__supplier-item::before {
    content: "";
    position: absolute;
    width: 200px;
    bottom: 0;
    left: -15px;
    height: 1px;
    background: repeating-linear-gradient(to right, #5D5D61 0, #5D5D61 6px, transparent 6px, transparent 12px);
  }
  @media (max-width: 769px) {
    .provider__supplier-item::before {
      width: 190px;
    }
  }
  @media (max-width: 394px) {
    .provider__supplier-item::before {
      width: 150px;
      left: 0px;
      top: 100px;
    }
  }
  .provider__supplier-item:last-child::after {
    display: none;
  }
  .provider__suppliers-row:last-child .provider__supplier-item::before {
    display: none;
  }
  .provider__suppliers-row--desktop:nth-child(4) .provider__supplier-item::before {
    display: none;
  }
  @media (max-width: 394px) {
    .provider__suppliers-row--desktop:nth-child(4) .provider__supplier-item::before {
      display: block;
    }
  }
  @media (max-width: 769px) {
    .provider__supplier-item {
      max-width: 148px;
      max-height: 64px;
      padding: 80px 0;
    }
    .provider__supplier-item::after {
      right: -26px;
    }
  }
  @media (max-width: 394px) {
    .provider__supplier-item {
      min-height: 64px;
      margin: 24px 0px;
      padding: 0px;
      width: 148px;
      height: 64px;
    }
    .provider__supplier-item::after {
      display: none;
    }
    .provider__supplier-item:nth-child(odd)::after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      right: -24px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 1px;
      height: 64px;
      background: repeating-linear-gradient(to bottom, #5D5D61 0, #5D5D61 6px, transparent 6px, transparent 12px);
    }
    .provider__supplier-item:nth-child(even)::after {
      display: none;
    }
  }
  .provider__supplier-logo {
    width: 166px;
    -o-object-fit: contain;
       object-fit: contain;
    height: 64px;
  }
  @media (max-width: 769px) {
    .provider__supplier-logo {
      max-height: 64px;
    }
  }
  @media (max-width: 394px) {
    .provider__supplier-logo {
      width: 100%;
      height: 100%;
    }
  }
  .tariffs__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tariffs__scroll-container {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #A3A4A6 #17181D;
  }
  .tariffs__scroll-container::-webkit-scrollbar {
    height: 8px;
  }
  .tariffs__scroll-container::-webkit-scrollbar-track {
    background: #17181D;
  }
  .tariffs__scroll-container::-webkit-scrollbar-thumb {
    background: #A3A4A6;
    border-radius: 4px;
  }
  .tariffs__scroll-container::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;
  }
  .tariffs__scroll-content {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    width: 100%;
  }
  .tariffs__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
    padding: 40px;
    background-color: #202125;

    
  }
  .tariffs__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 320px 0 1fr 0 1fr 0 1fr;
    grid-template-columns: 320px repeat(3, 1fr);
    gap: 0;
    background-color: #202125;
    padding-bottom: 40px;

    @media (max-width: 394px) {
      -ms-grid-columns: 200px 0 1fr 0 1fr 0 1fr;
      grid-template-columns: 200px repeat(3, 1fr);
    }
  }
  .tariffs__comparison {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #17181D;
  }
  .tariffs__comparison-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 320px 1fr 1fr 1fr;
    grid-template-columns: 320px repeat(3, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 64px;

    @media (max-width: 394px) {
      -ms-grid-columns: 200px 1fr 1fr 1fr;
      grid-template-columns: 200px repeat(3, 1fr);
    }
  }
  .tariffs__comparison-row:nth-child(odd) {
    background-color: transparent;
  }
  .tariffs__comparison-row:nth-child(even) {
    background-color: #202125;
  }
  .tariffs__comparison-service {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333em;
    color: #A3A4A6;
    padding: 8px 40px;
    text-align: left;
  }
  @media (max-width: 769px) {
    .tariffs__comparison-service {
      font-size: 15px;
      padding: 12px 40px;
    }
  }
  @media (max-width: 394px) {
    .tariffs__comparison-service {
      padding: 8px 20px;
    }
  }
  .tariffs__comparison-tariff {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333em;
    color: #A3A4A6;
    padding: 40px;
    text-align: center;
  }
  .tariffs__comparison-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 0 40px;
  }
  .tariffs__comparison-icon {
    width: 24px;
    height: 24px;
    border-radius: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .tariffs__comparison-dash {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333em;
    color: #A3A4A6;
    text-align: center;
    padding: 0 40px;
  }
  
  .tariff-card {
    background-color: #202125;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 400px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .tariff-card__content {
    padding: 40px 0px 16px;
    margin: 0 40px;
    height: 204px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    border-bottom: 1px dashed #5D5D61;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #5D5D61;
    -o-border-image: repeating-linear-gradient(to right, #5D5D61 0, #5D5D61 6.6px, transparent 6.6px, transparent 13.2px) 1;
       border-image: repeating-linear-gradient(to right, #5D5D61 0, #5D5D61 6.6px, transparent 6.6px, transparent 13.2px) 1;
  }
  .tariff-card__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.167em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
  }
  .tariff-card__description {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333em;
    color: #FFFFFF;
    margin: 0;
  }
  .tariff-card__footer {
    padding: 32px 40px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 172px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: auto;
  }
  .tariff-card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 40px;
  }
  .tariff-card__price-label {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333em;
    color: #A3A4A6;
  }
  .tariff-card__price-value {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  .tariff-card__btn {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  
  @media (max-width: 769px) {
    .tariffs__title {
      font-size: 24px;
    }
  }
  @media (max-width: 769px) {
    .tariff-card {
      width: 320px;
    }
    .tariff-card__content {
      padding: 25px 0px 12px;
      gap: 12px;
    }
    .tariff-card__title {
      font-size: 20px;
    }
    .tariff-card__description {
      font-size: 15px;
    }
    .tariff-card__footer {
      padding: 25px 0px 12px;
      gap: 25px;
      margin: 0 40px;
    }
    .tariff-card__price {
      gap: 15px;
    }
    .tariff-card__price-value {
      font-size: 24px;
    }
  }
  .action__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 16px 40px;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
  }
  .action__title {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0;
  }
  .action__description {
    font-family: "TT Firs Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.333;
    text-align: center;
    color: #fff;
    opacity: 0.6;
    margin: 0;
  }
  .action__button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
    padding: 16px 40px;
    max-width: 1000px;
    margin: 0 auto;
  }
  @media (max-width: 769px) {
    .action {
      gap: 16px;
    }
    .action__content {
      padding: 16px 40px;
    }
    .action__title {
      font-size: 24px;
    }
    .action__description {
      font-size: 15px;
    }
    .action__button-wrapper {
      padding: 8px 24px;
      gap: 24px;
    }
  }
  
  .faq__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 64px 0;
    max-width: 739px;
  }
  @media (max-width: 769px) {
    .faq__title {
      font-size: 24px;
      margin-bottom: 32px;
    }
  }
  .faq__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    max-width: 1520px;
  }
  .faq__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-top: 32px;
  }
  @media (max-width: 769px) {
    .faq__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px;
      padding: 32px 0px 0px 0px;
    }
  }
  @media (max-width: 394px) {
    .faq__item {
      gap: 40px;
    }
  }
  .faq__item:not(:last-child) {
    position: relative;
  }
  .faq__item:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: -32px;
    left: 0;
    right: 0;
    height: 1px;
    background: repeating-linear-gradient(to right, #fff 0, #fff 6px, transparent 6px, transparent 12px);
    opacity: 0.3;
  }
  .faq__question {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: uppercase;
    color: #A3A4A6;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
  }
  @media (max-width: 769px) {
    .faq__question {
      font-size: 20px;
      line-height: 1.2;
    }
  }
  @media (max-width: 394px) {
    .faq__question {
      font-size: 18px;
    }
  }
  .faq__answer {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    color: #fff;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
  }
  @media (max-width: 769px) {
    .faq__answer {
      font-size: 15px;
      line-height: 1.4;
    }
  }
  
  .repair-case .container {
    padding: 32px 40px;
  }
  @media screen and (max-width: 769px) {
    .repair-case .container {
      padding: 64px 40px;
    }
  }
  @media (max-width: 394px) {
    .repair-case .container {
      padding: 64px 24px;
    }
  }
  .repair-case__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  @media (max-width: 769px) {
    .repair-case__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 40px;
    }
  }
  @media (max-width: 394px) {
    .repair-case__container {
      gap: 32px;
    }
  }
  .repair-case__content {
      
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
    width: 480px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  @media (max-width: 769px) {
    .repair-case__content {
      width: 100%;
    }
  }
  @media (max-width: 394px) {
    .repair-case__content {
      gap: 40px;
    }
  }
  .repair-case__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .repair-case__title {
      font-size: 28px;
    }
  }
  @media (max-width: 394px) {
    .repair-case__title {
      font-size: 24px;
      line-height: 1.1;
    }
  }
  .repair-case__info-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .repair-case__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  @media (max-width: 394px) {
    .repair-case__info-item {
      gap: 12px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }
  }
  .repair-case__info-label {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.333;
    color: #A3A4A6;
    width: 192px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  @media (max-width: 769px) {
    .repair-case__info-label {
      font-size: 15px;
      width: 140px;
    }
  }
  .repair-case__info-value {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.333;
    color: #fff;
    text-align: right;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  @media (max-width: 769px) {
    .repair-case__info-value {
      font-size: 15px;
    }
  }
  @media (max-width: 394px) {
    .repair-case__info-value {
      text-align: start;
    }
  }
  .repair-case__info-divider {
    height: 0;
    border: none;
    border-top: 1px dashed #fff;
    border-style: dashed;
    border-width: 1px 0 0 0;
    -o-border-image: repeating-linear-gradient(to right, #fff 0, #fff 6.6px, transparent 6.6px, transparent 13.2px) 1;
       border-image: repeating-linear-gradient(to right, #fff 0, #fff 6.6px, transparent 6.6px, transparent 13.2px) 1;
    opacity: 0.3;
    margin: 0;
  }
  .repair-case__mobile-gallery {
    display: none;
  }
  @media (max-width: 769px) {
    .repair-case__mobile-gallery {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 32px;
      margin-top: 40px;
    }
  }
  @media (max-width: 394px) {
    .repair-case__mobile-gallery {
      gap: 16px;
    }
  }
  .repair-case__section-title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.167;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 394px) {
    .repair-case__section-title {
      font-size: 18px;
      line-height: 1.2;
    }
  }
  .repair-case__section-text {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.333;
    color: #fff;
    margin: 0;
  }
  .repair-case__content li {
 position: relative;
 margin-left: 25px;
}
.repair-case__content li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: -15px;
  top: 10px;
}
  @media (max-width: 394px) {
    .repair-case__section-text {
      font-size: 15px;
      line-height: 1.4;
    }
  }
  .repair-case__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  @media (max-width: 394px) {
    .repair-case__section {
      gap: 32px;
    }
  }
  .repair-case__key-solutions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  @media (max-width: 394px) {
    .repair-case__key-solutions {
      gap: 32px;
    }
  }
  .repair-case__key-solutions-title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.167;
    color: #fff;
    opacity: 0.6;
    margin: 0;
  }
  @media (max-width: 394px) {
    .repair-case__key-solutions-title {
      font-size: 18px;
      line-height: 1.2;
    }
  }
  .repair-case__key-solutions-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  @media (max-width: 394px) {
    .repair-case__key-solutions-content {
      gap: 12px;
    }
  }
  .repair-case__difficulties {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  @media (max-width: 394px) {
    .repair-case__difficulties {
      gap: 32px;
    }
  }
  .repair-case__difficulties-title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.167;
    color: #fff;
    opacity: 0.6;
    margin: 0;
  }
  @media (max-width: 394px) {
    .repair-case__difficulties-title {
      font-size: 18px;
      line-height: 1.2;
    }
  }
  .repair-case__difficulty-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  @media (max-width: 394px) {
    .repair-case__difficulty-item {
      gap: 12px;
    }
  }
  .repair-case__difficulty-label {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.333;
    color: #A3A4A6;
    margin: 0;
  }
  @media (max-width: 394px) {
    .repair-case__difficulty-label {
      font-size: 15px;
    }
  }
  .repair-case__difficulty-solution {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.333;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 394px) {
    .repair-case__difficulty-solution {
      font-size: 15px;
      line-height: 1.4;
    }
  }
  .repair-case__result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  @media (max-width: 394px) {
    .repair-case__result {
      gap: 32px;
    }
  }
  .repair-case__result-title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 394px) {
    .repair-case__result-title {
      font-size: 24px;
      line-height: 1.1;
    }
  }
  .repair-case__result-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  @media (max-width: 394px) {
    .repair-case__result-grid {
      gap: 20px;
    }
  }
  .repair-case__result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  @media (max-width: 394px) {
    .repair-case__result-item {
      gap: 6px;
    }
  }
  .repair-case__result-subtitle {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.167;
    color: #fff;
    opacity: 0.6;
    margin: 0;
  }
  @media (max-width: 394px) {
    .repair-case__result-subtitle {
      font-size: 18px;
      line-height: 1.2;
    }
  }
  .repair-case__result-text {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.333;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 394px) {
    .repair-case__result-text {
      font-size: 15px;
      line-height: 1.4;
    }
  }
  .repair-case__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  @media (max-width: 769px) {
    .repair-case__gallery {
      gap: 32px;
    }
  }
  @media (max-width: 394px) {
    .repair-case__gallery {
      gap: 24px;
    }
  }
  @media (max-width: 769px) {
    .repair-case__gallery {
      display: none;
    }
  }
  .repair-case__gallery-main {
    height: 640px;
    background-color: #414246;
    overflow: hidden;
    position: relative;
  }
  @media (max-width: 394px) {
    .repair-case__gallery-main {
      height: 400px;
    }
  }
  .repair-case__gallery-main img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .repair-case__gallery-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
  }
  @media (max-width: 769px) {
    .repair-case__gallery-row {
      gap: 32px;
    }
  }
  @media (max-width: 394px) {
    .repair-case__gallery-row {
      gap: 16px;
    }
  }
  .repair-case__gallery-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 640px;
    background-color: #414246;
    overflow: hidden;
    position: relative;
  }
  @media (max-width: 394px) {
    .repair-case__gallery-item {
      height: 400px;
    }
  }
  .repair-case__gallery-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .repair-case__gallery-single {
    height: 640px;
    background-color: #17181D;
    overflow: hidden;
    position: relative;
  }
  @media (max-width: 394px) {
    .repair-case__gallery-single {
      height: 400px;
    }
  }
  .repair-case__gallery-single img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .other-cases__container {
    max-width: 1600px;
    margin: 0 auto;
  }
  .other-cases__title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 64px 0;
  }
  @media (max-width: 394px) {
    .other-cases__title {
      font-size: 28px;
      line-height: 1.1;
      margin-bottom: 40px;
    }
  }
  .other-cases__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  @media (max-width: 769px) {
    .other-cases__grid {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 32px;
    }
  }
  @media (max-width: 394px) {
    .other-cases__grid {
      gap: 24px;
    }
  }
  .other-cases__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border: 1px dashed #A3A4A6;
  }
  @media (max-width: 394px) {
    .other-cases__card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  .other-cases__card-image {
    width: 50%;
    height: 400px;
    background-color: #A3A4A6;
    overflow: hidden;
    position: relative;
  }
  @media (max-width: 394px) {
    .other-cases__card-image {
      width: 100%;
      height: 300px;
    }
  }
  .other-cases__card-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .other-cases__card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
    padding: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 50%;
  }
  @media (max-width: 394px) {
    .other-cases__card-content {
      width: 100%;
    }
  }
  .other-cases__card-title {
    font-family: "TT Firs Neue", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.167;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
  }
  @media (max-width: 769px) {
    .other-cases__card-title {
      font-size: 20px;
    }
  }
  @media (max-width: 394px) {
    .other-cases__card-title {
      font-size: 18px;
      line-height: 1.2;
    }
  }
  .other-cases__card-btn {
    width: 162px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  @media (max-width: 394px) {
    .other-cases__card-btn {
      width: 145px;
    }
  }
  
  .forbusiness {
    background-color: var(--color-dark);
  }
  .forbusiness__container {
    max-width: 1600px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
  }
  .forbusiness__title {
    font-family: var(--font-primary);
    font-size: 36px;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    color: var(--color-white);
    max-width: 740px;
  }
  .forbusiness__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .forbusiness__left-column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .forbusiness__description {
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33em;
    color: var(--color-white);
    max-width: 610px;
    margin: 0px;
  }
  .forbusiness__features-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .forbusiness__features-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 16px;
    position: relative;
    padding-bottom: 16px;
  }
  .forbusiness__features-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #A3A4A6 0, #A3A4A6 6.6px, transparent 6.6px, transparent 13.2px);
  }
  .forbusiness__features-title {
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17em;
    text-transform: uppercase;
    color: #A3A4A6;
  }
  .forbusiness__features-divider {
    height: 0;
    border: 1px dashed var(--color-white);
    opacity: 0.3;
  }
  .forbusiness__features-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .forbusiness__feature-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
  .forbusiness__feature-title {
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17em;
    color: var(--color-white);
  }
  .forbusiness__feature-description {
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33em;
    color: var(--color-white);
    opacity: 0.6;
    margin: 0px;
  }
  .forbusiness__spacer {
    width: 90px;
    font-family: var(--font-primary);
    font-size: 72px;
    font-weight: 400;
    line-height: 0.5em;
    text-transform: uppercase;
    color: var(--color-white);
    text-align: right;
  }
  .forbusiness__right-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    max-width: 740px;
  }
  .forbusiness__main-image-container {
    width: 480px;
    height: 680px;
    background-color: var(--color-dark-gray);
    overflow: hidden;
    position: relative;
  }
  .forbusiness__main-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
  }
  .forbusiness__secondary-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    padding: 64px 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .forbusiness__secondary-image-container {
    width: 220px;
    height: 300px;
    background-color: var(--color-dark-gray);
    overflow: hidden;
    position: relative;
  }
  .forbusiness__secondary-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
  }
  .forbusiness__secondary-text {
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33em;
    color: var(--color-white);
    opacity: 0.6;
  }
  
  .u-text-uppercase {
    text-transform: uppercase;
  }
  
  .u-text-white {
    color: var(--color-white);
  }
  
  .u-text-gray {
    color: var(--color-gray);
  }
  
  .u-bg-dark {
    background-color: var(--color-dark);
  }
  
  .u-bg-dark-gray {
    background-color: var(--color-dark-gray);
  }
  
  @media (max-width: 769px) {
    .forbusiness__container {
      gap: 64px;
    }
    .forbusiness__title {
      font-size: 24px;
      max-width: 100%;
    }
    .forbusiness__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 64px;
    }
    .forbusiness__left-column {
      gap: 40px;
    }
    .forbusiness__description {
      font-size: 15px;
      max-width: 100%;
    }
    .forbusiness__features-section {
      gap: 32px;
    }
    .forbusiness__features-header {
      margin-bottom: 16px;
    }
    .forbusiness__features-title {
      font-size: 20px;
    }
    .forbusiness__features-list {
      gap: 24px;
    }
    .forbusiness__feature-title {
      font-size: 20px;
    }
    .forbusiness__feature-description {
      font-size: 15px;
    }
    .forbusiness__spacer {
      display: none;
    }
    .forbusiness__right-column {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 40px;
      max-width: 100%;
    }
    .forbusiness__main-image-container {
      width: 446px;
      height: 630px;
    }
    .forbusiness__main-image {
      width: 100%;
      height: 100%;
      left: 0;
      position: relative;
    }
    .forbusiness__secondary-content {
      gap: 24px;
      padding: 0;
    }
    .forbusiness__secondary-image-container {
      width: 203px;
      height: 276px;
    }
    .forbusiness__secondary-image {
      width: 100%;
      height: 100%;
      left: 0;
      position: relative;
    }
    .forbusiness__secondary-text {
      font-size: 15px;
    }
  }
  @media (max-width: 394px) {
    .forbusiness__title {
      font-size: 24px;
      max-width: 100%;
    }
    .forbusiness__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .forbusiness__left-column {
      gap: 40px;
    }
    .forbusiness__description {
      font-size: 16px;
      max-width: 100%;
    }
    .forbusiness__features-title {
      font-size: 18px;
    }
    .forbusiness__feature-title {
      font-size: 18px;
    }
    .forbusiness__feature-description {
      font-size: 15px;
    }
    .forbusiness__spacer {
      display: none;
    }
    .forbusiness__right-column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 100%;
    }
    .forbusiness__main-image-container {
      width: 345px;
      height: 488px;
    }
    .forbusiness__main-image {
      width: 100%;
      height: 100%;
      left: 0;
      position: relative;
    }
    .forbusiness__secondary-content {
      gap: 24px;
      padding: 0;
    }
    .forbusiness__secondary-image-container {
      width: 203px;
      height: 276px;
    }
    .forbusiness__secondary-image {
      width: 100%;
      height: 100%;
      left: 0;
      position: relative;
    }
    .forbusiness__secondary-text {
      margin: 0px;
    }
  }

  /* Скрытие скроллбара для секции tariffs */
  .tariffs__scroll-container,
  .page-template-homerepair .tariffs__scroll-container,
  .page-template-commercial-repair .tariffs__scroll-container {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }

  .tariffs__scroll-container::-webkit-scrollbar,
  .page-template-homerepair .tariffs__scroll-container::-webkit-scrollbar,
  .page-template-commercial-repair .tariffs__scroll-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }

  /* Улучшенный рендеринг для текста */
  [class*="__title"],
  [class*="__subtitle"],
  h1, h2, h3, h4, h5, h6,
  .title, .subtitle,
  .hero-repair__title,
  .hero-repair__subtitle,
  .premdev__title,
  .premdev__info-text,
  .faq__title,
  .faq__question,
  .faq__answer {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: optimizeLegibility;
  }

  /* Кастомный скролл для всего сайта */
  * {
    scrollbar-width: thin;
    scrollbar-color: #00AC1D rgba(249, 251, 252, 0.15);
  }

  *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  *::-webkit-scrollbar-track {
    background: rgba(249, 251, 252, 0.15);
    border-radius: 4px;
  }

  *::-webkit-scrollbar-thumb {
    background: #00AC1D;
    border-radius: 4px;
  }

  *::-webkit-scrollbar-thumb:hover {
    background: #00C924;
  }