:root{
  --pa-navy:#173a5a;
  --pa-navy-2:#0f2f4e;
  --pa-gold:#caa67a;
  --pa-gold-2:#b99264;
  --pa-ink:#12202c;
}

html,body{
  height:100%;
}
body{
  font-family:"Almarai", Sans-serif;
  color:#0b1620;
  background:#fff;
}

/* RTL/LTR Support */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}
[dir="ltr"] {
  direction: ltr;
  text-align: left;
}

/* Brand logo positioning */
[dir="rtl"] .brand {
  flex-direction: row;
}
[dir="ltr"] .brand {
  flex-direction: row-reverse;
}

/* Navbar menu alignment */
[dir="rtl"] .navbar-nav {
  text-align: right;
}
[dir="ltr"] .navbar-nav {
  text-align: left;
}

/* Dropdown menu */
[dir="rtl"] .dropdown-menu {
  right: 0;
  left: auto;
}
[dir="ltr"] .dropdown-menu {
  left: 0;
  right: auto;
}

/* Top bar */
.topbar{
  background:linear-gradient(90deg, var(--pa-navy), var(--pa-navy-2));
  color:#e9f0f7;
  font-size:.95rem;
}
.topbar a{ color:#e9f0f7; text-decoration:none; }
.topbar a:hover{ color:#fff; text-decoration:underline; }
.topbar .icon-link{
  width:32px; height:32px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  transition:transform .15s ease, background .15s ease;
}
.topbar .icon-link:hover{ transform:translateY(-1px); background:rgba(255,255,255,.14); }

/* Main nav */
.mainnav{
  background:#ffffff;
  border-bottom:1px solid rgba(20,40,60,.08);
}
.mainnav .nav-link{
  color:#223547;
  font-weight:600;
}
.mainnav .nav-link:hover{ color:var(--pa-navy); }
.mainnav .nav-link.active{
  background:rgba(202,166,122,.22);
  border-radius:.5rem;
  color:#1f3346;
}

.btn-gold{
  --bs-btn-bg: var(--pa-gold);
  --bs-btn-border-color: var(--pa-gold);
  --bs-btn-hover-bg: var(--pa-gold-2);
  --bs-btn-hover-border-color: var(--pa-gold-2);
  --bs-btn-color:#1c2a36;
  --bs-btn-hover-color:#13202b;
  font-weight:700;
}

.brand{
  display:flex;
  align-items:center;
  gap:.75rem;
  text-decoration:none;
  color:var(--pa-ink);
}
.brand-mark{
  width:44px; height:44px;
  display:grid; place-items:center;
  border-radius:14px;
  background:linear-gradient(145deg, rgba(202,166,122,.22), rgba(202,166,122,.10));
  border:1px solid rgba(202,166,122,.38);
  color:var(--pa-gold);
}
.brand-name{
  line-height:1.1;
}
.brand-name strong{ display:block; font-size:1.05rem; }
.brand-name small{ display:block; opacity:.75; font-weight:600; }

/* Hero */
.hero{
  position:relative;
  min-height:calc(100vh - 104px);
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(1200px 500px at 80% 30%, rgba(29,84,129,.55), rgba(10,25,38,.85)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='35%25' r='70%25'%3E%3Cstop offset='0' stop-color='%231a3f61'/%3E%3Cstop offset='1' stop-color='%230b1620'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='1600' height='900' fill='url(%23g)'/%3E%3Cpath d='M0,560 C260,520 420,650 720,610 C1020,570 1200,450 1600,520 L1600,900 L0,900 Z' fill='%23183b59' opacity='.35'/%3E%3Cpath d='M0,610 C220,580 460,740 760,690 C1060,640 1230,520 1600,590 L1600,900 L0,900 Z' fill='%231f4a70' opacity='.22'/%3E%3C/svg%3E");
  background-size:cover;
  background-position:center;
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(10,25,38,.72), rgba(10,25,38,.82));
}
.hero > .container{
  position:relative;
  z-index:1;
}

.hero-logo{
  width:120px; height:120px;
  margin-inline:auto;
  display:grid; place-items:center;
  border-radius:28px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(202,166,122,.35);
  box-shadow:0 18px 48px rgba(0,0,0,.35);
  color:var(--pa-gold);
}

.hero .kicker{
  color:rgba(255,255,255,.90);
  font-weight:700;
  letter-spacing:.2px;
}
.hero h1{
  color:#fff;
  font-weight:800;
  line-height:1.2;
  text-shadow:0 10px 30px rgba(0,0,0,.35);
}
.hero .sub{
  color:rgba(255,255,255,.88);
  font-weight:600;
}

.hero .cta .btn{
  min-width:160px;
  padding:.85rem 1.25rem;
  font-weight:800;
  border-radius:.75rem;
}
.btn-outline-gold{
  --bs-btn-color:#fff;
  --bs-btn-border-color: rgba(202,166,122,.80);
  --bs-btn-hover-bg: rgba(202,166,122,.18);
  --bs-btn-hover-border-color: rgba(202,166,122,1);
  --bs-btn-hover-color:#fff;
  font-weight:800;
}

/* Small tweaks */
.dropdown-menu{
  border-radius:.9rem;
  border-color:rgba(15,35,55,.10);
  box-shadow:0 18px 45px rgba(0,0,0,.10);
}
.dropdown-item{
  font-weight:600;
}

/* Goals (الأهداف) */
.goals-section{
  background:linear-gradient(180deg, #ffffff, #f4f4f2);
}
.goals-title{
  color:var(--pa-navy);
  font-weight:900;
  letter-spacing:.2px;
}
.goals-lead{
  color:rgba(15,35,55,.72);
  font-weight:700;
}
.goals-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  margin-top:1rem;
  margin-bottom:1rem;
}
.goals-divider::before,
.goals-divider::after{
  content:"";
  height:2px;
  width:min(170px, 32vw);
  background:rgba(202,166,122,.70);
}
.goals-divider i{
  color:var(--pa-gold);
  background:rgba(23,58,90,.06);
  border:1px solid rgba(202,166,122,.55);
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
}
.goal-card{
  position:relative;
  background:#fff;
  border-radius:1rem;
  padding:2.25rem 1.15rem 1.2rem; /* room for centered badge */
  border:1px solid rgba(15,35,55,.10);
  box-shadow:0 16px 40px rgba(0,0,0,.10);

  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.goal-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(650px 200px at 90% 0%, rgba(202,166,122,.18), rgba(202,166,122,0) 60%),
    linear-gradient(90deg, rgba(23,58,90,.06), rgba(23,58,90,0) 55%);
  pointer-events:none;
}
.goal-card::after{
  content:"";
  position:absolute;
  inset:auto -25% -40% auto;
  width:220px;
  height:220px;
  border-radius:999px;
  border:2px dashed rgba(202,166,122,.25);
  opacity:.65;
  pointer-events:none;
}
.goal-card > *{ position:relative; z-index:1; }
.goal-card:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 55px rgba(0,0,0,.14);
  border-color:rgba(202,166,122,.35);
}
.goal-badge{
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  width:52px;
  height:52px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:900;
  letter-spacing:.5px;
  color:#fff;
  background:linear-gradient(145deg, var(--pa-navy), var(--pa-navy-2));
  border:3px solid rgba(255,255,255,.95);
  box-shadow:0 12px 25px rgba(0,0,0,.18);
}
.goal-badge.is-gold{
  background:linear-gradient(145deg, var(--pa-gold), var(--pa-gold-2));
  color:#1c2a36;
}
.goal-title{
  padding-top:.35rem;
  padding-inline-start:0;
  color:var(--pa-navy);
  font-weight:900;
}
.goal-text{
  padding-inline-start:0;
  color:#2c3b49;
  line-height:1.9;
  font-weight:700;
  font-size:.98rem;
}

/* About (من نحن) */
.about-section{
  background:#f4f4f2;
}
.about-title{
  color:var(--pa-gold);
  font-weight:800;
  line-height:1.35;
}
.about-text{
  color:#2c3b49;
  font-size:1.06rem;
  line-height:2.05;
}
.about-media{
  border-radius:.35rem;
  overflow:hidden;
 /*  background:#0b1620; */
  border:1px solid rgba(15,35,55,.10);
  box-shadow:0 20px 55px rgba(0,0,0,.18);
}
.about-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

/* About: Values card */
.values-card{
  position:relative;
  background:#ffffff;
  border:1px solid rgba(15,35,55,.10);
  border-radius:1rem;
  padding:1.15rem 1.15rem 1.25rem;
  box-shadow:0 18px 45px rgba(0,0,0,.10);
  overflow:hidden;
}
.values-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px 220px at 80% 0%, rgba(202,166,122,.20), rgba(202,166,122,0) 60%),
    linear-gradient(90deg, rgba(23,58,90,.08), rgba(23,58,90,0) 45%);
  pointer-events:none;
}
.values-card::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:86px;
  height:86px;
  background:linear-gradient(145deg, rgba(202,166,122,.65), rgba(202,166,122,.10));
  clip-path:polygon(100% 0, 0 0, 100% 100%);
  opacity:.9;
  pointer-events:none;
}
.values-card > *{ position:relative; z-index:1; }
.values-title{
  color:var(--pa-navy);
  font-weight:900;
  letter-spacing:.2px;
}
.values-sub{
  color:rgba(15,35,55,.65) !important;
}
.values-grid{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}
.value-chip{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.55rem .85rem;
  border-radius:999px;
  background:rgba(23,58,90,.06);
  border:1px solid rgba(23,58,90,.12);
  color:#1e3447;
  font-weight:800;
  line-height:1;
  box-shadow:0 10px 22px rgba(0,0,0,.06);
}
.value-chip i{
  color:var(--pa-gold);
}
.value-chip::after{
 
}

