/*=========================
	TESTIMONIAL CAROUSEL BLOCK
=========================*/

.block-testimonial-carousel .title {
  text-align: left;
  margin-bottom: var(--space-5);
}

.block-testimonial-carousel .swiper-slide {
  color: var(--color-t);
  background: var(--color-t-60);
  border-radius: 20px;
}

.block-testimonial-carousel .contentbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 100px;
}

.block-testimonial-carousel .swiper-slide .metabox {
  display: flex;
  gap: var(--space-3);
  align-items: center;
  margin-bottom: var(--space-3);
}
.block-testimonial-carousel .swiper-slide .metabox .image {
  width: 75px;
  height: 75px;
  background: var(--color-t-80);
  border-radius: 200px;
  position: relative;
}
.block-testimonial-carousel .swiper-slide .metabox .image img {
  border-radius: 200px;
  object-fit: cover;
  position: absolute;
  inset: 0;
}
.block-testimonial-carousel .swiper-slide .metabox .name {
  margin-bottom: var(--space-1);
}

.block-testimonial-carousel .swiper-slide .copy {
  margin-bottom: var(--space-2);
}


/* Swiper Pagination */
.block-testimonial-carousel .swiper-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-top: 80px;   
}
.block-testimonial-carousel .swiper-pagination {
  position: relative !important;
}
.block-testimonial-carousel .swiper-pagination .swiper-pagination-bullet {
  background: var(--color-n-white);
  border: 2px solid var(--color-n-white);
}
.block-testimonial-carousel.bg-color-n-white .swiper-pagination .swiper-pagination-bullet {
  background: var(--color-p);
  border: 2px solid var(--color-p);
}


/* Swiper Navigation */
.block-testimonial-carousel .swiper-button-prev,
.block-testimonial-carousel .swiper-button-next {
  width: 40px;
  height: 40px;
  position: relative !important;
  inset: 0;
}
.block-testimonial-carousel .swiper-button-prev svg path,
.block-testimonial-carousel .swiper-button-next svg path {
  stroke: var(--color-p);
}
.block-testimonial-carousel.bg-color-n-white .swiper-button-prev svg path,
.block-testimonial-carousel.bg-color-n-white .swiper-button-next svg path {
  stroke: var(--color-p);
}
.block-testimonial-carousel .swiper-button-next:after, 
.block-testimonial-carousel .swiper-button-prev:after{
    font-size: 16px;
    font-weight: 800;    
}


/* Responsive */
@media only screen and (max-width: 768px) {
    .block-testimonial-carousel .contentbox {
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }
  .block-testimonial-carousel .title {
    margin-bottom: var(--space-4);
  }
  .block-testimonial-carousel .swiper-slide .metabox {
    gap: var(--space-2);
  }
  .block-testimonial-carousel .swiper-slide .metabox .image {
    width: 55px;
    height: 55px;
  }
  .block-testimonial-carousel .swiper-slide .metabox .google-rating svg {
    width: 16px;
  }
}

@media only screen and (max-width: 576px) {
    .block-testimonial-carousel{
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }
  .block-testimonial-carousel .swiper-slide .copy {
    font-size: 1.6rem;
  }
  .block-testimonial-carousel .swiper-buttons{
    margin-top: 40px;
  }
  .block-testimonial-carousel .swiper-buttons .swiper-button-prev,
  .block-testimonial-carousel .swiper-buttons .swiper-button-next {
    width: 28px;
    height: 28px;
  }
}