@import url(./teamMedia.css);

@media (max-width: 320px) {
    .content_img {
        display: none;
    }

    .blockImgReviews {
        display: block;
        margin: 20px 0;
    }

    .text-about {
        padding: 0;
        border-left: 2px solid rgba(239, 192, 121, 1);
        padding-left: 20px;
    }

    .quote {
        display: none;
    }

    .quoteReviewsMobail {
        display: block;
        color: rgba(91, 102, 122, 1);
        background-color: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(40px);
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .header_quote {
        margin-bottom: 10px;
    }
    
    .main_quote {
        border-bottom: none;
        margin-bottom: 0;
    }

    .main_quote p {
        font-size: 17px;
        font-weight: 600;
        font-family: 'Gilroy';
        line-height: 20px;
        color: rgba(91, 102, 122, 1);
    }

    .text-about p {
        font-size: 18px;
        line-height: 22px;
        font-weight: 900;
        color: rgba(91, 102, 122, 1);
    }

    .containerSection4 {
        background: url(../images/reviews/width320px/15557\ 1.png) no-repeat center, 
                    url(../images/background/Background.png) no-repeat center;
        background-size: cover;
        padding: 50px 0;
        position: relative;
        width: 100%;
    }

    .contentSection4 p {
        color: rgba(255, 255, 255, 0.6);
        font-size:  14px;
        font-weight: 700;
        line-height: 22px;
        font-family: 'Gilroy';
    }
}

@media (max-width: 576px) {
    .containerSection4 {
        padding: 50px 0px;
        background-size: contain;
    }

    .contentSection4 p {
        color: rgba(255, 255, 255, 0.6);
        font-size:  14px;
        font-weight: 700;
        line-height: 22px;
        font-family: 'Gilroy';
    }
}

@media (max-width: 768px) {
    .content_img {
        display: none;
    }
    
    .blockImgReviews {
        display: block;
        margin: 20px 0;
    }
    
    .text-about {
        padding: 0;
    }
    
    .quote {
        display: none;
    }
    
    .quoteReviewsMobail {
        display: block;
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .containerSection4 {
        background-size: cover;
    }
}

@media (max-width: 992px) {
    .content_img {
        display: none;
    }
}