.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Poppins", Sans-serif;}.elementor-kit-7 h1{font-family:"Poppins", Sans-serif;}.elementor-kit-7 h2{font-family:"Poppins", Sans-serif;}.elementor-kit-7 h3{font-family:"Poppins", Sans-serif;}.elementor-kit-7 h4{font-family:"Poppins", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   ERP HEALTH  |  GLOBAL UTILITIES
   Elementor > Site Settings > Custom CSS  (loads sitewide)
   ---------------------------------------------------------
   Flat-top honeycomb texture + hexagon shape helpers.
   One source of truth: edit here, it changes everywhere.
   Defaults are matched to the homepage texture
   (54x31.18 tile, 0.5 stroke, drawn at 114x66px, 7% white).
   ========================================================= */

:root{
  /* the canonical seamless flat-top honeycomb tile. drawn in white
     and consumed as a CSS mask, so one definition tints any colour. */
  --erp-honey-tile:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='31.18' viewBox='0 0 54 31.18'%3E%3Cpath d='M0 15.59H9M45 15.59H54M18 0h18M9 15.59L18 0M9 15.59L18 31.18M36 0L45 15.59M36 31.18L45 15.59' fill='none' stroke='%23fff' stroke-width='0.5'/%3E%3C/svg%3E");
  --erp-honey-tile-bold:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='31.18' viewBox='0 0 54 31.18'%3E%3Cpath d='M0 15.59H9M45 15.59H54M18 0h18M9 15.59L18 0M9 15.59L18 31.18M36 0L45 15.59M36 31.18L45 15.59' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E");

  --erp-honey-color:#ffffff;
  --erp-honey-opacity:.07;
  --erp-honey-size:114px 66px;
  --erp-honey-position:center;

  /* flat-top hexagon: top edge flat, points on the left and right */
  --erp-hex:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);

  /* brand tokens */
  --erp-navy:#092533;
  --erp-amber:#FEC46F;
  --erp-coral:#FF845D;
  --erp-mint:#EEF3E9;
  --erp-grey:#F1F1F1;
  --erp-line:#EBEDEF;
}

/* ---------------------------------------------------------
   HONEYCOMB TEXTURE
   <container class="erp-honey">              white on dark
   <container class="erp-honey erp-honey--dark">  navy on light
   --------------------------------------------------------- */
.erp-honey{position:relative}
.erp-honey::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-color:var(--erp-honey-color);
  opacity:var(--erp-honey-opacity);
  -webkit-mask-image:var(--erp-honey-tile);mask-image:var(--erp-honey-tile);
  -webkit-mask-size:var(--erp-honey-size);mask-size:var(--erp-honey-size);
  -webkit-mask-repeat:repeat;mask-repeat:repeat;
  -webkit-mask-position:var(--erp-honey-position);mask-position:var(--erp-honey-position);
}
/* keep real content painted above the texture layer */
.erp-honey>.e-con-inner,
.erp-honey>.e-con,
.erp-honey>.elementor-element,
.erp-honey>.elementor-widget,
.erp-honey>.elementor-widget-wrap{position:relative;z-index:1}

/* colour */
.erp-honey--light{--erp-honey-color:#ffffff;--erp-honey-opacity:.07}
.erp-honey--dark{--erp-honey-color:#092533;--erp-honey-opacity:.07}
.erp-honey--amber{--erp-honey-color:#FEC46F;--erp-honey-opacity:.16}
.erp-honey--coral{--erp-honey-color:#FF845D;--erp-honey-opacity:.14}

/* strength */
.erp-honey--whisper{--erp-honey-opacity:.04}
.erp-honey--soft{--erp-honey-opacity:.055}
.erp-honey--strong{--erp-honey-opacity:.12}

/* line weight: --bold swaps in the 1px stroke tile */
.erp-honey--bold{--erp-honey-tile:var(--erp-honey-tile-bold);--erp-honey-opacity:.1}

/* density (default 114x66 matches the homepage) */
.erp-honey--dense{--erp-honey-size:76px 44px}
.erp-honey--fine{--erp-honey-size:95px 55px}
.erp-honey--wide{--erp-honey-size:152px 88px}
.erp-honey--xl{--erp-honey-size:190px 110px}

/* scale the texture down a little on small screens */
@media (max-width:767px){
  .erp-honey{--erp-honey-size:88px 51px}
  .erp-honey--wide,.erp-honey--xl{--erp-honey-size:130px 75px}
}

/* graceful degradation where CSS masks are unsupported */
@supports not ((-webkit-mask-image:none) or (mask-image:none)){
  .erp-honey::before{display:none}
}

/* ---------------------------------------------------------
   HEXAGON SHAPE   <div class="erp-hex erp-hex--reg">
   --------------------------------------------------------- */
.erp-hex{clip-path:var(--erp-hex)}
.erp-hex--reg{aspect-ratio:1/.866}

/* ---------------------------------------------------------
   ANGLED HONEYCOMB CORNER CUT   <div class="erp-cut">
   --------------------------------------------------------- */
.erp-cut{--erp-cut:14px;clip-path:polygon(var(--erp-cut) 0,100% 0,100% calc(100% - var(--erp-cut)),calc(100% - var(--erp-cut)) 100%,0 100%,0 var(--erp-cut))}
.erp-cut--sm{--erp-cut:10px}
.erp-cut--lg{--erp-cut:20px}/* End custom CSS */