@media (max-width: 576px) {
    #slider_wrapper {
        height: 20rem !important;
        margin-bottom: 5rem;
    }
}


.grid-ads-box {
    display: grid;
    grid-template-columns: 2fr 5fr;
    grid-template-rows: auto auto;
    gap: 2rem;
}



@media (max-width: 576px) {
    .slider_wrapper{
        display: none !important;
    }
}
@media (min-width: 992px) {


    .pe-17 {
        padding-right: 0 !important;
    }
    .pe-17 {
        padding-right: 0 !important;
    }
}

@media (max-width: 991.98px) {
    .slider{
                height: 25rem;
        }
    .pe-17 {
        padding-right: 0 !important;
    }
    .pe-17 {
        padding-right: 0 !important;
    }
}



:root {
    --slider-height: 30rem;
    --slider-padding: 1rem;
    --pd4: 0;
}

@media (max-width: 991.98px) {
    :root {
        --slider-height: 25rem;
        --slider-padding: 4rem;
        --pd4: 4rem;
    }
}


@media (min-width: 991.98px) {
    :root {
        --slider-height: 25rem;
        --slider-padding: 4rem;
        --pd4: 4rem;
    }
}

#slider_wrapper {

    transition: padding-right 0.7s ease;
}
.slider {
    height: var(--slider-height);
    transition: height 0.7s ease;
}

.sec{
    transition: padding-right 1.5s ease;
    padding-left: var(--pd4) !important;
    padding-right: var(--pd4) !important;
}