@media (max-width:576px){
  .values-card{ padding:1rem; }
  .value-chip{ width:100%; justify-content:flex-start; }
}

/* Service categories */
.service-categories-section{
  background:linear-gradient(180deg, var(--pa-navy), #122f4a);
  color:#fff;
}
.service-categories-header h2{
  font-weight:900;
  letter-spacing:.2px;
}
.service-categories-header p{
  color:rgba(255,255,255,.88);
  font-weight:700;
  margin-bottom:0;
}
.service-categories-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  margin-top:1.25rem;
}
.service-categories-divider::before,
.service-categories-divider::after{
  content:"";
  height:2px;
  width:min(160px, 30vw);
  background:rgba(202,166,122,.70);
}
.service-categories-divider i{
  color:var(--pa-gold);
  background:rgba(0,0,0,.10);
  border:1px solid rgba(202,166,122,.55);
  width:32px; height:32px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:.9rem;
}

/* Services: 3-slide carousel */
.services-carousel{
  max-width:980px;
}
.services-carousel .carousel-indicators{
  gap:10px;
  margin-bottom:-.5rem;
}
.services-carousel .carousel-indicators [data-bs-target]{
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.65);
  border:1px solid rgba(202,166,122,.55);
}
.services-carousel .carousel-indicators .active{
  background:var(--pa-gold);
}
.services-slide{
  position:relative;
  background:#ffffff;
  color:#162431;
  border-radius:1.1rem;
  border:1px solid rgba(202,166,122,.25);
  box-shadow:0 22px 65px rgba(0,0,0,.35);
  padding:1.6rem 1.6rem 1.7rem;
  overflow:hidden;
}
.services-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 240px at 70% 0%, rgba(202,166,122,.18), rgba(202,166,122,0) 60%),
    linear-gradient(90deg, rgba(23,58,90,.06), rgba(23,58,90,0) 55%);
  pointer-events:none;
}
.services-slide::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:110px;
  height:110px;
  background:linear-gradient(145deg, rgba(202,166,122,.75), rgba(202,166,122,.10));
  clip-path:polygon(100% 0, 0 0, 100% 100%);
  opacity:.85;
  pointer-events:none;
}
.services-slide > *{ position:relative; z-index:1; }
.services-slide-kicker{
  color:rgba(15,35,55,.70);
  font-weight:900;
  margin-bottom:.4rem;
}
.services-slide-title{
  color:var(--pa-navy);
  font-weight:900;
  margin-bottom:.75rem;
}
.services-slide-text{
  color:#2c3b49;
  line-height:2.05;
  font-weight:700;
  font-size:1.05rem;
}
.services-control{
  width:46px;
  height:46px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(23,58,90,.40);
  border:1px solid rgba(202,166,122,.55);
  color:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.25);
  transition:transform .15s ease, background .15s ease;
}
.carousel-control-prev:hover .services-control,
.carousel-control-next:hover .services-control{
  transform:translateY(-1px);
  background:rgba(23,58,90,.55);
}
.carousel-control-prev,
.carousel-control-next{
  width:56px;
  opacity:1;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
  display:none;
}

.services-slide .text-danger{
  color:#d01414 !important;
}

@media (max-width:576px){
  .services-slide{ padding:1.2rem 1.1rem 1.25rem; }
  .services-slide-text{ font-size:1rem; }
}

.service-card{
  border:1px solid rgba(202,166,122,.32);
  border-radius:1rem;
  overflow:hidden;
  background:transparent;
  box-shadow:0 22px 65px rgba(0,0,0,.35);
  height:100%;
  display:flex;
  flex-direction:column;
}
.service-card .service-media{
  background:#0b1620;
  flex:0 0 auto;
}
.service-card .service-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.service-card .service-body{
  background:#f5f2ee;
  color:#1b2a36;
  padding:1.6rem 1.6rem 1.25rem;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
}
.service-card .service-kicker{
  color:rgba(15,35,55,.65);
  font-weight:900;
  margin-top:-.15rem;
  margin-bottom:.5rem;
}
.service-card .service-title{
  font-weight:900;
  color:#1f3346;
  margin-bottom:.75rem;
}
.service-card .service-desc{
  color:#3a4b59;
  line-height:2.05;
  margin-bottom:1.25rem;
  flex:1 1 auto;
}
.service-card .service-actions{
  display:flex;
  gap:1rem;
  margin-top:auto;
}
.service-card .service-actions .btn{
  flex:1;
  border-radius:.85rem;
  padding:.78rem 1rem;
  font-size:.85rem;
  font-weight:900;
}
.btn-navy{
  --bs-btn-bg: #173a5a;
  --bs-btn-border-color: #173a5a;
  --bs-btn-hover-bg: #0f2f4e;
  --bs-btn-hover-border-color: #0f2f4e;
  --bs-btn-color:#fff;
  --bs-btn-hover-color:#fff;
}

