.csr-report-section {
    margin-bottom: 80px;
}
.csr-report-section .custom-container {
    max-width: 1280px;
    margin: auto;
}

.csr-report-section .section-small-heading {
    font: 700 18px/22px var(--font-helvetica-neue);
    letter-spacing: 10%;
    text-transform: uppercase;
    color: #00677F;
    margin-block: 0 24px;
}

.csr-report-section .csr-report-bg {
    background-color: #262262;
    color: #fff;
    padding: 38px 32px;
    box-sizing: border-box;
}

.csr-report-section .section-main-heading {
    font: 700 30px/1.2 var(--font-helvetica-neue);
}

.csr-report-section .description {
    font: 400 20px/1.5 var(--font-helvetica-neue);
    margin-top: 40px;
}

.csr-report-section .csr-report-current {
    background-color: #1b1845;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 56px 0 0;
}

.csr-report-section .csr-report-current a {
    color: #fff;
    text-decoration: none;
    font: 400 20px/1.5 var(--font-helvetica-neue);
}

.csr-report-documents {
    margin-block: 20px;
    display: flex;
    gap: 160px;
}

.csr-report-section .csr-footer {
    border-top: 1px solid #FFFFFF33;
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.csr-report-section .csr-footer p {
    font: 400 20px/1.5 var(--font-helvetica-neue);
    margin-top: 20px;
}

.csr-report-section .csr-footer a {
    text-decoration: none;
    background-color: #E71316;
    padding: 25px 70px 25px 100px;
    color: #fff;
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%);
    font: 600 16px/22px var(--font-helvetica-neue);
}

@media screen and (max-width: 1300px) {
    .csr-report-section .custom-container {
        padding-inline: 16px;
    }
}

@media screen and (max-width: 768px) {
    .csr-report-section .section-small-heading {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .csr-report-section .section-main-heading {
        font-size: 28px;
    }

    .csr-report-section .description,
    .csr-report-section .csr-footer p {
        font-size: 16px;
        line-height: 1.5;
    }

    .csr-report-documents,
    .csr-report-section .csr-footer {
        flex-wrap: wrap;
        gap: 20px;
    }

    .csr-report-section .csr-report-current a {
        font-size: 16px;
    }
        .csr-report-section .section-main-heading {
        font: 500 28px/40px var(--font-helvetica-neue);
    }

    .csr-report-section .description {
        font: 400 16px/24px var(--font-helvetica-neue);
    }

    .csr-report-section .csr-report-current a {
        font: 500 16px/24px var(--font-helvetica-neue);
    }

}