.elementor-3707 .elementor-element.elementor-element-2ec8e2e8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3707 .elementor-element.elementor-element-344e1625{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-3707 .elementor-element.elementor-element-344e1625:not(.elementor-motion-effects-element-type-background), .elementor-3707 .elementor-element.elementor-element-344e1625 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3707 .elementor-element.elementor-element-59e32d30 .htmega-animated-heading, .elementor-3707 .elementor-element.elementor-element-59e32d30 .cd-headline{text-align:left;}.elementor-3707 .elementor-element.elementor-element-59e32d30 .htmega-animated-heading h4 span.beforetext{color:var( --e-global-color-text );font-size:35px;}.elementor-3707 .elementor-element.elementor-element-59e32d30 .htmega-animated-heading .cd-words-wrapper b{color:var( --e-global-color-7772c56 );font-size:35px;font-weight:700;border-style:double;border-width:1px 1px 1px 1px;padding:1px 8px 1px 8px;}.elementor-3707 .elementor-element.elementor-element-59e32d30 .cd-headline.loading-bar .cd-words-wrapper::after{background:var( --e-global-color-7772c56 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3707 .elementor-element.elementor-element-36ac05ab{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;}.elementor-3707 .elementor-element.elementor-element-36ac05ab .elementor-divider-separator{width:100%;}.elementor-3707 .elementor-element.elementor-element-36ac05ab .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3707 .elementor-element.elementor-element-55560bba{font-size:16px;}.elementor-3707 .elementor-element.elementor-element-31106485{font-size:70px;}.elementor-3707 .elementor-element.elementor-element-73d62485{--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;--justify-content:center;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3707 .elementor-element.elementor-element-ea36e72{width:auto;max-width:auto;}.elementor-3707 .elementor-element.elementor-element-ea36e72.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:700;line-height:1.2em;letter-spacing:-1px;}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:0px;padding-right:0px;padding-top:11px;padding-bottom:11px;}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7772c56 );fill:var( --e-global-color-7772c56 );}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7772c56 );}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown a, .elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown a:hover,
					.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-menu-toggle:hover{color:var( --e-global-color-7772c56 );}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown .elementor-item, .elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:700;text-transform:none;letter-spacing:0px;}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-1px !important;}@media(min-width:768px){.elementor-3707 .elementor-element.elementor-element-344e1625{--width:40%;}.elementor-3707 .elementor-element.elementor-element-73d62485{--width:60%;}}@media(max-width:1024px){.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu .elementor-item{font-size:37px;}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown .elementor-item, .elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:12px;}}@media(max-width:767px){.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu .elementor-item{font-size:30px;}.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown .elementor-item, .elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:11px;}}/* Start custom CSS for nav-menu, class: .elementor-element-ea36e72 *//* =========================================================
   ELEMENTOR NAV MENU FIX
   Goal:
   1) Left-align menu + submenu items
   2) Make submenu panel start INLINE with the top of the menu
      (not aligned to the hovered item)
   3) Prevent mid-word wrapping (Consum / er)
   4) Keep submenu readable + stable width
   ========================================================= */

/* ---------- IMPORTANT ----------
   Apply this CSS to the specific Nav Menu widget:
   Elementor > Nav Menu Widget > Advanced > Custom CSS

   If you're adding this in global CSS, replace `.elementor-3707 .elementor-element.elementor-element-ea36e72`
   with a unique wrapper (e.g. .industries-nav-menu) to avoid
   affecting other nav menus.
--------------------------------- */


/* ========== 1) Base alignment ========== */
.elementor-3707 .elementor-element.elementor-element-ea36e72,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu ul,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu li {
  text-align: left !important;
}

/* Make the widget a stable positioning context */
.elementor-3707 .elementor-element.elementor-element-ea36e72 {
  position: relative !important;
}

/* Main menu wrapper should also be a positioning context */
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main {
  position: relative !important;
}

/* Prevent each <li> from becoming the anchor for absolute children */
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main > .elementor-nav-menu > li {
  position: static !important;
}


/* ========== 2) Submenu top-align behavior (KEY FIX) ========== */
/* This forces all submenus to anchor to the TOP of the widget/menu area */
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main .elementor-nav-menu > li > .sub-menu,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown .elementor-nav-menu > li > .sub-menu,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main .elementor-nav-menu > li .sub-menu,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown .elementor-nav-menu > li .sub-menu {
  position: absolute !important;
  top: 0 !important;                 /* <-- inline with the top of the menu widget */
  left: 100% !important;             /* flyout to the right */
  right: auto !important;
  margin-left: 24px !important;      /* gap between columns */

  min-width: 420px !important;       /* stable panel width */
  width: 420px !important;
  max-width: 520px !important;

  z-index: 9999 !important;
}


