/*
    testimonial css
*/
@media only screen and (max-width: 767px) {
  .customer__review--heading {
    flex-direction: column;
    gap: 3rem;
  }
}
.customer__review--heading__title{
  font-size: 2.8rem;
  line-height: 3.8rem;
}
@media only screen and (min-width: 768px) {
  .customer__review--heading__title{
    font-size: 3.2rem;
    line-height: 4.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .customer__review--heading__title{
    text-align: center;
  }
}
.reviews_swiper_btn::after {
    display: none;
  }
  .reviews_swiper_btn {
    width: 5rem;
    height: 5rem;
    background: var(--secondary-color);
    color: var(--white-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    opacity: 0;
  }
  .reviews_swiper_btn:hover {
    background: var(--black-color);
  }
  
  .reviews_swiper_btn.swiper-button-prev {
    left: 0 !important;
  }
  .reviews_swiper_btn.swiper-button-next {
    right: 0 !important;
  }
  .reviews__column2 {
    padding-bottom: 6rem;
  }
  @media only screen and (min-width: 768px) {
    .reviews__column2 {
      padding-bottom: 7rem;
      padding-right: 25rem;
    }
  }
  .reviews__column2:hover .reviews_swiper_btn {
    opacity: 1;
  }
  .testimonial--card {
    padding: 2.5rem 3rem;
    background: #0B182A;
    border: 1px solid #232E3E;
    border-radius: 1rem;
  }
  @media only screen and (max-width: 479px) {
    .testimonial--card {
      padding: 2rem
    }
  }
  @media only screen and (min-width: 1366px) {
    .testimonial--card {
      padding: 3.5rem 5rem;
    }
  }
  .testimonial--content > p{
    opacity: 0.7;
  }
  @media only screen and (min-width: 1200px) {
    .testimonial--content > p {
      font-size: 1.8rem;
      line-height: 2.8rem;
    }
  }

  .testimonial--content{
    display: flex;
    gap: 1rem;
  }
  .testimonial__code--icon{
    min-width: 2rem;
  }
  .testimonial--header{
    margin-bottom: 2rem;
  }
  .testimonial--header > h3 {
    font-weight: bold;
  }
  .testimonial--author {
    margin-top: 3rem;
  }
  @media only screen and (max-width: 479px) {
    .testimonial--author {
      flex-direction: column;
      gap: 2rem;
    }
  }
  .testimonial__author--thumb{
    width: 7rem;
  }
  .testimonial__author--content{
    width: calc(100% - 7rem);
    padding-left: 3rem;
  }
  @media only screen and (max-width: 479px) {
    .testimonial__author--content{
      width: 100%;
      padding-left: 0;
    }
  }
  .testimonial__author--title{
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-bottom: 1.2rem;
  }
  .testimonial__author--subtitle{
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 400;
    opacity: 0.8;
    margin-bottom: 1.2rem;
  }
  .rating__wrapper{
    gap: 1rem;
  }
  .rating__list{
    gap: 0.3rem;
  }
  .rating__reviews--text{
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
  }
  .rating__reviews--text span{
    color: #21FF0E;
  }
  .testimonial__pagination{
    bottom: 0 !important;
  }
  .testimonial__pagination .swiper-pagination-bullet{
    width: 1.8rem;
    height: 1.8rem;
    border: 2px solid #666666;
    opacity: 1;
    background: inherit;
    margin: 0 0.5rem !important;
    position: relative;
  }
  .testimonial__pagination .swiper-pagination-bullet::before{
    position: absolute;
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    background: #ffffff;
    left: 3px;
    top: 3px;
    opacity: 0;
    border-radius: 50%;
    transition: .3s;
}
.testimonial__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color: #ffffff;
}
.testimonial__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    opacity: 1;
}

.customer__heading--reviews__count--text{
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-top: 1rem;
}
.customer__heading--reviews{
  gap: 2rem;
}
.customer__heading--reviews__thumbnail--list{
  border: 1px solid var(--white-color);
  border-radius: 50%;
}
.customer__heading--reviews__thumbnail--list:nth-child(2){
  margin-left: -1.5rem;
}
.customer__heading--reviews__thumbnail--list:nth-child(3){
  margin-left: -1.5rem;
}



@media only screen and (min-width: 768px) {
  .customer__review--swiper__container {
    width: calc(100% - 2rem);
    margin: 0 0 0 auto;
  }
}
@media only screen and (min-width: 1366px) {
  .customer__review--swiper__container {
    width: calc(100% - 3rem);
  }
}
@media only screen and (min-width: 1600px) {
  .customer__review--swiper__container {
    width: calc(100% - 9rem);
  }
}
@media only screen and (min-width: 1700px) {
  .customer__review--swiper__container {
    width: calc(100% - 23rem);
  }
}
@media only screen and (max-width: 767px) {
  .customer__review--swiper__container {
    padding: 0 1.5rem;
  }
}
.customer__review--section{
  position: relative;
}