.elementor-kit-5{--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:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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{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 *//* ROW: 3-up, evenly spaced */
.recent-job{
  display:flex;
  gap:28px;
  align-items:stretch;
}

/* Give each card ~1/3 of the row (account for 2 gaps = 56px) */
.recent-card{
  flex: 1 1 calc((100% - 56px) / 3);
  position:relative;
  aspect-ratio: 4 / 3;        /* try 16/9 if you want wider, 5/4 if taller */
  border-radius:16px;
  overflow:hidden;
  padding:0 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  background:rgba(255,255,255,.02);
}

/* Make the slider fill the card */
.recent-slider .twentytwenty-wrapper,
.recent-slider .twentytwenty-container{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
}

/* Images edge-to-edge */
.recent-slider img.twentytwenty-before,
.recent-slider img.twentytwenty-after{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block;
  border-radius:0;
}

/* Clip overlays/handle inside the rounded card */
.recent-slider .twentytwenty-overlay{ border-radius:inherit; }
.recent-slider .twentytwenty-handle{ z-index:3; }

/* Phone: stack 1-up */
@media (max-width: 767px){
  .recent-card{ flex: 1 1 100%; }
}

/* === Recent Jobs → Gallery CTA === */
:root {
  --brand-green: #0BDB05;  /* Updated brand green */
  --ink: #0A0A0A;          /* Dark text color for hover */
}

/* Center row layout */
.recent-gallery-cta {
  padding-inline: clamp(12px, 4vw, 32px);
}

/* Button styling */
.recent-gallery-btn .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.6rem;
  border: 2px solid var(--brand-green);
  border-radius: 999px;
  background: transparent;
  color: #FFFFFF;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: 0 0 0 0 rgba(11, 219, 5, 0);
  transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}

/* === Recent Jobs → Gallery CTA (vars) === */
:root {
  --brand-green: #0BDB05;   /* updated brand green */
  --ink: #0A0A0A;           /* dark text for hover, etc. */
}

/* Center the CTA row */
.recent-gallery-cta {
  padding-inline: clamp(12px, 4vw, 32px);
}

/* Button styling */
.recent-gallery-btn .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: clamp(10px, 2.2vw, 14px) clamp(18px, 3.5vw, 28px);
  border-radius: 12px;
  background: var(--brand-green);
  color: #0B0B0B;
  font-weight: 700;              /* requested weight */
  text-transform: uppercase;
  letter-spacing: .5px;
  box-shadow:
    0 6px 22px rgba(11, 219, 5, .28),
    0 0 0 1px rgba(11, 219, 5, .35) inset;
  transition: transform .15s ease,
              box-shadow .2s ease,
              filter .2s ease;
}
.recent-gallery-btn .elementor-button:hover {
  transform: translateY(-1px);
  box-shadow:
    0 10px 30px rgba(11, 219, 5, .32),
    0 0 0 1px rgba(11, 219, 5, .45) inset;
  filter: brightness(1.05);
}
.recent-gallery-btn .elementor-button:active {
  transform: translateY(0);
  filter: brightness(.98);
}

/* Tablet */
@media (max-width: 1024px) {
  .recent-gallery-cta { padding-inline: clamp(10px, 6vw, 24px); }
}
/* Mobile */
@media (max-width: 767px) {
  .recent-gallery-cta { padding-inline: clamp(8px, 7vw, 20px); }
}

/* === Leaf Removal Service Cards === */
.service-cards {
  --card-radius: 20px;
  --img-radius: 14px;
  --card-pad: clamp(16px, 2.2vw, 28px);
  --card-shadow: 0 14px 28px rgba(0,0,0,.35);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 3vw, 36px);
  align-items: stretch;
}

.service-card {
  background: #0b0b0b;
  border-radius: var(--card-radius);
  padding: var(--card-pad);
  box-shadow: var(--card-shadow);
  transition: transform .25s ease, box-shadow .25s ease;
}

.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

/* Image clipping */
.service-card__img,
.service-card__img .elementor-widget-container {
  overflow: hidden;
  border-radius: var(--img-radius);
}

.service-card__img img {
  width: 100%;
  height: clamp(200px, 24vw, 280px);
  object-fit: cover;
  display: block;
  border-radius: var(--img-radius);
}

/* Title */
.service-card h3.elementor-heading-title {
  color: #0BDB05;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 12px;
}

/* Body text */
.service-card .elementor-widget-text-editor {
  text-align: center;
  color: #cfd6cf;
  line-height: 1.6;
  opacity: .9;
}

/* Responsive layout */
@media (max-width: 1024px) {
  .service-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .service-cards { grid-template-columns: 1fr; }
}

/* White band basics (parent) */
.leaf-process-band {
  padding: clamp(48px, 7vw, 88px) clamp(20px, 5vw, 40px);
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* Left column stack spacing & alignment */
.process-left {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.6vw, 16px);   /* space between title & paragraph */
  align-items: flex-start;
  justify-content: center;
  max-width: 720px;                /* keeps readable line length */
}

/* Hide text visually but keep it crawlable */
.elementor-widget-text-editor.h2-hidden,
.h2-hidden,
.h2-hidden p {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* optional fallback if a theme/container blocks absolute positioning */
@media (min-width: 0px){
  .h2-hidden.fallback {
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }
}

/* Globally hides breadcrumbs visually but keeps them SEO-visible */

/* ===============================
   Rank Math Breadcrumb Styling
   =============================== */

/* Breadcrumb container */
.rank-math-breadcrumb {
  position: relative;
  z-index: 5;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
}

/* Breadcrumb links */
.rank-math-breadcrumb a {
  color: #9be15d; /* Cut For The Cure green */
  text-decoration: none;
}

/* Hover state */
.rank-math-breadcrumb a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* Separator ( > ) */
.rank-math-breadcrumb .separator {
  margin: 0 6px;
  color: rgba(255, 255, 255, 0.45);
}/* End custom CSS */