.elementor-7997 .elementor-element.elementor-element-10cbda9{--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;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7997 .elementor-element.elementor-element-b3276df{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7997 .elementor-element.elementor-element-13135a9{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7997 .elementor-element.elementor-element-cc94c6c{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-gap:0px;--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:8px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:8px;--n-tabs-title-font-size:16px;--n-tabs-title-color-active:var( --e-global-color-a5c4298 );--n-tabs-title-direction:row;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:20px;--n-tabs-icon-gap:16px;--n-tabs-icon-color-active:var( --e-global-color-a5c4298 );}.elementor-7997 .elementor-element.elementor-element-cc94c6c > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF00;}.elementor-7997 .elementor-element.elementor-element-cc94c6c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-7997 .elementor-element.elementor-element-cc94c6c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-7997 .elementor-element.elementor-element-cc94c6c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-7997 .elementor-element.elementor-element-cc94c6c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-7997 .elementor-element.elementor-element-cc94c6c [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-icon-color-hover:var( --e-global-color-a5c4298 );}@media(min-width:768px){.elementor-7997 .elementor-element.elementor-element-10cbda9{--content-width:1220px;}}/* Start custom CSS for nested-tabs, class: .elementor-element-cc94c6c *//* ================================
   MGMT Tabs – Transparent > Hover Off-white > Active White
   ================================ */

.mgmt-service-tabs{
  --panel-bg: #E4EDF3;

  --tab-bg: transparent;          /* normal */
  --tab-hover-bg: #F7FAFC;        /* hover off-white */
  --tab-active-bg: #FFFFFF;       /* active white */

  --tab-border: rgba(64,77,96,.14);
  --tab-border-active: rgba(64,77,96,.18);

  --title-color: #000;
  --desc-color: #000;

  --radius: 14px;

  /* tighten spacing so right side gets more width */
  --btn-pad-y: 12px;
  --btn-pad-x: 14px;
  --btn-gap: 10px;
  --stack-gap: 8px;

  --icon-size: 40px;
  --icon-border: rgba(64,77,96,.14);
  --icon-shadow: 0 6px 18px rgba(16,24,40,.10);
}

/* Allow arrow to stick out */
.mgmt-service-tabs .e-n-tabs,
.mgmt-service-tabs .e-n-tabs-heading{
  overflow: visible !important;
  position: relative;
}

/* If your left/right columns have a big gap, reduce it */
.mgmt-service-tabs .e-n-tabs{
  gap: 18px !important; /* tweak 12–24px */
}

/* Stack the tab buttons */
.mgmt-service-tabs .e-n-tabs-heading{
  display: flex !important;
  flex-direction: column !important;
  gap: var(--stack-gap) !important;
}

/* TAB BUTTON (baseline) */
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title{
  position: relative;
  z-index: 1;

  width: 100% !important;
  text-align: left !important;

  display: flex !important;
  align-items: flex-start !important;
  gap: var(--btn-gap) !important;

  padding: var(--btn-pad-y) var(--btn-pad-x) !important;

  background: var(--tab-bg) !important;
  border: 1px solid var(--tab-border) !important;
  border-radius: var(--radius) !important;

  box-shadow: none !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

/* HOVER */
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title:hover{
  background: var(--tab-hover-bg) !important;
}

/* ACTIVE (force it hard) */
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"],
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title.elementor-active,
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title.e-active{
  background: var(--tab-active-bg) !important;
  border-color: var(--tab-border-active) !important;
  z-index: 5;
}

/* Keep active white even while hovering */
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"]:hover{
  background: var(--tab-active-bg) !important;
}

/* TEXT BLOCK: force vertical layout (fixes your formatting issue) */
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-title-text{
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;

  flex: 1 1 auto !important;
  min-width: 0 !important;

  color: var(--title-color) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

/* Kill <br><br> spacing if you still have it */
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-title-text br{
  display: none !important;
}

/* Description line: supports BOTH .tab-desc and your current inline style span */
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-title-text .tab-desc,
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-title-text > span,
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-title-text span[style*="12px"]{
  display: block !important;
  margin: 0 !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: var(--desc-color) !important;
}

/* ICON circle */
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-icon{
  width: var(--icon-size) !important;
  height: var(--icon-size) !important;

  border: 1px solid var(--icon-border) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: var(--icon-shadow) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;
  margin-top: 2px;
}

/* SVG sizing */
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-icon svg{
  width: 18px !important;
  height: 18px !important;
}

/* Elementor outputs two SVGs sometimes — show only one */
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-icon svg{ display:none; }
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title:not([aria-selected="true"]) .e-n-tab-icon svg:first-child{ display:block; }
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg:last-child{ display:block; }

/* OPTIONAL ARROW (active only) */
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"]::after{
  content:"";
  position:absolute;
  right:-12px;
  top:50%;
  transform: translateY(-50%);
  width:0;height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:12px solid var(--tab-active-bg);
  z-index: 6;
}

/* OPTIONAL “border” around arrow using panel background */
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"]::before{
  content:"";
  position:absolute;
  right:-13px;
  top:50%;
  transform: translateY(-50%);
  width:0;height:0;
  border-top:13px solid transparent;
  border-bottom:13px solid transparent;
  border-left:13px solid var(--panel-bg);
  z-index: 5;
}

/* Mobile: hide arrow if it feels cramped */
@media (max-width: 767px){
  .mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"]::before,
  .mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"]::after{
    display:none !important;
  }
}


/* --- PATCH: fix tab title alignment + make title smaller --- */

/* Default tabs (no description): center icon + title vertically */
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title{
  align-items: center !important;
}

/* Active tab (has description): align to top so the description sits naturally */
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"],
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title.elementor-active,
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title.e-active{
  align-items: flex-start !important;
}

/* Make the MAIN title smaller */
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-title-text{
  font-size: 13px !important;     /* <-- change to 12.5px or 14px if you want */
  font-weight: 600 !important;
  line-height: 1.15 !important;
  gap: 4px !important;            /* tighter spacing between title + desc */
}

/* Keep description readable, slightly smaller */
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-title-text .tab-desc,
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-title-text > span,
.mgmt-service-tabs .e-n-tabs-heading .e-n-tab-title-text span[style*="12px"]{
  font-size: 11px !important;     /* was 12px */
  line-height: 1.35 !important;
}

/* Force tab title + description to align left (fix random centering) */
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title,
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title .e-n-tab-title-text{
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Ensure the title text block spans full width (prevents centering behavior) */
.mgmt-service-tabs .e-n-tabs-heading button.e-n-tab-title .e-n-tab-title-text{
  width: 100% !important;
}/* End custom CSS */