.elementor-kit-9{--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;}.elementor-kit-9 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){--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 *//* ===== Brand ===== */
:root{
  --teal:#309A96;
  --amber:#FEB061;
  --text:#263238;
  --muted:#5e6a6a;
  --bg:#f6faf9;
  --white:#ffffff;

  --r-sm:10px;
  --r-md:14px;
  --r-lg:18px;

  --shadow-sm:0 2px 10px rgba(0,0,0,.06);
  --shadow-md:0 8px 20px rgba(0,0,0,.08);
}

/* ===== Base ===== */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}

.container{max-width:1180px;margin:0 auto;padding:0 20px}

/* ===== Hero ===== */
.hero{
  position:relative; overflow:hidden; color:#fff;
  background:
    radial-gradient(1200px 600px at -10% 10%, rgba(254,176,97,.35), rgba(254,176,97,0)),
    linear-gradient(120deg, #2a8783, #309A96);
}
.hero-inner{
  display:grid; gap:28px; align-items:center;
  grid-template-columns:1.05fr .95fr;
  padding:72px 20px;
}
.hero h1{margin:0 0 10px; font-size:2.6rem; line-height:1.1}
.hero p{margin:10px 0 22px; color:#eefcfb; max-width:640px}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap}
.btn{
  display:inline-block; font-weight:700; padding:12px 20px; border-radius:999px;
  box-shadow:var(--shadow-sm);
}
.btn-primary{background:var(--amber); color:#2b2b2b}
.btn-ghost{border:2px solid #ffffff; color:#fff}

.hero-card{
  background:#fff; color:var(--text); border-radius:16px;
  box-shadow:var(--shadow-md); padding:22px; justify-self:center; max-width:380px;
}
.hero-card h3{margin:0 0 8px; color:var(--teal)}
.hero-card p{margin:0; color:var(--muted)}

/* ===== Highlights (the 6 services as quick-glance pills) ===== */
.highlights{background:#fff}
.hl-grid{
  display:grid; gap:16px; padding:18px 20px;
  grid-template-columns:repeat(3, minmax(0,1fr));
}
.hl{
  display:flex; gap:12px; align-items:flex-start;
  background:#fff; border:1px solid #eef3f2; border-left:6px solid var(--amber);
  border-radius:12px; padding:12px 14px; box-shadow:var(--shadow-sm);
}
.hl .ico{font-size:22px; line-height:1; color:var(--amber)}
.hl h3{margin:0 0 4px; color:var(--teal); font-size:1.06rem}
.hl p{margin:0; color:var(--muted)}

/* ===== Services (cards with detail + CTA) ===== */
.section{padding:52px 0}
.head{text-align:center; max-width:800px; margin:0 auto 26px}
.head h2{margin:0 0 8px; color:var(--teal); font-size:2rem}
.head p{margin:0; color:var(--muted)}

.card-grid{
  display:grid; gap:22px; margin-top:20px;
  grid-template-columns:repeat(3, minmax(0,1fr));
}
.card{
  background:#fff; border:1px solid #eef3f2; border-top:6px solid var(--teal);
  border-radius:14px; padding:18px; box-shadow:var(--shadow-sm);
  display:flex; flex-direction:column; transition:transform .18s, box-shadow .18s;
  min-height:220px;
}
.card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md)}
.card h3{margin:0 0 8px; color:var(--teal)}
.card p{margin:0 0 14px; color:var(--text); flex:1 1 auto}
.card .link{font-weight:700; color:var(--teal); border-bottom:2px solid currentColor; align-self:flex-start}

/* ===== Why Choose Us ===== */
.why{
  background:linear-gradient(180deg, #f0fbfa, #ffffff);
}
.benefits{
  display:grid; gap:14px; margin-top:16px;
  grid-template-columns:repeat(2, minmax(0,1fr));
}
.benefit{
  background:#fff; border-left:6px solid var(--amber); border-radius:12px;
  padding:12px 14px; box-shadow:var(--shadow-sm)
}

/* ===== CTA ===== */
.cta{
  background:linear-gradient(90deg, #2a8783, var(--teal));
  color:#fff; text-align:center; border-radius:18px; padding:28px;
  box-shadow:var(--shadow-md)
}
.cta a{background:var(--amber); color:#2b2b2b; border-radius:999px; padding:12px 20px; display:inline-block; font-weight:700}

/* ===== Footer ===== */
.footer{padding:28px 0; text-align:center; color:var(--muted)}

/* ===== Responsive ===== */
@media (max-width: 980px){
  .hero-inner{grid-template-columns:1fr; padding:56px 20px}
  .hl-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .card-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .benefits{grid-template-columns:1fr}
}
@media (max-width: 600px){
  .hl-grid, .card-grid{grid-template-columns:1fr}
  .hero h1{font-size:2rem}
}/* End custom CSS */