.elementor-19 .elementor-element.elementor-element-e2910da{--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:050px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-e2910da:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-e2910da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECEFFF;}.elementor-19 .elementor-element.elementor-element-18fb437{--display:flex;--border-radius:35px 35px 35px 35px;}.elementor-19 .elementor-element.elementor-element-18fb437:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-18fb437 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAE8;}.elementor-19 .elementor-element.elementor-element-6602ade{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-e49ce43 *//* ================= PAGE TITLE ================= */
.page-title{
  background:; /* light background for contrast */
  padding:9px 20px;
  text-align:center;
}

.page-title-inner{
  max-width:1200px;
  margin:0 auto;
}

.page-title h1{
  margin:0 0 14px;
  font-size:42px;
  font-weight:700;
  letter-spacing:3px;
  color:#020617; /* title color */
}

/* ================= BREADCRUMB ================= */
.breadcrumb{
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#020617; /* breadcrumb text */
}

.breadcrumb a{
  color:#020617; /* link color */
  text-decoration:none;
  font-weight:500;
  transition:opacity .3s ease;
}

.breadcrumb a:hover{
  opacity:.7;
}

.breadcrumb span{
  margin:0 6px;
  color:#020617; /* symbol ( > ) color */
}

.breadcrumb .current{
  color:#020617;
  font-weight:600;
}

/* ================= RESPONSIVE ================= */
@media(max-width:600px){
  .page-title h1{
    font-size:32px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5aceb29 *//* ===============================
   SERVICES PAGE – LIGHT THEME
================================ */

.services-page{
  background:#f8fafc;
  color:#0f172a;
  padding:110px 20px;
  font-family:Poppins,system-ui,sans-serif;
}

/* ---------- HERO ---------- */
.services-hero{
  text-align:center;
  margin-bottom:90px;
}

.services-hero h1{
  font-size:42px;
  margin-bottom:14px;
  color:#020617;
}

.services-hero p{
  max-width:820px;
  margin:0 auto;
  font-size:16px;
  color:#334155;
  line-height:1.8;
}

/* ---------- GRID ---------- */
.services-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:40px;
}

/* ---------- CARD ---------- */
.service-card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 20px 45px rgba(15,23,42,.08);
  transition:.4s ease;
}

.service-card:hover{
  transform:translateY(-10px);
  border-color:#22c55e;
  box-shadow:0 35px 80px rgba(15,23,42,.18);
}

/* ---------- IMAGE ---------- */
.service-image{
  height:350px;
  overflow:hidden;
}

.service-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.6s ease;
}

.service-card:hover img{
  transform:scale(1.08);
}

/* ---------- CONTENT ---------- */
.service-content{
  padding:34px;
}

.service-content h3{
  font-size:22px;
  margin-bottom:12px;
  color:#020617;
}

.service-content p{
  font-size:15px;
  line-height:1.8;
  color:#475569;
  margin-bottom:22px;
}

/* ---------- BUTTON GROUP ---------- */
.service-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* ---------- BUTTONS ---------- */
.btn-primary{
  padding:12px 26px;
  border-radius:30px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  color:#ffffff;
  background:linear-gradient(135deg,#22c55e,#3b82f6);
  transition:.35s ease;
}

.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(34,197,94,.45);
}

/* OUTLINE BUTTON (VISIBLE ON LIGHT BG) */
.btn-outline{
  padding:12px 26px;
  border-radius:30px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  color:#020617;
  border:1px solid #cbd5e1;
  background:#ffffff;
  transition:.35s ease;
}

.btn-outline:hover{
  background:#f1f5f9;
  border-color:#22c55e;
  color:#020617;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1000px){
  .services-grid{
    grid-template-columns:1fr;
  }
}/* End custom CSS */