/* Service categories (tiles) */
.service-cats{
  background:#ffffff;
}
.cats-title{
  color:var(--pa-gold);
  font-weight:900;
}
.cats-ornament{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.8rem;
  margin-top:1rem;
  margin-bottom:2rem;
}
.cats-ornament::before,
.cats-ornament::after{
  content:"";
  height:2px;
  width:min(170px, 32vw);
  background:rgba(202,166,122,.70);
}
.cats-ornament i{
  color:var(--pa-gold);
  width:34px; height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid rgba(202,166,122,.55);
  background:#fff;
  font-size:.95rem;
}
.service-tile{
  background:#fff;
  border:1px solid rgba(15,35,55,.10);
  border-radius:1rem;
  box-shadow:0 14px 28px rgba(0,0,0,.10);
  padding:1.25rem 1rem;
  text-align:center;
  height:100%;
}
.service-tile .tile-icon{
  width:56px; height:56px;
  margin-inline:auto;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--pa-gold);
  background:rgba(202,166,122,.10);
  border:1px solid rgba(202,166,122,.22);
  font-size:1.55rem;
  margin-bottom:.75rem;
}
.service-tile .tile-label{
  font-weight:900;
  color:#1f3346;
  margin:0;
}

/* Counters / Stats */
.stats-section{
  position:relative;
  padding:4.25rem 0;
  color:#fff;
  background:
    radial-gradient(1200px 520px at 80% 30%, rgba(29,84,129,.55), rgba(10,25,38,.86)),
    url("assets/counter-bg.jpg");
  background-size:cover;
  background-position:center;
}
.stats-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(10,25,38,.60), rgba(10,25,38,.78));
}
.stats-section > .container{
  position:relative;
  z-index:1;
}
.stat-item-wrapper{
  height:100%;
  padding:0.75rem;
}
.stat-item{
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(10px);
  border:1px solid rgba(202,166,122,.15);
  border-radius:0.85rem;
  padding:1.5rem 1.25rem;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
  position:relative;
  overflow:hidden;
}
.stat-item::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg, transparent, var(--pa-gold), transparent);
  opacity:0;
  transition:opacity .3s ease;
}
.stat-item:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 35px rgba(0,0,0,.3);
  border-color:rgba(202,166,122,.35);
  background:rgba(255,255,255,.08);
}
.stat-item:hover::before{
  opacity:1;
}
.stat-number{
  color:var(--pa-gold);
  font-weight:900;
  font-size:clamp(2rem, 4.5vw, 3.2rem);
  line-height:1.1;
  letter-spacing:.6px;
  margin-bottom:0.75rem;
  position:relative;
  display:inline-block;
}
.stat-number::after{
  content:"";
  position:absolute;
  bottom:-6px;
  left:50%;
  transform:translateX(-50%);
  width:50px;
  height:2.5px;
  background:linear-gradient(90deg, transparent, var(--pa-gold), transparent);
  opacity:.5;
}
.stat-label{
  font-weight:700;
  font-size:0.95rem;
  color:rgba(255,255,255,.95);
  line-height:1.4;
  margin-top:0.25rem;
  text-transform:none;
  letter-spacing:.2px;
}

/* Practice areas */
.practice-section{
  background:#f4f4f2;
}
.practice-title{
  color:var(--pa-gold);
  font-weight:900;
  line-height:1.35;
}
.practice-text{
  color:#2c3b49;
  font-size:1.06rem;
  line-height:2.05;
}
.practice-media{
  border-radius:.35rem;
  overflow:hidden;
  background:#0b1620;
  border:1px solid rgba(15,35,55,.10);
  box-shadow:0 20px 55px rgba(0,0,0,.14);
}
.practice-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Bottom slider */
.bottom-slider{
  background:#f4f4f2;
}
.slider-shell{
  position:relative;
  --slider-gap: 2rem;
  --visible: 3;
}
/* News slider - ensure buttons are visible */
[data-slider="news"] .slider-btn{
  z-index:15;
  opacity:1 !important;
  visibility:visible !important;
  display:grid !important;
}
[data-slider="news"] .slider-shell{
  position:relative;
  overflow:visible;
}
.slider-viewport{
  overflow:hidden;
  padding:.25rem;
  direction:ltr; /* keep transform direction consistent */
}
.slider-track{
  display:flex;
  gap:var(--slider-gap);
  will-change:transform;
  transform:translateX(0);
}

.slide-card{
  border-radius:1.2rem;
  overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,.18);
  background:#f4f4f2;
  direction:rtl; /* content RTL */
  flex:0 0 calc((100% - (var(--slider-gap) * (var(--visible) - 1))) / var(--visible));
  display:flex;
  flex-direction:column;
}
.slide-media{
  position:relative;
  aspect-ratio: 16 / 10;
  background:#0b1620;
  flex-shrink:0;
}
.slide-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.slide-caption{
  background:var(--pa-navy);
  padding:1.6rem 1.25rem;
  text-align:center;
  flex-grow:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:140px;
}
.slide-title{
  color:var(--pa-gold);
  font-weight:900;
  margin:0 0 .4rem;
  font-size:1.25rem;
  flex-shrink:0;
  min-height:2rem;
  display:flex;
  align-items:center;
  justify-content:center;
}
.slide-sub{
  color:rgba(255,255,255,.92);
  font-weight:800;
  margin:0;
  font-size:0.95rem;
  flex-grow:1;
}

.slider-btn{
  position:absolute;
  top:38%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border-radius:999px;
  border:0;
  background:var(--pa-gold);
  color:#fff;
  display:grid !important;
  place-items:center;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
  z-index:10;
  cursor:pointer;
  transition:background-color .25s ease, transform .2s ease;
  opacity:1 !important;
  visibility:visible !important;
}
.slider-btn:hover{ 
  background:var(--pa-gold-2); 
  transform:translateY(-50%) scale(1.05);
}
.slider-btn:active{
  transform:translateY(-50%) scale(0.95);
}
.slider-btn:focus{ 
  outline:3px solid rgba(202,166,122,.35); 
  outline-offset:3px; 
}
.slider-btn i{
  font-size:1.1rem;
  color:#fff !important;
}
.slider-btn-prev{ left:12px; }
.slider-btn-next{ right:12px; }

