/* Mobile Hero Section Spacing Fix - High Specificity Overrides */
@media (max-width: 767px) {

    /* Target the exact row element with multiple class selectors for higher specificity */
    section.slider-area .row.justify-content-center.pt-200.mt-50,
    section#parallax.slider-area .row.justify-content-center.pt-200.mt-50,
    .slider-area .container .row.justify-content-center.pt-200.mt-50 {
        margin-top: 0px !important;
        padding-top: 120px !important;
    }

    /* Target slider content with high specificity */
    section.slider-area .slider-content.s-slider-content.pt-90.pb-120,
    section#parallax.slider-area .slider-content.s-slider-content.pt-90.pb-120,
    .slider-area .col-lg-6 .slider-content.s-slider-content.pt-90.pb-120 {
        padding-top: 15px !important;
    }

    /* Additional overrides for utility classes */
    section.slider-area .pt-200 {
        padding-top: 150px !important;
    }

    section.slider-area .mt-50 {
        margin-top: 0px !important;
    }

    section.slider-area .pt-90 {
        padding-top: 15px !important;
    }
}

/* Desktop view - move content down */
@media (min-width: 768px) {

    section.slider-area .row.justify-content-center.pt-200.mt-50,
    section#parallax.slider-area .row.justify-content-center.pt-200.mt-50,
    .slider-area .container .row.justify-content-center.pt-200.mt-50 {
        padding-top: 250px !important;
    }

    section.slider-area .pt-200 {
        padding-top: 250px !important;
    }
}