.elementor-2476 .elementor-element.elementor-element-c0ea848{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2476 .elementor-element.elementor-element-2ceabe0{--display:flex;}/* Start custom CSS for html, class: .elementor-element-d18b187 *//* ====== Vars (تقدر تغيّر الألوان والعرض من هنا) ====== */
:root{
  --sn-primary:#1f3c88; --sn-accent:#f5a623;
  --sn-ink:#0f172a; --sn-ink-2:#475569; --sn-bg:#ffffff; --sn-muted:#f1f5f9;
  --radius-xl:1.25rem; --container-max:1200px;
  --hero-pad-x: clamp(16px, 3vw, 32px);
  --hero-pad-y: clamp(24px, 5vw, 56px);
  --hero-gap: clamp(14px, 2.4vw, 22px);
}

/* ====== Section Base ====== */
.seo-hero{
  position:relative; isolation:isolate; background:var(--sn-bg);
  padding: var(--hero-pad-y) var(--hero-pad-x);
}
.seo-hero-bg{
  position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(900px 500px at 100% 0%, color-mix(in oklab, var(--sn-accent) 12%, transparent), transparent 70%),
    radial-gradient(900px 500px at 0% 100%, color-mix(in oklab, var(--sn-primary) 10%, transparent), transparent 70%);
}

/* ====== Layout (Mobile-first) ====== */
.seo-hero-wrap{
  margin-inline:auto; width:min(100%, var(--container-max));
  display:grid; gap: clamp(18px, 3vw, 32px);
  grid-template-columns: 1fr;              /* موبايل: عمود واحد */
  align-items:center;
}
.seo-hero-copy{ display:grid; gap: var(--hero-gap); }

/* ====== Typo ====== */
.seo-hero-title{
  margin:0; color:var(--sn-ink); font-weight:900;
  line-height:1.15; font-size: clamp(26px, 4.4vw, 40px);
}
.seo-hero-subtitle{
  margin:0; color:var(--sn-ink-2); line-height:1.8;
  font-size: clamp(15px, 2.4vw, 18px); max-width: 70ch;
}

/* ====== CTAs (مسافات مريحة وعدم التصاق) ====== */
.seo-hero-ctas{
  display:flex; flex-wrap:wrap; gap:12px; row-gap:12px;
}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:12px 18px; border-radius:var(--radius-xl);
  font-weight:800; text-decoration:none; border:2px solid transparent;
  transition: transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}
