*{
  margin: 0;
  padding: 0;
}
.main-container{
  display: flex;
  justify-content: center;
  /* gap:1.5rem; */
}
.benefits{
  width: 45%;
  height: 96vh;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  gap:2.8rem;
  /* align-items: center; */
  justify-content: center;
  background-color: #D1e5D2;
}
.benefits h1{
margin: 0 11.5rem;
text-decoration: underline;
font-size: 2rem;
}
.benefits li{
  margin: 0 5rem;
  font-weight: 600;
  font-size: 1.3rem;
}

.carousel-container {
        width: 44%;
        margin-top: 5px;
        overflow: hidden;
        position: relative;
    }

    .carousel-slide {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .carousel-item {
        width: 100%;
        flex: 0 0 auto;
        height: 96vh;
    }
   .carousel-item img{
    /* object-fit: cover;
    object-position: center; */
    height: 100%;
    width: 100%;
   }
    .carousel-btn {
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 10px;
        background-color: rgba(0, 0, 0, 0.5);
        color:  #fff;;
        border: none;
        outline: none;
    }

    .carousel-prev {
        left: 10px;
    }

    .carousel-next {
        right: 10px;
    }


    .carousel-indicators {
      display: flex;
      justify-content: center;
      margin-top: 10px;
  }

  .carousel-indicator {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: rgb(0, 0, 0);
      margin: 0 5px;
      cursor: pointer;
  }

  .carousel-indicator.active {
   background-color: #D1e5D2;
  }