/* =========================================================
   SERVICES PAGE
   ========================================================= */

/* HERO */
.services-hero{
  position: relative;
  min-height: 52vh;
  display:flex;
  align-items:center;
  overflow:hidden;

  background-image: url("https://www.thedeeptarget.com/images/hero/services.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.services-hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background: linear-gradient(rgba(10, 61, 98, 0.62), rgba(10, 61, 98, 0.62));
}

.services-hero__content{
  position: relative;
  z-index: 2;
  color:#fff;
  text-align:center;
  padding: 56px 0;
  max-width: 980px;
}

.services-hero__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  font-weight: 700;
  font-size: 13px;
  letter-spacing:.2px;
  margin-bottom: 14px;
}

.services-hero h1{
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 12px 0;
  letter-spacing: -.6px;
}

.services-hero p{
  margin: 0 auto 18px auto;
  max-width: 860px;
  color: rgba(255,255,255,.92);
  line-height: 1.7;
}

.services-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  justify-content:center;
}

/* CORE SERVICES */
.services-core .section-head{ margin-bottom: 24px; }

.svc-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.svc-card{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.svc-card__top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 10px;
}

.svc-ic{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(19,106,166,.10);
  border: 1px solid rgba(19,106,166,.18);
  font-size: 20px;
}

.svc-card h3{
  margin:0;
  font-size: 18px;
  color: var(--ink);
  letter-spacing: -.2px;
}

.svc-card p{
  margin: 0 0 14px 0;
  color: var(--muted);
  line-height: 1.75;
}

.svc-split{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

.svc-block{
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  padding: 14px;

  background-color: #0b58ca; /* اللون المطلوب */

  color: #ffffff;
}


.svc-block h4{
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -.1px;
}


.svc-list{
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
}
.svc-list li{ margin: 6px 0; }

.services-core__cta{
  margin-top: 22px;
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
}

/* PLANNED CAPABILITIES */
.planned .section-head{ margin-bottom: 24px; }

.planned-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.planned-card{
  background: var(--white);
  border: 1px solid rgba(15,55,90,.18);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
  position: relative;
}

.planned-top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 10px;
}

.planned-ic{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(10,61,98,.08);
  border: 1px solid rgba(10,61,98,.18);
  font-size: 20px;
}

.planned-card h3{
  margin: 0 0 6px 0;
  font-size: 18px;
  color: var(--ink);
  letter-spacing: -.2px;
}


/*================================================*/
/* =========================================================
   EQUIPMENT PAGE
   ========================================================= */

/* HERO */
.equip-hero{
  position: relative;
  min-height: 48vh;
  display:flex;
  align-items:center;
  overflow:hidden;

  background-image: url("https://www.thedeeptarget.com/images/hero/equipment_w.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.equip-hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background: linear-gradient(rgba(10, 61, 98, 0.62), rgba(10, 61, 98, 0.62));
}

.equip-hero__content{
  position: relative;
  z-index: 2;
  color:#fff;
  text-align:center;
  padding: 54px 0;
  max-width: 980px;
}

.equip-hero__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  font-weight: 700;
  font-size: 13px;
  letter-spacing:.2px;
  margin-bottom: 14px;
}

.equip-hero h1{
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 12px 0;
  letter-spacing: -.6px;
}

.equip-hero p{
  margin: 0 auto 18px auto;
  max-width: 860px;
  color: rgba(255,255,255,.92);
  line-height: 1.7;
}

.equip-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  justify-content:center;
}

/* OVERVIEW KPI */
.equip-kpi{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.equip-kpi__card{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
  text-align:center;
}

.equip-kpi__num{
  font-weight: 900;
  font-size: 18px;
  color: var(--ink);
  letter-spacing: -.2px;
}

.equip-kpi__txt{
  margin-top: 6px;
  color: var(--muted);
}

/* EQUIPMENT LIST */
.equip-tabs{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin: 18px 0 8px 0;
}

.equip-tab{
  display:inline-flex;
  align-items:center;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 800;
  border: 1px solid rgba(15,55,90,.16);
  background: rgba(255,255,255,.75);
  color: var(--ink);
}

.equip-tab.is-active{
  background: linear-gradient(135deg, var(--blue-700), var(--blue-800));
  border-color: transparent;
  color: #fff;
}

.equip-subtitle{
  margin: 18px 0 10px 0;
  font-size: 18px;
  color: var(--ink);
  letter-spacing: -.2px;
}

.equip-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 10px;
}