/* News Slider - Enhanced Design */
.news-slider{
  background:#f4f4f2;
  position:relative;
}
.news-slider .slider-shell{
  position:relative;
  --slider-gap: 2rem;
  --visible: 3;
}
.news-card{
  border-radius:1.25rem;
  overflow:hidden;
  box-shadow:0 24px 65px rgba(0,0,0,.2);
  background:#ffffff;
  direction:rtl;
  flex:0 0 calc((100% - (var(--slider-gap) * (var(--visible) - 1))) / var(--visible));
  display:flex;
  flex-direction:column;
  transition:transform .3s ease, box-shadow .3s ease;
  border:1px solid rgba(202,166,122,.15);
}
.news-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 75px rgba(0,0,0,.25);
}
.news-card .slide-media{
  position:relative;
  aspect-ratio: 16 / 10;
  background:#0b1620;
  flex-shrink:0;
  overflow:hidden;
}
.news-card .slide-media::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.3) 100%);
  z-index:1;
  opacity:0;
  transition:opacity .3s ease;
}
.news-card:hover .slide-media::before{
  opacity:1;
}
.news-card .slide-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.news-card:hover .slide-media img{
  transform:scale(1.08);
}
.news-date-badge{
  position:absolute;
  top:1rem;
  right:1rem;
  background:rgba(26,63,97,.95);
  color:#fff;
  padding:.6rem 1rem;
  border-radius:.6rem;
  font-size:.85rem;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:.5rem;
  box-shadow:0 6px 16px rgba(0,0,0,.3);
  backdrop-filter:blur(10px);
  z-index:3;
  transition:transform .2s ease, background .2s ease;
}
.news-card:hover .news-date-badge{
  transform:scale(1.05);
  background:rgba(26,63,97,1);
}
.news-date-badge i{
  color:var(--pa-gold);
  font-size:.95rem;
}
.news-card .slide-caption{
  background:var(--pa-navy);
  padding:1.75rem 1.5rem;
  text-align:center;
  flex-grow:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:200px;
  position:relative;
}
.news-card .slide-caption::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg, transparent, var(--pa-gold), transparent);
  opacity:.6;
}
.news-card .slide-title{
  color:var(--pa-gold);
  font-weight:900;
  margin:0 0 1rem;
  font-size:1.3rem;
  flex-shrink:0;
  min-height:3.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1.4;
  transition:color .2s ease;
}
.news-card:hover .slide-title{
  color:#e6c99a;
}
.news-content{
  color:rgba(255,255,255,.9);
  font-size:1.05rem;
  line-height:1.85;
  margin:0 0 1.25rem;
  flex-grow:1;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
.news-read-more{
  color:var(--pa-gold);
  font-weight:800;
  font-size:1rem;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  transition:all .25s ease;
  margin-top:auto;
  padding:.5rem 1rem;
  border-radius:.5rem;
  background:rgba(202,166,122,.1);
  border:1px solid rgba(202,166,122,.2);
}
.news-read-more:hover{
  color:#fff;
  background:var(--pa-gold);
  border-color:var(--pa-gold);
  box-shadow:0 4px 12px rgba(202,166,122,.3);
}
[dir="rtl"] .news-read-more:hover{
  transform:translateX(-5px);
}
[dir="ltr"] .news-read-more:hover{
  transform:translateX(5px);
}
.news-read-more i{
  font-size:.9rem;
  transition:transform .25s ease;
}
[dir="rtl"] .news-read-more:hover i{
  transform:translateX(-3px);
}
[dir="ltr"] .news-read-more:hover i{
  transform:translateX(3px);
}

/* News Slider Responsive */
@media (max-width: 991.98px){
  .news-slider .slider-shell{ --slider-gap: 1.5rem; }
  .news-card .slide-caption{
    min-height:180px;
    padding:1.5rem 1.25rem;
  }
  .news-card .slide-title{
    font-size:1.15rem;
    min-height:3rem;
    margin-bottom:.85rem;
  }
  .news-content{
    font-size:1rem;
    line-height:1.8;
    -webkit-line-clamp:2;
  }
  .news-date-badge{
    top:.85rem;
    right:.85rem;
    padding:.5rem .85rem;
    font-size:.8rem;
  }
}
@media (max-width: 767.98px){
  .news-slider .slider-shell{ --visible: 1; --slider-gap: 1rem; }
  .news-card .slide-caption{
    min-height:auto;
    padding:1.3rem 1rem;
  }
  .news-card .slide-title{
    font-size:1.05rem;
    min-height:2.5rem;
    margin-bottom:.7rem;
  }
  .news-content{
    font-size:.98rem;
    line-height:1.75;
    -webkit-line-clamp:2;
    margin-bottom:1rem;
  }
  .news-read-more{
    font-size:.95rem;
    padding:.45rem .9rem;
  }
  .news-date-badge{
    top:.7rem;
    right:.7rem;
    padding:.45rem .75rem;
    font-size:.75rem;
  }
}

/* Contact banner (under slider) */
.contact-banner{
  background:#ffffff;
  position:relative;
}
.contact-card{
  border-radius:1rem;
  overflow:hidden;
  border:1px solid rgba(15,35,55,.10);
  box-shadow:0 18px 48px rgba(0,0,0,.12);
  position:relative;
}
/* Make both sides exactly the same height */
.contact-card .row > [class*="col-"]{
  display:flex;
}
.contact-side{
  position:relative;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:3rem 2.25rem;
  width:100%;
  height:100%;
  overflow:hidden;
}
.contact-side::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
}
.contact-side > *{
  position:relative;
  z-index:1;
}
.contact-left-content,
.contact-right-content{
  width:100%;
  max-width:520px;
  margin:0 auto;
  text-align:center;
}

.contact-left{
  color:#0b1620;
  background:
    linear-gradient(0deg, rgba(202,166,122,.78), rgba(202,166,122,.78)),
    url("assets/contact-left.jpg");
  background-size:cover;
  background-position:center;
  border-radius:1rem 1rem 1rem 1rem;
  border:1px solid rgba(15,35,55,.15);
}
@media (max-width: 991.98px){
  .contact-left{
    border-radius:1rem 1rem 1rem 1rem;
  }
}
.contact-left::before{
  background:linear-gradient(0deg, rgba(202,166,122,.82), rgba(202,166,122,.82));
}
.contact-left h2{
  font-weight:900;
  color:#0b1620;
  font-size:clamp(1.75rem, 3.5vw, 2.25rem);
}
.contact-left .lead{
  font-weight:700;
  color:#0b1620;
  opacity:.95;
  font-size:1rem;
  line-height:1.6;
}
.contact-list{
  margin:2rem 0 0;
  padding:0;
  list-style:none;
  width:100%;
}
.contact-item{
  display:flex;
  align-items:center;
  gap:1.25rem;
  padding:.85rem 0;
  border-bottom:1px solid rgba(0,0,0,.10);
}
.contact-item:last-child{ border-bottom:0; }
[dir="rtl"] .contact-item{
  flex-direction:row;
}
[dir="ltr"] .contact-item{
  flex-direction:row;
}
.contact-item .value{
  font-weight:800;
  color:#1f3346;
  letter-spacing:.1px;
  flex:1;
  text-align:inherit;
  font-size:0.95rem;
}
[dir="rtl"] .contact-item .value{
  text-align:left;
  flex:0 1 auto;
}
[dir="ltr"] .contact-item .value{
  text-align:left;
}
.contact-item a.value{
  text-decoration:none;
  color:#1f3346;
}
.contact-item a.value:hover{ text-decoration:underline; }
.contact-item .cicon{
  width:40px;
  height:40px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:2px solid rgba(31,51,70,.55);
  color:#1f3346;
  background:rgba(255,255,255,.20);
  flex:0 0 auto;
  font-size:0.9rem;
}

.contact-right{
  color:#fff;
  background:
    radial-gradient(1200px 520px at 80% 30%, rgba(29,84,129,.55), rgba(10,25,38,.86)),
    url("assets/contact-right.jpg");
  background-size:cover;
  background-position:center;
  border-radius:0 1rem 1rem 0;
}
@media (max-width: 991.98px){
  .contact-right{
    border-radius:0 0 1rem 1rem;
  }
}
[dir="rtl"] .contact-right{
  border-radius:1rem 0 0 1rem;
}
@media (max-width: 991.98px){
  [dir="rtl"] .contact-right{
    border-radius:0 0 1rem 1rem;
  }
}
.contact-right::before{
  background:linear-gradient(180deg, rgba(10,25,38,.55), rgba(10,25,38,.78));
}
.contact-right .kicker{
  color:rgba(202,166,122,.95);
  font-weight:800;
  font-size:0.95rem;
  letter-spacing:.5px;
}
.contact-title,
.contact-right h3{
  font-weight:900;
  color:#fff;
  line-height:1.5;
  text-shadow:0 12px 30px rgba(0,0,0,.35);
  font-size:clamp(1.5rem, 3vw, 2rem);
  margin:0;
  text-align:inherit;
}
.contact-right .btn{
  padding:0.85rem 1.3rem;
  border-radius:.25rem;
  font-weight:800;
  font-size:0.95rem;
}