.btn-primary{ background:var(--sn-accent); color:#111827; }
.btn-whatsapp{ background:#25D366; color:#052e16; }
.btn:hover{ transform: translateY(-1px); }

/* ====== Bullets & Ribbon ====== */
.seo-hero-bullets{
  list-style:none; margin:0; padding:0; display:grid; gap:6px;
}
.seo-hero-bullets li{
  color:var(--sn-ink-2); font-size: clamp(13px, 2.2vw, 15px); display:flex; gap:8px;
}
.seo-hero-bullets li::before{ content:"✓"; color:var(--sn-accent); font-weight:900; margin-top:2px; }

.seo-hero-ribbon{
  background:var(--sn-muted);
  border:1px solid color-mix(in oklab, var(--sn-ink) 10%, #fff);
  border-radius:calc(var(--radius-xl) + 2px);
  padding:10px 12px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.rb-badge{
  display:inline-grid; place-items:center; min-width:44px; height:24px;
  border-radius:999px; background:var(--sn-accent); color:#111827; font-weight:900; font-size:12px; padding-inline:10px;
}
.rb-text{ margin:0; color:var(--sn-ink); font-weight:700; }

/* ====== Visual ====== */
.seo-hero-visual{ order: 1; }              /* موبايل: الصورة تحت النص (أفضل للنص/CTA) */
.seo-hero-img{
  display:block; width:100%; height:auto; aspect-ratio: 3 / 2;
  object-fit: cover; object-position: center; border-radius: var(--radius-xl);
  box-shadow: 0 10px 24px rgba(0,0,0,.06); contain: paint;
}

/* ====== ≥768px: عمودين، توازن نص/صورة ====== */
@media (min-width: 768px){
  .seo-hero-wrap{
    grid-template-columns: 1.05fr .95fr;   /* نص + صورة */
    gap: clamp(20px, 3vw, 40px);
  }
  .seo-hero-visual{ order: 0; }           /* على الديسكتوب: الصورة جنب النص */
  .seo-hero-img{ aspect-ratio: 16 / 10; } /* أفقية أنضف على الشاشات الواسعة */
}

/* ====== Motion خفيفة عند التحمّل (اختيارية) ====== */
@media (prefers-reduced-motion: no-preference){
  .seo-hero-title, .seo-hero-subtitle, .seo-hero-ctas, .seo-hero-visual{
    transform: translateY(8px); opacity: .001; animation: hero-in .5s cubic-bezier(.2,.7,.2,1) .06s forwards;
  }
  @keyframes hero-in{ to{ transform:none; opacity:1; } }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e33fbbe *//* === SNUHY | Forminator #1269 — Clean Compact RTL === */
:root{
  --sn-primary:#1f3c88;   /* الأزرق */
  --sn-accent:#f5a623;    /* البرتقالي */
  --sn-ink:#0f172a;       /* نص أساسي */
  --sn-ink-2:#475569;     /* نص ثانوي */
  --sn-muted:#f1f5f9;     /* خلفية خفيفة */
  --r-xl:1.1rem;
}

#forminator-module-1269.forminator-ui{
  direction: rtl; text-align: right; color: var(--sn-ink);
  font-family: inherit;
}

/* صفوف متجاوبة قصيرة */
#forminator-module-1269 .forminator-row{
  display:grid; gap:clamp(10px,2vw,14px); margin:0 0 6px;
}
#forminator-module-1269 .forminator-row:first-of-type{
  grid-template-columns: repeat(4, minmax(0,1fr));
}
@media (max-width:980px){
  #forminator-module-1269 .forminator-row:first-of-type{ grid-template-columns: 1fr 1fr; }
}
@media (max-width:640px){
  #forminator-module-1269 .forminator-row:first-of-type{ grid-template-columns: 1fr; }
}

/* العناوين */
#forminator-module-1269 .forminator-label{
  display:block; margin:0 0 6px; font-weight:800; color:var(--sn-ink);
  font-size:clamp(13px,1.8vw,14px);
}
#forminator-module-1269 .forminator-required{ color:#ef4444; }

/* الحقول النصية والـ textarea والـ select2 */
#forminator-module-1269 .forminator-input,
#forminator-module-1269 .forminator-textarea,
#forminator-module-1269 .select2-selection--single{
  width:100%; padding:12px 14px; border-radius:12px;
  background:#fff; color:var(--sn-ink);
  border:1.5px solid color-mix(in oklab, var(--sn-ink) 16%, #fff);
  transition:border-color .15s ease, box-shadow .15s ease;
  font-size:16px; line-height:1.45;
}
#forminator-module-1269 .forminator-textarea{ min-height:140px; resize:vertical; }
#forminator-module-1269 ::placeholder{ color:color-mix(in oklab, var(--sn-ink-2) 60%, #fff); }

/* تركيز */
#forminator-module-1269 .forminator-input:focus,
#forminator-module-1269 .forminator-textarea:focus,
#forminator-module-1269 .select2-selection--single:focus{
  border-color:color-mix(in oklab, var(--sn-primary) 60%, #fff);
  box-shadow:0 0 0 3px color-mix(in oklab, var(--sn-primary) 20%, #fff);
  outline:0;
}

/* راديو/تشيك بوكس مدمج */
#forminator-module-1269 .forminator-radio,
#forminator-module-1269 .forminator-checkbox{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px; margin:6px 6px 0 0;
  border:1px solid color-mix(in oklab, var(--sn-ink) 10%, #fff);
  border-radius:12px; background:#fff; cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease;
}
#forminator-module-1269 .forminator-radio:hover,
#forminator-module-1269 .forminator-checkbox:hover{
  transform:translateY(-1px); box-shadow:0 8px 16px rgba(0,0,0,.05);
}
#forminator-module-1269 .forminator-radio-bullet,
#forminator-module-1269 .forminator-checkbox-box{
  inline-size:18px; block-size:18px; border-radius:6px;
  border:2px solid color-mix(in oklab, var(--sn-ink) 25%, #fff);
  display:inline-grid; place-items:center;
}
#forminator-module-1269 input[type="radio"]:checked + .forminator-radio-bullet,
#forminator-module-1269 input[type="checkbox"]:checked + .forminator-checkbox-box{
  border-color:var(--sn-primary);
  background: radial-gradient(circle at 50% 50%, var(--sn-primary) 0 45%, transparent 46% 100%);
}
#forminator-module-1269 .forminator-radio-label,
#forminator-module-1269 .forminator-checkbox-label{ font-weight:700; color:var(--sn-ink-2); }

/* Select2 بسيط + إصلاح العرض/الطبقات */
#forminator-module-1269 .select2-container{ width:100% !important; z-index:100000; }
#forminator-module-1269 .select2-selection--single{ min-height:46px; display:grid; align-items:center; }
#forminator-module-1269 .select2-selection__rendered{ padding-right:12px; padding-left:28px; }
#forminator-module-1269 .select2-selection__arrow{ left:10px; right:auto; }
#forminator-module-1269 .select2-dropdown{
  border:1.5px solid color-mix(in oklab, var(--sn-ink) 16%, #fff);
  border-radius:12px; overflow:hidden; z-index:100001;
}
#forminator-module-1269 .select2-results__option{ padding:10px 12px; }
#forminator-module-1269 .select2-results__option--highlighted{ background:#f1f5f9; color:var(--sn-ink); }

