.navbar{
    position: fixed;
  }
  a, a:hover{
      text-decoration:none;
  }
  .breadcrumb{
    padding: 180px 0 93px;
    margin: 0;
    text-align: center;
  }
  .counter {
    font-size: 2rem;
    font-weight: bold;
  }
  .fade_right {
    opacity: 0;
    transform: translateX(20px);
    animation: fadeRight 1s forwards;
  }
  ol, ul{
    padding-left: 0px;
  }
  
  @media (min-width: 768px){
    .navbar > .container_large{
      width:696px;
    }
  }

  @media (min-width: 992px){
    .navbar > .container_large{
      width:935px;
    }
  }
 

  @media (min-width: 1200px){
    .navbar > .container_large{
      width:1116px;
    }
  }
  @media (min-width: 1400px){
    .navbar > .container_large{
      width:1297px;
    }
  }

  @keyframes fadeRight {
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .rise-up {
    opacity: 0;
    transform: translateY(80px);
    animation: riseUp 1.5s forwards;
  }
  
  @keyframes riseUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .char{
    font-weight: 600;
    font-size: 36px;
    position: relative;
    animation: an 1s ease-out 1 both;
    display: inline-block;
    text-align: start;
}

@keyframes an{
    from{
        opacity: 0;
        transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
    }
    to{
        opacity: 1;
        transform: perspective(500px) translate3d(0, 0, 0);
    }
}

 
#magic-cursor {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 10000;
}

#ball {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 2px solid #555;
  border-radius: 50%;
  background-color: transparent;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.ball-view,
.ball-arrow,
.ball-image-view,
.ball-gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}