

    *, *::before, *::after {
      box-sizing: border-box;
    }

    .wrapper {
      height: 60%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 100px;
    }

    .carouselpbold {
      font-weight: 700;
    }

    .carousel {
      position: relative;
      overflow: hidden;
      width: 85%;
      max-width: 500px;
      height: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .carousel__item {
      width: 100%;
      padding: 0 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      opacity: 0;
      animation: carousel-animate-horizontal 20s linear infinite;


    }

    /* Stagger delays for 6 items */
    .carousel__item:nth-child(1) { animation-delay: 0s; }
    .carousel__item:nth-child(2) { animation-delay: 3.33s; }
    .carousel__item:nth-child(3) { animation-delay: 6.66s; }
    .carousel__item:nth-child(4) { animation-delay: 10s; }
    .carousel__item:nth-child(5) { animation-delay: 13.33s; }
    .carousel__item:nth-child(6) { animation-delay: 16.66s; }

    .carousel__item-head {
      border-radius: 50%;
      background-color: var(--background-grey-color);
      width: 84px;
      height: 84px;
      margin-bottom: -42px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: var(--white-color);
    }

    .carousel__item-body {
      width: 100%;
      background-color: var(--white-color);
      border-radius: 8px;
      padding: 50px 30px 40px 30px;
      text-align: center;
      z-index: -1;
      box-shadow: 0px 2px 15px rgb(206, 206, 206);
    }

    @keyframes carousel-animate-horizontal {
      0% { transform: translateX(-200%); opacity: 0; }
      2%, 16.66% { transform: translateX(-100%); opacity: 0.4; }
      18.66%, 33.33% { transform: translateX(0); opacity: 1; }
      35.33%, 50% { transform: translateX(100%); opacity: 0.4; }
      52%, 100% { transform: translateX(200%); opacity: 0; }
    }