/* ========== 3) Prevent ugly mid-word wrapping ========== */
/* Some themes set word-break/overflow-wrap globally; override it */
.elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu * {
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Allow wrapping only between words (not inside words) */
.elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu a,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu .elementor-item {
  white-space: normal !important;     /* wraps at spaces */
  word-break: keep-all !important;    /* never break inside words */
  overflow-wrap: normal !important;
  hyphens: none !important;
}


/* ========== 4) Better submenu layout/spacing ========== */
.elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu {
  padding: 14px 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 32px rgba(0,0,0,0.12) !important;
  background: #fff !important;

  /* keep it clean */
  list-style: none !important;
}

.elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu li {
  position: relative !important;
}

.elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu li a,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu li .elementor-item {
  display: block !important;
  padding: 12px 22px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}


/* ========== 5) Hover/active consistency ========== */
.elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu li a:hover,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu li .elementor-item:hover {
  background: #e1e1e1 !important;
}


/* ========== 6) Keep main items tidy ========== */
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu > li > a,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu > li > .elementor-item,
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu > li > button {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}


/* ========== 7) Mobile dropdown behavior (don’t force flyout) ========== */
/* On mobile, Elementor often converts to a vertical dropdown.
   We disable the flyout positioning there so it doesn't go off-screen. */
@media (max-width: 1024px) {
  .elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main .sub-menu,
  .elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--dropdown .sub-menu {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu a,
  .elementor-3707 .elementor-element.elementor-element-ea36e72 .sub-menu .elementor-item {
    padding: 12px 14px !important;
  }
}


/* ========== 8) OPTIONAL: Adjust top alignment offset ========== */
/* If you need the submenu to start slightly higher/lower,
   uncomment ONE of these and tweak the px value. */

/*
.elementor-3707 .elementor-element.elementor-element-ea36e72 { --submenu-top-offset: 0px; }
.elementor-3707 .elementor-element.elementor-element-ea36e72 .elementor-nav-menu--main .sub-menu { top: var(--submenu-top-offset) !important; }
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ec8e2e8 *//* =========================================================
   INDUSTRY ACCORDION FLYOUT (FORCE 2-COLUMN)
   Left = accordion titles
   Right = active panel content
   ========================================================= */

@media (min-width: 1025px){

  /* Base container */
  .industry-accordion-flyout .elementor-accordion{
    position: relative !important;
    display: block !important;
    min-height: 420px !important; /* stops layout jumping */
  }

  /* Each item must be "static" so content can be absolutely placed */
  .industry-accordion-flyout .elementor-accordion .elementor-accordion-item{
    position: static !important;
  }

  /* LEFT COLUMN (titles) */
  .industry-accordion-flyout .elementor-accordion .elementor-tab-title{
    width: 280px !important;
    max-width: 280px !important;
    padding: 16px 18px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
  }

  /* Hide any default spacing Elementor adds */
  .industry-accordion-flyout .elementor-accordion .elementor-tab-title + .elementor-tab-content{
    margin: 0 !important;
  }

  /* RIGHT COLUMN (panel) - FORCE it to the right */
  .industry-accordion-flyout .elementor-accordion .elementor-tab-content{
    display: none !important;
    position: absolute !important;
    left: 300px !important;         /* a bit wider than titles */
    top: 92px !important;           /* aligns with first title row area */
    width: 340px !important;
    max-width: 340px !important;
    padding: 0 !important;
    border-left: 1px solid rgba(0,0,0,0.12) !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.12) !important;
    z-index: 9999 !important;
  }

  /* Show only the ACTIVE panel */
  .industry-accordion-flyout .elementor-accordion .elementor-tab-title.elementor-active + .elementor-tab-content{
    display: block !important;
  }

  /* Make everything inside the panel behave like a clean list */
  .industry-accordion-flyout .elementor-accordion .elementor-tab-content *{
    box-shadow: none !important;
  }

  .industry-accordion-flyout .elementor-accordion .elementor-tab-content a,
  .industry-accordion-flyout .elementor-accordion .elementor-tab-content p,
  .industry-accordion-flyout .elementor-accordion .elementor-tab-content li{
    display: block !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.10) !important;
    text-decoration: none !important;
  }

  /* Remove last divider */
  .industry-accordion-flyout .elementor-accordion .elementor-tab-content a:last-child,
  .industry-accordion-flyout .elementor-accordion .elementor-tab-content p:last-child,
  .industry-accordion-flyout .elementor-accordion .elementor-tab-content li:last-child{
    border-bottom: 0 !important;
  }

  /* Active title highlight like your sample */
  .industry-accordion-flyout .elementor-accordion .elementor-tab-title.elementor-active{
    background: rgba(137,186,56,0.20) !important;
  }

  /* Optional: icon alignment */
  .industry-accordion-flyout .elementor-accordion .elementor-accordion-icon{
    margin-left: 12px !important;
  }
}

/* Mobile/tablet: normal accordion */
@media (max-width: 1024px){
  .industry-accordion-flyout .elementor-accordion .elementor-tab-content{
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    top: auto !important;
    box-shadow: none !important;
  }
}/* End custom CSS */