/* .menu_item {
    font-size: 15px;
    font-weight: 700;
    margin-right: 25px;
    border-radius: 10px;
    padding: 10px;
        transition: background-color 0.5s ease, color 0.3s ease;

}
.menu_item:hover{
  background-color: var(--cl-orange-dark);
} */

/* HTML: <div class="loader"></div> */
.loader_div {
  width: 30px;
  margin-left: 300px;
  aspect-ratio: 1.154;
  clip-path: polygon(50% 0,100% 100%,0 100%);
  display: grid;
  background: var(--cl-orange);
}
.loader_div::before,
.loader_div::after {
  content: "";
  grid-area: 1/1;
  background: inherit;
  clip-path: inherit;
  transform-origin: 50% 66%;
  animation: l7-1 2s infinite; 
}
.loader_div::before {
  background: var(--cl-orange-light);
  animation: l7-2 2s infinite 1s; 
}
@keyframes l7-1 {
  0% ,99.9% {transform:scale(1)}
  50%,99%   {transform:scale(0)}
}
@keyframes l7-2 {
  0%,51%{transform:scale(1)}
  50%   {transform:scale(0)}
}