.sub-statutory-hero-box {
    position: absolute;
    width: 35.125rem;
    height: calc(28.438rem - 7.75rem);
    background-color: var(--white);
    top: 15%;
    font-weight: 600;
    z-index: 1;
}

@media (max-width:1400px) {
    .sub-statutory-hero-box {
        top: 13%;
        height: calc(28.438rem - 9.75rem);
        font-size: 2.125rem;
    }
}

@media (max-width:1199px) {
    .sub-statutory-hero-box {
        top: 4%;
        height: calc(28.438rem - 9.50rem);
        font-size: 1.875rem;
    }
}

@media (max-width:991px) {
    .sub-statutory-hero-box {
        top: 20%;
        font-size: 1.875rem;
        position: relative;
        width: 100%;
    }
}

@media (max-width:320px) {
    .sub-statutory-hero-box {
        top: 24%;
    }

    .section-content {
        padding-bottom: 8rem !important;
        font-size: 0.9rem;
    }

    .sub-statutory-hero-box .title {
        line-height: 1.;
    }
}