@font-face {
      font-family: 'Nunito Sans';
      src: url(../../Assets/Font/NunitoSans.ttf);
  }

  @font-face {
      font-family: Soin-Sans-Pro-Roman;
      src: url(../../Assets/Font/SoinSansProRoman.ttf);
  }

  * {
      margin: 0;
      padding: 0;
      text-decoration: none;
      font-family: 'Nunito Sans', sans-serif;
      outline: none;
      list-style: none;
      scrollbar-width: none;
      -webkit-tap-highlight-color: transparent;
  }

  *::-webkit-scrollbar {
      display: none;
  }

  html,
  body {
      overflow-x: hidden !important;
  }

  .mega-drop {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: max-height .45s cubic-bezier(.4, 0, .2, 1), opacity .3s
  }

  .mega-drop.open {
      max-height: 800px;
      opacity: 1
  }

  .tab-pane {
      display: none
  }

  .tab-pane.active {
      display: block
  }

  .tab-link.active {
      color: #ff1493;
      border-bottom-color: #ff1493
  }

  .hover-card {
      transition: all .2s
  }

  .hover-card:hover {
      border-color: #ff1493;
      transform: translateY(-1px)
  }

  @keyframes minimalMarquee {
      0% {
          transform: translateX(0)
      }

      100% {
          transform: translateX(-50%)
      }
  }

  .minimal-marquee {
      animation: minimalMarquee 35s linear infinite
  }

  .minimal-marquee:hover {
      animation-play-state: paused
  }

  @keyframes truckDrive {

      0%,
      100% {
          transform: translateX(0)
      }

      25% {
          transform: translateX(3px)
      }

      75% {
          transform: translateX(-1px)
      }
  }

  @keyframes truckBounce {

      0%,
      100% {
          transform: translateY(0) rotate(0)
      }

      30% {
          transform: translateY(-1px) rotate(-1deg)
      }

      60% {
          transform: translateY(.5px) rotate(.5deg)
      }
  }

  .group:hover .truck-animate {
      animation: truckDrive .8s ease-in-out, truckBounce .4s ease-in-out infinite
  }

  .hide-scrollbar::-webkit-scrollbar {
      display: none
  }

  .hide-scrollbar {
      scrollbar-width: none;
      -ms-overflow-style: none
  }

  .btn-3d {
      position: relative;
      transform-style: preserve-3d;
      transition: all .2s cubic-bezier(.4, 0, .2, 1)
  }

  .btn-3d:active {
      transform: translateY(2px) scale(.98)
  }

  .rc-wrap-active {
      box-shadow: inset 4px 4px 8px rgba(0, 0, 0, .08), inset -4px -4px 8px #fff !important
  }

  .rc-wrap-inactive {
      box-shadow: 4px 4px 8px rgba(0, 0, 0, .08), -4px -4px 8px #fff !important
  }