.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for html, class: .elementor-element-cb17771 */:root{
  --green-deep:#1B4B43;
  --green-deep-2:#123832;
  --cream:#FFFFFF;
  --gold:#C08A28;
  --gold-light:#E4C77E;
  --charcoal:#2A2E2B;
  --sage:#DCE8E1;
  --white:#FFFFFF;
  --radius:14px;
  --shadow:0 8px 24px rgba(27,75,67,0.12);
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--cream);
  color:var(--charcoal);
  font-family:'Almarai', sans-serif;
  line-height:1.9;
  font-size:17px;
}
h1,h2,h3,.brand-word{
  font-family:'Cairo', sans-serif;
  color:var(--green-deep);
}
a{color:var(--green-deep); text-decoration:underline;}
.container{max-width:960px; margin:0 auto; padding:0 20px;}

.hero{
  background:linear-gradient(160deg, var(--green-deep) 0%, var(--green-deep-2) 100%);
  color:var(--cream);
  padding:56px 0 70px;
  position:relative;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto -10% -60% auto;
  width:420px;height:420px;
  background:radial-gradient(circle, var(--gold-light) 0%, transparent 70%);
  opacity:0.18;
}
.eyebrow{
  display:inline-block;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(228,199,126,0.5);
  color:var(--gold-light);
  padding:6px 16px;
  border-radius:999px;
  font-size:14px;
  font-family:'Cairo',sans-serif;
  margin-bottom:18px;
}
.hero h1{
  color:var(--white);
  font-size:clamp(28px, 4vw, 42px);
  max-width:820px;
  margin:0 0 18px;
  font-weight:800;
}
.hero p.lead{
  max-width:700px;
  font-size:19px;
  color:var(--sage);
  margin-bottom:30px;
}
.hero-actions{display:flex; flex-wrap:wrap; gap:14px;}

.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:'Cairo',sans-serif;
  font-weight:700;
  padding:14px 28px;
  border-radius:10px;
  text-decoration:none;
  font-size:16px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn:hover{transform:translateY(-2px);}
.btn-gold{background:var(--gold); color:var(--green-deep-2); box-shadow:0 6px 18px rgba(192,138,40,0.4);}
.btn-whatsapp{background:#1EBE57; color:#fff; box-shadow:0 6px 18px rgba(30,190,87,0.35);}
.btn-outline{background:transparent; border:2px solid var(--gold-light); color:var(--gold-light);}

.float-wa{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:999;
  background:#1EBE57;
  color:#fff;
  width:58px;height:58px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 20px rgba(0,0,0,0.25);
  font-size:26px;
  text-decoration:none;
}

section{padding:52px 0;}
section.alt{background:var(--white);}
h2{font-size:clamp(22px,3vw,29px); margin-bottom:10px; font-weight:800;}
h2 .num{color:var(--gold); margin-left:8px;}
h3{font-size:20px; margin:22px 0 8px;}
p{margin:0 0 16px;}
.section-sub{color:#556; max-width:680px; margin-bottom:26px;}

.toc-box{
  background:var(--white);
  border:1px solid var(--sage);
  border-radius:var(--radius);
  padding:26px 28px;
  box-shadow:var(--shadow);
  margin-top:-40px;
  position:relative;
  z-index:2;
}
.toc-box h2{font-size:20px; margin-bottom:14px;}
.toc-box ol{margin:0; padding-inline-start:22px; columns:2; column-gap:30px;}
.toc-box li{margin-bottom:10px; break-inside:avoid;}
.toc-box a{text-decoration:none; font-weight:700; color:var(--green-deep);}
.toc-box a:hover{color:var(--gold);}
@media(max-width:640px){.toc-box ol{columns:1;}}

.grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:20px; margin-top:20px;}
.card{
  background:var(--white);
  border:1px solid var(--sage);
  border-radius:var(--radius);
  padding:22px;
}
.card h3{margin-top:0; font-size:18px;}
.card .tag{
  display:inline-block;
  font-size:13px;
  background:var(--sage);
  color:var(--green-deep);
  padding:3px 10px;
  border-radius:999px;
  margin-bottom:10px;
  font-family:'Cairo',sans-serif;
}

.nat-strip{display:flex; flex-wrap:wrap; gap:14px; margin-top:24px;}
.nat-pill{
  background:var(--green-deep);
  color:var(--cream);
  padding:10px 20px;
  border-radius:10px;
  font-family:'Cairo',sans-serif;
  font-weight:700;
  font-size:15px;
}

.steps{list-style:none; margin:24px 0 0; padding:0; counter-reset:step;}
.steps li{
  counter-increment:step;
  display:flex;
  gap:18px;
  background:var(--white);
  border:1px solid var(--sage);
  border-radius:var(--radius);
  padding:18px 20px;
  margin-bottom:14px;
  align-items:flex-start;
}
.steps li::before{
  content:counter(step);
  flex:none;
  width:38px;height:38px;
  background:var(--gold);
  color:var(--green-deep-2);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:'Cairo',sans-serif;
  font-weight:800;
}

table{
  width:100%;
  border-collapse:collapse;
  background:var(--white);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  margin-top:20px;
}
th,td{padding:14px 16px; text-align:right; border-bottom:1px solid var(--sage);}
thead th{background:var(--green-deep); color:var(--white); font-family:'Cairo',sans-serif;}
tbody tr:nth-child(even){background:#F6FAF8;}
tbody tr:last-child td{border-bottom:none;}
.price{font-family:'Cairo',sans-serif; font-weight:800; color:var(--green-deep);}

.cta-banner{
  background:var(--gold);
  border-radius:var(--radius);
  padding:30px 32px;
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  align-items:center;
  justify-content:space-between;
  margin:36px 0;
}
.cta-banner h3{margin:0; color:var(--green-deep-2); font-size:20px;}
.cta-banner .actions{display:flex; gap:12px; flex-wrap:wrap;}
.cta-banner .btn-gold{background:var(--green-deep-2); color:var(--gold-light);}

details{
  background:var(--white);
  border:1px solid var(--sage);
  border-radius:10px;
  padding:14px 18px;
  margin-bottom:12px;
}
summary{
  font-family:'Cairo',sans-serif;
  font-weight:700;
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
summary::-webkit-details-marker{display:none;}
summary::after{content:"+"; font-size:22px; color:var(--gold);}
details[open] summary::after{content:"−";}
details p{margin-top:12px; margin-bottom:0; color:#445;}

.trust-bar{display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; margin-top:10px;}
.trust-item{flex:1; min-width:200px; text-align:center; background:var(--white); border-radius:var(--radius); padding:20px; border:1px solid var(--sage);}
.trust-item strong{display:block; font-family:'Cairo',sans-serif; color:var(--green-deep); font-size:22px;}

footer{
  background:var(--green-deep-2);
  color:var(--sage);
  padding:34px 0;
  text-align:center;
  font-size:14px;
}
footer a{color:var(--gold-light);}

.img-note{
  background:var(--sage);
  border-radius:10px;
  padding:14px 18px;
  font-size:14px;
  color:var(--green-deep-2);
  margin:18px 0;
}/* End custom CSS */