.hero .left .flex {
  gap: 1rem;
}

.hero .left .btn {
  width: auto;
  min-width: 250px;
  border-radius: 0;
  border-radius: 10px;
  margin-top: 1rem;
  padding-left: 25px;
  padding-right: 25px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.hero .left .btn:hover {
  box-shadow: none;
}

/* .cleaningpage-services {
  width: 80%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1rem;
  margin: 0 auto;
}

.cleaningpage-services__card {
  width: 250px;
  border: 10px;
} */

/* Base styles */
.testimonial-section {
  position: relative;
  overflow: hidden; /* Hide overflow for the sliding effect */
  padding: 20px; /* Space around the section */
  background-color: #f4f4f4; /* Background color of the section */
}

.testimonial-slider {
  display: flex; /* Display cards in a row */
  transition: transform 0.5s ease-in-out; /* Smooth sliding transition */
}

.testimonial-card {
  background-color: #fff; /* White background for the card */
  border: 1px solid #e0e0e0; /* Light grey border */
  border-radius: 10px; /* Rounded corners */
  padding: 20px; /* Spacing inside the card */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  flex: 0 0 calc(100% / 3 - 40px); /* Three cards per view */
  box-sizing: border-box; /* Ensure padding and border are included in the width */
  margin: 0 10px; /* Space between cards */
}

.testimonial-card p {
  color: #333; /* Dark grey text color */
  font-size: 16px; /* Font size for the testimonial text */
  line-height: 1.5; /* Line height for readability */
}

.testimonial-card .author {
  margin-top: 15px; /* Spacing above the author's name */
  font-weight: bold; /* Bold font for the author's name */
  color: #555; /* Slightly lighter grey for the author's name */
}

.testimonial-card .author-title {
  font-size: 14px; /* Smaller font size for the author's title */
  color: #777; /* Even lighter grey for the author's title */
}

/* Arrow styles */
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
}

.left-arrow {
  left: 10px;
}

.right-arrow {
  right: 10px;
}

.our-service-left {
  h2 {
    font-size: 2rem;
    padding-bottom: 10px;
  }
}

.our-service-right {
  h2 {
    font-size: 2rem;
    padding-bottom: 10px;
  }
  p {
    max-width: 720px;
  }
}

/* Responsive styles */

@media (max-width: 1200px) {
  .our-top-wrapper {
    padding-bottom: 0;
  }
  .our-service-left {
    padding-bottom: 50px;
  }
}

@media (max-width: 1024px) {
  .testimonial-card {
    flex: 0 0 calc(100% / 2 - 30px); /* Two cards per view */
  }
}

@media (max-width: 768px) {
  .testimonial-card {
    flex: 0 0 calc(100% - 20px); /* One card per view */
  }
}