.testinomial-banner-container {
    width: 90%;
    margin: auto;
    padding: 70px 50px 30px 50px;
}

.testinomial-banner-container .banner-image {
    width: 100%;
    height: auto;
    max-height: 800px;
}

.testinomial-banner-container .banner-image img {
    width: 100%;
    height: 100%;
    max-height: 800px;
    object-fit: cover;
}

.testimonnial-hero-container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-content: center;
    gap: 40px;
    padding: 0 20px;
    margin: 20px auto 40px auto;
    text-align: center;
}
.testimonial-container-div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonial-container-div-first-child {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
.testimonial-container-div-last-child {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: end;
    justify-content: center;
}
.testimonial-containers-top-left {
    width: 100%;
    height: 100%;
    max-width: 250px;
    max-height: 350px;
    background: #d0a86a;
    border-top-right-radius: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: start;
    padding: 40px 20px;
}
.testimonial-containers-top-left-two {
    width: 100%;
    height: 100%;
    max-width: 250px;
    max-height: 350px;
    background: #acb1d6;
    border-radius: 0 0 30% 30%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: start;
    align-items: center;
    padding: 40px 20px;
}
.testimonial-containers-top-center {
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 400px;
    background: #499084;
    border-radius: 100% 100% 100% 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 80px 20px;
}
.testimonial-containers-top-right {
    width: 100%;
    height: 100%;
    max-width: 350px;
    max-height: 400px;
    background: #eaf075;
    border-bottom-left-radius: 40%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 80px 20px;
}
.testimonial-containers-bottom-left {
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 400px;
    background: #c599b6;
    border-radius: 85px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 80px 20px;
}

.testimonial-containers-bottom-center {
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 400px;
    background: #eec759;
    border-radius: 100% 100% 25px 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 80px 20px;
}

.testimonial-containers-bottom-right-one {
    width: 100%;
    height: 100%;
    max-width: 350px;
    max-height: 100px;
    background: #ef9c66;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
}
.testimonial-containers-bottom-right-two {
    width: 100%;
    height: 100%;
    max-width: 350px;
    max-height: 100px;
    background: #9dbc98;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
}
.testimonial-containers-heading {
    font-size: 25px;
    font-weight: 700;
}
.testimonials-container-para {
    font-size: 20px;
    font-weight: 500;
}

.rating-container {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

.testinomial-banner-container .residential-heading {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    justify-content: center;
    padding: 2vw 1vw;
    margin-bottom: 1vw;
    /* background: linear-gradient(to right, #c5f7fd 20%, #ffffff 100%); */
    /* background: linear-gradient(to right, #d4f1f4 45%, #ffffff 25%); */
}

.testinomial-banner-container .residential-heading .heading-lines {
    display: flex;
    width: 100%;
    gap: 100px;
    justify-content: start;
}

.testinomial-banner-container .residential-heading p {
    font-size: 40px;
}

.testinomial_main .letsdoit-heading {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}

.testinomial_main .letsdoit-heading .heading-lines {
    display: flex;
    width: 100%;
    gap: 100px;
    justify-content: start;
}

.testinomial_main .letsdoit-heading h1 {
    font-size: 45px;
    font-weight: 500;
}
.name_hr {
    width: 30%;
}

@media (max-width: 1300px) {
    .testimonnial-hero-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .testimonial-container-div-first-child {
        justify-content: center;
    }
    .testimonial-container-div-last-child {
        align-items: center;
    }
}

@media (max-width: 800px) {
    .testinomial-banner-container {
        padding: 30px 50px 30px 50px;
    }
    .testimonnial-hero-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .testinomial-banner-container {
        padding: 40px 0 50px 0;
    }
}

/* ------ratings container---- */

.reveiws_container {
    width: 90%;
    margin: auto;
    padding: 0px 50px 100px 50px;
}
.reveiws_container .reveiws {
    display: flex;
    gap: 25px;
    padding: 70px 0;
}
.reveiws_container .reveiws .reveiws_first {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
    justify-content: center;
}
.reveiws_container .reveiws .reveiws_first .reveiw_profile_name {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 24px;
    font-weight: 800;
}
.reveiws_container .reveiws .reveiws_first h1 {
    font-size: 40px;
    font-weight: 400;
    width: 80%;
}
.reveiws_container .reveiws .reveiws_first p {
    font-size: 22px;
    font-weight: 500;
    margin-top: 10px;
}
.reveiws_container .reveiws .reviews_second {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 2px; */
}

.reveiws_container .reveiws .reviews_second .rating_number {
    font-size: 25px;
}

/* ----media query------ */
@media (max-width: 1050px) {
    .profile_img img {
        width: 250px;
    }
    .images_download {
        height: auto;
    }
}

@media (max-width: 890px) {
    .reveiws_container .reveiws .reviews_second img {
        width: 200px;
    }
    .reveiws_container .reveiws .reveiws_first {
        width: 80%;
    }
    .reveiws_container .reveiws {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .testimonial-container-div-first-child {
        flex-direction: column;
    }
    .testimonial-containers-heading{
        font-size: 20px;
    }
    .testimonials-container-para{
        font-size: 15px;
    }
    .testinomial-banner-container .residential-heading p {
        font-size: 25px;
    }
    .rating-container{
        gap: 5px;
    }

    .reveiws_container .reveiws .reviews_second img {
        width: 150px;
    }
    .reveiws_container .reveiws .reveiws_first {
        width: 100%;
    }

    .reveiws_container .reveiws .reveiws_first p {
        font-size: 19px;
    }
    .reveiws_container {
        padding: 50px 0;
    }
}

@media (max-width: 570px) {
    .testinomial_main .letsdoit-heading .heading-lines {
        display: none;
    }
    .reveiws_container .reveiws .reveiws_first .reveiw_profile_name {
        font-size: 20px;
    }
    .reveiws_container .reveiws .reveiws_first .reveiw_profile_name svg {
        width: 30px;
    }
}