Для плавного скролла на iOS 
html {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: auto !important;
  }
  
  a[href^="#"] {
    scroll-behavior: smooth;
  }
  
   Фикс для viewport на iOS 
  @supports (-webkit-touch-callout: none) {
    nav.scrolled {
      position: -webkit-fixed;
      position: fixed;
    }
  }
  
  body {
    font-family: 'UNBOUNDED', Arial, sans-serif;
          margin: 0;
        padding: 0;
        overflow-x: hidden; /* Убираем скролл */
  }
  
  .uc-menu-mobile .t451__container {
      border-bottom: rgba(255, 255, 255, 0.35) solid 1px;
  }
  
  .uc-p {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 900;
      width: 100%;
  }
  
  #rec880917838 {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    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;
    cursor: pointer;
    z-index: 1000;
  }
  
  .uc-header {
    width: 100%;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    border-bottom: 1px solid rgb(255, 255, 255, 35%);
  }
  
      canvas {
        image-rendering: -moz-crisp-edges; /* Firefox */
        image-rendering: -webkit-optimize-contrast; /* Safari */
        image-rendering: crisp-edges; /* Стандартное значение */
        -ms-interpolation-mode: nearest-neighbor;
            image-rendering: -o-pixelated;
            image-rendering: pixelated; /* Для пиксельной графики */
      }
  
  
      /* Растягиваем canvas на весь экран */
      #canvas-animation {
        width: 100vw; /* 100% ширины окна */
        height: 100vh; /* 100% высоты окна */
        display: block; /* Убираем лишние отступы */
        position: absolute;
        left: 0;
        top: 0;
      }
      
          .canvas-wrap {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
                  -webkit-box-orient: vertical;
                  -webkit-box-direction: normal;
                      -ms-flex-direction: column;
                          flex-direction: column;
              row-gap: 32px;
              width: 100%;
          position: absolute;
          bottom: 150px;
      }
      
      .canvas-title {
          font-size: 24px;
          color: rgba(241, 241, 241, 1);
      }
  
      .uc-gsap-canvas {
          width: 100vw; /* 100% ширины окна */
          height: 100vh; /* 100% высоты окна */
          position: relative;
      }
      .slider-title {
          font-size: 72px;
          color: #fff;
          text-transform: uppercase;
          white-space: nowrap;
          font-weight: 700;
          opacity: 0.5;
          -webkit-transition: 0.3s opacity ease-in-out;
          -o-transition: 0.3s opacity ease-in-out;
          transition: 0.3s opacity ease-in-out;
      }
          .slider-title:nth-child(1) {
          opacity: 1;
      }
      
      .uc-gsap-canvas {
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0,0,0);
}
      .wrap-slider {
          z-index: 111;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-column-gap: 80px;
             -moz-column-gap: 80px;
                  column-gap: 80px;
                    will-change: transform;
  backface-visibility: hidden;
      }
      
      .uc-liner {
          top: calc(100% - 418px) !important;
      }
      
      .uc-map {
          background-color: antiquewhite;
      }
  
  nav {
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
  }
  
  nav.scrolled {
    background: #000 !important;
    position: sticky;
    top: 0;
    z-index: 1000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  
  .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1920px;
    margin: 0 auto;
    padding: 16px 40px;
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #fff;
  }
  
  .logo {
    width: auto; /* подставить реальные размеры лого */
    height: 80px;
  }
  
  .nav-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400;
    font-size: 16px;
    -webkit-column-gap: 65px;
       -moz-column-gap: 65px;
            column-gap: 65px;
    row-gap: 16px;
    white-space: nowrap;
    padding: 0 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .nav-item a {
      color: #fff !important;
  }
  
  .nav-wrap a {
    color: #fff !important;
  -webkit-transition: color 0.3s ease, font-weight 0.3s ease;
  -o-transition: color 0.3s ease, font-weight 0.3s ease;
  transition: color 0.3s ease, font-weight 0.3s ease;
  }
  
      .nav-wrap a.active {
          color: #FFCC02 !important;
          font-weight: bold;
      }
  
  .phone {
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 48px;
       -moz-column-gap: 48px;
            column-gap: 48px;
    row-gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .social-icons img {
    width: 32px;
    height: 32px;
  }
  
  .wrap_phone_social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 72px;
       -moz-column-gap: 72px;
            column-gap: 72px;
    row-gap: 16px;
    padding: 0 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  #rec871176317 .tn-elem[data-elem-id="1740412630738"] {
    height: 100% !important;
  }
  
  #rec871176317 .tn-elem[data-elem-id="1740412630738"] img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    
  }
  
  #rec872377998 .tn-elem[data-elem-id="1740747921877"] {
      height: 100vh !important;
  }
  
  #rec872377998 .tn-elem[data-elem-id="1740746256030"] {
      height: 100vh !important;
  }
  
  #rec872377998 .t396__carrier, #rec872377998 .t396__filter, #rec872377998 .t396__artboard {
     height: 100vh !important;
  }
  
  #canvas {
        width: 100%;
        height: 100vh;
  }
  
  .uc-div-img {
      width: 100%;
      height: 100%;
  }
  
  .uc-div-img img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%;
  }
  
  .uc-gsap {
      position: relative;
  
  }
  
  .uc-bg {
      position: relative;
      max-width: 100% !important;
      width: 100% !important;
      max-height: 100vh !important;
      height: 100vh !important;
  }
  
  .uc-bg-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  
      #rec872072533 .t-section__title {
          margin-bottom: 24px !important;
      }
      
      .uc-map {
          position: relative;
      }
      
      .t975__wrapper {
          min-height: auto;
      }
  
  @media (max-width: 1680px) and (min-width: 1500px) {
    .nav-wrap {
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px;
    }
    .wrap_phone_social {
      -webkit-column-gap: 32px;
         -moz-column-gap: 32px;
              column-gap: 32px;
    }
  }
  
  @media (max-width: 1500px) and (min-width: 1440px) {
        .nav-wrap {
      -webkit-column-gap: 24px;
         -moz-column-gap: 24px;
              column-gap: 24px;
          padding: 0;
    }
  }
  
  @media (max-width: 1440px) and (min-width: 960px) {
    .container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      row-gap: 16px;
    }
  
    .wrap_phone_social {
      padding: 0 0 0 16px;
    }
  
    .nav-links {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      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;
      -webkit-column-gap: 32px;
         -moz-column-gap: 32px;
              column-gap: 32px;
    }
      .nav-wrap {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      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;
      -webkit-column-gap: 32px;
         -moz-column-gap: 32px;
              column-gap: 32px;
          padding: 0;
    }
  }
  
  @media (max-width: 960px) {
    .container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      row-gap: 16px;
      padding: 16px 0 16px 16px;
    }
  
    .wrap_phone_social {
      -webkit-column-gap: 24px;
         -moz-column-gap: 24px;
              column-gap: 24px;
    }
  
    .social-icons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-column-gap: 24px;
         -moz-column-gap: 24px;
              column-gap: 24px;
    }
        .nav-links {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      overflow-x: auto;
      padding: 0;
    }
      .nav-wrap {
      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;
      -webkit-column-gap: 32px;
         -moz-column-gap: 32px;
              column-gap: 32px;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      padding: 0;
    }
  
    .nav-links::-webkit-scrollbar {
      width: 0;
    }
  }
  
  @media (max-width: 768px) {
      
          .canvas-title {
              width: 280px;
          font-size: 21px;
          color: rgba(241, 241, 241, 1);
      }
          .slider-title {
          font-size: 31px;
      }
      .wrap-slider {
          -webkit-column-gap: 80px;
             -moz-column-gap: 80px;
                  column-gap: 80px;
      }
              .canvas-wrap {
                  row-gap: 16px;
          bottom: 150px;
      }
  }
  
  @media (max-width: 640px) {
    .container {
      padding: 16px 20px;
    }
    .wrap_phone_social {
      padding: 0 0 0 16px;
    }
    .phone {
      font-size: 14px;
    }
      .nav-wrap {
      font-size: 14px;
      -webkit-column-gap: 16px;
         -moz-column-gap: 16px;
              column-gap: 16px;
    }
    .t {
      width: 24px;
    }
    .w {
      width: 24px;
    }
    .logo {
      height: 40px;
    }
  }
  
  @media (max-width: 380px) {
    .phone {
      font-size: 12px;
    }
    .social-icons {
      -webkit-column-gap: 18px;
         -moz-column-gap: 18px;
              column-gap: 18px;
    }
    .wrap_phone_social {
      -webkit-column-gap: 16px;
         -moz-column-gap: 16px;
              column-gap: 16px;
    }
    .t {
      width: 18px;
    }
    .w {
      width: 18px;
    }
    .logo {
      height: 32px;
    }
  }