@charset "utf-8";

/* CSS Document */



  .carousel {

      width: 100%;

      margin: 0 auto;

      overflow: hidden;

      position: relative;

    }



    .carousel__track {

      display: flex;
      transition: transform 1.2s cubic-bezier(0.25, 0.8, 0.25, 1);
      will-change: transform;

    }



    .carousel__slide {

      width: 100%;

      flex-shrink: 0;

    }



    .carousel__img {

      width: 100%;

      display: block;

    }



    .carousel__nav {

      text-align: center;

      margin-top: -25px;

    }



    .carousel__indicator {

      display: inline-block;

      width: 10px;

      height: 10px;

      margin: 5px;

      background-color: #ddd;

      border-radius: 50%;

      cursor: pointer;

    }



    .carousel__indicator.active {

      background-color: #333;

    }



    .carousel__buttons {

      position: static;

      width: 100%;

      margin-top:10px;

      display: flex;

      justify-content: space-between;

      z-index: 1;

    }



    .carousel__button {

      background-color: rgba(0, 0, 0, 0.5);

      color: white;

      border: none;

      padding: 10px;

      cursor: pointer;

    }