other-services-carousel.css

.other-services-carousel{
  margin-bottom: 150px;

  .services-carousel-card{
    position: relative;
    display: flex!important;
    justify-content: center;
  }
  .carousel-services-image {
    width: 32.8vw;
    height: 500px;
    object-fit: cover;
  }
  .carousel-gradient {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .carousel-services-text{
    position: absolute;
    bottom: 2rem;
    left: 3rem;
    color: white;
    font-size: 1.2rem;
  }
  .other-services-carousel-card-line {
    position: absolute;
    bottom: 2.8rem;
    left: 2.8rem;
    height: .2rem;
    width: 4rem;
    background-color: #fff;
  }
  .carousel-arrow {
    position: absolute;
    bottom: -2.3rem;
  }
  .prev-arrow {
    left: calc(50% - 1.3rem);
    z-index: 9;
  }

  .next-arrow {
    transform: rotate(180deg);
    right: calc(50% - 1.3rem);
  }

  .carousel-dots {
    margin-top: 3.3rem;
    width: 100%;
  }

}

@media(max-width: 1025px) {
  .other-services-carousel {
    .carousel-services-image{
      width: 95%;
    }
  }

}