/* Google Fonts - Poppins */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");



.franchise-testimonial-container {

  height: 100vh;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.testimonial {

  position: relative;

  max-width: 900px;

  width: 100%;

  padding: 0px 0;

  overflow: hidden;

}



.testimonial .image {

  height: 300px;

  width: 300px;

  object-fit: cover;

  border-radius: 10% !important;

  padding: 20px;

}



.testimonial .slide {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  row-gap: 30px;

}



@media (min-width: 500px) {

  .chi-down {

    margin-top: 30px !important;

   

  }

}



.slide p {

  

 

  font-size: 15px;

  font-weight: 400;

  color: #333;

}



.slide .quote-icon {

  font-size: 30px;

  color: #4070f4;

}



.slide .details {

  display: flex;

  flex-direction: column;

  align-items: center;

}



.details .name {

  font-size: 14px;

  font-weight: 600;

  color: #333;

}



.details .job {

  font-size: 12px;

  font-weight: 400;

  color: #333;

}



/* swiper button css */

.nav-btn {

  height: 40px;

  width: 40px;

  border-radius: 50%;

  transform: translateY(30px);

  background-color: rgba(0, 0, 0, 0.1);

  transition: 0.2s;

}



.nav-btn:hover {

  background-color: rgba(0, 0, 0, 0.2);

}



.nav-btn::after,

.nav-btn::before {

  font-size: 20px;

  color: #fff;

}



.swiper-pagination-bullet {

  background-color: rgba(0, 0, 0, 0.8);

}



.swiper-pagination-bullet-active {

  background-color: #4070f4;

}



@media screen and (max-width: 768px) {

  .slide p {

    padding: 0 20px;

  }

  .nav-btn {

    display: none;

  }

}