@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
  }

  .rc-tab,
  .rc-tab:focus,
  .rc-tab:focus-visible,
  .rc-tab:active,
  .rc-tab:link,
  .rc-tab:visited,
  .rc-icon-wrap,
  .rc-icon-inner,
  .rc-icon,
  svg.rc-icon,
  .rc-tab svg,
  .rc-tab button,
  .rc-tab button:focus,
  .rc-tab button:focus-visible,
  .rc-tab button:active,
  .rc-label,
  .rc-fab-label,
  .rc-tab span,
  .rc-tab span:focus,
  .rc-tab span:active {
      outline: none !important;
      border: none !important;
      -webkit-tap-highlight-color: transparent !important;
      -webkit-user-select: none;
      user-select: none;
  }

  a.rc-tab,
  a.rc-tab:link,
  a.rc-tab:visited,
  a.rc-tab:hover,
  a.rc-tab:active,
  a.rc-tab:focus {
      color: inherit !important;
      text-decoration: none !important;
  }

  .rc-label {
      color: #9ca3af !important;
  }

  .rc-tab.active .rc-label {
      color: #ff1493 !important;
  }

  .rc-fab-label {
      color: #ff1493 !important;
  }