/* Start:/local/templates/main/components/bitrix/news.list/reports_d/style.css?17473902422402*/
.reportContainer {
    display: grid;
    grid-template-columns: repeat(4, 261px);
    grid-gap: 24px;
    padding-top: 41px;
    align-items: center;
    justify-content: center;
}

.reportsHeader {
    text-align: left;
    font-size: 28px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: -0.02em;
    display: grid;
    grid-template-columns: 106px 950px;
    justify-content: center;
    grid-gap: 60px;
    align-items: center;
}

.reports {
    background-color: #F7F7F8;
    padding-bottom: 60px;
    padding-top: 45px;
}


.reportCard {
    padding: 24px;
    display: flex;
    flex-direction: column;
    /*gap: 16px;*/
    background: #FFFFFF;
    /* Secondary/Dark White */

    border: 1px solid #F7F7F8;
    border-radius: 20px;
}

.report_downl_btn {
    border-radius: 10px;
    padding: 12px 24px;
    letter-spacing: -0.02em;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    height: fit-content;
    color: #474653;
}

.reportCardHeader {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    height: 80px;
    margin-bottom: 16px;
}

.reportsContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, 261px);
    grid-gap: 24px;
    justify-content: center;
    margin-top: 28px;
}
@media (max-width: 1440px) {
    .reportContainer {
        grid-template-columns: repeat(3, 30%);
    }

    .reportsHeader {
        grid-template-columns: 20% 60%;
    }

    .reportsContainer {
        grid-template-columns: repeat(auto-fill, 30%);
    }
}

@media (max-width: 1081px) {
    .reportContainer {
        grid-template-columns: repeat(2, 40%);
    }

    .reportsHeader {
       grid-template-columns: 20% 60%;
    }

    .reportsContainer {
        grid-template-columns: repeat(auto-fill, 40%);
    }
}

@media (max-width: 750px) {
    .reportContainer {
        justify-content: center;
    }
}

@media (max-width: 428px) {
    .reportsHeader {
        grid-template-columns: 21% 49%;
    }

    .reportContainer {
        grid-template-columns: repeat(1, 90%);
    }
}

@media (max-width: 375px) {
    .reportContainer {
        grid-template-columns: repeat(1, 90%);
    }
}

@media (max-width: 320px) {
    .reportContainer {
        grid-template-columns: repeat(1, 90%);
    }

    .reportsHeader {
        grid-template-columns: 21% 49%;
        grid-gap: 30px;
    }
}

/* End */
/* /local/templates/main/components/bitrix/news.list/reports_d/style.css?17473902422402 */