/* #bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-image: url('../logo.png');
    background-size: 126px 126px;
    height: 100vh;
    width: 100vw;
    animation: 90s scroll infinite linear;
    opacity: 0.1;
} */
  
  

/* @-webkit-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}

@-moz-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}

@-o-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}

@-ms-keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
}

@keyframes scroll {
    100% {
        background-position: -3000px 0px;
    }
} */

#staff {
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 30px; */
}

/* .order{
    padding: 30px;
} */

.cardi {
    padding: 3em;
    display: flex;
    border-radius: 1rem;
    gap: 3em;
    text-overflow: clip;
    align-items: center;
}

.cardi__icon {
    height: 7em;
    width: 7em;
    border-radius: 50%;
    background-color: #73347c;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: shadow 1s infinite alternate;
    flex-shrink: 0;
    margin-left: 30px;
}
.cardi__info-price {
    font-size: 1.6em;
    font-weight: 700;
}
.cardi__info-price__icon {
    cursor: pointer;
}
.cardi__info-note {
    font-size: .78em;
    margin-top: 10px;
    text-transform: uppercase;
}
.cardi__info-note__price {
    color: #c40309;
    font-weight: 900;
}

@media screen and (max-width: 450px) {
    .cardi {
        flex-direction: column;
        text-align: center;
   }
   .cardi__icon {
       height: 20px;
       width: 20px;
       border-radius: 50%;
       background-color: #73347c;
       display: flex;
       justify-content: center;
       align-items: center;
       animation: shadow 1s infinite alternate;
       flex-shrink: 0;
       margin-left: 30px;
   }
   .cardi__info-price {
       font-size: 14px;
       font-weight: 600;
   }
   .cardi__info-price__icon {
       cursor: pointer;
   }
   .cardi__info-note {
       font-size: 6px;
       margin-top: 10px;
       text-transform: uppercase;
   }
   .cardi__info-note__price {
       color: #f63f45;
       font-weight: 400;
   }
   .svg-icon {
    width: 3em;
    height: 3em;
  }
}
@keyframes shadow {
    to {box-shadow: 0 0 0 10px #be43ce;}
}
.svg-icon {
    width: 2em;
    height: 2em;
  }
  
  .svg-icon path,
  .svg-icon polygon,
  .svg-icon rect {
    fill: #fff;
  }
  
  .svg-icon circle {
    stroke: #fff;
    stroke-width: 1;
  }