.elementor-kit-5{--e-global-color-primary:#047750;--e-global-color-secondary:#059363;--e-global-color-text:#12362E;--e-global-color-accent:#FBC719;--e-global-color-1288052:#00B175;--e-global-color-c338e6d:#F3FAF7;--e-global-color-7ec3ed5:#FFFFFF;--e-global-color-4dd8038:#000000;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-4dd8038 );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a:hover{color:var( --e-global-color-accent );}.elementor-kit-5 h1{font-family:"Inter", Sans-serif;}.elementor-kit-5 h2{font-family:"Inter", Sans-serif;}.elementor-kit-5 h3{font-family:"Inter", 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 */.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #047750;
  background: #e4f5ef;
  border: 1px solid rgba(4, 119, 80, 0.16);
  padding: 8px 17px;
  border-radius: 999px;
}
.eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fbc719;
}


/* ---- 3-column grid ---- */
.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* ---- Each card ---- */
.service-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 36px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(6px);
  transition: transform .35s cubic-bezier(.16,1,.3,1),
              background .35s cubic-bezier(.16,1,.3,1),
              border-color .35s cubic-bezier(.16,1,.3,1),
              box-shadow .35s cubic-bezier(.16,1,.3,1);
}
.service-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(4, 119, 80, 0.6);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6);
}

/* ---- Top row: icon + pill ---- */
.service-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ---- Icon box ---- */
.service-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(150deg, #047750, #059363);
  color: #fff;
}
.service-icon svg { width: 27px; height: 27px; }

/* ---- Pill badge ---- */
.service-pill {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 6px 12px;
  border-radius: 999px;
}

/* ---- Card heading ---- */
.service-card h3 {
  color: #fff;
  font-size: 1.3rem;
  margin: 0;
}

/* ---- Card description ---- */
.service-card p {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.6;
  margin: 0;
}

/* ---- Explore link ---- */
.service-arrow {
  margin-top: auto;
  padding-top: 10px;
  font-size: 0.92rem;
  font-weight: 600;
  color: #fff;
  display: inline-flex;
  gap: 6px;
  transition: gap .25s cubic-bezier(.16,1,.3,1),
              color .25s cubic-bezier(.16,1,.3,1);
}
.service-card:hover .service-arrow {
  gap: 10px;
  color: #fbc719;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .service-grid { grid-template-columns: 1fr; }
}


/* ---- 4-card grid ---- */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

/* ---- Each card ---- */
.feature-card {
  padding: 36px;
  border: 1px solid #e2ebe7;
  border-radius: 20px;
  background: #f7f8fd;
  transition: transform .35s cubic-bezier(.16,1,.3,1),
              box-shadow .35s cubic-bezier(.16,1,.3,1),
              background .35s cubic-bezier(.16,1,.3,1),
              border-color .35s cubic-bezier(.16,1,.3,1);
}
.feature-card:hover {
  transform: translateY(-6px);
  background: #ffffff;
  border-color: transparent;
  box-shadow: 0 24px 55px -24px rgba(4, 119, 80, 0.35);
}

/* ---- The tag (e.g. "01 — Efficiency") ---- */
.feature-tag {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #047750;
  margin-bottom: 18px;
}

/* ---- Card heading ---- */
.feature-card h3 {
  font-size: 1.3rem;
  color: #12362e;
  margin: 0 0 10px;
}

/* ---- Card body ---- */
.feature-card p {
  font-size: 0.95rem;
  color: #84948e;
  line-height: 1.6;
  margin: 0;
}

/* ---- Responsive ---- */
@media (max-width: 1100px) {
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .feature-grid { grid-template-columns: 1fr; }
}/* End custom CSS */