/* Start custom CSS for html, class: .elementor-element-f11056b *//* ==========================================
   EAGLES HEADER - FULL WIDTH FIX
   ========================================== */

/* Header ko Elementor container se bahar full width karo */
.esi-premium-header {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    left: auto !important;
    right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    border-radius: 0 !important;
}


/* Header ka inner content centered rahe */
.esi-premium-header .esi-premium-container {
    width: calc(100% - 60px) !important;
    max-width: 1380px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* Elementor ke section/container ki padding remove */
.elementor-element:has(.esi-premium-header) {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Parent Elementor container */
.elementor-element:has(.esi-premium-header) > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 1120px) {

    .esi-premium-header .esi-premium-container {
        width: calc(100% - 45px) !important;
    }

}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 850px) {

    .esi-premium-header {
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }

    .esi-premium-header .esi-premium-container {
        width: calc(100% - 40px) !important;

        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}


/* ==========================================
   SMALL MOBILE
   ========================================== */

@media (max-width: 480px) {

    .esi-premium-header .esi-premium-container {
        width: calc(100% - 30px) !important;
    }

}/* End custom CSS */