.elementor-89 .elementor-element.elementor-element-9961988{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-5899fc0 *//* =========================
   GLOBAL
========================= */
body{
  margin:0;
  font-family:'Segoe UI', Arial, sans-serif;
  background:#f4f6f8;
  color:#003153;
}

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

/* =========================
   HERO SECTION
========================= */
.hero{
  position:relative;
  background:linear-gradient(135deg,#003153 0%,#002540 60%,#1c4861 90%);
  color:#fff;
  padding:120px 20px 200px;
  overflow:hidden;
}

.hero::after{
  content:"";
  position:absolute;
  bottom:-120px;
  left:-10%;
  width:130%;
  height:260px;
  background:#D2691E;
  transform:rotate(-6deg);
  border-radius:50%;
}

.hero h1{
  font-size:46px;
  line-height:1.2;
  margin-bottom:25px;
}

.hero p{
  font-size:18px;
  line-height:1.8;
  max-width:900px;
}

/* =========================
   INTRO
========================= */
.intro{
  padding:120px 20px;
  background:#ffffff;
}

.intro h2{
  text-align:center;
  font-size:36px;
  margin-bottom:40px;
}

.intro p{
  font-size:17px;
  line-height:1.9;
  margin-bottom:25px;
}

/* =========================
   SERVICES
========================= */
.services{
  padding:120px 20px;
  background:linear-gradient(135deg,#ffffff 0%,#eef1f3 100%);
}

.services h2{
  text-align:center;
  font-size:36px;
  margin-bottom:60px;
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:35px;
}

.card{
  background:#fff;
  padding:40px;
  border-radius:20px;
  box-shadow:0 20px 50px rgba(0,0,0,0.08);
  border-top:6px solid #D2691E;
  transition:.4s ease;
}

.card:hover{
  transform:translateY(-10px);
  box-shadow:0 35px 70px rgba(0,0,0,0.15);
}

.card h3{
  margin-bottom:20px;
  font-size:22px;
}

.card p{
  font-size:15px;
  line-height:1.8;
}

.card a{
  color:#D2691E;
  font-weight:bold;
  text-decoration:none;
}

.card a:hover{
  text-decoration:underline;
}

/* =========================
   REVIEWS
========================= */
.reviews{
  padding:140px 20px;
  background:linear-gradient(135deg,#003153 0%,#002540 65%,#D2691E 100%);
  color:#fff;
}

.reviews h2{
  text-align:center;
  margin-bottom:60px;
}

.review-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:35px;
}

.review{
  background:rgba(255,255,255,0.08);
  padding:35px;
  border-radius:18px;
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,0.2);
}

.review h4{
  margin-bottom:15px;
  color:#FFDAB9;
}

/* =========================
   CTA
========================= */
.cta{
  padding:120px 20px;
  text-align:center;
  background:linear-gradient(135deg,#D2691E 0%,#b25415 60%,#003153 100%);
  color:#fff;
}

.cta a{
  display:inline-block;
  margin-top:30px;
  padding:18px 50px;
  background:#fff;
  color:#003153;
  border-radius:50px;
  font-weight:bold;
  text-decoration:none;
  transition:.3s;
}

.cta a:hover{
  background:#003153;
  color:#fff;
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:768px){
  .hero h1{font-size:32px;}
}/* =========================
   INTRO (Reduced Spacing)
========================= */
.intro{
  padding:70px 20px; /* reduced from 120px */
  background:#ffffff;
}

.intro h2{
  text-align:center;
  font-size:36px;
  margin:0 0 25px 0; /* tighter margin */
}

/* =========================
   SERVICES (Reduced Spacing)
========================= */
.services{
  padding:80px 20px; /* reduced from 120px */
  background:linear-gradient(135deg,#ffffff 0%,#eef1f3 100%);
}

.services h2{
  text-align:center;
  font-size:36px;
  margin:0 0 40px 0; /* remove top margin */
}/* End custom CSS */