/* Google Fonts - Poppins */

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



* {

margin: 0;

padding: 0;

box-sizing: border-box;

font-family: "Poppins", sans-serif;

}











.testimonial {

position: relative;

max-width: 900px;

width: 100%;

padding: 0px 0;

overflow: hidden;



margin:0 auto;

}

.testimonial .image {

height: 170px;

width: 170px;

object-fit: cover;

border-radius: 50%;

}

.testimonial .slide {

display: flex;

align-items: center;

justify-content: center;

flex-direction: column;

row-gap: 30px;

height: auto;

width: 100%;

}

.slide :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"])) {

text-align: center;

padding: 0 160px;

font-size: 16px;

font-weight: 400;

color: #434C57;

}

.slide .quote-icon {

font-size: 30px;

color: #4070f4;

}

.slide .details {

display: flex;

flex-direction: column;

align-items: center;

}

.details .name {

font-size: 18px;

font-weight: 600;

color: #d3cf61

}

.details .job {

font-size: 12px;

font-weight: 400;

color: #333;

}

/* swiper button css */

.nav-btn2 {

height: 40px;

width: 40px;

border-radius: 50%;

transform: translateY(30px);

background-color:#d4cf53;

transition: 0.2s;

}

.nav-btn2:hover {

background-color: #bab655;

}

.nav-btn2::after,

.nav-btn2::before {

font-size: 20px;

color: #000000;

height: 40px;

width: 40px;

}

.swiper-pagination-bullet {

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

}

.swiper-pagination-bullet-active {

background-color: #d3cf61;

}

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

.slide :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"])) {

padding: 0 20px;

}

.nav-btn2 {

display: none;

}

}