.testimonials {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.testimonialsHead {
    color: var(--text-color, #252B42);
    text-align: center;
    margin-bottom: 1.5em;
    font-family: Open Sans;
    font-size: 2.5em;
    font-style: normal;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: 0.2px;
}

.swiper {
    width: 82%;
    height: auto;
}

.swiper-slide {
    height: auto;
    text-align: center;
    font-size: 1.125em;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;

    padding: 35px 40px;
    flex-direction: column;
    text-align: left;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0px 13px 19px 0px #00000012;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navigationSwiper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: space-between;
    height: auto;
    bottom: 15em;
}

.swiper-button-next {
    margin-right: 1.5em;
}

.swiper-button-prev {
    margin-left: 1.5em;
}

.commasSVG {
    width: 20%;
    height: auto;
    margin-bottom: 1em;
}

.commasSVG>svg {
    width: 100%;
    height: auto;
}

.review {
    color: var(--Text-color, var(--text-color, #252B42));
    margin-bottom: 1.2em;
    font-family: Montserrat;
    font-size: 0.875em;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    height: 75%;
    width: 100%;
    letter-spacing: 0.2px;
}

.reviewLine {
    width: 100%;
    height: 0.05em;
    color: #EC5C2E;
    margin-left: auto;
    margin: 1em 0;
}

.profile {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5em;
}

.profilePhoto {
    width: 17%;
}

.profilePhoto img {
    width: 100%;
}

.profileName {
    color: var(--text-color, #252B42);
    font-family: Montserrat;
    font-size: 0.875em;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.2px;
}

.profileNameDesignation {
    color: #737373;
    font-family: Montserrat;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0.20000000298023224px;
    text-align: left;
}



@media(max-width: 500px) {

    .swiper-wrapper{
        width: 105%;
    }
    .testimonialsContainer{
        margin-bottom: 2em;
    }

    .testimonials {
        margin-bottom: 0.5em;
    }
    .testimonialsHead {
        font-size: 1.5em;
        line-height: 33px;
        letter-spacing: 0;
        margin-bottom: 4px;
        width: 80%;
    }

    .swiper {
        width: 80%;
    }
    .swiper-slide {
        align-items: center;
    }

    .navigationSwiper {
        bottom: -2em;
    }

    .swiper-button-prev{
        margin-left: 13em;
    }

    .review {
        font-size: 0.75em;
    }

    .profile {
        gap: 1em;
    }

    .profilePhoto {
        width: 20%;
    }

    .profileName {
        font-size: 0.75em;
    }

    .profileNameDesignation {
        font-size: 0.625em;
    }
}

@media (max-width: 350px) {

    .swiper-button-prev{
        margin-left: 9em;
    }
}

@media (max-width: 300px) {

    .swiper-button-prev{
        margin-left: 4em;
    }
}

.swiper-button-next, .swiper-button-prev {
    width: auto;
    height: auto;
    background: none;
}

.swiper-button-next::after, .swiper-button-prev::after {
    content: none;
}

.next-button, .prev-button {
    display: inline-flex;
    padding: 0.5rem;
    border-radius: 3.125rem;
    background: #0669FF;
}

.swiper-button-disabled {
    opacity: 1 !important;
    background: #E1F4FF;
}

.swiper-button-disabled svg path {
    fill: #4915DD !important;
    stroke: #4915DD !important;
}