.swiper-pagination-bullet {
display: flex;
justify-content: center;
margin: 20px 0;
}
.swiper-pagination-bullet {
height: 10px !important;
width: 10px !important;
margin: 0 10px !important;
background-color: #bbb !important;
cursor: pointer !important;
transition: background-color 0.5s ease-in-out !important;
}
.swiper-pagination-bullet-active {
background-color: #717171 !important;
}
.testimonios-slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
border-radius: 50%;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
line-height: 30px;
font-size: 20px;
cursor: pointer;
transition: background-color 0.5s ease-in-out;
z-index:99;
}
.testimonios-slider-arrow:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.testimonios-slider-arrow-prev {
left: 20px;
}
.testimonios-slider-arrow-next {
right: 20px;
}
.testimonios-slider-arrow{
color: #dfdfdf !important;
}  .swiper .testimonio {
display: flex;
border-radius:  20px;
margin-bottom: 80px;
overflow: hidden;
background-image: linear-gradient(to top, #777149, #AA8333, #EEE7A8);
background-origin: border-box;
box-shadow: inset 0 100vw #171717;
border: 1px solid transparent;
color: #FFF;
}
.swiper .testimonio_img{
width: 35%;
}
.swiper .testimonio_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper .testimonio_text {
width: 65%;
color: white;
background: black;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.swiper .testimonio_text p{
margin-bottom: 15px;
}
.swiper .testimonio_text span{
text-align: right;
}
.swiper .testimonio_nombre{
font-size: 18px;
font-weight: 600;
}
.swiper-container{
position: relative;
width: 90%;
margin: 0 auto;
}
.swiper-container .testimonios-slider-arrow-prev{
left: -40px;
}
.swiper-container .testimonios-slider-arrow-next{
right: -40px;
}
@media (max-width: 1000px) {
.swiper .testimonio{
flex-direction: column;
}
.swiper .testimonio_img{
width: 100%;
height: 250px;
}
.swiper .testimonio_text {
width: 100%; 
}
.testimonios-slider-slides{
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (max-width: 600px){
.swiper-container{
width: 80%;
}
}