body {
        font-family: 'Lato RU', 'Lato', sans-serif;
        overflow-x: hidden;
        max-width: 100vw;
      }
      html {
        overflow-x: hidden;
        max-width: 100vw;
      }
      #root {
        overflow-x: hidden;
        max-width: 100vw;
      }
      h1, h2, h3, h4, h5, h6 {
        font-family: 'Montserrat', sans-serif;
      }
      
      /* For custom scrollbar in slider */
      .slider-container::-webkit-scrollbar {
        height: 8px;
      }
      .slider-container::-webkit-scrollbar-thumb {
        background-color: #da3345;
        border-radius: 10px;
      }
      .slider-container::-webkit-scrollbar-track {
        background-color: #f1f1f1;
      }
      @keyframes float {
        0% { transform: translate(0, 0px) rotate(0deg); }
        50% { transform: translate(15px, 20px) rotate(5deg); }
        100% { transform: translate(0, 0px) rotate(0deg); }
      }
      @keyframes float-delay {
        0% { transform: translate(0, 0) rotate(0deg); }
        50% { transform: translate(-20px, 10px) rotate(-5deg); }
        100% { transform: translate(0, 0) rotate(0deg); }
      }
      @keyframes float-reverse {
        0% { transform: translate(0, 0px) rotate(0deg); }
        50% { transform: translate(-15px, -20px) rotate(-5deg); }
        100% { transform: translate(0, 0px) rotate(0deg); }
      }
      .animate-float {
        animation: float 8s ease-in-out infinite;
      }
      .animate-float-delay {
        animation: float-delay 10s ease-in-out infinite;
      }
      .animate-float-reverse {
        animation: float-reverse 9s ease-in-out infinite;
      }