.equip-card{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.equip-card__top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 10px;
}

.equip-ic{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(19,106,166,.10);
  border: 1px solid rgba(19,106,166,.18);
  font-size: 20px;
}

.equip-card h4{
  margin:0;
  font-size: 16px;
  color: var(--ink);
  letter-spacing: -.2px;
}

.equip-card p{
  margin: 0 0 10px 0;
  color: var(--muted);
  line-height: 1.75;
}

.equip-bullets{
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
}
.equip-bullets li{ margin: 6px 0; }

.equip-note{
  margin-top: 18px;
  background: rgba(10,61,98,.06);
  border: 1px solid rgba(15,55,90,.14);
  border-radius: var(--radius);
  padding: 14px 16px;
  color: var(--ink);
}

/* PLANNED (reuse same badge styling as Services page if already present) */
.planned-one{ display:grid; grid-template-columns: 1fr; }
.planned-card{
  background: var(--white);
  border: 1px solid rgba(15,55,90,.18);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.planned-top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 10px;
}

.planned-ic{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(10,61,98,.08);
  border: 1px solid rgba(10,61,98,.18);
  font-size: 20px;
}

.planned-card h3{
  margin: 0 0 6px 0;
  font-size: 18px;
  color: var(--ink);
  letter-spacing: -.2px;
}

.planned-badges{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}

/* إذا كانت موجودة عندك من صفحة Services ستُستخدم تلقائياً */
.badge-soon{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  background: rgba(255, 193, 7, .16);
  border: 1px solid rgba(255, 193, 7, .35);
  color: #7a5a00;
}

.badge-note{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  background: rgba(19,106,166,.10);
  border: 1px solid rgba(19,106,166,.18);
  color: #0a3d62;
}

/* Responsive */
@media (max-width: 992px){
  .equip-grid{ grid-template-columns: 1fr; }
  .equip-kpi{ grid-template-columns: 1fr; }
}

@media (max-width: 768px){
  .equip-hero{ min-height: 56vh; }
  .equip-hero__content{ padding: 52px 0; }
}
/* =========================================================
   HSE PAGE
   ========================================================= */

/* HERO */
.hse-hero{
  position: relative;
  min-height: 46vh;
  display:flex;
  align-items:center;
  overflow:hidden;

  background-image: url("https://www.thedeeptarget.com/images/hero/HSE22.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hse-hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background: linear-gradient(rgba(10, 61, 98, 0.66), rgba(10, 61, 98, 0.66));
}

.hse-hero__content{
  position: relative;
  z-index: 2;
  color:#fff;
  text-align:center;
  padding: 54px 0;
  max-width: 980px;
}

.hse-hero__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  font-weight: 700;
  font-size: 13px;
  letter-spacing:.2px;
  margin-bottom: 14px;
}

.hse-hero h1{
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 12px 0;
  letter-spacing: -.6px;
}

.hse-hero p{
  margin: 0 auto 18px auto;
  max-width: 860px;
  color: rgba(255,255,255,.92);
  line-height: 1.7;
}

.hse-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  justify-content:center;
}

/* PRINCIPLES */
.hse-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.hse-card{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.hse-card__top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 10px;
}

.hse-ic{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(19,106,166,.10);
  border: 1px solid rgba(19,106,166,.18);
  font-size: 20px;
}

.hse-card h3{
  margin:0;
  font-size: 18px;
  color: var(--ink);
  letter-spacing: -.2px;
}

.hse-card p{
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

/* SYSTEM SPLIT */
.hse-split{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items: stretch;
}

.hse-split__text h2{
  margin: 0 0 10px 0;
  color: var(--ink);
  font-size: 30px;
}

.hse-split__text p{
  margin: 0 0 14px 0;
  color: var(--muted);
  line-height: 1.7;
}

.hse-checklist{
  display:flex;
  flex-direction:column;
  gap: 10px;
  margin: 0 0 18px 0;
}

.hse-check{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--ink);
}

