header {
  position: relative;
  display: table;
  width: 100%;
}

a.elementor-item,
.elementor-icon-list-item a,
.elementor-icon-list-item a span .elementor-text-editor p,
.elementor-text-editor,
.elementor-element.elementor-element-edit-mode,
.elementor-inline-editing,
.elementor-element-editable,
p {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.wdes-tabs-control-icon-left {
  margin-right: 5px;
}

.elementor-image-box-title a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

/* =========================================================
   AbjadHost Footer - Final spacing override
   Loaded after Phox responsive.css
   ========================================================= */

/* Desktop */
footer.footer .widgets_footer_area {
    margin-bottom: 0 !important;
}

footer.footer .copyrights-wdes-ft {
    margin-top: 0 !important;
}

/* Mobile */
@media (max-width: 767.98px) {

    footer.footer .widgets_footer_area {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    footer.footer .widget-footer {
        margin-bottom: 24px !important;
    }

    /* No unnecessary gap after the final Support column */
    footer.footer .widgets_footer_area .row > div:last-child .widget-footer {
        margin-bottom: 0 !important;
    }

    footer.footer .copyrights-wdes-ft {
        margin-top: 0 !important;
        padding-top: 12px !important;
    }
}

/* =========================================================
   AbjadHost Footer - Compact Final Layout
   ========================================================= */

/* Footer widgets area */
footer.footer .widgets_footer_area {
    margin-top: 55px !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Do not let footer columns create unnecessary vertical space */
footer.footer .widgets_footer_area > .container,
footer.footer .widgets_footer_area > .container > .row {
    min-height: 0 !important;
    height: auto !important;
}

/* Bootstrap's .row is a flex container with the default align-items:
   stretch, so all 4 footer columns were being force-stretched to match
   the height of the tallest one (Services, 6 links) - leaving a large
   empty block under the shorter columns (Company, 3 links) that read as
   blank space across the whole footer. Each column now only takes its
   own natural content height. */
footer.footer .widgets_footer_area > .container > .row {
    align-items: flex-start !important;
}

/* The base theme's .widget-footer rule (assets/css/style.css) sets
   margin-bottom: 50px with no desktop override anywhere - this was the
   main source of the large empty gap above the copyright bar. Reduced
   here to a comfortable but compact value, matching the scale already
   used for the equivalent mobile rules below. */
footer.footer .widgets_footer_area .widget-footer {
    margin-bottom: 24px !important;
}

/* Copyright bar immediately after widgets */
footer.footer .copyrights-wdes-ft {
    margin-top: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* Mobile */
@media (max-width: 767.98px) {

    footer.footer .widgets_footer_area {
        margin-top: 35px !important;
        margin-bottom: 20px !important;
        padding-bottom: 0 !important;
    }

    footer.footer .widgets_footer_area .widget-footer {
        margin-bottom: 32px !important;
    }

    footer.footer .widgets_footer_area .row > div:last-child .widget-footer {
        margin-bottom: 0 !important;
    }

    footer.footer .copyrights-wdes-ft {
        margin-top: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}