.elementor-33 .elementor-element.elementor-element-b6f54d8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-4a92c66{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-4a92c66 *//* Tajawal with heavy weights */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

:root{
  --foreground: #2C2C2C;
  --primary: #4A6B5C;
  --primary-foreground: #ffffff;
  --border: rgba(0,0,0,0.08);

  /* sizing like your Tailwind */
  --container-max: 1280px; /* max-w-7xl */
  --header-h: 80px;        /* h-20 */
  --nav-gap: 32px;         /* gap-8 */
  --mobile-gap: 16px;      /* space-y-4 */
  --cta-pad-y: 10px;       /* py-2.5 */
  --cta-pad-x: 24px;       /* px-6 */
}

/* smooth scroll like scrollIntoView */
html{ scroll-behavior: smooth; }

/* ===== HEADER BASE ===== */
.t7-header{
  position: sticky;
  top: 0;
  z-index: 50;

  background: rgba(255,255,255,0.95);  /* bg-white/95 */
  backdrop-filter: blur(6px);          /* backdrop-blur-sm */
  -webkit-backdrop-filter: blur(6px);

  border-bottom: 1px solid var(--border);

  font-family: "Tajawal", sans-serif;
  color: var(--foreground);
}

.t7-container{
  max-width: var(--container-max);
  margin: 0 auto;
  padding-left: 16px;   /* px-4 */
  padding-right: 16px;  /* px-4 */
}
@media (min-width: 640px){
  .t7-container{ padding-left: 24px; padding-right: 24px; } /* sm:px-6 */
}
@media (min-width: 1024px){
  .t7-container{ padding-left: 32px; padding-right: 32px; } /* lg:px-8 */
}

.t7-bar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--header-h);
  gap: 12px;
}

/* ===== LOGO (BOLDER) ===== */
.t7-logo{
  margin: 0;

  font-size: 24px;           /* text-2xl */
  font-weight: 500;          /* أقوى */
  line-height: 1.25;
  letter-spacing: -1px;      /* يزيد الإحساس بالثقل */

  color: var(--primary);
  white-space: nowrap;

  /* سماكة بصرية إضافية بدون كسر التصميم */
  text-shadow:
    0.35px 0 currentColor,
   -0.35px 0 currentColor,
    0 0.35px currentColor,
    0 -0.35px currentColor;
}

/* ===== DESKTOP NAV ===== */
.t7-nav-desktop{
  display: none;            /* hidden */
  align-items: center;
  gap: var(--nav-gap);
}

.t7-nav-link{
  color: var(--foreground) !important;
  text-decoration: none !important;

  font-size: 16px;          /* text-base */
  font-weight: 400;         /* أقوى للمنيو */
  line-height: 1.25;
  letter-spacing: -0.6px;

  transition: color 150ms ease;

  /* سماكة بصرية خفيفة */
  text-shadow:
    0.25px 0 currentColor,
   -0.25px 0 currentColor;
}

.t7-nav-link:hover{
  color: var(--primary) !important;
}

/* ===== CTA DESKTOP ===== */
.t7-cta-desktop{
  display: none; /* hidden */

  background: var(--primary);
  color: var(--primary-foreground) !important;
  text-decoration: none !important;

  padding: var(--cta-pad-y) var(--cta-pad-x);
  border-radius: 999px;

  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 1.25;

  transition: opacity 150ms ease;
}
.t7-cta-desktop:hover{ opacity: 0.9; }

/* ===== MOBILE TOGGLE ===== */
.t7-toggle{
  border: 0;
  background: transparent;
  padding: 8px;
  cursor: pointer;
  color: var(--foreground) !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.t7-icon{ font-size: 24px; line-height: 1; display: inline-block; }
.t7-icon-close{ display: none; }

/* ===== MOBILE NAV ===== */
.t7-nav-mobile{
  display: none;          /* JS controls */
  padding-bottom: 24px;   /* pb-6 */
}

.t7-nav-link-mobile{
  display: block;
  width: 100%;
  padding: 8px 0;
  text-align: right;

  color: var(--foreground) !important;
  text-decoration: none !important;

  font-size: 16px;
  font-weight: 500;         /* أقوى */
  line-height: 1.25;
  letter-spacing: -0.6px;

  transition: color 150ms ease;

  text-shadow:
    0.25px 0 currentColor,
   -0.25px 0 currentColor;
}

/* space-y-4 */
.t7-nav-link-mobile + .t7-nav-link-mobile{ margin-top: var(--mobile-gap); }

.t7-nav-link-mobile:hover{ color: var(--primary) !important; }

/* CTA inside mobile menu */
.t7-cta-mobile{
  display: block;
  width: 100%;
  margin-top: var(--mobile-gap);

  background: var(--primary);
  color: var(--primary-foreground) !important;
  text-decoration: none !important;

  padding: var(--cta-pad-y) var(--cta-pad-x);
  border-radius: 999px;

  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 1.25;

  text-align: center;
  transition: opacity 150ms ease;
}
.t7-cta-mobile:hover{ opacity: 0.9; }

/* ===== DESKTOP BREAKPOINT (lg) ===== */
@media (min-width: 1024px){
  .t7-nav-desktop{ display: flex !important; }
  .t7-cta-desktop{ display: inline-block !important; }
  .t7-toggle{ display: none !important; }
  .t7-nav-mobile{ display: none !important; }
}/* End custom CSS */