/* Footer */
.site-footer{
  background:linear-gradient(180deg, var(--pa-navy), #102f4e);
  color:rgba(255,255,255,.88);
}
.site-footer .brand-mark{
  background:rgba(255,255,255,.06);
  border-color:rgba(202,166,122,.40);
}
.footer-title{
  color:var(--pa-gold);
  font-weight:900;
}
.footer-text{
  line-height:2.05;
  color:rgba(255,255,255,.86);
}
.footer-links,
.footer-contacts{
  list-style:none;
  padding:0;
  margin:0;
}
.footer-link{
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.42rem 0;
  text-decoration:none;
  color:rgba(255,255,255,.88);
  font-weight:800;
}
.footer-link i{
  color:var(--pa-gold);
  transform:scaleX(-1); /* make arrow look RTL-friendly */
}
.footer-link:hover{
  color:#fff;
  text-decoration:underline;
}
.footer-contacts li{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  padding:.45rem 0;
  font-weight:800;
  color:rgba(255,255,255,.88);
}
.footer-contacts i{
  margin-top:.15rem;
  color:var(--pa-gold);
  width:18px;
  text-align:center;
  flex:0 0 auto;
}
.footer-contacts a{
  color:rgba(255,255,255,.92);
  text-decoration:none;
}
.footer-contacts a:hover{
  color:#fff;
  text-decoration:underline;
}
.footer-sep{
  border-color:rgba(255,255,255,.14);
  opacity:1;
}
.footer-bottom{
  color:rgba(255,255,255,.80);
}

/* Floating action menu */
.fab{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1080;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  direction:ltr; /* layout only */
}
.fab .fab-actions{
  display:flex;
  flex-direction:column;
  gap:14px;
  pointer-events:none;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .18s ease, transform .18s ease;
}
.fab.is-open .fab-actions{
  pointer-events:auto;
  opacity:1;
  transform:translateY(0);
}
.fab-btn{
  width:78px;
  height:78px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:0;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  cursor:pointer;
  text-decoration:none;
  color:#fff;
}
.fab-btn:focus{
  outline:3px solid rgba(255,255,255,.35);
  outline-offset:4px;
}
.fab-main{
  background:#4764c8; /* blue like screenshot */
}
.fab-item{
  transform:translateY(8px) scale(.98);
  opacity:0;
  transition:transform .18s ease, opacity .18s ease;
}
.fab.is-open .fab-item{
  transform:translateY(0) scale(1);
  opacity:1;
}
/* Colors per action */
.fab-phone{ background:var(--pa-gold); }
.fab-whatsapp{ background:#25D366; }
.fab-email{ background:var(--pa-gold); }
.fab-sms{ background:#ff4ea3; }
.fab-main .fa-xmark{ display:none; }
.fab.is-open .fab-main .fa-comment-dots{ display:none; }
.fab.is-open .fab-main .fa-xmark{ display:inline-block; }

@media (max-width: 575.98px){
  .fab{ right:14px; bottom:14px; }
  .fab-btn{ width:72px; height:72px; }
  .stat-item-wrapper{ padding:0.4rem; }
  .stat-item{ padding:1.25rem 0.875rem; }
  .stat-number{ font-size:clamp(1.6rem, 7vw, 2.2rem); margin-bottom:0.5rem; }
  .stat-label{ font-size:0.85rem; }
}

@media (max-width: 991.98px){
  .hero{
    min-height:calc(100vh - 120px);
    padding-top:2.5rem;
    padding-bottom:2.5rem;
  }
  .about-text{ font-size:1rem; line-height:2; }
  .service-card .service-actions{ gap:.75rem; }
  .cats-ornament{ margin-bottom:1.5rem; }
  .service-tile{ padding:1.1rem .95rem; }
  .stats-section{ padding:3.25rem 0; }
  .stat-item-wrapper{ padding:0.5rem; }
  .stat-item{ padding:1.25rem 1rem; }
  .stat-number{ font-size:clamp(1.75rem, 3.5vw, 2.5rem); margin-bottom:0.5rem; }
  .stat-label{ font-size:0.9rem; }
  .practice-text{ font-size:1rem; line-height:2; }
  .slider-shell{ --slider-gap: 1rem; }
  .slider-shell{ --visible: 1; }
  .slider-btn{ 
    top:35%; 
    width:50px; 
    height:50px; 
    z-index:10;
    opacity:1 !important;
    visibility:visible !important;
    display:grid !important;
  }
  .slider-btn i{
    font-size:1rem;
    color:#fff !important;
  }
  .contact-side{ min-height:unset; padding:2rem 1.5rem; }
  .contact-item{ gap:0.875rem; }
  .contact-item .cicon{ width:36px; height:36px; font-size:0.85rem; }
  .contact-item .value{ font-size:0.9rem; }
  .contact-left h2{ font-size:clamp(1.5rem, 3vw, 2rem); }
  .contact-left .lead{ font-size:0.95rem; }
  .contact-title,
  .contact-right h3{ font-size:clamp(1.35rem, 2.5vw, 1.75rem); }
  .contact-right .kicker{ font-size:0.9rem; }
  .contact-right .btn{ padding:0.75rem 1.2rem; font-size:0.9rem; }
  .contact-left-content,
  .contact-right-content{ max-width:100%; }
  .footer-text{ line-height:1.95; }
}

@media (min-width: 768px) and (max-width: 991.98px){
  .slider-shell{ --visible: 2; }
}

/* Service Detail Hero */
.service-detail-hero{
  position:relative;
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(1400px 600px at 50% 40%, rgba(29,84,129,.50), rgba(10,25,38,.85)),
    url("https://images.unsplash.com/photo-1512453979798-5ea266f8880c?q=80&w=2070");
  background-size:cover;
  background-position:center;
}
.service-detail-overlay{
  position:absolute;
  inset:0;
  background:rgba(10,25,38,.65);
  z-index:1;
}
.service-detail-flag{
  position:absolute;
  top:20px;
  right:20px;
  width:200px;
  height:133px;
  background:
    linear-gradient(to right, #007A3D 0%, #007A3D 25%, transparent 25%),
    linear-gradient(to bottom, #C8102E 0%, #C8102E 33.33%, #fff 33.33%, #fff 66.66%, #000 66.66%, #000 100%);
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.3);
  z-index:2;
  border:2px solid rgba(255,255,255,.2);
}
.service-detail-content{
  position:relative;
  z-index:3;
  text-align:center;
  padding:4rem 2rem;
  max-width:900px;
  margin:0 auto;
}
.service-detail-title{
  font-size:clamp(2.5rem, 5vw, 4rem);
  font-weight:900;
  color:var(--pa-gold);
  margin-bottom:2rem;
  line-height:1.2;
  text-shadow:0 4px 12px rgba(0,0,0,.4);
}
.service-detail-description{
  font-size:clamp(1.1rem, 2vw, 1.35rem);
  color:#fff;
  line-height:2;
  font-weight:600;
  text-align:right;
  text-shadow:0 2px 8px rgba(0,0,0,.3);
}
.service-detail-section{
  background:#fff;
}

@media (max-width: 991.98px){
  .service-detail-hero{ min-height:60vh; }
  .service-detail-flag{
    width:150px;
    height:100px;
    top:15px;
    right:15px;
  }
  .service-detail-content{ padding:3rem 1.5rem; }
  .service-detail-description{ text-align:center; }
}

/* Services Category Hero */
.services-category-hero{
  position:relative;
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.services-category-overlay{
  position:absolute;
  inset:0;
  background:rgba(10,25,38,.65);
  z-index:1;
}
.services-category-flag{
  position:absolute;
  top:20px;
  right:20px;
  width:200px;
  height:133px;
  background:
    linear-gradient(to right, #007A3D 0%, #007A3D 25%, transparent 25%),
    linear-gradient(to bottom, #C8102E 0%, #C8102E 33.33%, #fff 33.33%, #fff 66.66%, #000 66.66%, #000 100%);
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.3);
  z-index:2;
  border:2px solid rgba(255,255,255,.2);
}
.services-category-content{
  position:relative;
  z-index:3;
  text-align:center;
  padding:4rem 2rem;
  max-width:900px;
  margin:0 auto;
}
.services-category-title{
  font-size:clamp(2.5rem, 5vw, 4rem);
  font-size: 47px;
  font-family: "El Messiri", Sans-serif;
  color:var(--pa-gold);
  margin-bottom:2rem;
  line-height:1.2;
  text-shadow:0 4px 12px rgba(0,0,0,.4);
}
.services-category-description{
  font-size:clamp(1.1rem, 2vw, 1.35rem);
  font-family: "El Messiri", Sans-serif;
  color:#fff;
  line-height:2;
  font-weight:600;
  text-align:center;
  text-shadow:0 2px 8px rgba(0,0,0,.3);
}

@media (max-width: 991.98px){
  .services-category-hero{ min-height:60vh; }
  .services-category-flag{
    width:150px;
    height:100px;
    top:15px;
    right:15px;
  }
  .services-category-content{ padding:3rem 1.5rem; }
}

/* Breadcrumb Styles */
.breadcrumb-section{
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.breadcrumb{
  font-size: 0.9rem;
}
.breadcrumb-item a{
  color: var(--pa-navy);
  text-decoration: none;
}
.breadcrumb-item a:hover{
  text-decoration: underline;
}
.breadcrumb-item.active{
  color: white;
 /*  font-weight: 600; */
}
[dir="rtl"] .breadcrumb{
  direction: rtl !important;
  text-align: right;
}
[dir="ltr"] .breadcrumb{
  direction: ltr !important;
  text-align: left;
}


/* Service Detail Page Styles */
.service-detail-hero-page{
  position: relative;
  min-height: 280px;
  height: 280px;
  display: flex !important;
  align-items: center !important;
}
.service-detail-hero-page .container{
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}
.service-detail-hero-page .services-category-content,
.service-detail-content-page{
  position: relative;
  z-index: 3;
  text-align: center !important;
  padding: 0 !important;
  flex: 1;
  display: flex;
  align-items: center;
 /*  justify-content: center; */
  max-width: none !important;
  margin: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.service-detail-hero-page .services-category-title,
.service-detail-title-page{
  font-family: "El Messiri", Sans-serif;
  font-size: 47px;
  color: var(--pa-gold);
  margin-bottom: 0 !important;
  line-height: 1.3;
  text-shadow: 0 4px 12px rgba(0,0,0,.4);
  text-align: center !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}
.service-detail-breadcrumb-wrapper{
  position: relative;
  z-index: 3;
  padding: 0;
  margin-top: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.service-detail-breadcrumb-wrapper[dir="rtl"]{
  text-align: right;
  align-self: flex-end;
}
.service-detail-breadcrumb-wrapper[dir="ltr"]{
  text-align: left;
  align-self: flex-start;
}
.service-detail-breadcrumb{
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  gap: 0.25rem;
}
.service-detail-breadcrumb-wrapper[dir="rtl"] .service-detail-breadcrumb{
  justify-content: flex-start;
  direction: rtl;
}
.service-detail-breadcrumb-wrapper[dir="ltr"] .service-detail-breadcrumb{
  justify-content: flex-start;
  direction: ltr;
}
.service-detail-breadcrumb .breadcrumb-item a{
  color: rgba(255,255,255,0.9);
  text-decoration: none;
}
.service-detail-breadcrumb .breadcrumb-item a:hover{
  color: #fff;
  text-decoration: underline;
}

/* Custom breadcrumb divider styling - larger and more visible */
/* Base styles for all breadcrumb dividers */
.service-detail-breadcrumb-wrapper .service-detail-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  color: var(--pa-gold);
  font-size: clamp(1.25rem, 2.5vw, 1.8rem) !important;
  font-weight: 900 !important;
 /*  padding: 0 clamp(0.75rem, 2vw, 1.2rem) !important; */
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.4) !important;
  padding-bottom: 36px;
}
/* RTL arrow (Arabic) - arrow points left (‹) - MUST come after base */
div.service-detail-breadcrumb-wrapper[dir="rtl"] .service-detail-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  content: "›" !important;
}

/* LTR arrow (English) - arrow points right (›) - MUST come after base */
div.service-detail-breadcrumb-wrapper[dir="ltr"] .service-detail-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  content: "›" !important;
}
.service-detail-breadcrumb .breadcrumb-item + .breadcrumb-item:hover::before{
  color: rgba(255,255,255,1);
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}
/* Service Detail Content Section */
.service-detail-content-section{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 767.98px){
  .service-detail-content-section{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 575.98px){
  .service-detail-content-section{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

/* Service Consultation Section */
.service-consultation-section{
  background: #fff;
}
/* Service Content Column */
.service-content-column{
  display: flex;
  align-items: flex-start;
}
.service-content-text{
  padding: 2rem 0;
  width: 100%;
}
.service-content-title{
  font-family: "El Messiri", Sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: var(--pa-navy);
  margin-bottom: 1.5rem;
  line-height: 1.4;
}
.service-content-description{
  font-size: 1.1rem;
  line-height: 1.8;
  color: #2c3b49;
  font-weight: 400;
}
/* Service Text Sections */
.service-intro-paragraph,
.service-conclusion-paragraph{
  margin-bottom: 2rem;
}
.service-intro-paragraph p,
.service-conclusion-paragraph p{
  font-size: 1rem;
  line-height: 1.9;
  color: #2c3b49;
  font-weight: 400;
  margin-bottom: 0;
}
.service-section{
  margin-bottom: 2.5rem;
}
.service-section-title{
  font-family: "El Messiri", Sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--pa-navy);
  margin-bottom: 1rem;
  line-height: 1.4;
}
.service-section-text{
  font-size: 1rem;
  line-height: 1.9;
  color: #2c3b49;
  font-weight: 400;
  margin-bottom: 0;
}
.service-item{
  margin-bottom: 2rem;
}
.service-item:last-child{
  margin-bottom: 0;
}
.service-item-title{
  font-family: "El Messiri", Sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--pa-navy);
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.service-item-text{
  font-size: 1rem;
  line-height: 1.9;
  color: #2c3b49;
  font-weight: 400;
  margin-bottom: 0;
}
/* Consultation Form Column */
.consultation-form-column{
  display: flex;
  align-items: flex-start;
}
.consultation-form-wrapper{
  background: linear-gradient(180deg, #0f2f4e, #173a5a);
  padding: 2.5rem;
  border-radius: 16px;
  width: 100%;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  position: sticky;
  top: 100px;
  z-index: 10;
}
.form-title{
  font-family: "El Messiri", Sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--pa-gold);
  margin-bottom: 2rem;
  text-align: center;
}
.consultation-form .form-group{
  margin-bottom: 1.5rem;
}
.consultation-form label{
  display: block;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.consultation-form .form-control{
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  background: rgba(255,255,255,0.1);
  color: #fff;
  font-size: 0.95rem;
}
.consultation-form .form-control::placeholder{
  color: rgba(255,255,255,0.5);
}
.consultation-form .form-control:focus{
  background: rgba(255,255,255,0.15);
  border-color: var(--pa-gold);
  outline: none;
  box-shadow: 0 0 0 3px rgba(202,166,122,0.2);
  color: #fff;
}
.consultation-form textarea.form-control{
  resize: vertical;
  min-height: 100px;
}
/* RTL Support for Service Consultation */
[dir="rtl"] .service-content-column{
  order: 2;
}
[dir="rtl"] .consultation-form-column{
  order: 1;
}
[dir="ltr"] .service-content-column{
  order: 1;
}
[dir="ltr"] .consultation-form-column{
  order: 2;
}
/* Responsive */
@media (max-width: 991.98px){
  .service-content-column,
  .consultation-form-column{
    order: initial !important;
  }
  .service-content-text{
    padding: 1.5rem 0;
  }
  .consultation-form-wrapper{
    padding: 2rem 1.5rem;
    margin-top: 2rem;
    position: relative;
    top: 0;
  }
  .service-content-title{
    font-size: 1.75rem;
  }
  .service-section-title{
    font-size: 1.35rem;
  }
  .service-item-title{
    font-size: 1.1rem;
  }
  .form-title{
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px){
  .service-content-text{
    padding: 1rem 0;
  }
  .consultation-form-wrapper{
    padding: 1.5rem 1rem;
    position: relative;
    top: 0;
  }
  .service-content-title{
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  .service-content-description{
    font-size: 1rem;
  }
  .service-intro-paragraph,
  .service-conclusion-paragraph{
    margin-bottom: 1.5rem;
  }
  .service-section{
    margin-bottom: 2rem;
  }
  .service-section-title{
    font-size: 1.25rem;
    margin-bottom: 0.875rem;
  }
  .service-item{
    margin-bottom: 1.5rem;
  }
  .service-item-title{
    font-size: 1.05rem;
    margin-bottom: 0.625rem;
  }
  .service-section-text,
  .service-item-text,
  .service-intro-paragraph p,
  .service-conclusion-paragraph p{
    font-size: 0.95rem;
    line-height: 1.8;
  }
  .form-title{
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
  .consultation-form .form-group{
    margin-bottom: 1.25rem;
  }
}
/* Consultation Sidebar */
.consultation-sidebar{
  min-height: calc(100vh - 300px);
}
.consultation-sidebar-content{
  padding: 2.5rem 2rem;
  color: #fff;
  background: linear-gradient(180deg, #0f2f4e, #173a5a);

}
.consultation-title{
  font-family: "El Messiri", Sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: var(--pa-gold);
  margin-bottom: 2rem;
  text-align: center;
}
.consultant-image-wrapper{
  text-align: center;
  margin-bottom: 2.5rem;
}
.consultant-image{
  width: 200px;
  height: 250px;
  object-fit: cover;
  border-radius: 12px;
  border: 3px solid rgba(202,166,122,0.3);
}
.contact-buttons-section{
  margin-bottom: 2.5rem;
}
.contact-section-title{
  font-family: "El Messiri", Sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1.5rem;
  text-align: center;
}
.contact-buttons{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.btn-whatsapp{
  background: #25D366;
  color: #fff;
  border: none;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
.btn-whatsapp:hover{
  background: #20BA5A;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37,211,102,0.3);
}
.btn-phone{
  background: var(--pa-gold);
  color: #1c2a36;
  border: none;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
.btn-phone:hover{
  background: var(--pa-gold-2);
  color: #1c2a36;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(202,166,122,0.3);
}
.consultation-form-section{
  margin-top: 2rem;
}
.form-section-title{
  font-family: "El Messiri", Sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1.5rem;
  text-align: center;
}
.consultation-form .form-group{
  margin-bottom: 1.5rem;
}
.consultation-form label{
  display: block;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.consultation-form .form-control{
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  background: rgba(255,255,255,0.1);
  color: #fff;
  font-size: 0.95rem;
}
.consultation-form .form-control::placeholder{
  color: rgba(255,255,255,0.5);
}
.consultation-form .form-control:focus{
  background: rgba(255,255,255,0.15);
  border-color: var(--pa-gold);
  outline: none;
  box-shadow: 0 0 0 3px rgba(202,166,122,0.2);
  color: #fff;
}
.consultation-form textarea.form-control{
  resize: vertical;
  min-height: 100px;
}
.btn-submit{
  width: 100%;
  background: var(--pa-gold);
  color: #1c2a36;
  border: none;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  font-weight: 700;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn-submit:hover{
  background: var(--pa-gold-2);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(202,166,122,0.3);
}
/* Service Content Area */
.service-content-area{
  background: #fff;
  min-height: calc(100vh - 300px);
}
.service-content-wrapper{
  padding: 3rem 3rem;
}
/* RTL Support */
[dir="rtl"] .consultation-sidebar{
  order: 2;
}
[dir="rtl"] .service-content-area{
  order: 1;
}
[dir="ltr"] .consultation-sidebar{
  order: 1;
}
[dir="ltr"] .service-content-area{
  order: 2;
}
/* Responsive */
@media (max-width: 991.98px){
  .consultation-sidebar,
  .service-content-area{
    min-height: auto;
  }
  .consultation-sidebar-content{
    padding: 2rem 1.5rem;
  }
  .service-content-wrapper{
    padding: 2rem 1.5rem;
  }
  [dir="rtl"] .consultation-sidebar,
  [dir="ltr"] .consultation-sidebar{
    order: 1;
  }
  [dir="rtl"] .service-content-area,
  [dir="ltr"] .service-content-area{
    order: 2;
  }
}
@media (max-width: 767.98px){
  .consultation-sidebar-content{
    padding: 1.5rem 1rem;
  }
  .service-content-wrapper{
    padding: 1.5rem 1rem;
  }
  .consultation-title{
    font-size: 1.75rem;
  }
  .consultant-image{
    width: 150px;
    height: 200px;
  }
}
@media (max-width: 575.98px){
  .consultation-title{
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .consultant-image{
    width: 120px;
    height: 150px;
  }
  .contact-section-title,
  .form-section-title{
    font-size: 1rem;
  }
  .btn-whatsapp,
  .btn-phone,
  .btn-submit{
    padding: 0.875rem 1.25rem;
    font-size: 0.95rem;
  }
}
/* Tablet styles */
@media (max-width: 991.98px){
  .service-detail-hero-page{
    min-height: 260px;
    height: 260px;
  }
  .service-detail-hero-page .container{
    padding-top: 2rem;
    padding-bottom: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .service-detail-hero-page .services-category-content,
  .service-detail-content-page{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .service-detail-breadcrumb-wrapper{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .service-detail-breadcrumb-wrapper[dir="rtl"]{
    align-self: flex-end;
  }
  .service-detail-breadcrumb-wrapper[dir="ltr"]{
    align-self: flex-start;
  }
}
/* Mobile styles */
@media (max-width: 767.98px){
  .service-detail-hero-page{
    min-height: 240px;
    height: 240px;
  }
  .service-detail-hero-page .container{
    padding-top: 1.75rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .service-detail-hero-page .services-category-content,
  .service-detail-content-page{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .service-detail-breadcrumb-wrapper{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 575.98px){
  .service-detail-hero-page{
    min-height: 220px;
    height: 220px;
  }
  .service-detail-hero-page .container{
    padding-top: 1.5rem;
    padding-bottom: 0.875rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .service-detail-hero-page .services-category-content,
  .service-detail-content-page{
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .service-detail-breadcrumb-wrapper{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .service-detail-breadcrumb{
    font-size: 0.8125rem;
  }
}
/* Extra small devices */
@media (max-width: 375px){
  .service-detail-hero-page{
    min-height: 200px;
    height: 200px;
  }
  .service-detail-hero-page .container{
    padding-top: 1.25rem;
    padding-bottom: 0.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .service-detail-breadcrumb-wrapper{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media (max-width: 575.98px){
  .service-detail-hero{ min-height:50vh; }
  .services-category-hero{ min-height:50vh; }
  .service-detail-flag{
    width:120px;
    height:80px;
    top:10px;
    right:10px;
  }
  .service-detail-content{ padding:2rem 1rem; }
}

/* Consultation Sectors Section */
.consultation-sectors-section{
  background: #f4f4f2;
}
.consultation-sectors-title{
  color: #1a3f61;
  font-weight: 900;
  letter-spacing: 0.2px;
}
.sector-group{
  background: #fff;
  border-radius: 1rem;
  padding: 2.5rem 2rem;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  height: 100%;
}
.sector-group-title{
  color: #1a3f61;
  font-weight: 900;
  border-bottom: 3px solid #caa67a;
  padding-bottom: 1rem;
  margin-bottom: 2rem !important;
}
.sector-items{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.sector-item{
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
}
.sector-item-badge{
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(145deg, #173a5a, #173a5a);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 1.1rem;
  box-shadow: 0 4px 12px rgba(45, 122, 79, 0.3);
}
.sector-item-content{
  flex: 1;
  padding-top: 0.5rem;
}
.sector-item-text{
  color: #1a3f61;
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.6;
}
@media (max-width: 991.98px){
  .sector-group{
    padding: 2rem 1.5rem;
  }
  .sector-group-title{
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px){
  .consultation-sectors-title{
    font-size: 1.75rem;
  }
  .sector-group{
    padding: 1.75rem 1.25rem;
  }
  .sector-item-badge{
    width: 42px;
    height: 42px;
    font-size: 1rem;
  }
  .sector-item-text{
    font-size: 1rem;
  }
  .sector-items{
    gap: 1.25rem;
  }
}

/* Team Members Slider */
.team-members-slider{
  background:#f9fafb;
  position:relative;
}
.team-members-slider .team-slider-shell{
  position:relative;
  --slider-gap: 1.5rem;
  --visible: 4;
  overflow:visible;
}
[data-team-slider="true"] .team-slider-btn{
  z-index:15;
  opacity:1 !important;
  visibility:visible !important;
}
.team-slider-viewport{
  overflow:hidden;
  padding:.25rem;
  direction:ltr;
}
.team-slider-track{
  display:flex;
  gap:var(--slider-gap);
  will-change:transform;
  transition:transform 480ms ease;
}
.team-slider-btn{
  position:absolute;
  top:38%;
  transform:translateY(-50%);
  z-index:12;
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--pa-gold);
  border:none;
  color:#fff;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
  transition:all .25s ease;
  opacity:1;
  visibility:visible;
}
.team-slider-btn:hover{ 
  background:var(--pa-gold-2); 
  transform:translateY(-50%) scale(1.05);
}
.team-slider-btn:active{
  transform:translateY(-50%) scale(0.95);
}
.team-slider-btn:focus{ 
  outline:3px solid rgba(202,166,122,.35); 
  outline-offset:3px; 
}
.team-slider-btn i{
  font-size:1.1rem;
  color:#fff !important;
}
.team-slider-btn-prev{ left:12px; }
.team-slider-btn-next{ right:12px; }

.team-member-card{
  border-radius:1.25rem;
  overflow:hidden;
  box-shadow:0 24px 65px rgba(0,0,0,.2);
  background:#ffffff;
  direction:rtl;
  flex:0 0 calc((100% - (var(--slider-gap) * (var(--visible) - 1))) / var(--visible));
  display:flex;
  flex-direction:column;
  border:1px solid rgba(202,166,122,.2);
  transition:transform .25s ease, box-shadow .25s ease;
}
.team-member-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 75px rgba(0,0,0,.25);
}
.team-member-card .team-slide-media{
  position:relative;
  aspect-ratio: 4 / 3;
  background:#0b1620;
  flex-shrink:0;
  overflow:hidden;
}
.team-member-card .team-slide-media::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.3) 100%);
  z-index:1;
  opacity:0;
  transition:opacity .25s ease;
}
.team-member-card:hover .team-slide-media::before{
  opacity:1;
}
.team-member-card .team-slide-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.team-member-card:hover .team-slide-media img{
  transform:scale(1.08);
}
.team-member-card .team-slide-caption{
  background:var(--pa-navy);
  padding:1.5rem 1.25rem;
  text-align:center;
  flex-grow:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:180px;
  position:relative;
}
.team-member-card .team-slide-caption::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:40px;
  height:3px;
  background:var(--pa-gold);
  border-radius:999px;
  margin-top:-1.5px;
}
.team-slide-title{
  color:var(--pa-gold);
  font-weight:900;
  margin:0 0 .85rem;
  font-size:1.15rem;
  flex-shrink:0;
  min-height:3rem;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1.4;
  transition:color .25s ease;
}
.team-member-card:hover .team-slide-title{
  color:#e6c99a;
}
.team-member-position{
  color:rgba(255,255,255,.95);
  font-weight:700;
  font-size:.95rem;
  margin:0 0 .85rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  flex-shrink:0;
}
.team-member-position i{
  color:var(--pa-gold);
  font-size:.85rem;
}
.team-member-bio{
  color:rgba(255,255,255,.9);
  font-size:.98rem;
  line-height:1.75;
  margin:0;
  flex-grow:1;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Responsive Team Members Slider */
@media (min-width: 1200px){
  .team-members-slider .team-slider-shell{ --visible: 4; --slider-gap: 1.5rem; }
}

@media (max-width: 1199.98px){
  .team-members-slider .team-slider-shell{ --visible: 3; --slider-gap: 1.5rem; }
}

@media (max-width: 991.98px){
  .team-members-slider .team-slider-shell{ --slider-gap: 1.5rem; --visible: 2; }
  .team-member-card .team-slide-caption{
    min-height:180px;
    padding:1.5rem 1.25rem;
  }
  .team-slide-title{
    font-size:1.15rem;
    min-height:3rem;
    margin-bottom:.85rem;
  }
  .team-member-position{
    font-size:.95rem;
    margin-bottom:.85rem;
  }
  .team-member-bio{
    font-size:1rem;
    line-height:1.8;
    -webkit-line-clamp:3;
  }
}

@media (max-width: 767.98px){
  .team-members-slider .team-slider-shell{ --visible: 1; --slider-gap: 1rem; }
  .team-member-card .team-slide-caption{
    min-height:auto;
    padding:1.3rem 1rem;
  }
  .team-slide-title{
    font-size:1.05rem;
    min-height:2.5rem;
    margin-bottom:.7rem;
  }
  .team-member-position{
    font-size:.9rem;
    margin-bottom:.7rem;
  }
  .team-member-bio{
    font-size:.98rem;
    line-height:1.75;
    -webkit-line-clamp:3;
    margin-bottom:1rem;
  }
  .team-slider-btn{ 
    top:35%; 
    width:50px; 
    height:50px; 
  }
  .team-slider-btn i{
    font-size:1rem;
  }
}


