:root {
    --primary-background: #dadada;
    --secondary-background: #060606;
    --btn-background: #f96800;
    --primary-color: #dadada;
    --secondary-color: #131313;
  }
  @font-face {
    font-family: Hit-Cond;
    src: url(/assets/fonts/HitmarkerCondensed-Regular.woff2);
  }
  
  @font-face {
    font-family: Hit-Bold;
    src: url(/assets/fonts/HitmarkerNormal-Bold.woff2);
  }
  
  @font-face {
    font-family: Hit-Regular;
    src: url(/assets/fonts/HitmarkerText-Regular.woff2);
  }
  
  #olyCursor {
    position: fixed;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Hit-Cond;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    background-color: var(--btn-background);
    border-radius: 50%;
    transition: cubic-bezier(0.19, 1, 0.22, 1);
    mix-blend-mode: difference;
    pointer-events: none;
  }
  
  #loader {
    z-index: 9999;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: var(--secondary-background);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  
  #loader-svg-con {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  
  #loader-svg-con svg {
    scale: 0.3;
  }
  
  .global-texts-Cond {
    font-family: Hit-Cond;
    color: var(--primary-color);
  }
  
  .nav-link {
    font-family: Hit-Cond;
    color: var(--primary-color);
  }
  
  .swiper {
    width: 100%;
    height: 100%;
  }
  
  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .mc--container {
    position: relative;
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  
  .tipi-cod {
    justify-content: center;
    font-family: Hit-Bold;
    font-size: 1vw;
    color: #dadada;
    position: absolute;
    top: 72%;
    right: 0.5%;
    border-radius: 11px;
    background-color: #50db00;
    width: 7.5vw;
    height: 3vw;
    display: flex;
    align-items: center;
  }
  
  .mc--child-1-top svg {
    width: fit-content;
  }
  
  .slider-image--banner {
    object-fit: cover;
    filter: brightness(0.7);
  }
  
  .mc--child-2-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    color: var(--primary-color);
    padding-left: 1.5vw;
  }
  
  .mc--spn {
    width: fit-content;
    font-size: 1.6vw;
    font-weight: 500;
    font-family: Hit-Cond;
  }
  
  .mc--para {
    font-weight: 100;
    width: fit-content;
    font-family: Hit-Cond;
    font-size: 1.2vw;
    width: 70%;
  }
  
  .tilt {
    transition: box-shadow 0.1s, transform 0.1s;
  }
  
  ::-webkit-scrollbar {
    display: none;
  }
  /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
  
  /* 
  @-webkit-keyframes animate-svg-fill-1 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-1 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-elem-1 {
    -webkit-animation: animate-svg-fill-1 3s
      cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s both;
    animation: animate-svg-fill-1 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s
      both;
  }
  
  @-webkit-keyframes animate-svg-fill-2 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-2 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-elem-2 {
    -webkit-animation: animate-svg-fill-2 3s
      cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s both;
    animation: animate-svg-fill-2 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s
      both;
  }
  
  @-webkit-keyframes animate-svg-fill-3 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-3 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-elem-3 {
    -webkit-animation: animate-svg-fill-3 3s
      cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s both;
    animation: animate-svg-fill-3 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s
      both;
  }
  
  @-webkit-keyframes animate-svg-fill-4 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(249, 104, 0);
    }
  }
  
  @keyframes animate-svg-fill-4 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(249, 104, 0);
    }
  }
  
  .svg-elem-4 {
    -webkit-animation: animate-svg-fill-4 3s
      cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.1s both;
    animation: animate-svg-fill-4 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.1s
      both;
  }
   */