/* رسالة النظام والأخطاء */
#forminator-module-1269 .forminator-response-message{
  margin:0 0 8px; padding:10px 12px; border-radius:12px; font-weight:700;
}
#forminator-module-1269 .forminator-response-message.forminator-error{
  background:color-mix(in oklab, #ef4444 8%, #fff);
  border:1px solid color-mix(in oklab, #ef4444 22%, #fff);
  color:#991b1b;
}
#forminator-module-1269 .forminator-error-message{ margin-top:6px; color:#991b1b; font-size:13px; }

/* زر الإرسال */
#forminator-module-1269 .forminator-button-submit{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--sn-accent); color:#111827;
  padding:12px 18px; border-radius:var(--r-xl); border:2px solid transparent;
  font-weight:900; font-size:16px; cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
}
#forminator-module-1269 .forminator-button-submit:hover{ transform:translateY(-1px); }
#forminator-module-1269 .forminator-button-submit:focus-visible{
  outline:0; box-shadow:0 0 0 3px color-mix(in oklab, var(--sn-accent) 35%, #fff);
}

/* حقل HTML التحذيري */
#forminator-module-1269 .elementor-field-type-html{
  background:var(--sn-muted);
  border:1px solid color-mix(in oklab, var(--sn-ink) 10%, #fff);
  color:var(--sn-ink-2); padding:10px 12px;
  border-radius:calc(var(--r-xl) + 2px); font-weight:700;
}

/* منع قصّ القائمة المنسدلة داخل الكونتينرات */
#request, #request .rq-grid, #request .rq-form, .elementor-widget-container{ overflow:visible !important; }

/* تحسين صغير للموبايل */
@media (max-width:640px){
  #forminator-module-1269 .forminator-radio,
  #forminator-module-1269 .forminator-checkbox{ width:100%; }
}/* End custom CSS */
/* Start custom CSS *//* 🔧 توحيد المسافات وعرض المحتوى — صفحة تقييم السيو */
:root{
  --container-max: 1200px;                 /* عرض المحتوى الداخلي */
  --sec-px: clamp(16px, 3vw, 32px);        /* Padding أفقي موحّد */
  --sec-py: clamp(28px, 5vw, 56px);        /* Padding رأسي موحّد */
  --sec-gap: clamp(20px, 4vw, 44px);       /* مسافة بين السكاشن */
}

/* 1) كل سكشن يعامل كفل-بلِيد + مسافات موحّدة */
:where(
  section[id^="seo-"],       /* seo-hero, seo-value, seo-faq, seo-trust, seo-final */
  #mini-cases,               /* mini cases */
  .snuhy-form-intro          /* intro فوق الفورم */
){
  box-sizing: border-box;
  width: 100%;
  margin: 0;                               /* منع تداخل المارجن */
  padding: var(--sec-py) var(--sec-px);    /* نفس البادينج لكل السكاشن */
}

/* 2) نفس المسافة بين أي سكشنين متتالين */
:where(
  section[id^="seo-"],
  #mini-cases,
  .snuhy-form-intro
) + :where(
  section[id^="seo-"],
  #mini-cases,
  .snuhy-form-intro
){
  margin-block-start: var(--sec-gap);
}

/* 3) توحيد عرض المحتوى الداخلي (الـwraps) */
:where(
  .seo-hero-wrap,
  .sv-wrap,
  .fq-wrap,
  .tr-wrap,
  .cs-wrap,
  .fn-wrap,
  .intro-wrap
){
  box-sizing: border-box;
  width: min(100%, var(--container-max));
  margin-inline: auto;                     /* توسيط المحتوى */
}

/* 4) ضبط هوامش العناوين والنصوص داخل السكاشن */
:where(section[id^="seo-"], #mini-cases, .snuhy-form-intro)
  :where(h1,h2,h3,h4,p,ul,ol){
  margin-block: 0.4em 0.8em;               /* مسافة موحّدة داخل السكشن */
}
:where(section[id^="seo-"], #mini-cases, .snuhy-form-intro)
  :where(*:last-child){
  margin-block-end: 0;                      /* منع فراغ زائد أسفل السكشن */
}

/* 5) موبايل: تقليل الفراغات شوية */
@media (max-width: 640px){
  :root{
    --sec-py: clamp(20px, 6vw, 40px);
    --sec-gap: clamp(16px, 5vw, 32px);
  }
}/* End custom CSS */