.elementor-6162 .elementor-element.elementor-element-7d910bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6162 .elementor-element.elementor-element-ecaca7a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-6162:not(.elementor-motion-effects-element-type-background), body.elementor-page-6162 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:767px){.elementor-6162 .elementor-element.elementor-element-ecaca7a > .elementor-widget-container{margin:-60px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-ecaca7a *//* Fix for the black gap below header */
main {
    margin-top: 0 !important; /* Override any existing margin */
}

.hero-section {
    margin-top: 0 !important; /* Ensure hero section doesn't have extra margin */
    padding-top: 80px; /* Add padding to account for header height instead */
}

@media (max-width: 992px) {
    .hero-section {
        padding-top: 70px; /* Adjust for smaller header on tablets */
    }
}

@media (max-width: 576px) {
    .hero-section {
        padding-top: 60px; /* Adjust for even smaller header on mobile */
    }
}/* End custom CSS */