/* Panel */
.hse-split__panel{
  background: linear-gradient(135deg, rgba(19,106,166,.10), rgba(10,61,98,.08));
  border: 1px solid rgba(15,55,90,.14);
  border-radius: var(--radius);
  padding: 18px;
}

.hse-panel{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.hse-panel h3{
  margin: 0 0 12px 0;
  color: var(--ink);
}

.hse-mini{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.hse-mini__item{
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px;
}

.hse-mini__title{
  display:block;
  font-weight: 800;
  color: var(--ink);
}

.hse-mini__sub{
  display:block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
}

/* CULTURE */
.hse-culture-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.hse-culture-card{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.hse-culture-card h3{
  margin: 0 0 8px 0;
  color: var(--ink);
  font-size: 18px;
  letter-spacing: -.2px;
}

.hse-culture-card p{
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

/* Responsive */
@media (max-width: 992px){
  .hse-grid{ grid-template-columns: 1fr; }
  .hse-split{ grid-template-columns: 1fr; }
  .hse-mini{ grid-template-columns: 1fr; }
  .hse-culture-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 768px){
  .hse-hero{ min-height: 56vh; }
  .hse-hero__content{ padding: 52px 0; }
}
/* =========================================================
   ABOUT US PAGE
   ========================================================= */

/* HERO */
.about-hero{
  position: relative;
  min-height: 48vh;
  display:flex;
  align-items:center;
  overflow:hidden;

  background-image: url("https://www.thedeeptarget.com/images/hero/services-rig-sunset.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.about-hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background: linear-gradient(rgba(10, 61, 98, 0.64), rgba(10, 61, 98, 0.64));
}

.about-hero__content{
  position: relative;
  z-index: 2;
  color:#fff;
  text-align:center;
  padding: 54px 0;
  max-width: 980px;
}

.about-hero__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  font-weight: 700;
  font-size: 13px;
  letter-spacing:.2px;
  margin-bottom: 14px;
}

.about-hero h1{
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 12px 0;
  letter-spacing: -.6px;
}

.about-hero p{
  margin: 0 auto 18px auto;
  max-width: 880px;
  color: rgba(255,255,255,.92);
  line-height: 1.7;
}

.about-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  justify-content:center;
}

/* SPLIT */
.about-split{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items: stretch;
}

.about-text h2{
  margin: 0 0 10px 0;
  color: var(--ink);
  font-size: 30px;
}

.about-text p{
  margin: 0 0 12px 0;
  color: var(--muted);
  line-height: 1.75;
}

.about-points{
  display:flex;
  flex-direction:column;
  gap: 10px;
  margin: 14px 0 18px 0;
}

.about-point{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--ink);
}

.about-actions{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
}

/* PANEL */
.about-panel{
  background: linear-gradient(135deg, rgba(19,106,166,.10), rgba(10,61,98,.08));
  border: 1px solid rgba(15,55,90,.14);
  border-radius: var(--radius);
  padding: 18px;
}

.about-panel__card{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.about-panel__card h3{
  margin: 0 0 12px 0;
  color: var(--ink);
}

.about-mini{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.about-mini__item{
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px;
}

.about-mini__title{
  display:block;
  font-weight: 800;
  color: var(--ink);
}

.about-mini__sub{
  display:block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
}

.about-panel__note{
  margin-top: 12px;
  background: rgba(10,61,98,.06);
  border: 1px solid rgba(15,55,90,.14);
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--ink);
}

/* VALUES */
.about-values-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.about-value-card{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.about-ic{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(19,106,166,.10);
  border: 1px solid rgba(19,106,166,.18);
  font-size: 20px;
  margin-bottom: 10px;
}

.about-value-card h3{
  margin: 0 0 8px 0;
  color: var(--ink);
  font-size: 18px;
  letter-spacing: -.2px;
}

.about-value-card p{
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

/* ROADMAP */
.roadmap-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.roadmap-card{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.roadmap-card--planned{
  border-color: rgba(15,55,90,.18);
}

.roadmap-list{
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
}
.roadmap-list li{ margin: 6px 0; }

.roadmap-badges{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin: 8px 0 10px 0;
}

.roadmap-muted{
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

/* Responsive */
@media (max-width: 992px){
  .about-split{ grid-template-columns: 1fr; }
  .about-mini{ grid-template-columns: 1fr; }
  .about-values-grid{ grid-template-columns: 1fr; }
  .roadmap-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 768px){
  .about-hero{ min-height: 56vh; }
  .about-hero__content{ padding: 52px 0; }
}
/*================================================*/
/* =========================================================
   CONTACT US PAGE
   ========================================================= */

.contact-hero{
  position: relative;
  min-height: 40vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background-image: url("/deeptarget/images/hero/contact-hero.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.contact-hero__overlay{
  position:absolute; inset:0; z-index:1;
  background: linear-gradient(rgba(10, 61, 98, 0.66), rgba(10, 61, 98, 0.66));
}
.contact-hero__content{
  position: relative; z-index:2;
  color:#fff; text-align:center;
  padding: 52px 0;
  max-width: 980px;
}
.contact-hero__badge{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  font-weight: 700; font-size: 13px;
  letter-spacing:.2px;
  margin-bottom: 14px;
}
.contact-hero h1{
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 12px 0;
  letter-spacing: -.6px;
}
.contact-hero p{
  margin: 0 auto;
  max-width: 860px;
  color: rgba(255,255,255,.92);
  line-height: 1.7;
}

/* GRID */
.contact-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  align-items:start;
}

.contact-cards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.contact-card{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}
.contact-card__top{
  display:flex; align-items:center; gap: 12px;
  margin-bottom: 8px;
}
.contact-ic{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(19,106,166,.10);
  border: 1px solid rgba(19,106,166,.18);
  font-size: 20px;
}
.contact-card h3{ margin:0; font-size:18px; color: var(--ink); letter-spacing:-.2px; }

.contact-muted{ margin:0 0 10px 0; color: var(--muted); line-height: 1.7; }

.contact-link{
  font-weight: 800;
  text-decoration:none;
  color: var(--blue-800);
}
.contact-link:hover{ text-decoration: underline; }

.contact-note{
  margin-top: 14px;
  background: rgba(10,61,98,.06);
  border: 1px solid rgba(15,55,90,.14);
  border-radius: var(--radius);
  padding: 14px 16px;
  color: var(--ink);
  line-height: 1.7;
}

/* FORM */
.contact-form-wrap{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}
.contact-form-wrap h2{
  margin:0 0 8px 0;
  color: var(--ink);
  letter-spacing:-.2px;
}

.contact-form{ margin-top: 12px; }

.form-row{
  display:flex;
  flex-direction:column;
  gap: 8px;
  margin-bottom: 12px;
}
.form-row label{
  font-weight: 800;
  color: var(--ink);
  font-size: 13px;
}

.form-row input,
.form-row select,
.form-row textarea{
  width:100%;
  border: 1px solid rgba(15,55,90,.16);
  border-radius: 14px;
  padding: 12px 12px;
  outline: none;
  font: inherit;
  background:#fff;
}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus{
  border-color: rgba(19,106,166,.45);
  box-shadow: 0 0 0 4px rgba(19,106,166,.10);
}

.form-two{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.contact-submit{
  width: 100%;
  justify-content:center;
  margin-top: 6px;
}

.contact-disclaimer{
  margin-top: 10px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.6;
}

/* Honeypot */
.hp-field{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

/* Responsive */
@media (max-width: 992px){
  .contact-grid{ grid-template-columns: 1fr; }
  .contact-cards{ grid-template-columns: 1fr; }
  .form-two{ grid-template-columns: 1fr; }
}
@media (max-width: 768px){
  .contact-hero{ min-height: 52vh; }
  .contact-hero__content{ padding: 52px 0; }
}
/* ===== Joomla Contact Form inside our design ===== */
.contact-form .control-group,
.contact-form .form-group{
  margin-bottom: 12px;
}

.contact-form label{
  font-weight: 800;
  color: var(--ink);
  font-size: 13px;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  width: 100%;
  border: 1px solid rgba(15,55,90,.16);
  border-radius: 14px;
  padding: 12px 12px;
  outline: none;
  font: inherit;
  background: #fff;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  border-color: rgba(19,106,166,.45);
  box-shadow: 0 0 0 4px rgba(19,106,166,.10);
}

/* Hide Joomla default legends/titles if they appear */
.contact-form fieldset legend{
  display:none;
}

/* Ensure submit button spans full width */
.contact-submit{
  width: 100%;
  justify-content: center;
}