.reviews-section {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.reviews-heading {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    margin-top: 0px;
}

/* Make swiper fill full width */
.reviews-swiper,
.swiper-wrapper,
.swiper-slide {
  width: 100%;
}

.swiper-slide {
  display: block;
}

.review-card {
  padding: 1.5rem;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.3s ease;
  position: relative;
  text-align: center;
}

.review-stars {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.review-stars .star {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    color: #ccc;
    font-size: 1.5rem;
}

.review-stars .filled {
    color: #333333;
}

.review-title {
    margin-top: 0.5rem;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0.5rem;
    font-size: 24px;
    font-weight: 600;
}

.review-date {
    font-size: 16px;
    margin-bottom: 1rem;
    line-height: normal;
    font-weight: 400;
}

.review-message {
	margin: 0 1rem 1.5rem 1rem;
    padding-left: 30px;
    padding-right: 30px;
}

.review-author {
    margin-bottom: 1rem;
    font-weight: 600;
}

/* CENTERED BUTTONS INSIDE EACH SLIDE */
.swiper-nav {
  text-align: center;
  margin-top: 1rem;
}






:root {
  --swiper-navigation-size: 36px !important;
}

.swiper-button-prev,
.swiper-button-next {
    display: inline-block !important;
    text-align: center !important;
    vertical-align: middle;
    line-height: 36px !important; /* same as height for vertical centering */
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-color: #E63137 !important;
    color: white !important;
    font-size: 20px !important;
    padding: 0 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.swiper-button-prev {
  left: 10px !important;
  margin-left: 10px !important;
}

.swiper-button-next {
  right: 10px !important;
  margin-right: 10px !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: #000000 !important;
}


.swiper-button-next {
  left: auto !important;
  right: 10px !important;
  margin-right: 10px !important;
}

/* REMOVE swiper default arrows */
.swiper-button-prev::after,
.swiper-button-next::after {
  content: none !important;
}



@media only screen and (max-width: 700px) {
  .swiper-button-prev,
  .swiper-button-next {
    position: static !important;
    display: inline-block !important;
    margin: 10px 10px 0 10px !important;
  }

  .swiper {
    text-align: center;
  }
	
.review-message {
     padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 0 1.5rem 0 !important;
}	
	
.review-card {
    padding-top: 1.5rem;
    padding-right: 0rem;
    padding-left: 0rem;
    padding-bottom: 1.5rem;
}	
	
	
}