.dot-slider {
  background: var(--grey-gradient, linear-gradient(180deg, #F5F5F5 0%, #EDEAEA 100%));
  padding: 45px 0;
}

.dot-slider .carousel-item {
  height: 450px;

  @media only screen and (max-width : 768px) {
    height: unset;
  }
}

.dot-slider .dot-slider-image {
  border-radius: 20px 0 0 20px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  height: 450px;

  @media only screen and (max-width : 768px) {
      height: unset;
      border-radius: 0;

  }
}

.dot-slider .slider-text {
  background-color: #fff;
  padding: 40px !important;
  border-radius: 0 20px 20px 0;

  p {
    color: #BE2090;
  }
}

.dot-slider .carousel-indicators{
  right: unset;
  margin: 0;
  padding: 40px;
}


.dot-slider .carousel-indicators li {
  border-radius: 50%;
  height: 19px;
  width: 19px;
  border: 1px solid #BE2090;
}

.dot-slider .carousel-indicators li.active {  
  background-color: #BE2090;
}