.elementor-2312 .elementor-element.elementor-element-aeedcd3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2312 .elementor-element.elementor-element-aeedcd3.e-con{--align-self:center;}.elementor-2312 .elementor-element.elementor-element-39d5fd0.elementor-element{--align-self:center;}.elementor-2312 .elementor-element.elementor-element-4e7289e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2312 .elementor-element.elementor-element-b5a2ee6{--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;}.elementor-2312 .elementor-element.elementor-element-faa7b5e{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2312 .elementor-element.elementor-element-aeedcd3{--content-width:1100px;}}/* Start custom CSS *//* ==== Fix Elementor header issue when full HTML used inside page ==== */

/* Prevent double zoom-out on mobile */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  zoom: 1 !important;
}

/* Force Elementor container to display correctly */
body > html {
  display: block !important;
}

/* Fix header overlap / scaling issue */
header, .elementor-location-header {
  position: relative !important;
  z-index: 99 !important;
  width: 100% !important;
}

/* Force Elementor content area responsive */
body section, body div, body main {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Fix viewport scaling when HTML tag added inside Elementor */
@media screen and (max-width: 768px) {
  html, body {
    transform: scale(1) !important;
    transform-origin: 0 0 !important;
  }

  .plugin-section {
    width: 100% !important;
    padding: 20px !important;
    margin: 10px auto !important;
  }

  .plugin-title {
    font-size: 1.8rem !important;
  }

  .plugin-description {
    font-size: 1rem !important;
  }
}
/* ===== FIX: Mobile menu text not visible ===== */

.elementor-nav-menu--dropdown a,
.elementor-nav-menu__container a {
  color: #000 !important;       /* black color text */
  font-weight: 600;
  text-transform: capitalize;
}

.elementor-nav-menu--dropdown a:hover {
  color: #3b82f6 !important;    /* blue hover effect */
}

.elementor-nav-menu--dropdown {
  background-color: #fff !important;  /* white clean background */
  z-index: 99999 !important;
}

.elementor-menu-toggle {
  z-index: 100000 !important;   /* ensures toggle stays visible */
}/* End custom CSS */