/*
Theme Name: wofod-sy Child Theme
Theme URI: https://wofod-sy.com/
Description: Child theme for wofod-sy website based on GeneratePress.
Author: wofod-sy
Author URI: https://wofod-sy.com/
Template: generatepress
Version: 1.0.0
Text Domain: wufoud-child
*/

/* Custom CSS for wofod-sy starts here */

/* wofod-sy Basic Brand Style */
:root {
    --wufoud-primary: #0B5D7E;
    --wufoud-secondary: #D9A441;
    --wufoud-dark: #1F2933;
    --wufoud-light: #F7F9FB;
}

/* General */
body {
    color: var(--wufoud-dark);
}

/* Links */
a {
    text-decoration: none;
}

/* Header menu */
.main-navigation,
.main-navigation ul ul {
    background-color: #ffffff;
}

.main-navigation .main-nav ul li a {
    font-weight: 600;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--wufoud-primary);
}

/* Buttons */
.wp-block-button__link,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: var(--wufoud-primary);
    border-radius: 8px;
}

.wp-block-button__link:hover,
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: var(--wufoud-secondary);
}

/* Page spacing */
.site-content {
    padding-top: 30px;
    padding-bottom: 40px;
}

/* Simple section look */
.wufoud-section {
    padding: 50px 20px;
}

.wufoud-light-section {
    background: var(--wufoud-light);
}

/* RTL Arabic improvements */
html[lang="ar"] body,
body.rtl {
    direction: rtl;
    text-align: right;
}

/* wofod-sy Homepage */
.wufoud-hero {
    padding: 90px 24px;
    background: linear-gradient(135deg, #0B5D7E 0%, #083B52 100%);
    color: #ffffff;
    border-radius: 0 0 28px 28px;
}

.wufoud-hero h1 {
    color: #ffffff;
    font-size: 44px;
    line-height: 1.25;
    max-width: 760px;
}

.wufoud-hero p {
    max-width: 760px;
    font-size: 19px;
}

.wufoud-section h2 {
    color: var(--wufoud-primary);
    margin-bottom: 18px;
}

.wufoud-section h3 {
    color: var(--wufoud-dark);
    margin-bottom: 10px;
}

.wufoud-section .wp-block-column {
    background: #ffffff;
    padding: 26px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(31, 41, 51, 0.08);
}

.wufoud-light-section .wp-block-column {
    box-shadow: none;
    border: 1px solid rgba(11, 93, 126, 0.10);
}

.wufoud-cta {
    background: #0B5D7E;
    color: #ffffff;
    border-radius: 24px;
    margin-bottom: 40px;
}

.wufoud-cta h2,
.wufoud-cta p {
    color: #ffffff;
}

@media (max-width: 768px) {
    .wufoud-hero {
        padding: 60px 20px;
    }

    .wufoud-hero h1 {
        font-size: 32px;
    }

    .wufoud-hero p {
        font-size: 17px;
    }
}

/* Hide default page title on homepage */
.home .entry-header {
    display: none;
}

/* Homepage full width polish */
.home .site-content,
.home .inside-article {
    padding-top: 0;
}

.home .entry-content {
    margin-top: 0;
}

/* wofod-sy service cards */
.wufoud-card {
    display: block;
    height: 100%;
    color: var(--wufoud-dark);
}

.wufoud-card span {
    display: inline-block;
    font-size: 34px;
    margin-bottom: 12px;
}

.wufoud-card h3 {
    color: var(--wufoud-primary);
}

.wufoud-card:hover h3 {
    color: var(--wufoud-secondary);
}

.wufoud-card:hover {
    transform: translateY(-3px);
}

.wufoud-section .wp-block-column {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Inner page hero */
.wufoud-page-hero {
    padding: 70px 24px;
    background: #F7F9FB;
    border-bottom: 1px solid rgba(11, 93, 126, 0.10);
}

.wufoud-page-hero h1 {
    color: var(--wufoud-primary);
    margin-bottom: 14px;
}

.wufoud-page-hero p {
    max-width: 820px;
    font-size: 18px;
}

/* Hide default GeneratePress page title when custom wofod-sy hero exists */
.page .inside-article > header.entry-header {
    display: none;
}

/* =========================
   wofod-sy Color Palette
========================= */
:root{
    --wufoud-primary: #0E5A78;      /* الأزرق الأساسي */
    --wufoud-primary-dark: #0A445B; /* أزرق غامق */
    --wufoud-accent: #C8AA5A;       /* ذهبي من اللوغو */
    --wufoud-accent-dark: #A88B43;
    --wufoud-bg: #F7F9FB;
    --wufoud-soft: #EEF4F7;
    --wufoud-text: #1F2937;
    --wufoud-muted: #5B6675;
    --wufoud-white: #FFFFFF;
}

/* تحسين عام */
body {
    color: var(--wufoud-text);
}

a {
    color: var(--wufoud-primary);
}

/* الهيدر */
.site-header {
    background: #ffffff;
    border-bottom: 1px solid rgba(14, 90, 120, 0.08);
}

/* روابط المنيو */
.main-navigation .main-nav ul li a {
    color: var(--wufoud-text);
    font-weight: 500;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a {
    color: var(--wufoud-primary);
}

/* الهيرو الداخلي */
.wufoud-page-hero {
    padding: 70px 24px;
    background: var(--wufoud-soft);
    border-radius: 24px;
    border: 1px solid rgba(14, 90, 120, 0.08);
    margin-bottom: 30px;
}

.wufoud-page-hero h1 {
    color: var(--wufoud-primary);
    margin-bottom: 14px;
}

.wufoud-page-hero p {
    max-width: 820px;
    font-size: 18px;
    color: var(--wufoud-text);
}

/* =========================
   Service Grid
========================= */
.wufoud-service-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin: 0 0 24px 0 !important;
}

.wufoud-service-grid > .wp-block-column {
    margin: 0 !important;
    min-width: 0 !important;
    flex: unset !important;
}

/* كرت الخدمة */
.wufoud-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
    height: 100%;
    min-height: 230px;
    padding: 28px 24px;
    background: #ffffff;
    border: 1px solid rgba(14, 90, 120, 0.08);
    border-radius: 22px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    text-decoration: none !important;
    color: var(--wufoud-text) !important;
    transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease;
}

.wufoud-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
    border-color: rgba(200, 170, 90, 0.35);
}

.wufoud-card span {
    font-size: 34px;
    line-height: 1;
}

.wufoud-card h3 {
    margin: 0;
    font-size: 30px;
    color: var(--wufoud-primary);
    line-height: 1.35;
}

.wufoud-card p {
    margin: 0;
    color: var(--wufoud-muted);
    line-height: 1.8;
    font-size: 16px;
}

/* الأقسام الهادئة */
.wufoud-section {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wufoud-section h2 {
    color: var(--wufoud-primary);
    margin-bottom: 14px;
}

/* أزرار الموقع */
a.button,
.wp-block-button__link,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: var(--wufoud-primary) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 12px 22px !important;
    border: none !important;
}

a.button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
    background: var(--wufoud-primary-dark) !important;
    color: #ffffff !important;
}

/* زر ذهبي اختياري */
.wufoud-gold-button a,
a.wufoud-gold-button {
    background: var(--wufoud-accent) !important;
    color: #ffffff !important;
}

.wufoud-gold-button a:hover,
a.wufoud-gold-button:hover {
    background: var(--wufoud-accent-dark) !important;
}

/* إخفاء عنوان الصفحة الافتراضي */
.page .inside-article > header.entry-header {
    display: none;
}

/* تجاوب */
@media (max-width: 1024px) {
    .wufoud-service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .wufoud-service-grid {
        grid-template-columns: 1fr;
    }

    .wufoud-card {
        min-height: auto;
    }

    .wufoud-card h3 {
        font-size: 24px;
    }

    .wufoud-page-hero {
        padding: 40px 20px;
        border-radius: 18px;
    }
}

/* =========================
   wofod-sy Final Visual Adjustments
========================= */

:root {
    --wufoud-primary: #0E5A78;
    --wufoud-primary-dark: #0A445B;
    --wufoud-gold: #C8AA5A;
    --wufoud-gold-dark: #9A7A2F;
    --wufoud-gold-light: #F4E8C8;
    --wufoud-gold-soft: #FBF5E6;
    --wufoud-text: #111111;
    --wufoud-muted: #555555;
}

/* خط Cairo على كامل الموقع */
body,
button,
input,
select,
textarea,
.main-navigation a,
.wp-block-heading,
h1, h2, h3, h4, h5, h6,
p,
a {
    font-family: 'Cairo', Arial, sans-serif !important;
}

/* الهيدر */
.site-header {
    background: var(--wufoud-gold-light) !important;
    border-bottom: 0 !important;
}

/* توسيع خلفية الهيدر */
.inside-header {
    padding-top: 22px;
    padding-bottom: 22px;
}

/* القوائم أسود */
.main-navigation,
.main-navigation ul ul {
    background: transparent !important;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
    color: #000000 !important;
    font-weight: 700;
    text-decoration: none !important;
}

/* Hover ذهبي غامق */
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item.sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--wufoud-gold-dark) !important;
}

/* القائمة المنسدلة */
.main-navigation ul ul {
    background: #ffffff !important;
    border: 1px solid rgba(154, 122, 47, 0.18);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}

/* خلفية الصفحة الرئيسية من أعلى */
.home .site-content,
.home .inside-article {
    background: transparent !important;
}

/* بلوك wofod-sy Travel & Tourism Services */
.wufoud-hero {
    background: var(--wufoud-gold-light) !important;
    color: #111111 !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 95px 24px 105px !important;
    box-shadow: none !important;
}

/* محتوى الهيرو يبقى ضمن عرض مريح */
.wufoud-hero > .wp-block-group__inner-container,
.wufoud-hero .wp-block-group__inner-container {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* نص الهيرو */
.wufoud-hero h1 {
    color: #111111 !important;
    font-weight: 800;
}

.wufoud-hero p {
    color: #222222 !important;
}

/* أزرار الهيرو */
.wufoud-hero .wp-block-button__link,
.wufoud-hero a.wp-block-button__link {
    background: var(--wufoud-primary) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    text-decoration: none !important;
}

.wufoud-hero .wp-block-button__link:hover,
.wufoud-hero a.wp-block-button__link:hover {
    background: var(--wufoud-gold-dark) !important;
    color: #ffffff !important;
}

/* إزالة الفراغ الأبيض بين الهيدر والهيرو */
.home .site-main {
    margin-top: 0 !important;
}

.home .inside-article {
    padding-top: 0 !important;
}

/* =========================
   لماذا wofod-sy؟ بجانب بعض
========================= */

/* غالباً بلوك لماذا wofod-sy يحمل هذا الكلاس */
.wufoud-why-grid,
.wufoud-why .wp-block-columns,
.wufoud-features .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

/* في حال كانت العناصر أعمدة ووردبريس */
.wufoud-why-grid > .wp-block-column,
.wufoud-why .wp-block-columns > .wp-block-column,
.wufoud-features .wp-block-columns > .wp-block-column {
    width: auto !important;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    margin: 0 !important;
}

/* كروت لماذا wofod-sy */
.wufoud-why .wp-block-column,
.wufoud-features .wp-block-column {
    background: #ffffff;
    border: 1px solid rgba(154, 122, 47, 0.16);
    border-radius: 20px;
    padding: 28px 24px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.04);
}

/* =========================
   آلية العمل بجانب بعض
========================= */

.wufoud-process-grid,
.wufoud-process .wp-block-columns,
.wufoud-steps .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.wufoud-process-grid > .wp-block-column,
.wufoud-process .wp-block-columns > .wp-block-column,
.wufoud-steps .wp-block-columns > .wp-block-column {
    width: auto !important;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    margin: 0 !important;
}

/* كروت آلية العمل */
.wufoud-process .wp-block-column,
.wufoud-steps .wp-block-column {
    background: #ffffff;
    border: 1px solid rgba(14, 90, 120, 0.10);
    border-radius: 20px;
    padding: 28px 24px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.04);
}

/* عناوين الأقسام */
.wufoud-section h2,
.wufoud-why h2,
.wufoud-process h2,
.wufoud-steps h2,
.wufoud-features h2 {
    color: var(--wufoud-primary) !important;
    font-weight: 800;
}

/* تحسين عام للكروت */
.wufoud-card {
    border-color: rgba(154, 122, 47, 0.16) !important;
}

.wufoud-card:hover {
    border-color: rgba(154, 122, 47, 0.45) !important;
}

.wufoud-card h3 {
    color: var(--wufoud-primary) !important;
}

/* الموبايل */
@media (max-width: 1024px) {
    .wufoud-why-grid,
    .wufoud-why .wp-block-columns,
    .wufoud-features .wp-block-columns,
    .wufoud-process-grid,
    .wufoud-process .wp-block-columns,
    .wufoud-steps .wp-block-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .wufoud-hero {
        padding: 60px 20px 70px !important;
    }

    .wufoud-why-grid,
    .wufoud-why .wp-block-columns,
    .wufoud-features .wp-block-columns,
    .wufoud-process-grid,
    .wufoud-process .wp-block-columns,
    .wufoud-steps .wp-block-columns {
        grid-template-columns: 1fr !important;
    }
}

/* ===============================
   WUFOUD FINAL DESIGN OVERRIDES
================================ */

:root {
    --wufoud-blue: #0E5A78;
    --wufoud-blue-dark: #0A445B;

    --wufoud-gold: #C8AA5A;
    --wufoud-gold-dark: #8C6A22;
    --wufoud-gold-deep: #6F5114;
    --wufoud-gold-light: #FCF6E6;
    --wufoud-gold-soft: #FFFDF6;

    --wufoud-black: #000000;
    --wufoud-text: #111111;
    --wufoud-muted: #333333;
    --wufoud-white: #ffffff;
}

/* Cairo لجميع الموقع */
html,
body,
button,
input,
select,
textarea,
.main-navigation a,
.wp-block-heading,
h1, h2, h3, h4, h5, h6,
p,
a,
span,
li {
    font-family: 'Cairo', Arial, sans-serif !important;
}

/* تكبير الكلام العادي درجتين */
body,
p,
li,
.wp-block-paragraph {
    font-size: 18px !important;
    line-height: 1.9 !important;
    color: var(--wufoud-text);
}

/* ===============================
   Header
================================ */

.site-header {
    background: var(--wufoud-gold-light) !important;
    border-bottom: 0 !important;
}

.inside-header {
    position: relative;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    padding-top: 28px !important;
    padding-bottom: 18px !important;
}

/* روابط سجل معنا والسلة أعلى حد اللوغو */
.wufoud-header-actions {
    position: absolute;
    top: 8px;
    left: 40px;
    display: flex;
    gap: 18px;
    z-index: 20;
}

.wufoud-header-actions a {
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.wufoud-header-actions a:hover {
    color: var(--wufoud-gold-dark) !important;
}

/* اسم الموقع مؤقتًا إذا لم يتم رفع اللوغو */
.main-title a {
    color: #000000 !important;
    font-weight: 900 !important;
    font-size: 30px !important;
    text-decoration: none !important;
}

/* حجم اللوغو عند تعيينه من ووردبريس */
.custom-logo {
    max-height: 86px !important;
    width: auto !important;
}

/* القائمة تكون على حد اللوغو السفلي */
.main-navigation {
    align-self: flex-end !important;
    background: transparent !important;
    margin-bottom: 0 !important;
}

.main-navigation,
.main-navigation ul ul {
    background: transparent !important;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
    color: #000000 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* الهوفر ذهبي غامق */
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item.sfHover > a {
    color: var(--wufoud-gold-dark) !important;
}

/* القائمة المنسدلة */
.main-navigation ul ul {
    background: #ffffff !important;
    border: 1px solid rgba(140, 106, 34, 0.18) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,0.08) !important;
}

/* ===============================
   Hero: wofod-sy Travel & Tourism Services
================================ */

.home .site-main {
    margin-top: 0 !important;
}

.home .inside-article {
    padding-top: 0 !important;
    background: transparent !important;
}

.home .entry-content {
    margin-top: 0 !important;
}

/* خلفية ذهبية فاتحة جدًا تمتد بعرض الصفحة */
.home .wufoud-hero {
    background: var(--wufoud-gold-light) !important;
    color: #000000 !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 95px 24px 105px !important;
    box-shadow: none !important;
    text-align: center !important;
}

/* محتوى الهيرو بالوسط */
.home .wufoud-hero > .wp-block-group__inner-container,
.home .wufoud-hero .wp-block-group__inner-container {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.home .wufoud-hero h1 {
    color: #000000 !important;
    font-size: 46px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

.home .wufoud-hero p {
    color: #111111 !important;
    font-size: 22px !important;
    line-height: 2 !important;
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* أزرار الهيرو بالمنتصف وبجانب بعض */
.home .wufoud-hero .wp-block-buttons {
    justify-content: center !important;
    display: flex !important;
    gap: 16px !important;
    margin-top: 30px !important;
}

.home .wufoud-hero .wp-block-button__link,
.home .wufoud-hero a.wp-block-button__link {
    background: var(--wufoud-gold-dark) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 13px 28px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.home .wufoud-hero .wp-block-button__link:hover,
.home .wufoud-hero a.wp-block-button__link:hover {
    background: var(--wufoud-gold-deep) !important;
    color: #ffffff !important;
}

/* ===============================
   Section Titles Gold Dark
================================ */

.home .entry-content h2,
.home .wufoud-section h2,
.home .wufoud-services-final h2,
.home .wufoud-why-final h2,
.home .wufoud-process-final h2 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

.home .entry-content h2 + p,
.home .wufoud-services-final p,
.home .wufoud-why-final p,
.home .wufoud-process-final p {
    color: var(--wufoud-gold-dark) !important;
    font-size: 20px !important;
    line-height: 1.9 !important;
}

/* ===============================
   Services Section Width
================================ */

.home .wufoud-services-final,
.home .wufoud-section {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* كروت الخدمات 3 أعمدة */
.home .wufoud-service-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.home .wufoud-service-grid > .wp-block-column {
    margin: 0 !important;
    min-width: 0 !important;
    flex: unset !important;
}

.wufoud-card {
    min-height: 235px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(140, 106, 34, 0.16) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.045) !important;
}

.wufoud-card h3 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 28px !important;
    font-weight: 800 !important;
}

.wufoud-card p {
    color: #222222 !important;
    font-size: 18px !important;
}

/* ===============================
   لماذا wofod-sy
================================ */

.home .wufoud-why-final {
    background: var(--wufoud-gold-light) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 80px 24px !important;
}

.home .wufoud-why-final > .wp-block-group__inner-container {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.home .wufoud-why-final .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.home .wufoud-why-final .wp-block-column {
    margin: 0 !important;
    flex-basis: auto !important;
    background: #ffffff !important;
    border: 1px solid rgba(140, 106, 34, 0.18) !important;
    border-radius: 22px !important;
    padding: 30px 26px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.045) !important;
}

.home .wufoud-why-final h3 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 27px !important;
    font-weight: 800 !important;
}

.home .wufoud-why-final .wp-block-column p {
    color: #222222 !important;
    font-size: 18px !important;
}

/* ===============================
   آلية العمل
================================ */

.home .wufoud-process-final {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 80px 0 !important;
}

.home .wufoud-process-final .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.home .wufoud-process-final .wp-block-column {
    margin: 0 !important;
    flex-basis: auto !important;
    background: #ffffff !important;
    border: 1px solid rgba(140, 106, 34, 0.16) !important;
    border-radius: 22px !important;
    padding: 30px 26px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.045) !important;
}

.home .wufoud-process-final h3 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 27px !important;
    font-weight: 800 !important;
}

.home .wufoud-process-final .wp-block-column p {
    color: #222222 !important;
    font-size: 18px !important;
}

/* ===============================
   Footer CTA
================================ */

.wufoud-footer-cta {
    background: var(--wufoud-gold-dark) !important;
    padding: 70px 24px 85px !important;
    margin-top: 50px !important;
}

.wufoud-footer-cta-inner {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: 220px 1fr auto !important;
    align-items: center !important;
    gap: 36px !important;
}

.wufoud-footer-logo {
    max-width: 190px !important;
    height: auto !important;
    display: block !important;
}

.wufoud-footer-cta h2 {
    color: var(--wufoud-gold-light) !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    margin: 0 0 12px !important;
}

.wufoud-footer-cta p {
    color: var(--wufoud-gold-light) !important;
    font-size: 20px !important;
    margin: 0 !important;
}

.wufoud-footer-cta-button {
    display: inline-block !important;
    background: var(--wufoud-gold-deep) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    text-decoration: none !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.wufoud-footer-cta-button:hover {
    background: var(--wufoud-gold-light) !important;
    color: #000000 !important;
}

/* Footer copyright black */
.site-info {
    background: #000000 !important;
    color: #ffffff !important;
    padding: 18px 20px !important;
}

.site-info,
.site-info p,
.site-info a,
.copyright-bar {
    color: #ffffff !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

/* ===============================
   Responsive
================================ */

@media (max-width: 1024px) {
    .home .wufoud-service-grid,
    .home .wufoud-why-final .wp-block-columns,
    .home .wufoud-process-final .wp-block-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .wufoud-footer-cta-inner {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }

    .wufoud-footer-logo {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 767px) {
    .inside-header {
        align-items: center !important;
        padding-top: 42px !important;
    }

    .wufoud-header-actions {
        top: 8px;
        left: 20px;
    }

    .home .wufoud-hero h1 {
        font-size: 32px !important;
    }

    .home .wufoud-hero p {
        font-size: 18px !important;
    }

    .home .wufoud-hero .wp-block-buttons {
        flex-direction: column !important;
        align-items: center !important;
    }

    .home .wufoud-service-grid,
    .home .wufoud-why-final .wp-block-columns,
    .home .wufoud-process-final .wp-block-columns {
        grid-template-columns: 1fr !important;
    }

    body,
    p,
    li,
    .wp-block-paragraph {
        font-size: 17px !important;
    }
}

/* ===============================
   WUFOUD CURRENT REQUEST OVERRIDES
================================ */

:root {
    --wufoud-gold-dark: #8C6A22;
    --wufoud-gold-deep: #6F5114;
    --wufoud-gold-light: #FFF8E8;
    --wufoud-gold-lighter: #FFFCF2;
    --wufoud-black: #000000;
}

/* أرضية الهيدر والهيرو أخف حتى يظهر اللوغو والقائمة */
.site-header,
.home .wufoud-hero {
    background: var(--wufoud-gold-lighter) !important;
}

/* عنوان الهيرو بالذهبي الغامق */
.home .wufoud-hero h1 {
    color: var(--wufoud-gold-dark) !important;
    text-align: center !important;
}

/* تقريب الشرح العربي والإنكليزي */
.home .wufoud-hero p {
    color: #111111 !important;
    font-size: 22px !important;
    line-height: 1.65 !important;
    margin-top: 6px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}

/* منع كسر السطر الإنكليزي بطريقة مزعجة على الشاشات الكبيرة */
@media (min-width: 1025px) {
    .home .wufoud-hero p {
        max-width: 1100px !important;
    }
}

/* أزرار الهيرو بالمنتصف وبجانب بعض من لون اللوغو أغمق */
.home .wufoud-hero .wp-block-buttons {
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    margin-top: 28px !important;
}

.home .wufoud-hero .wp-block-button__link {
    background: var(--wufoud-gold-dark) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 13px 28px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.home .wufoud-hero .wp-block-button__link:hover {
    background: var(--wufoud-gold-deep) !important;
    color: #ffffff !important;
}

/* خدمات wofod-sy: تصغير العناوين قليلًا حتى تتسع على سطر واحد */
.home .wufoud-service-grid .wufoud-card h3,
.home .wufoud-card h3 {
    font-size: 24px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    color: var(--wufoud-gold-dark) !important;
}

/* شروحات الخدمات بالأسود */
.home .wufoud-service-grid .wufoud-card p,
.home .wufoud-card p {
    color: #000000 !important;
    font-size: 18px !important;
    line-height: 1.9 !important;
}

/* العناوين الرئيسية لهذه الأقسام بالذهبي الغامق */
.home .wufoud-services-final h2,
.home .wufoud-why-final h2,
.home .wufoud-process-final h2,
.home .entry-content h2 {
    color: var(--wufoud-gold-dark) !important;
}

/* شرح عناوين الأقسام بالذهبي الغامق */
.home .wufoud-services-final > .wp-block-group__inner-container > p,
.home .wufoud-why-final > .wp-block-group__inner-container > p,
.home .wufoud-process-final > .wp-block-group__inner-container > p {
    color: var(--wufoud-gold-dark) !important;
}

/* بلوك ابدأ رحلتك داخل الصفحة وليس الفوتر */
.home .wufoud-start-final {
    background: var(--wufoud-gold-light) !important;
    border-radius: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 75px 24px 85px !important;
    text-align: center !important;
}

.home .wufoud-start-final > .wp-block-group__inner-container {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.home .wufoud-start-final h2 {
    color: var(--wufoud-gold-dark) !important;
    text-align: center !important;
}

.home .wufoud-start-final p {
    color: #000000 !important;
    text-align: center !important;
    font-size: 20px !important;
}

.home .wufoud-start-final .wp-block-buttons {
    justify-content: center !important;
    display: flex !important;
}

.home .wufoud-start-final .wp-block-button__link {
    background: var(--wufoud-gold-dark) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 14px 30px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.home .wufoud-start-final .wp-block-button__link:hover {
    background: #ffffff !important;
    color: var(--wufoud-gold-deep) !important;
}

/* الفوتر الرئيسي: ذهبي غامق مع اللوغو الأبيض فقط */
.wufoud-footer-brand {
    background: var(--wufoud-gold-dark) !important;
    padding: 46px 20px !important;
    text-align: center !important;
    margin: 0 !important;
}

.wufoud-footer-brand-inner {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.wufoud-footer-logo {
    max-width: 190px !important;
    height: auto !important;
    display: inline-block !important;
}

/* إخفاء بلوك الفوتر CTA القديم إن بقي بالكاش أو من CSS سابق */
.wufoud-footer-cta {
    display: none !important;
}

/* شريط الحقوق ضيق وأسود */
.site-info {
    background: #000000 !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    line-height: 1.4 !important;
}

.site-info,
.site-info p,
.site-info a,
.copyright-bar {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

/* تحسين الموبايل */
@media (max-width: 767px) {
    .home .wufoud-hero .wp-block-buttons {
        flex-direction: column !important;
    }

    .home .wufoud-card h3 {
        white-space: normal !important;
        font-size: 23px !important;
    }

    .home .wufoud-hero p {
        font-size: 18px !important;
    }

    .wufoud-footer-logo {
        max-width: 150px !important;
    }
}

/* ===============================
   WUFOUD HERO BREAK + INNER PAGES
================================ */

/* ضبط نص الهيرو بالمنتصف وتقريب العربي والإنكليزي */
.home .wufoud-hero {
    text-align: center !important;
}

.home .wufoud-hero h1 {
    color: var(--wufoud-gold-dark) !important;
    text-align: center !important;
}

.home .wufoud-hero p {
    text-align: center !important;
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    line-height: 1.55 !important;
}

.home .wufoud-hero p br {
    display: block !important;
}

/* ===============================
   Copyright Bar
================================ */

/* شريط الحقوق أنحف وأسود */
.site-info {
    background: #000000 !important;
    color: #ffffff !important;
    padding: 3px 16px !important;
    min-height: auto !important;
    line-height: 1.2 !important;
}

/* تصحيح اتجاه النص الإنكليزي داخل الحقوق */
.site-info,
.site-info p,
.site-info a,
.copyright-bar {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: center !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-decoration: none !important;
}

/* ===============================
   Inner Pages Match Homepage Style
================================ */

/* خلفية عامة للصفحات الداخلية */
body.page:not(.home) {
    background: #ffffff !important;
}

/* الهيرو الداخلي مثل هوية الصفحة الرئيسية */
.page:not(.home) .wufoud-page-hero {
    background: var(--wufoud-gold-lighter) !important;
    border: none !important;
    border-radius: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 85px 24px 95px !important;
    text-align: center !important;
    box-shadow: none !important;
}

.page:not(.home) .wufoud-page-hero > .wp-block-group__inner-container {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.page:not(.home) .wufoud-page-hero h1 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 42px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.page:not(.home) .wufoud-page-hero p {
    color: #111111 !important;
    font-size: 21px !important;
    line-height: 1.8 !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* عرض الأقسام الداخلية مطابق للصفحة الرئيسية */
.page:not(.home) .wufoud-section {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

/* عناوين الأقسام الداخلية */
.page:not(.home) .wufoud-section h2,
.page:not(.home) .entry-content h2 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

/* نصوص الأقسام الداخلية */
.page:not(.home) .wufoud-section p,
.page:not(.home) .entry-content p {
    color: #111111 !important;
    font-size: 18px !important;
    line-height: 1.9 !important;
}

/* كروت الخدمات الداخلية 3 أعمدة مثل الرئيسية */
.page:not(.home) .wufoud-service-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.page:not(.home) .wufoud-service-grid > .wp-block-column {
    margin: 0 !important;
    min-width: 0 !important;
    flex: unset !important;
}

/* كروت الصفحات الداخلية */
.page:not(.home) .wufoud-card {
    min-height: 230px !important;
    background: #ffffff !important;
    border: 1px solid rgba(140, 106, 34, 0.16) !important;
    border-radius: 22px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.045) !important;
    padding: 28px 24px !important;
    text-decoration: none !important;
}

.page:not(.home) .wufoud-card:hover {
    border-color: rgba(140, 106, 34, 0.45) !important;
    transform: translateY(-4px) !important;
}

.page:not(.home) .wufoud-card h3 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 24px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.page:not(.home) .wufoud-card p {
    color: #000000 !important;
    font-size: 18px !important;
    line-height: 1.9 !important;
}

/* أزرار الصفحات الداخلية مثل الرئيسية */
.page:not(.home) .wp-block-button__link,
.page:not(.home) a.wp-block-button__link {
    background: var(--wufoud-gold-dark) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 13px 28px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.page:not(.home) .wp-block-button__link:hover,
.page:not(.home) a.wp-block-button__link:hover {
    background: #ffffff !important;
    color: var(--wufoud-gold-deep) !important;
}

/* أقسام CTA الداخلية إن وجدت */
.page:not(.home) .wufoud-cta,
.page:not(.home) .wufoud-start-final {
    background: var(--wufoud-gold-light) !important;
    border-radius: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 70px 24px 80px !important;
    text-align: center !important;
}

.page:not(.home) .wufoud-cta h2,
.page:not(.home) .wufoud-start-final h2 {
    color: var(--wufoud-gold-dark) !important;
}

/* تجاوب الصفحات الداخلية */
@media (max-width: 1024px) {
    .page:not(.home) .wufoud-service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .page:not(.home) .wufoud-page-hero {
        padding: 55px 20px 65px !important;
    }

    .page:not(.home) .wufoud-page-hero h1 {
        font-size: 32px !important;
    }

    .page:not(.home) .wufoud-page-hero p {
        font-size: 18px !important;
    }

    .page:not(.home) .wufoud-service-grid {
        grid-template-columns: 1fr !important;
    }

    .page:not(.home) .wufoud-card h3 {
        white-space: normal !important;
        font-size: 23px !important;
    }

    .site-info,
    .site-info p,
    .site-info a,
    .copyright-bar {
        font-size: 12px !important;
    }
}

/* ===============================
   wofod-sy Hero Text Stacked
================================ */

/* جعل كل نصوص الهيرو فوق بعض وبالمنتصف */
.home .wufoud-hero {
    text-align: center !important;
}

.home .wufoud-hero h1,
.home .wufoud-hero p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* العنوان الرئيسي */
.home .wufoud-hero h1 {
    color: var(--wufoud-gold-dark) !important;
    margin-bottom: 12px !important;
}

/* النص العربي والإنكليزي تحت بعض مباشرة */
.home .wufoud-hero p {
    display: block !important;
    max-width: 980px !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    line-height: 1.55 !important;
    color: #111111 !important;
}

/* النص الإنكليزي يبقى بسطريه المطلوبين وبالمنتصف */
.home .wufoud-hero p br {
    display: block !important;
}

/* تقليل المسافة بين آخر نص والأزرار */
.home .wufoud-hero .wp-block-buttons {
    margin-top: 22px !important;
    justify-content: center !important;
}

/* على الشاشات الكبيرة لا تجعل النص الإنكليزي عريضًا جدًا */
@media (min-width: 1025px) {
    .home .wufoud-hero p {
        max-width: 920px !important;
    }
}

/* ===============================
   WUFOUD SECTION BACKGROUND COLORS
   Hero / Why / Start
================================ */

:root {
    /* ألوان فاتحة مختلفة ومتناسبة مع الذهبي */
    --wufoud-hero-bg-new: #FFFCF4;   /* فاتح جدًا للأعلى */
    --wufoud-why-bg-new: #FFF4D8;    /* ذهبي فاتح أدفأ */
    --wufoud-start-bg-new: #F8F1DF;  /* بيج ذهبي هادئ */
}

/* بلوك الأعلى */
.home .wufoud-hero {
    background: var(--wufoud-hero-bg-new) !important;
}

/* لماذا wofod-sy؟ بعرض الصفحة */
.home .wufoud-why-final {
    background: var(--wufoud-why-bg-new) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 85px 24px 90px !important;
    border-radius: 0 !important;
}

/* إبقاء محتوى لماذا wofod-sy ضمن عرض منظم */
.home .wufoud-why-final > .wp-block-group__inner-container {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* كروت لماذا wofod-sy تبقى 3 أعمدة */
.home .wufoud-why-final .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.home .wufoud-why-final .wp-block-column {
    margin: 0 !important;
    flex-basis: auto !important;
    background: #ffffff !important;
    border: 1px solid rgba(140, 106, 34, 0.18) !important;
    border-radius: 22px !important;
    padding: 30px 26px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.045) !important;
}

/* بلوك ابدأ رحلتك مع wofod-sy بعرض الصفحة وبلون مختلف */
.home .wufoud-start-final {
    background: var(--wufoud-start-bg-new) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 80px 24px 90px !important;
    border-radius: 0 !important;
    text-align: center !important;
}

/* إبقاء محتوى ابدأ رحلتك بالمنتصف */
.home .wufoud-start-final > .wp-block-group__inner-container {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* تجاوب */
@media (max-width: 1024px) {
    .home .wufoud-why-final .wp-block-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .home .wufoud-why-final,
    .home .wufoud-start-final {
        padding: 60px 20px 70px !important;
    }

    .home .wufoud-why-final .wp-block-columns {
        grid-template-columns: 1fr !important;
    }
}

/* Force Why wofod-sy background to full browser width */
.home .wufoud-why-final {
    position: relative !important;
    background: #FFF4D8 !important;
    box-shadow: 0 0 0 100vmax #FFF4D8 !important;
    clip-path: inset(0 -100vmax) !important;
    width: auto !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 85px !important;
    padding-bottom: 90px !important;
}

/* Keep content organized inside the full-width background */
.home .wufoud-why-final > .wp-block-group__inner-container {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Why wofod-sy columns */
.home .wufoud-why-final .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

/* Cards */
.home .wufoud-why-final .wp-block-column {
    margin: 0 !important;
    flex-basis: auto !important;
    background: #ffffff !important;
    border-radius: 22px !important;
    padding: 30px 26px !important;
    border: 1px solid rgba(140, 106, 34, 0.18) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.045) !important;
}

/* Mobile */
@media (max-width: 1024px) {
    .home .wufoud-why-final .wp-block-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .home .wufoud-why-final {
        padding-top: 60px !important;
        padding-bottom: 70px !important;
    }

    .home .wufoud-why-final .wp-block-columns {
        grid-template-columns: 1fr !important;
    }
}

/* ===============================
   WUFOUD HOMEPAGE FINAL STRUCTURE
================================ */

:root {
    --wufoud-hero-bg: #FFFCF4;
    --wufoud-why-bg: #FFF2D2;
    --wufoud-start-bg: #F8EED9;
    --wufoud-gold-dark: #8C6A22;
    --wufoud-gold-deep: #6F5114;
}

/* Hero */
.home .wufoud-hero {
    background: var(--wufoud-hero-bg) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    padding: 90px 24px 95px !important;
}

.home .wufoud-hero > .wp-block-group__inner-container {
    max-width: 1000px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.home .wufoud-hero h1 {
    color: var(--wufoud-gold-dark) !important;
    text-align: center !important;
    font-size: 46px !important;
    font-weight: 900 !important;
}

.home .wufoud-hero p {
    text-align: center !important;
    color: #111111 !important;
    font-size: 21px !important;
    line-height: 1.55 !important;
    margin: 6px auto !important;
}

/* Services width */
.home .wufoud-services-final {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 80px 0 !important;
}

/* Why full width background */
.home .wufoud-why-final {
    background: var(--wufoud-why-bg) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 85px 24px 95px !important;
    border-radius: 0 !important;
}

.home .wufoud-why-final > .wp-block-group__inner-container {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

/* Process width */
.home .wufoud-process-final {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 85px 0 !important;
}

/* Start full width background */
.home .wufoud-start-final {
    background: var(--wufoud-start-bg) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 80px 24px 90px !important;
    text-align: center !important;
}

.home .wufoud-start-final > .wp-block-group__inner-container {
    max-width: 960px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Section titles */
.home .wufoud-services-final h2,
.home .wufoud-why-final h2,
.home .wufoud-process-final h2,
.home .wufoud-start-final h2 {
    color: var(--wufoud-gold-dark) !important;
    text-align: center !important;
    font-size: 36px !important;
    font-weight: 900 !important;
}

/* 3 columns for Why and Process */
.home .wufoud-why-final .wp-block-columns,
.home .wufoud-process-final .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.home .wufoud-why-final .wp-block-column,
.home .wufoud-process-final .wp-block-column {
    margin: 0 !important;
    flex-basis: auto !important;
    background: #ffffff !important;
    border-radius: 22px !important;
    padding: 30px 26px !important;
    border: 1px solid rgba(140, 106, 34, 0.16) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.045) !important;
}

/* Services cards */
.home .wufoud-service-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

.home .wufoud-service-grid > .wp-block-column {
    margin: 0 !important;
    flex-basis: auto !important;
    min-width: 0 !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .home .wufoud-service-grid,
    .home .wufoud-why-final .wp-block-columns,
    .home .wufoud-process-final .wp-block-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .home .wufoud-service-grid,
    .home .wufoud-why-final .wp-block-columns,
    .home .wufoud-process-final .wp-block-columns {
        grid-template-columns: 1fr !important;
    }

    .home .wufoud-hero h1 {
        font-size: 32px !important;
    }

    .home .wufoud-hero p {
        font-size: 18px !important;
    }
}

/* ===============================
   WUFOUD HOTELS PAGE SPECIAL DESIGN
================================ */

.wufoud-hotels-hero {
    padding-bottom: 120px !important;
}

.wufoud-hotel-search-box {
    max-width: 1180px;
    margin: 38px auto 0;
    background: #ffffff;
    border: 1px solid rgba(140, 106, 34, 0.18);
    border-radius: 28px;
    padding: 26px;
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr auto;
    gap: 14px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.07);
    text-align: right;
}

.wufoud-hotel-search-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.wufoud-hotel-search-field label {
    color: var(--wufoud-gold-dark);
    font-weight: 900;
    font-size: 14px;
}

.wufoud-hotel-search-field select,
.wufoud-hotel-search-field input {
    width: 100%;
    min-height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(140, 106, 34, 0.22);
    background: #FFFCF4;
    color: #111111;
    padding: 8px 12px;
    font-family: 'Cairo', Arial, sans-serif !important;
    font-size: 15px;
}

.wufoud-hotel-search-action {
    display: flex;
    align-items: flex-end;
}

.wufoud-hotel-search-action a {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    background: var(--wufoud-gold-dark);
    color: #ffffff !important;
    border-radius: 14px;
    padding: 8px 22px;
    text-decoration: none !important;
    font-weight: 900;
    font-size: 16px;
}

.wufoud-hotel-search-action a:hover {
    background: #ffffff;
    color: var(--wufoud-gold-deep) !important;
    box-shadow: inset 0 0 0 1px var(--wufoud-gold-dark);
}

.wufoud-search-note {
    font-size: 15px !important;
    color: var(--wufoud-gold-dark) !important;
    margin-top: 16px !important;
    text-align: center !important;
}

/* Featured Hotels */
.wufoud-featured-hotels {
    background: #FFF4D8 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 85px 24px 95px !important;
    text-align: center !important;
}

.wufoud-featured-hotels > .wp-block-group__inner-container {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

.wufoud-featured-hotels h2 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 36px !important;
    font-weight: 900 !important;
}

.wufoud-featured-hotels > .wp-block-group__inner-container > p {
    color: var(--wufoud-gold-dark) !important;
    font-size: 20px !important;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.wufoud-hotels-grid {
    margin-top: 34px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.wufoud-hotel-card {
    overflow: hidden;
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid rgba(140, 106, 34, 0.18);
    box-shadow: 0 14px 34px rgba(0,0,0,0.055);
    text-align: right;
}

.wufoud-hotel-image {
    min-height: 190px;
    background:
        linear-gradient(135deg, rgba(140,106,34,0.78), rgba(255,244,216,0.6)),
        radial-gradient(circle at top left, #ffffff 0, #FFF4D8 32%, #8C6A22 100%);
    color: #ffffff;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 22px;
    font-size: 28px;
    font-weight: 900;
}

.wufoud-hotel-body {
    padding: 24px;
}

.wufoud-hotel-rating {
    color: var(--wufoud-gold-dark);
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 8px;
}

.wufoud-hotel-rating span {
    color: #111111;
    margin-right: 8px;
    font-size: 13px;
}

.wufoud-hotel-card h3 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 24px !important;
    line-height: 1.35 !important;
    margin: 0 0 10px !important;
    font-weight: 900 !important;
}

.wufoud-hotel-card p {
    color: #000000 !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    margin-bottom: 16px !important;
}

.wufoud-hotel-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #111111;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 18px;
}

.wufoud-hotel-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--wufoud-gold-dark);
    color: #ffffff !important;
    border-radius: 12px;
    padding: 10px 20px;
    text-decoration: none !important;
    font-weight: 900;
}

.wufoud-hotel-card a:hover {
    background: #ffffff;
    color: var(--wufoud-gold-deep) !important;
    box-shadow: inset 0 0 0 1px var(--wufoud-gold-dark);
}

@media (max-width: 1100px) {
    .wufoud-hotel-search-box {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wufoud-hotel-search-action {
        align-items: stretch;
    }

    .wufoud-hotel-search-action a {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .wufoud-hotels-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .wufoud-hotel-search-box {
        grid-template-columns: 1fr;
        padding: 18px;
        border-radius: 22px;
    }

    .wufoud-hotels-grid {
        grid-template-columns: 1fr;
    }

    .wufoud-featured-hotels {
        padding: 60px 20px 70px !important;
    }

    .wufoud-hotel-meta {
        flex-direction: column;
    }
}

/* ===============================
   WUFOUD CONTACT PAGE
================================ */

.wufoud-contact-section {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 85px 0 !important;
}

.wufoud-contact-layout {
    display: grid;
    grid-template-columns: 0.9fr 1.25fr;
    gap: 34px;
    align-items: start;
}

.wufoud-contact-info,
.wufoud-contact-form-box {
    background: #ffffff;
    border: 1px solid rgba(140, 106, 34, 0.16);
    border-radius: 26px;
    padding: 34px 30px;
    box-shadow: 0 14px 34px rgba(0,0,0,0.05);
}

.wufoud-contact-info h2,
.wufoud-contact-form-box h2 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
}

.wufoud-contact-info > p {
    color: #111111 !important;
    font-size: 18px !important;
    line-height: 1.9 !important;
    margin-bottom: 24px !important;
}

.wufoud-contact-info-card {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 14px;
    padding: 18px 0;
    border-top: 1px solid rgba(140, 106, 34, 0.12);
}

.wufoud-contact-info-card span {
    font-size: 30px;
    line-height: 1;
}

.wufoud-contact-info-card h3 {
    color: var(--wufoud-gold-dark) !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    margin: 0 0 6px !important;
}

.wufoud-contact-info-card p {
    color: #000000 !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    margin: 0 !important;
}

.wufoud-contact-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

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

.wufoud-form-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wufoud-form-field label {
    color: var(--wufoud-gold-dark);
    font-size: 15px;
    font-weight: 900;
}

.wufoud-form-field input,
.wufoud-form-field select,
.wufoud-form-field textarea {
    width: 100%;
    border: 1px solid rgba(140, 106, 34, 0.22);
    background: #FFFCF4;
    border-radius: 14px;
    color: #111111;
    padding: 12px 14px;
    font-size: 16px;
    font-family: 'Cairo', Arial, sans-serif !important;
}

.wufoud-form-field textarea {
    resize: vertical;
}

.wufoud-contact-form button {
    align-self: flex-start;
    background: var(--wufoud-gold-dark) !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    padding: 13px 30px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    cursor: pointer;
}

.wufoud-contact-form button:hover {
    background: #ffffff !important;
    color: var(--wufoud-gold-deep) !important;
    box-shadow: inset 0 0 0 1px var(--wufoud-gold-dark);
}

.wufoud-form-note {
    color: var(--wufoud-gold-dark) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

@media (max-width: 1024px) {
    .wufoud-contact-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .wufoud-contact-section {
        padding: 60px 20px !important;
    }

    .wufoud-form-row {
        grid-template-columns: 1fr;
    }

    .wufoud-contact-form button {
        width: 100%;
    }
}

/* ===============================
   WUFOUD FLUENT FORMS STYLE
================================ */

.wufoud-contact-form-box .fluentform {
    margin-top: 18px;
}

.wufoud-contact-form-box .ff-el-group {
    margin-bottom: 18px !important;
}

.wufoud-contact-form-box .ff-el-input--label label {
    color: var(--wufoud-gold-dark) !important;
    font-family: 'Cairo', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.wufoud-contact-form-box input,
.wufoud-contact-form-box select,
.wufoud-contact-form-box textarea {
    width: 100% !important;
    border: 1px solid rgba(140, 106, 34, 0.22) !important;
    background: #FFFCF4 !important;
    border-radius: 14px !important;
    color: #111111 !important;
    padding: 12px 14px !important;
    font-size: 16px !important;
    font-family: 'Cairo', Arial, sans-serif !important;
}

.wufoud-contact-form-box input:focus,
.wufoud-contact-form-box select:focus,
.wufoud-contact-form-box textarea:focus {
    border-color: var(--wufoud-gold-dark) !important;
    box-shadow: 0 0 0 3px rgba(140, 106, 34, 0.12) !important;
    outline: none !important;
}

.wufoud-contact-form-box .ff-btn-submit,
.wufoud-contact-form-box button[type="submit"] {
    background: var(--wufoud-gold-dark) !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    padding: 13px 30px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    font-family: 'Cairo', Arial, sans-serif !important;
    border: none !important;
}

.wufoud-contact-form-box .ff-btn-submit:hover,
.wufoud-contact-form-box button[type="submit"]:hover {
    background: #ffffff !important;
    color: var(--wufoud-gold-deep) !important;
    box-shadow: inset 0 0 0 1px var(--wufoud-gold-dark) !important;
}

.wufoud-contact-form-box .ff-message-success {
    background: #FFF4D8 !important;
    color: var(--wufoud-gold-dark) !important;
    border: 1px solid rgba(140, 106, 34, 0.18) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    font-family: 'Cairo', Arial, sans-serif !important;
    font-weight: 800 !important;
}


/* ===============================
   wofod-sy Hotels Page Design
   =============================== */
:root{
  --wf-navy:#102a43;
  --wf-blue:#1d6fa5;
  --wf-cyan:#e8f6fb;
  --wf-gold:#f4b942;
  --wf-soft:#f7fbfd;
  --wf-text:#243b53;
  --wf-muted:#6b7c93;
  --wf-border:rgba(16,42,67,.10);
  --wf-shadow:0 18px 45px rgba(16,42,67,.12);
}

body{
  overflow-x:hidden;
}

.wf-container{
  width:min(1180px, calc(100% - 36px));
  margin-inline:auto;
}

.wf-full-bleed{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.wf-section{
  padding:72px 0;
}

.wf-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 13px;
  border-radius:999px;
  background:rgba(29,111,165,.10);
  color:var(--wf-blue);
  font-size:13px;
  font-weight:800;
  letter-spacing:.3px;
}

.wf-section-head{
  text-align:center;
  max-width:760px;
  margin:0 auto 34px;
}

.wf-section-head h2{
  margin:14px 0 10px;
  color:var(--wf-navy);
  font-size:clamp(28px, 4vw, 42px);
  line-height:1.25;
}

.wf-section-head p{
  margin:0;
  color:var(--wf-muted);
  font-size:17px;
  line-height:1.9;
}

.wf-section-head-light h2,
.wf-section-head-light p{
  color:#fff;
}

.wf-section-head-light .wf-kicker{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.wf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 22px;
  border-radius:999px;
  text-decoration:none !important;
  font-weight:800;
  transition:.25s ease;
  border:1px solid transparent;
}

.wf-btn-primary{
  background:linear-gradient(135deg, var(--wf-blue), #16a0c7);
  color:#fff !important;
  box-shadow:0 12px 26px rgba(29,111,165,.22);
}

.wf-btn-light{
  background:#fff;
  color:var(--wf-navy) !important;
  border-color:var(--wf-border);
}

.wf-btn:hover{
  transform:translateY(-2px);
}

.wf-btn-wide{
  width:100%;
  margin-top:12px;
}

.wf-hotels-hero{
  position:relative;
  padding:82px 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(244,185,66,.24), transparent 28%),
    linear-gradient(135deg, #eaf8fc 0%, #f8fcff 42%, #dff4fb 100%);
  overflow:hidden;
}

.wf-hotels-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.18)),
    repeating-linear-gradient(135deg, rgba(29,111,165,.06) 0 1px, transparent 1px 22px);
  pointer-events:none;
}

.wf-hotels-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:42px;
  align-items:center;
}

.wf-hotels-hero h1{
  margin:18px 0 16px;
  color:var(--wf-navy);
  font-size:clamp(34px, 5vw, 58px);
  line-height:1.18;
  letter-spacing:-.5px;
}

.wf-hotels-hero p{
  max-width:720px;
  color:var(--wf-text);
  font-size:18px;
  line-height:2;
  margin:0 0 24px;
}

.wf-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:30px;
}

.wf-hotel-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  max-width:620px;
}

.wf-hotel-stats div{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.82);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 26px rgba(16,42,67,.07);
}

.wf-hotel-stats strong{
  display:block;
  color:var(--wf-blue);
  font-size:26px;
  line-height:1;
}

.wf-hotel-stats span{
  color:var(--wf-muted);
  font-size:13px;
  font-weight:700;
}

.wf-hotels-search-card{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.82);
  border-radius:28px;
  padding:26px;
  box-shadow:var(--wf-shadow);
  backdrop-filter:blur(12px);
}

.wf-hotels-search-card h2{
  margin:0 0 18px;
  color:var(--wf-navy);
  font-size:26px;
}

.wf-search-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:15px 0;
  border-bottom:1px solid var(--wf-border);
}

.wf-search-row span{
  color:var(--wf-muted);
  font-weight:700;
}

.wf-search-row strong{
  color:var(--wf-navy);
  text-align:left;
}

.wf-card-grid{
  display:grid;
  gap:22px;
}

.wf-grid-4{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.wf-service-card{
  background:#fff;
  border:1px solid var(--wf-border);
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
  transition:.25s ease;
}

.wf-service-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--wf-shadow);
}

.wf-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--wf-cyan);
  font-size:26px;
  margin-bottom:16px;
}

.wf-service-card h3{
  margin:0 0 10px;
  color:var(--wf-navy);
  font-size:21px;
}

.wf-service-card p{
  margin:0;
  color:var(--wf-muted);
  line-height:1.9;
}

.wf-featured-hotels{
  padding:78px 0;
  background:
    linear-gradient(135deg, rgba(16,42,67,.96), rgba(29,111,165,.90)),
    radial-gradient(circle at top right, rgba(244,185,66,.28), transparent 32%);
}

.wf-hotel-cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.wf-hotel-card{
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.wf-hotel-img{
  min-height:210px;
  background-size:cover;
  background-position:center;
}

.wf-hotel-img-1{
  background:
    linear-gradient(135deg, rgba(16,42,67,.20), rgba(29,111,165,.12)),
    url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1200&q=80');
}

.wf-hotel-img-2{
  background:
    linear-gradient(135deg, rgba(16,42,67,.20), rgba(29,111,165,.12)),
    url('https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?auto=format&fit=crop&w=1200&q=80');
}

.wf-hotel-img-3{
  background:
    linear-gradient(135deg, rgba(16,42,67,.20), rgba(29,111,165,.12)),
    url('https://images.unsplash.com/photo-1564501049412-61c2a3083791?auto=format&fit=crop&w=1200&q=80');
}

.wf-hotel-body{
  padding:24px;
}

.wf-badge{
  display:inline-flex;
  padding:6px 12px;
  border-radius:999px;
  background:#fff7df;
  color:#9a6a00;
  font-weight:800;
  font-size:13px;
}

.wf-hotel-body h3{
  margin:14px 0 10px;
  color:var(--wf-navy);
  font-size:24px;
}

.wf-hotel-body p{
  margin:0 0 16px;
  color:var(--wf-muted);
  line-height:1.8;
}

.wf-hotel-body ul{
  margin:0 0 18px;
  padding:0 18px 0 0;
  color:var(--wf-text);
  line-height:1.9;
}

.wf-hotel-body a{
  color:var(--wf-blue);
  font-weight:900;
  text-decoration:none;
}

.wf-steps{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.wf-step{
  position:relative;
  background:linear-gradient(180deg, #fff, #f8fcff);
  border:1px solid var(--wf-border);
  border-radius:24px;
  padding:28px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
}

.wf-step strong{
  display:inline-flex;
  width:50px;
  height:50px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:var(--wf-navy);
  color:#fff;
  margin-bottom:18px;
}

.wf-step h3{
  margin:0 0 10px;
  color:var(--wf-navy);
  font-size:22px;
}

.wf-step p{
  margin:0;
  color:var(--wf-muted);
  line-height:1.9;
}

.wf-hotels-cta{
  padding:58px 0;
  background:linear-gradient(135deg, #e9f8fc, #fff7df);
}

.wf-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  border-radius:30px;
  padding:34px;
  box-shadow:0 14px 38px rgba(16,42,67,.09);
}

.wf-cta-inner h2{
  margin:12px 0 8px;
  color:var(--wf-navy);
  font-size:34px;
}

.wf-cta-inner p{
  margin:0;
  color:var(--wf-muted);
  line-height:1.9;
}

@media (max-width: 980px){
  .wf-hotels-hero-grid,
  .wf-grid-4,
  .wf-hotel-cards,
  .wf-steps{
    grid-template-columns:1fr 1fr;
  }

  .wf-hotels-search-card{
    grid-column:1 / -1;
  }
}

@media (max-width: 680px){
  .wf-section{
    padding:52px 0;
  }

  .wf-hotels-hero{
    padding:58px 0;
  }

  .wf-hotels-hero-grid,
  .wf-grid-4,
  .wf-hotel-cards,
  .wf-steps,
  .wf-hotel-stats{
    grid-template-columns:1fr;
  }

  .wf-cta-inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .wf-btn{
    width:100%;
  }
}


/* ===============================
   wofod-sy Services Page Design
   =============================== */

.wf-services-hero{
  padding:92px 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(244,185,66,.24), transparent 28%),
    linear-gradient(135deg, #102a43 0%, #1d6fa5 58%, #16a0c7 100%);
  color:#fff;
  text-align:center;
  position:relative;
  overflow:hidden;
}

.wf-services-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 24px);
  pointer-events:none;
}

.wf-services-hero-inner{
  position:relative;
  max-width:900px;
}

.wf-services-hero .wf-kicker{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.wf-services-hero h1{
  margin:18px auto 16px;
  max-width:850px;
  font-size:clamp(36px, 5vw, 60px);
  line-height:1.18;
  color:#fff;
}

.wf-services-hero p{
  margin:0 auto 28px;
  max-width:780px;
  font-size:18px;
  line-height:2;
  color:rgba(255,255,255,.88);
}

.wf-services-hero .wf-hero-actions{
  justify-content:center;
}

.wf-services-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
}

.wf-big-service{
  display:grid;
  grid-template-columns:74px 1fr;
  gap:18px;
  padding:26px;
  border-radius:28px;
  background:#fff;
  border:1px solid var(--wf-border, rgba(16,42,67,.10));
  box-shadow:0 12px 32px rgba(16,42,67,.07);
  transition:.25s ease;
}

.wf-big-service:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 45px rgba(16,42,67,.12);
}

.wf-big-service-icon{
  width:64px;
  height:64px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #e8f6fb, #fff7df);
  font-size:30px;
}

.wf-big-service h3{
  margin:0 0 9px;
  color:#102a43;
  font-size:24px;
}

.wf-big-service p{
  margin:0 0 14px;
  color:#6b7c93;
  line-height:1.9;
}

.wf-big-service a{
  color:#1d6fa5;
  font-weight:900;
  text-decoration:none;
}

.wf-service-flow{
  padding:78px 0;
  background:
    linear-gradient(135deg, rgba(16,42,67,.96), rgba(29,111,165,.93)),
    radial-gradient(circle at top left, rgba(244,185,66,.25), transparent 30%);
}

.wf-flow-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.wf-flow-card{
  padding:28px;
  border-radius:26px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  backdrop-filter:blur(10px);
}

.wf-flow-card strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:18px;
  background:#fff;
  color:#1d6fa5;
  margin-bottom:18px;
}

.wf-flow-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:23px;
}

.wf-flow-card p{
  margin:0;
  color:rgba(255,255,255,.84);
  line-height:1.9;
}

.wf-services-why{
  background:#f7fbfd;
}

.wf-why-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}

.wf-why-split h2{
  margin:14px 0 14px;
  color:#102a43;
  font-size:clamp(30px, 4vw, 46px);
}

.wf-why-split p{
  color:#6b7c93;
  line-height:2;
  font-size:17px;
}

.wf-why-list{
  display:grid;
  gap:14px;
}

.wf-why-list div{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:18px;
  padding:17px 19px;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-why-list strong{
  width:34px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f6fb;
  color:#1d6fa5;
}

.wf-why-list span{
  color:#102a43;
  font-weight:800;
}

.wf-services-bottom-cta{
  padding:58px 0;
  background:linear-gradient(135deg, #e9f8fc, #fff7df);
}

@media (max-width: 860px){
  .wf-services-grid,
  .wf-flow-grid,
  .wf-why-split{
    grid-template-columns:1fr;
  }
}

@media (max-width: 560px){
  .wf-big-service{
    grid-template-columns:1fr;
  }

  .wf-services-hero{
    padding:66px 0;
  }
}


/* ===============================
   wofod-sy Tours Page Design
   =============================== */

.wf-tours-hero{
  padding:88px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(244,185,66,.24), transparent 28%),
    linear-gradient(135deg, #eefaff 0%, #ffffff 46%, #dff4fb 100%);
  position:relative;
  overflow:hidden;
}

.wf-tours-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(135deg, rgba(29,111,165,.06) 0 1px, transparent 1px 24px);
  pointer-events:none;
}

.wf-tours-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:42px;
  align-items:center;
}

.wf-tours-hero h1{
  margin:18px 0 16px;
  color:#102a43;
  font-size:clamp(36px, 5vw, 60px);
  line-height:1.18;
}

.wf-tours-hero p{
  max-width:740px;
  color:#243b53;
  font-size:18px;
  line-height:2;
  margin:0 0 26px;
}

.wf-tour-highlight-card{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.9);
  border-radius:30px;
  padding:30px;
  box-shadow:0 18px 45px rgba(16,42,67,.12);
  backdrop-filter:blur(12px);
}

.wf-tour-highlight-card > span{
  display:inline-flex;
  padding:7px 13px;
  border-radius:999px;
  background:#fff7df;
  color:#9a6a00;
  font-weight:900;
  font-size:13px;
}

.wf-tour-highlight-card h2{
  margin:16px 0 12px;
  color:#102a43;
  font-size:30px;
  line-height:1.35;
}

.wf-tour-highlight-card p{
  margin:0 0 18px;
  font-size:16px;
  color:#6b7c93;
}

.wf-tour-mini-list{
  display:grid;
  gap:10px;
}

.wf-tour-mini-list div{
  background:#f7fbfd;
  border:1px solid rgba(16,42,67,.08);
  border-radius:16px;
  padding:13px 15px;
  color:#102a43;
  font-weight:800;
}

.wf-tour-types-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-tour-type-card{
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
  transition:.25s ease;
}

.wf-tour-type-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 45px rgba(16,42,67,.12);
}

.wf-tour-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #e8f6fb, #fff7df);
  font-size:28px;
  margin-bottom:16px;
}

.wf-tour-type-card h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:21px;
}

.wf-tour-type-card p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-featured-tours{
  padding:78px 0;
  background:
    linear-gradient(135deg, rgba(16,42,67,.96), rgba(29,111,165,.92)),
    radial-gradient(circle at top right, rgba(244,185,66,.25), transparent 32%);
}

.wf-tours-program-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.wf-program-card{
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.wf-program-img{
  min-height:215px;
  background-size:cover;
  background-position:center;
}

.wf-program-img-1{
  background:
    linear-gradient(135deg, rgba(16,42,67,.15), rgba(29,111,165,.12)),
    url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80');
}

.wf-program-img-2{
  background:
    linear-gradient(135deg, rgba(16,42,67,.15), rgba(29,111,165,.12)),
    url('https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=1200&q=80');
}

.wf-program-img-3{
  background:
    linear-gradient(135deg, rgba(16,42,67,.15), rgba(29,111,165,.12)),
    url('https://images.unsplash.com/photo-1526772662000-3f88f10405ff?auto=format&fit=crop&w=1200&q=80');
}

.wf-program-body{
  padding:24px;
}

.wf-program-body h3{
  margin:14px 0 10px;
  color:#102a43;
  font-size:24px;
}

.wf-program-body p{
  margin:0 0 16px;
  color:#6b7c93;
  line-height:1.8;
}

.wf-program-body ul{
  margin:0 0 18px;
  padding:0 18px 0 0;
  color:#243b53;
  line-height:1.9;
}

.wf-program-body a{
  color:#1d6fa5;
  font-weight:900;
  text-decoration:none;
}

.wf-tour-planning{
  background:#f7fbfd;
}

.wf-tour-planning-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}

.wf-tour-planning h2{
  margin:14px 0;
  color:#102a43;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.25;
}

.wf-tour-planning p{
  color:#6b7c93;
  line-height:2;
  font-size:17px;
}

.wf-tour-checklist{
  display:grid;
  gap:14px;
}

.wf-tour-checklist div{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:18px;
  padding:17px 19px;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-tour-checklist strong{
  width:34px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f6fb;
  color:#1d6fa5;
}

.wf-tour-checklist span{
  color:#102a43;
  font-weight:800;
}

.wf-tours-cta{
  padding:58px 0;
  background:linear-gradient(135deg, #e9f8fc, #fff7df);
}

@media (max-width: 980px){
  .wf-tours-hero-grid,
  .wf-tour-types-grid,
  .wf-tours-program-grid,
  .wf-tour-planning-grid{
    grid-template-columns:1fr 1fr;
  }

  .wf-tour-highlight-card{
    grid-column:1 / -1;
  }
}

@media (max-width: 680px){
  .wf-tours-hero{
    padding:62px 0;
  }

  .wf-tours-hero-grid,
  .wf-tour-types-grid,
  .wf-tours-program-grid,
  .wf-tour-planning-grid{
    grid-template-columns:1fr;
  }
}


/* ===============================
   wofod-sy Flights Page Design
   =============================== */

.wf-flights-hero{
  padding:88px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(244,185,66,.22), transparent 28%),
    linear-gradient(135deg, #102a43 0%, #1d6fa5 55%, #e8f6fb 100%);
  position:relative;
  overflow:hidden;
}

.wf-flights-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 20%, rgba(255,255,255,.26), transparent 20%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 24px);
  pointer-events:none;
}

.wf-flights-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:42px;
  align-items:center;
}

.wf-flights-hero .wf-kicker{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.wf-flights-hero h1{
  margin:18px 0 16px;
  color:#fff;
  font-size:clamp(36px, 5vw, 60px);
  line-height:1.18;
}

.wf-flights-hero p{
  max-width:740px;
  color:rgba(255,255,255,.9);
  font-size:18px;
  line-height:2;
  margin:0 0 26px;
}

.wf-flights-hero .wf-btn-light{
  background:rgba(255,255,255,.92);
}

.wf-flight-note{
  margin-top:22px;
  max-width:720px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  line-height:1.8;
}

.wf-flight-note strong{
  color:#fff7df;
}

.wf-flight-request-card{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.92);
  border-radius:30px;
  padding:28px;
  box-shadow:0 18px 45px rgba(16,42,67,.18);
  backdrop-filter:blur(12px);
}

.wf-flight-request-card h2{
  margin:0 0 18px;
  color:#102a43;
  font-size:28px;
}

.wf-flight-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:15px 0;
  border-bottom:1px solid rgba(16,42,67,.10);
}

.wf-flight-row span{
  color:#6b7c93;
  font-weight:800;
}

.wf-flight-row strong{
  color:#102a43;
  text-align:left;
}

.wf-flight-options-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-flight-option-card{
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
  transition:.25s ease;
}

.wf-flight-option-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 45px rgba(16,42,67,.12);
}

.wf-flight-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #e8f6fb, #fff7df);
  font-size:28px;
  margin-bottom:16px;
}

.wf-flight-option-card h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:21px;
}

.wf-flight-option-card p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-flight-classes{
  padding:78px 0;
  background:
    linear-gradient(135deg, rgba(16,42,67,.96), rgba(29,111,165,.92)),
    radial-gradient(circle at top right, rgba(244,185,66,.25), transparent 32%);
}

.wf-flight-class-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.wf-flight-class-card{
  background:#fff;
  border-radius:28px;
  padding:28px;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.wf-flight-class-card h3{
  margin:14px 0 10px;
  color:#102a43;
  font-size:25px;
}

.wf-flight-class-card p{
  margin:0 0 16px;
  color:#6b7c93;
  line-height:1.8;
}

.wf-flight-class-card ul{
  margin:0 0 18px;
  padding:0 18px 0 0;
  color:#243b53;
  line-height:1.9;
}

.wf-flight-class-card a{
  color:#1d6fa5;
  font-weight:900;
  text-decoration:none;
}

.wf-flight-process-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.wf-flight-step{
  position:relative;
  background:linear-gradient(180deg, #fff, #f8fcff);
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:28px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
}

.wf-flight-step strong{
  display:inline-flex;
  width:50px;
  height:50px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#102a43;
  color:#fff;
  margin-bottom:18px;
}

.wf-flight-step h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:22px;
}

.wf-flight-step p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-flight-info{
  background:#f7fbfd;
}

.wf-flight-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}

.wf-flight-info h2{
  margin:14px 0;
  color:#102a43;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.25;
}

.wf-flight-info p{
  color:#6b7c93;
  line-height:2;
  font-size:17px;
}

.wf-flight-checklist{
  display:grid;
  gap:14px;
}

.wf-flight-checklist div{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:18px;
  padding:17px 19px;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-flight-checklist strong{
  width:34px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f6fb;
  color:#1d6fa5;
}

.wf-flight-checklist span{
  color:#102a43;
  font-weight:800;
}

.wf-flights-cta{
  padding:58px 0;
  background:linear-gradient(135deg, #e9f8fc, #fff7df);
}

@media (max-width: 980px){
  .wf-flights-hero-grid,
  .wf-flight-options-grid,
  .wf-flight-class-grid,
  .wf-flight-process-grid,
  .wf-flight-info-grid{
    grid-template-columns:1fr 1fr;
  }

  .wf-flight-request-card{
    grid-column:1 / -1;
  }
}

@media (max-width: 680px){
  .wf-flights-hero{
    padding:62px 0;
  }

  .wf-flights-hero-grid,
  .wf-flight-options-grid,
  .wf-flight-class-grid,
  .wf-flight-process-grid,
  .wf-flight-info-grid{
    grid-template-columns:1fr;
  }
}


/* ===============================
   wofod-sy Hajj Umrah Page Design
   =============================== */

.wf-hajj-hero{
  padding:88px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(244,185,66,.26), transparent 28%),
    linear-gradient(135deg, #fff7df 0%, #ffffff 46%, #e8f6fb 100%);
  position:relative;
  overflow:hidden;
}

.wf-hajj-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(135deg, rgba(29,111,165,.06) 0 1px, transparent 1px 24px);
  pointer-events:none;
}

.wf-hajj-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:42px;
  align-items:center;
}

.wf-hajj-hero h1{
  margin:18px 0 16px;
  color:#102a43;
  font-size:clamp(36px, 5vw, 60px);
  line-height:1.18;
}

.wf-hajj-hero p{
  max-width:740px;
  color:#243b53;
  font-size:18px;
  line-height:2;
  margin:0 0 26px;
}

.wf-hajj-note{
  margin-top:22px;
  max-width:720px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(16,42,67,.10);
  color:#243b53;
  line-height:1.8;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-hajj-note strong{
  color:#9a6a00;
}

.wf-hajj-card{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.92);
  border-radius:30px;
  padding:30px;
  box-shadow:0 18px 45px rgba(16,42,67,.12);
  backdrop-filter:blur(12px);
}

.wf-hajj-card > span{
  display:inline-flex;
  padding:7px 13px;
  border-radius:999px;
  background:#fff7df;
  color:#9a6a00;
  font-weight:900;
  font-size:13px;
}

.wf-hajj-card h2{
  margin:16px 0 12px;
  color:#102a43;
  font-size:30px;
  line-height:1.35;
}

.wf-hajj-card p{
  margin:0 0 18px;
  font-size:16px;
  color:#6b7c93;
}

.wf-hajj-mini-list{
  display:grid;
  gap:10px;
}

.wf-hajj-mini-list div{
  background:#f7fbfd;
  border:1px solid rgba(16,42,67,.08);
  border-radius:16px;
  padding:13px 15px;
  color:#102a43;
  font-weight:800;
}

.wf-hajj-packages-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.wf-hajj-package-card{
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:28px;
  padding:28px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
  transition:.25s ease;
}

.wf-hajj-package-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 45px rgba(16,42,67,.12);
}

.wf-hajj-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #e8f6fb, #fff7df);
  font-size:29px;
  margin-bottom:16px;
}

.wf-hajj-package-card h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:24px;
}

.wf-hajj-package-card p{
  margin:0 0 16px;
  color:#6b7c93;
  line-height:1.8;
}

.wf-hajj-package-card ul{
  margin:0 0 18px;
  padding:0 18px 0 0;
  color:#243b53;
  line-height:1.9;
}

.wf-hajj-package-card a{
  color:#1d6fa5;
  font-weight:900;
  text-decoration:none;
}

.wf-hajj-services{
  padding:78px 0;
  background:
    linear-gradient(135deg, rgba(16,42,67,.96), rgba(29,111,165,.92)),
    radial-gradient(circle at top right, rgba(244,185,66,.25), transparent 32%);
}

.wf-hajj-services-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-hajj-service-card{
  padding:26px 22px;
  border-radius:26px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  backdrop-filter:blur(10px);
}

.wf-hajj-service-card div{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.16);
  font-size:28px;
  margin-bottom:16px;
}

.wf-hajj-service-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:22px;
}

.wf-hajj-service-card p{
  margin:0;
  color:rgba(255,255,255,.84);
  line-height:1.9;
}

.wf-hajj-process-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.wf-hajj-step{
  position:relative;
  background:linear-gradient(180deg, #fff, #f8fcff);
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:28px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
}

.wf-hajj-step strong{
  display:inline-flex;
  width:50px;
  height:50px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#102a43;
  color:#fff;
  margin-bottom:18px;
}

.wf-hajj-step h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:22px;
}

.wf-hajj-step p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-hajj-info{
  background:#f7fbfd;
}

.wf-hajj-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}

.wf-hajj-info h2{
  margin:14px 0;
  color:#102a43;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.25;
}

.wf-hajj-info p{
  color:#6b7c93;
  line-height:2;
  font-size:17px;
}

.wf-hajj-checklist{
  display:grid;
  gap:14px;
}

.wf-hajj-checklist div{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:18px;
  padding:17px 19px;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-hajj-checklist strong{
  width:34px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f6fb;
  color:#1d6fa5;
}

.wf-hajj-checklist span{
  color:#102a43;
  font-weight:800;
}

.wf-hajj-cta{
  padding:58px 0;
  background:linear-gradient(135deg, #e9f8fc, #fff7df);
}

@media (max-width: 980px){
  .wf-hajj-hero-grid,
  .wf-hajj-packages-grid,
  .wf-hajj-services-grid,
  .wf-hajj-process-grid,
  .wf-hajj-info-grid{
    grid-template-columns:1fr 1fr;
  }

  .wf-hajj-card{
    grid-column:1 / -1;
  }
}

@media (max-width: 680px){
  .wf-hajj-hero{
    padding:62px 0;
  }

  .wf-hajj-hero-grid,
  .wf-hajj-packages-grid,
  .wf-hajj-services-grid,
  .wf-hajj-process-grid,
  .wf-hajj-info-grid{
    grid-template-columns:1fr;
  }
}


/* ===============================
   wofod-sy Medical Tourism Page Design
   =============================== */

.wf-medical-hero{
  padding:88px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(244,185,66,.20), transparent 28%),
    linear-gradient(135deg, #e8f6fb 0%, #ffffff 48%, #f7fbfd 100%);
  position:relative;
  overflow:hidden;
}

.wf-medical-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg, rgba(29,111,165,.06) 0 1px, transparent 1px 24px);
  pointer-events:none;
}

.wf-medical-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:42px;
  align-items:center;
}

.wf-medical-hero h1{
  margin:18px 0 16px;
  color:#102a43;
  font-size:clamp(36px, 5vw, 60px);
  line-height:1.18;
}

.wf-medical-hero p{
  max-width:740px;
  color:#243b53;
  font-size:18px;
  line-height:2;
  margin:0 0 26px;
}

.wf-medical-note{
  margin-top:22px;
  max-width:760px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(16,42,67,.10);
  color:#243b53;
  line-height:1.8;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-medical-note strong{
  color:#1d6fa5;
}

.wf-medical-card{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.92);
  border-radius:30px;
  padding:30px;
  box-shadow:0 18px 45px rgba(16,42,67,.12);
  backdrop-filter:blur(12px);
}

.wf-medical-card > span{
  display:inline-flex;
  padding:7px 13px;
  border-radius:999px;
  background:#e8f6fb;
  color:#1d6fa5;
  font-weight:900;
  font-size:13px;
}

.wf-medical-card h2{
  margin:16px 0 12px;
  color:#102a43;
  font-size:30px;
  line-height:1.35;
}

.wf-medical-card p{
  margin:0 0 18px;
  font-size:16px;
  color:#6b7c93;
}

.wf-medical-mini-list{
  display:grid;
  gap:10px;
}

.wf-medical-mini-list div{
  background:#f7fbfd;
  border:1px solid rgba(16,42,67,.08);
  border-radius:16px;
  padding:13px 15px;
  color:#102a43;
  font-weight:800;
}

.wf-medical-services-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-medical-service-card{
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
  transition:.25s ease;
}

.wf-medical-service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 45px rgba(16,42,67,.12);
}

.wf-medical-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #e8f6fb, #fff7df);
  font-size:28px;
  margin-bottom:16px;
}

.wf-medical-service-card h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:21px;
}

.wf-medical-service-card p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-medical-path{
  padding:78px 0;
  background:
    linear-gradient(135deg, rgba(16,42,67,.96), rgba(29,111,165,.92)),
    radial-gradient(circle at top right, rgba(244,185,66,.22), transparent 32%);
}

.wf-medical-path-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-medical-path-card{
  padding:26px 22px;
  border-radius:26px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  backdrop-filter:blur(10px);
}

.wf-medical-path-card strong{
  display:inline-flex;
  width:50px;
  height:50px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#fff;
  color:#1d6fa5;
  margin-bottom:18px;
}

.wf-medical-path-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:22px;
}

.wf-medical-path-card p{
  margin:0;
  color:rgba(255,255,255,.84);
  line-height:1.9;
}

.wf-medical-category-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-medical-category-grid article{
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
}

.wf-medical-category-grid span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:18px;
  background:#e8f6fb;
  font-size:28px;
  margin-bottom:16px;
}

.wf-medical-category-grid h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:21px;
}

.wf-medical-category-grid p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-medical-info{
  background:#f7fbfd;
}

.wf-medical-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}

.wf-medical-info h2{
  margin:14px 0;
  color:#102a43;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.25;
}

.wf-medical-info p{
  color:#6b7c93;
  line-height:2;
  font-size:17px;
}

.wf-medical-checklist{
  display:grid;
  gap:14px;
}

.wf-medical-checklist div{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:18px;
  padding:17px 19px;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-medical-checklist strong{
  width:34px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f6fb;
  color:#1d6fa5;
}

.wf-medical-checklist span{
  color:#102a43;
  font-weight:800;
}

.wf-medical-cta{
  padding:58px 0;
  background:linear-gradient(135deg, #e9f8fc, #fff7df);
}

@media (max-width: 980px){
  .wf-medical-hero-grid,
  .wf-medical-services-grid,
  .wf-medical-path-grid,
  .wf-medical-category-grid,
  .wf-medical-info-grid{
    grid-template-columns:1fr 1fr;
  }

  .wf-medical-card{
    grid-column:1 / -1;
  }
}

@media (max-width: 680px){
  .wf-medical-hero{
    padding:62px 0;
  }

  .wf-medical-hero-grid,
  .wf-medical-services-grid,
  .wf-medical-path-grid,
  .wf-medical-category-grid,
  .wf-medical-info-grid{
    grid-template-columns:1fr;
  }
}


/* ===============================
   wofod-sy Car Rental Page Design
   =============================== */

.wf-car-hero{
  padding:88px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(244,185,66,.22), transparent 28%),
    linear-gradient(135deg, #102a43 0%, #1d6fa5 58%, #e8f6fb 100%);
  position:relative;
  overflow:hidden;
}

.wf-car-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.25), transparent 22%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 24px);
  pointer-events:none;
}

.wf-car-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:42px;
  align-items:center;
}

.wf-car-hero .wf-kicker{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.wf-car-hero h1{
  margin:18px 0 16px;
  color:#fff;
  font-size:clamp(36px, 5vw, 60px);
  line-height:1.18;
}

.wf-car-hero p{
  max-width:740px;
  color:rgba(255,255,255,.9);
  font-size:18px;
  line-height:2;
  margin:0 0 26px;
}

.wf-car-hero .wf-btn-light{
  background:rgba(255,255,255,.92);
}

.wf-car-note{
  margin-top:22px;
  max-width:760px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  line-height:1.8;
}

.wf-car-note strong{
  color:#fff7df;
}

.wf-car-request-card{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.92);
  border-radius:30px;
  padding:28px;
  box-shadow:0 18px 45px rgba(16,42,67,.18);
  backdrop-filter:blur(12px);
}

.wf-car-request-card h2{
  margin:0 0 18px;
  color:#102a43;
  font-size:28px;
}

.wf-car-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:15px 0;
  border-bottom:1px solid rgba(16,42,67,.10);
}

.wf-car-row span{
  color:#6b7c93;
  font-weight:800;
}

.wf-car-row strong{
  color:#102a43;
  text-align:left;
}

.wf-car-services-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-car-service-card{
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
  transition:.25s ease;
}

.wf-car-service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 45px rgba(16,42,67,.12);
}

.wf-car-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #e8f6fb, #fff7df);
  font-size:28px;
  margin-bottom:16px;
}

.wf-car-service-card h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:21px;
}

.wf-car-service-card p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-car-types{
  padding:78px 0;
  background:
    linear-gradient(135deg, rgba(16,42,67,.96), rgba(29,111,165,.92)),
    radial-gradient(circle at top right, rgba(244,185,66,.25), transparent 32%);
}

.wf-car-types-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.wf-car-type-card{
  background:#fff;
  border-radius:28px;
  padding:28px;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.wf-car-type-card h3{
  margin:14px 0 10px;
  color:#102a43;
  font-size:25px;
}

.wf-car-type-card p{
  margin:0 0 16px;
  color:#6b7c93;
  line-height:1.8;
}

.wf-car-type-card ul{
  margin:0 0 18px;
  padding:0 18px 0 0;
  color:#243b53;
  line-height:1.9;
}

.wf-car-type-card a{
  color:#1d6fa5;
  font-weight:900;
  text-decoration:none;
}

.wf-car-process-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.wf-car-step{
  position:relative;
  background:linear-gradient(180deg, #fff, #f8fcff);
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:28px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
}

.wf-car-step strong{
  display:inline-flex;
  width:50px;
  height:50px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#102a43;
  color:#fff;
  margin-bottom:18px;
}

.wf-car-step h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:22px;
}

.wf-car-step p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-car-info{
  background:#f7fbfd;
}

.wf-car-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}

.wf-car-info h2{
  margin:14px 0;
  color:#102a43;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.25;
}

.wf-car-info p{
  color:#6b7c93;
  line-height:2;
  font-size:17px;
}

.wf-car-checklist{
  display:grid;
  gap:14px;
}

.wf-car-checklist div{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:18px;
  padding:17px 19px;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-car-checklist strong{
  width:34px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f6fb;
  color:#1d6fa5;
}

.wf-car-checklist span{
  color:#102a43;
  font-weight:800;
}

.wf-car-cta{
  padding:58px 0;
  background:linear-gradient(135deg, #e9f8fc, #fff7df);
}

@media (max-width: 980px){
  .wf-car-hero-grid,
  .wf-car-services-grid,
  .wf-car-types-grid,
  .wf-car-process-grid,
  .wf-car-info-grid{
    grid-template-columns:1fr 1fr;
  }

  .wf-car-request-card{
    grid-column:1 / -1;
  }
}

@media (max-width: 680px){
  .wf-car-hero{
    padding:62px 0;
  }

  .wf-car-hero-grid,
  .wf-car-services-grid,
  .wf-car-types-grid,
  .wf-car-process-grid,
  .wf-car-info-grid{
    grid-template-columns:1fr;
  }
}


/* ===============================
   wofod-sy Events Halls Page Design
   =============================== */

.wf-events-hero{
  padding:88px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(244,185,66,.26), transparent 28%),
    linear-gradient(135deg, #fff7df 0%, #ffffff 48%, #e8f6fb 100%);
  position:relative;
  overflow:hidden;
}

.wf-events-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg, rgba(29,111,165,.06) 0 1px, transparent 1px 24px);
  pointer-events:none;
}

.wf-events-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:42px;
  align-items:center;
}

.wf-events-hero h1{
  margin:18px 0 16px;
  color:#102a43;
  font-size:clamp(36px, 5vw, 60px);
  line-height:1.18;
}

.wf-events-hero p{
  max-width:740px;
  color:#243b53;
  font-size:18px;
  line-height:2;
  margin:0 0 26px;
}

.wf-events-note{
  margin-top:22px;
  max-width:760px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(16,42,67,.10);
  color:#243b53;
  line-height:1.8;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-events-note strong{
  color:#9a6a00;
}

.wf-events-request-card{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.92);
  border-radius:30px;
  padding:28px;
  box-shadow:0 18px 45px rgba(16,42,67,.12);
  backdrop-filter:blur(12px);
}

.wf-events-request-card h2{
  margin:0 0 18px;
  color:#102a43;
  font-size:28px;
}

.wf-events-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:15px 0;
  border-bottom:1px solid rgba(16,42,67,.10);
}

.wf-events-row span{
  color:#6b7c93;
  font-weight:800;
}

.wf-events-row strong{
  color:#102a43;
  text-align:left;
}

.wf-events-types-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-events-type-card{
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
  transition:.25s ease;
}

.wf-events-type-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 45px rgba(16,42,67,.12);
}

.wf-events-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #e8f6fb, #fff7df);
  font-size:28px;
  margin-bottom:16px;
}

.wf-events-type-card h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:21px;
}

.wf-events-type-card p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-events-packages{
  padding:78px 0;
  background:
    linear-gradient(135deg, rgba(16,42,67,.96), rgba(29,111,165,.92)),
    radial-gradient(circle at top right, rgba(244,185,66,.25), transparent 32%);
}

.wf-events-packages-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.wf-events-package-card{
  background:#fff;
  border-radius:28px;
  padding:28px;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.wf-events-package-card h3{
  margin:14px 0 10px;
  color:#102a43;
  font-size:25px;
}

.wf-events-package-card p{
  margin:0 0 16px;
  color:#6b7c93;
  line-height:1.8;
}

.wf-events-package-card ul{
  margin:0 0 18px;
  padding:0 18px 0 0;
  color:#243b53;
  line-height:1.9;
}

.wf-events-package-card a{
  color:#1d6fa5;
  font-weight:900;
  text-decoration:none;
}

.wf-events-process-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.wf-events-step{
  background:linear-gradient(180deg, #fff, #f8fcff);
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:28px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
}

.wf-events-step strong{
  display:inline-flex;
  width:50px;
  height:50px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#102a43;
  color:#fff;
  margin-bottom:18px;
}

.wf-events-step h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:22px;
}

.wf-events-step p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-events-info{
  background:#f7fbfd;
}

.wf-events-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}

.wf-events-info h2{
  margin:14px 0;
  color:#102a43;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.25;
}

.wf-events-info p{
  color:#6b7c93;
  line-height:2;
  font-size:17px;
}

.wf-events-checklist{
  display:grid;
  gap:14px;
}

.wf-events-checklist div{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:18px;
  padding:17px 19px;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-events-checklist strong{
  width:34px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f6fb;
  color:#1d6fa5;
}

.wf-events-checklist span{
  color:#102a43;
  font-weight:800;
}

.wf-events-cta{
  padding:58px 0;
  background:linear-gradient(135deg, #e9f8fc, #fff7df);
}

@media (max-width: 980px){
  .wf-events-hero-grid,
  .wf-events-types-grid,
  .wf-events-packages-grid,
  .wf-events-process-grid,
  .wf-events-info-grid{
    grid-template-columns:1fr 1fr;
  }

  .wf-events-request-card{
    grid-column:1 / -1;
  }
}

@media (max-width: 680px){
  .wf-events-hero{
    padding:62px 0;
  }

  .wf-events-hero-grid,
  .wf-events-types-grid,
  .wf-events-packages-grid,
  .wf-events-process-grid,
  .wf-events-info-grid{
    grid-template-columns:1fr;
  }
}


/* ===============================
   wofod-sy Translation Escort Page Design
   =============================== */

.wf-translation-hero{
  padding:88px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(244,185,66,.22), transparent 28%),
    linear-gradient(135deg, #102a43 0%, #1d6fa5 58%, #e8f6fb 100%);
  position:relative;
  overflow:hidden;
}

.wf-translation-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.25), transparent 22%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 24px);
  pointer-events:none;
}

.wf-translation-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:42px;
  align-items:center;
}

.wf-translation-hero .wf-kicker{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.wf-translation-hero h1{
  margin:18px 0 16px;
  color:#fff;
  font-size:clamp(36px, 5vw, 60px);
  line-height:1.18;
}

.wf-translation-hero p{
  max-width:740px;
  color:rgba(255,255,255,.9);
  font-size:18px;
  line-height:2;
  margin:0 0 26px;
}

.wf-translation-hero .wf-btn-light{
  background:rgba(255,255,255,.92);
}

.wf-translation-note{
  margin-top:22px;
  max-width:760px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  line-height:1.8;
}

.wf-translation-note strong{
  color:#fff7df;
}

.wf-translation-request-card{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.92);
  border-radius:30px;
  padding:28px;
  box-shadow:0 18px 45px rgba(16,42,67,.18);
  backdrop-filter:blur(12px);
}

.wf-translation-request-card h2{
  margin:0 0 18px;
  color:#102a43;
  font-size:28px;
}

.wf-translation-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:15px 0;
  border-bottom:1px solid rgba(16,42,67,.10);
}

.wf-translation-row span{
  color:#6b7c93;
  font-weight:800;
}

.wf-translation-row strong{
  color:#102a43;
  text-align:left;
}

.wf-translation-services-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-translation-service-card{
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
  transition:.25s ease;
}

.wf-translation-service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 45px rgba(16,42,67,.12);
}

.wf-translation-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #e8f6fb, #fff7df);
  font-size:28px;
  margin-bottom:16px;
}

.wf-translation-service-card h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:21px;
}

.wf-translation-service-card p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-translation-usecases{
  padding:78px 0;
  background:
    linear-gradient(135deg, rgba(16,42,67,.96), rgba(29,111,165,.92)),
    radial-gradient(circle at top right, rgba(244,185,66,.25), transparent 32%);
}

.wf-translation-usecases-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.wf-translation-usecase-card{
  background:#fff;
  border-radius:28px;
  padding:28px;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.wf-translation-usecase-card h3{
  margin:14px 0 10px;
  color:#102a43;
  font-size:25px;
}

.wf-translation-usecase-card p{
  margin:0 0 16px;
  color:#6b7c93;
  line-height:1.8;
}

.wf-translation-usecase-card ul{
  margin:0 0 18px;
  padding:0 18px 0 0;
  color:#243b53;
  line-height:1.9;
}

.wf-translation-usecase-card a{
  color:#1d6fa5;
  font-weight:900;
  text-decoration:none;
}

.wf-translation-process-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.wf-translation-step{
  background:linear-gradient(180deg, #fff, #f8fcff);
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:28px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
}

.wf-translation-step strong{
  display:inline-flex;
  width:50px;
  height:50px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#102a43;
  color:#fff;
  margin-bottom:18px;
}

.wf-translation-step h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:22px;
}

.wf-translation-step p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-translation-info{
  background:#f7fbfd;
}

.wf-translation-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}

.wf-translation-info h2{
  margin:14px 0;
  color:#102a43;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.25;
}

.wf-translation-info p{
  color:#6b7c93;
  line-height:2;
  font-size:17px;
}

.wf-translation-checklist{
  display:grid;
  gap:14px;
}

.wf-translation-checklist div{
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:18px;
  padding:17px 19px;
  box-shadow:0 10px 26px rgba(16,42,67,.06);
}

.wf-translation-checklist strong{
  width:34px;
  height:34px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f6fb;
  color:#1d6fa5;
}

.wf-translation-checklist span{
  color:#102a43;
  font-weight:800;
}

.wf-translation-cta{
  padding:58px 0;
  background:linear-gradient(135deg, #e9f8fc, #fff7df);
}

@media (max-width: 980px){
  .wf-translation-hero-grid,
  .wf-translation-services-grid,
  .wf-translation-usecases-grid,
  .wf-translation-process-grid,
  .wf-translation-info-grid{
    grid-template-columns:1fr 1fr;
  }

  .wf-translation-request-card{
    grid-column:1 / -1;
  }
}

@media (max-width: 680px){
  .wf-translation-hero{
    padding:62px 0;
  }

  .wf-translation-hero-grid,
  .wf-translation-services-grid,
  .wf-translation-usecases-grid,
  .wf-translation-process-grid,
  .wf-translation-info-grid{
    grid-template-columns:1fr;
  }
}


/* ===============================
   wofod-sy Contact Page Design
   =============================== */

.wf-contact-hero{
  padding:88px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(244,185,66,.22), transparent 28%),
    linear-gradient(135deg, #102a43 0%, #1d6fa5 58%, #e8f6fb 100%);
  position:relative;
  overflow:hidden;
}

.wf-contact-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.25), transparent 22%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 24px);
  pointer-events:none;
}

.wf-contact-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:42px;
  align-items:center;
}

.wf-contact-hero .wf-kicker{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.wf-contact-hero h1{
  margin:18px 0 16px;
  color:#fff;
  font-size:clamp(36px, 5vw, 60px);
  line-height:1.18;
}

.wf-contact-hero p{
  max-width:740px;
  color:rgba(255,255,255,.9);
  font-size:18px;
  line-height:2;
  margin:0 0 26px;
}

.wf-contact-hero .wf-btn-light{
  background:rgba(255,255,255,.92);
}

.wf-contact-note{
  margin-top:22px;
  max-width:760px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  line-height:1.8;
}

.wf-contact-note strong{
  color:#fff7df;
}

.wf-contact-card{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.92);
  border-radius:30px;
  padding:28px;
  box-shadow:0 18px 45px rgba(16,42,67,.18);
  backdrop-filter:blur(12px);
}

.wf-contact-card h2{
  margin:0 0 18px;
  color:#102a43;
  font-size:28px;
}

.wf-contact-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:15px 0;
  border-bottom:1px solid rgba(16,42,67,.10);
}

.wf-contact-row span{
  color:#6b7c93;
  font-weight:800;
}

.wf-contact-row strong{
  color:#102a43;
  text-align:left;
}

.wf-contact-services-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-contact-service-card{
  display:block;
  background:#fff;
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:24px 20px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
  transition:.25s ease;
  text-decoration:none !important;
}

.wf-contact-service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 45px rgba(16,42,67,.12);
}

.wf-contact-service-card div{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #e8f6fb, #fff7df);
  font-size:28px;
  margin-bottom:16px;
}

.wf-contact-service-card h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:20px;
}

.wf-contact-service-card p{
  margin:0;
  color:#6b7c93;
  line-height:1.8;
}

.wf-request-section{
  padding:78px 0;
  background:
    linear-gradient(135deg, rgba(16,42,67,.96), rgba(29,111,165,.92)),
    radial-gradient(circle at top right, rgba(244,185,66,.25), transparent 32%);
}

.wf-request-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:34px;
  align-items:center;
}

.wf-request-copy .wf-kicker{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.wf-request-copy h2{
  margin:16px 0 12px;
  color:#fff;
  font-size:clamp(32px, 4vw, 48px);
  line-height:1.25;
}

.wf-request-copy p{
  color:rgba(255,255,255,.86);
  line-height:2;
  font-size:17px;
}

.wf-request-tips{
  display:grid;
  gap:12px;
  margin-top:22px;
}

.wf-request-tips div{
  display:flex;
  gap:14px;
  align-items:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  padding:14px 16px;
  color:#fff;
}

.wf-request-tips strong{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  border-radius:14px;
  background:#fff;
  color:#1d6fa5;
}

.wf-request-tips span{
  font-weight:800;
}

.wf-request-box{
  background:#fff;
  border-radius:30px;
  padding:30px;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.wf-request-box h3{
  margin:0 0 18px;
  color:#102a43;
  font-size:28px;
}

.wf-message-template{
  background:#f7fbfd;
  border:1px solid rgba(16,42,67,.10);
  border-radius:22px;
  padding:20px;
  color:#243b53;
  line-height:1.7;
}

.wf-message-template p{
  margin:0 0 8px;
}

.wf-contact-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}

.wf-small-note{
  margin:16px 0 0;
  color:#6b7c93;
  line-height:1.8;
  font-size:14px;
}

.wf-contact-flow-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.wf-contact-step{
  background:linear-gradient(180deg, #fff, #f8fcff);
  border:1px solid rgba(16,42,67,.10);
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 12px 32px rgba(16,42,67,.07);
}

.wf-contact-step strong{
  display:inline-flex;
  width:50px;
  height:50px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#102a43;
  color:#fff;
  margin-bottom:18px;
}

.wf-contact-step h3{
  margin:0 0 10px;
  color:#102a43;
  font-size:21px;
}

.wf-contact-step p{
  margin:0;
  color:#6b7c93;
  line-height:1.9;
}

.wf-contact-final-cta{
  padding:58px 0;
  background:linear-gradient(135deg, #e9f8fc, #fff7df);
}

@media (max-width: 980px){
  .wf-contact-hero-grid,
  .wf-contact-services-grid,
  .wf-request-grid,
  .wf-contact-flow-grid{
    grid-template-columns:1fr 1fr;
  }

  .wf-contact-card{
    grid-column:1 / -1;
  }
}

@media (max-width: 680px){
  .wf-contact-hero{
    padding:62px 0;
  }

  .wf-contact-hero-grid,
  .wf-contact-services-grid,
  .wf-request-grid,
  .wf-contact-flow-grid{
    grid-template-columns:1fr;
  }

  .wf-contact-actions .wf-btn{
    width:100%;
  }
}


/* ===============================
   wofod-sy Header Footer Global Design
   =============================== */

body{
  direction:rtl;
}

.site-header,
.main-navigation,
.inside-header{
  transition:.25s ease;
}

.site-header{
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(16,42,67,.08);
  box-shadow:0 8px 24px rgba(16,42,67,.05);
  position:sticky;
  top:0;
  z-index:999;
}

.inside-header{
  padding:14px 28px;
}

.site-logo img,
.header-image{
  max-height:58px;
  width:auto;
}

.main-navigation{
  background:transparent !important;
}

.main-navigation .main-nav ul li a{
  color:#102a43 !important;
  font-weight:800;
  font-size:15px;
  padding:12px 14px;
  border-radius:999px;
  transition:.22s ease;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current_page_item > a{
  background:#e8f6fb !important;
  color:#1d6fa5 !important;
}

.menu-toggle{
  color:#102a43 !important;
  font-weight:900;
}

.site-content{
  overflow:hidden;
}

.entry-content{
  margin-top:0;
}

.entry-header{
  display:none;
}

/* Header CTA item: last menu link */
.main-navigation .main-nav ul li:last-child a{
  background:linear-gradient(135deg, #1d6fa5, #16a0c7) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(29,111,165,.20);
}

.main-navigation .main-nav ul li:last-child a:hover{
  transform:translateY(-1px);
  color:#fff !important;
}

/* Footer */
.wf-footer-custom{
  direction:rtl;
  background:
    radial-gradient(circle at 12% 0%, rgba(244,185,66,.18), transparent 26%),
    linear-gradient(135deg, #102a43, #0b1f33);
  color:#fff;
  padding:68px 0 0;
  margin-top:0;
}

.wf-footer-grid{
  width:min(1180px, calc(100% - 36px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1.35fr .85fr .85fr 1fr;
  gap:34px;
}

.wf-footer-col h3{
  margin:0 0 14px;
  font-size:34px;
  color:#fff;
  letter-spacing:.4px;
}

.wf-footer-col h4{
  margin:0 0 16px;
  font-size:19px;
  color:#fff;
}

.wf-footer-col p{
  margin:0 0 12px;
  color:rgba(255,255,255,.78);
  line-height:2;
}

.wf-footer-brand span{
  display:inline-flex;
  color:#fff7df;
  font-weight:800;
  line-height:1.8;
}

.wf-footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}

.wf-footer-col a{
  color:rgba(255,255,255,.78);
  text-decoration:none;
  transition:.2s ease;
  font-weight:700;
}

.wf-footer-col a:hover{
  color:#fff7df;
}

.wf-footer-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  padding:12px 18px;
  border-radius:999px;
  color:#102a43 !important;
  background:#fff;
  font-weight:900 !important;
}

.wf-footer-bottom{
  width:min(1180px, calc(100% - 36px));
  margin:44px auto 0;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.13);
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:rgba(255,255,255,.68);
  font-size:14px;
}

/* Floating buttons */
.wf-floating-actions{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:9999;
  display:grid;
  gap:10px;
}

.wf-float-btn{
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  text-decoration:none !important;
  box-shadow:0 14px 30px rgba(16,42,67,.22);
  font-weight:900;
  transition:.22s ease;
}

.wf-float-btn:hover{
  transform:translateY(-3px);
}

.wf-float-request{
  width:auto;
  padding:0 18px;
  background:linear-gradient(135deg, #1d6fa5, #16a0c7);
  color:#fff !important;
}

.wf-float-mail{
  background:#fff;
  color:#1d6fa5 !important;
  border:1px solid rgba(16,42,67,.10);
  font-size:22px;
}

/* Better default spacing */
.separate-containers .inside-article,
.one-container .site-content{
  padding-top:0;
}

.site-main{
  margin-top:0;
}

@media (max-width: 980px){
  .wf-footer-grid{
    grid-template-columns:1fr 1fr;
  }

  .wf-footer-bottom{
    flex-direction:column;
    text-align:center;
  }
}

@media (max-width: 768px){
  .inside-header{
    padding:12px 18px;
  }

  .main-navigation.toggled .main-nav > ul{
    background:#fff;
    border-radius:22px;
    padding:12px;
    box-shadow:0 14px 34px rgba(16,42,67,.12);
    margin-top:10px;
  }

  .main-navigation .main-nav ul li a{
    border-radius:14px;
  }

  .wf-footer-grid{
    grid-template-columns:1fr;
  }

  .wf-floating-actions{
    left:14px;
    bottom:14px;
  }

  .wf-float-btn{
    height:50px;
    min-width:50px;
  }
}


/* ===============================
   wofod-sy Live Request Form
   =============================== */

.wf-live-form-wrap{
  direction:rtl;
}

.wf-form-success{
  display:grid;
  gap:5px;
  background:#e9f8ee;
  border:1px solid rgba(28,132,72,.20);
  color:#17663a;
  border-radius:18px;
  padding:16px 18px;
  margin-bottom:18px;
}

.wf-form-success strong{
  font-size:18px;
}

.wf-live-form{
  display:grid;
  gap:18px;
}

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

.wf-live-form label{
  display:grid;
  gap:8px;
}

.wf-live-form label span{
  color:#102a43;
  font-weight:900;
  font-size:14px;
}

.wf-live-form input,
.wf-live-form select,
.wf-live-form textarea{
  width:100%;
  border:1px solid rgba(16,42,67,.14);
  border-radius:16px;
  padding:13px 14px;
  background:#f7fbfd;
  color:#102a43;
  outline:none;
  transition:.22s ease;
  font-size:15px;
}

.wf-live-form textarea{
  resize:vertical;
}

.wf-live-form input:focus,
.wf-live-form select:focus,
.wf-live-form textarea:focus{
  border-color:#1d6fa5;
  box-shadow:0 0 0 4px rgba(29,111,165,.10);
  background:#fff;
}

.wf-form-full{
  grid-column:1 / -1;
}

.wf-form-submit{
  border:0;
  border-radius:999px;
  padding:15px 26px;
  background:linear-gradient(135deg, #1d6fa5, #16a0c7);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(29,111,165,.22);
  transition:.22s ease;
}

.wf-form-submit:hover{
  transform:translateY(-2px);
}

.wf-form-privacy{
  margin:0;
  color:#6b7c93;
  font-size:13px;
  line-height:1.8;
}

@media (max-width: 680px){
  .wf-form-grid{
    grid-template-columns:1fr;
  }
}



/* wofod-sy custom design update 01 */
:root{
  --wufoud-navy:#12324a;
  --wufoud-blue:#1e6f9f;
  --wufoud-sky:#eaf7fb;
  --wufoud-mint:#eef9f3;
  --wufoud-sand:#fff7ea;
  --wufoud-text:#243444;
  --wufoud-muted:#64748b;
  --wufoud-border:#e5edf3;
  --wufoud-white:#ffffff;
  --wufoud-shadow:0 18px 45px rgba(18,50,74,.10);
}

body{
  color:var(--wufoud-text);
}

.wufoud-page{
  direction:rtl;
  font-family:inherit;
}

.wufoud-container{
  width:min(1180px, calc(100% - 36px));
  margin-inline:auto;
}

.wufoud-hero{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    linear-gradient(120deg, rgba(18,50,74,.92), rgba(30,111,159,.72)),
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(135deg, #12324a, #1e6f9f);
  color:#fff;
  border-radius:0 0 46px 46px;
}

.wufoud-hero:after{
  content:"";
  position:absolute;
  inset:auto -8% -38% -8%;
  height:330px;
  background:rgba(255,255,255,.12);
  transform:rotate(-3deg);
  border-radius:50%;
}

.wufoud-hero-inner{
  position:relative;
  z-index:2;
  max-width:900px;
}

.wufoud-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(30,111,159,.10);
  color:var(--wufoud-blue);
  font-weight:700;
  font-size:14px;
  letter-spacing:.2px;
  margin-bottom:14px;
}

.wufoud-hero .wufoud-kicker{
  background:rgba(255,255,255,.16);
  color:#fff;
}

.wufoud-hero h1,
.wufoud-subhero h1{
  font-size:clamp(36px, 5vw, 68px);
  line-height:1.15;
  margin:0 0 18px;
  font-weight:800;
}

.wufoud-hero p{
  font-size:20px;
  line-height:1.9;
  max-width:820px;
  margin:0 0 10px;
  color:rgba(255,255,255,.92);
}

.wufoud-hero-en{
  font-size:17px !important;
  color:rgba(255,255,255,.78) !important;
}

.wufoud-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}

.wufoud-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 24px;
  border-radius:999px;
  text-decoration:none !important;
  font-weight:800;
  transition:.25s ease;
}

.wufoud-btn-primary{
  background:linear-gradient(135deg, #1e6f9f, #25a7c7);
  color:#fff !important;
  box-shadow:0 12px 25px rgba(30,111,159,.25);
}

.wufoud-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(30,111,159,.33);
}

.wufoud-btn-light{
  background:#fff;
  color:var(--wufoud-navy) !important;
}

.wufoud-section{
  padding:82px 0;
}

.wufoud-band{
  padding:82px 0;
  background:linear-gradient(180deg, var(--wufoud-sky), #fff);
}

.wufoud-why{
  width: 100%;
  margin-inline: auto;
  background:
    radial-gradient(circle at top right, rgba(37,167,199,.18), transparent 28%),
    linear-gradient(180deg, #eef9ff, #ffffff);
}

.wufoud-journey{
  width: 100%;
  margin-inline: auto;
  background:
    radial-gradient(circle at top left, rgba(30,111,159,.18), transparent 28%),
    linear-gradient(135deg, #f4fbff, #fff7ea);
}

.wufoud-two{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:34px;
  align-items:center;
}

.wufoud-center{
  text-align:center;
  max-width:760px;
  margin:0 auto 38px;
}

.wufoud-section h2,
.wufoud-band h2{
  font-size:clamp(28px, 3vw, 44px);
  line-height:1.25;
  margin:0 0 14px;
  color:var(--wufoud-navy);
  font-weight:800;
}

.wufoud-section p,
.wufoud-band p{
  color:var(--wufoud-muted);
  line-height:1.9;
  font-size:17px;
}

.wufoud-grid{
  display:grid;
  gap:22px;
}

.wufoud-grid-4{
  grid-template-columns:repeat(4, 1fr);
}

.wufoud-grid-3{
  grid-template-columns:repeat(3, 1fr);
}

.wufoud-card,
.wufoud-service-card,
.wufoud-cta-box{
  background:#fff;
  border:1px solid var(--wufoud-border);
  border-radius:28px;
  padding:28px;
  box-shadow:var(--wufoud-shadow);
}

.wufoud-card h3,
.wufoud-service-card h3,
.wufoud-cta-box h3{
  margin:0 0 10px;
  color:var(--wufoud-navy);
  font-size:22px;
  font-weight:800;
}

.wufoud-card p,
.wufoud-service-card p,
.wufoud-cta-box p{
  margin:0;
}

.wufoud-highlight-card{
  background:linear-gradient(135deg, #ffffff, var(--wufoud-sand));
}

.wufoud-icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:var(--wufoud-sky);
  color:var(--wufoud-blue);
  font-weight:900;
  margin-bottom:16px;
}

.wufoud-section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:30px;
}

.wufoud-section-head h2{
  margin-bottom:0;
}

.wufoud-link{
  color:var(--wufoud-blue) !important;
  font-weight:800;
  text-decoration:none !important;
}

.wufoud-service-card{
  display:block;
  text-decoration:none !important;
  transition:.25s ease;
  min-height:215px;
}

.wufoud-service-card:hover{
  transform:translateY(-5px);
  border-color:rgba(30,111,159,.30);
}

.wufoud-service-card span,
.wufoud-hotel-body span{
  display:inline-block;
  color:var(--wufoud-blue);
  font-weight:800;
  margin-bottom:12px;
}

.wufoud-subhero{
  padding:110px 0 90px;
  background:
    radial-gradient(circle at 15% 15%, rgba(255,255,255,.25), transparent 28%),
    linear-gradient(135deg, #12324a, #1e6f9f);
  color:#fff;
  border-radius:0 0 42px 42px;
}

.wufoud-subhero .wufoud-kicker{
  background:rgba(255,255,255,.15);
  color:#fff;
}

.wufoud-subhero p{
  color:rgba(255,255,255,.88);
  max-width:760px;
  font-size:19px;
  line-height:1.9;
  margin-bottom:26px;
}

.wufoud-search-panel{
  margin-top:-125px;
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(4, 1fr) auto;
  gap:14px;
  align-items:center;
  background:#fff;
  border-radius:28px;
  padding:20px;
  box-shadow:0 24px 60px rgba(18,50,74,.18);
  border:1px solid var(--wufoud-border);
}

.wufoud-search-panel div{
  padding:10px 14px;
  border-inline-start:1px solid var(--wufoud-border);
}

.wufoud-search-panel label{
  display:block;
  font-weight:900;
  color:var(--wufoud-navy);
  margin-bottom:4px;
}

.wufoud-search-panel span{
  color:var(--wufoud-muted);
  font-size:14px;
}

.wufoud-featured-hotels{
  width: 100%;
  margin-inline: auto;
  background:linear-gradient(180deg, #f7fbff, #eef9f3);
}

.wufoud-hotel-card{
  overflow:hidden;
  background:#fff;
  border-radius:30px;
  box-shadow:var(--wufoud-shadow);
  border:1px solid var(--wufoud-border);
}

.wufoud-hotel-image{
  height:190px;
  background:
    linear-gradient(135deg, rgba(18,50,74,.20), rgba(30,111,159,.16)),
    linear-gradient(135deg, #dbeafe, #fef3c7);
  position:relative;
}

.wufoud-hotel-image:after{
  content:"";
  position:absolute;
  inset:30px 36px;
  border-radius:22px;
  border:2px solid rgba(255,255,255,.75);
  background:rgba(255,255,255,.18);
}

.wufoud-hotel-body{
  padding:24px;
}

.wufoud-hotel-body h3{
  margin:0 0 10px;
  color:var(--wufoud-navy);
  font-weight:800;
}

@media (max-width: 980px){
  .wufoud-two,
  .wufoud-grid-4,
  .wufoud-grid-3,
  .wufoud-search-panel{
    grid-template-columns:1fr;
  }

  .wufoud-section-head{
    display:block;
  }

  .wufoud-hero{
    min-height:560px;
  }

  .wufoud-search-panel{
    margin-top:-80px;
  }

  .wufoud-search-panel div{
    border-inline-start:0;
    border-bottom:1px solid var(--wufoud-border);
  }
}

@media (max-width: 640px){
  .wufoud-container{
    width:min(100% - 26px, 1180px);
  }

  .wufoud-section,
  .wufoud-band{
    padding:58px 0;
  }

  .wufoud-card,
  .wufoud-service-card,
  .wufoud-cta-box{
    padding:22px;
    border-radius:22px;
  }

  .wufoud-hero h1,
  .wufoud-subhero h1{
    font-size:34px;
  }

  .wufoud-hero p,
  .wufoud-subhero p{
    font-size:17px;
  }
}




/* wofod-sy fix design 02 */

/* منع الفراغات الغريبة داخل كروت الخدمات */
.wufoud-service-card{
  min-height: 210px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  position: relative !important;
  overflow: hidden !important;
}

.wufoud-service-card:before{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(30,111,159,.08), rgba(37,167,199,.04));
  left:-38px;
  top:-38px;
}

.wufoud-service-card span,
.wufoud-service-card h3,
.wufoud-service-card p{
  position:relative;
  z-index:2;
}

.wufoud-service-card span{
  align-self:flex-start;
  padding:6px 10px;
  border-radius:999px;
  background:#eef9ff;
  color:#1e6f9f !important;
  font-size:13px;
}

/* جعل شبكة الخدمات منتظمة RTL بدون فراغات */
.wufoud-grid.wufoud-grid-3{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

/* في حال وجود عناصر فارغة بسبب كود سابق أو بلوكات قديمة */
.wufoud-grid.wufoud-grid-3 > *:empty{
  display:none !important;
}

/* تحسين عنوان قسم الخدمات */
.wufoud-section-head{
  border-bottom:1px solid #e5edf3;
  padding-bottom:18px;
}

.wufoud-section-head .wufoud-link{
  background:#eef9ff;
  padding:10px 16px;
  border-radius:999px;
}

/* تحسين صفحة الفنادق */
.wufoud-hotels .wufoud-search-panel{
  max-width:1050px;
  margin-inline:auto;
}

.wufoud-hotels .wufoud-card{
  min-height:180px;
}

.wufoud-featured-hotels{
  padding-top:75px !important;
  padding-bottom:85px !important;
}

.wufoud-hotel-card{
  transition:.25s ease;
}

.wufoud-hotel-card:hover{
  transform:translateY(-5px);
}

.wufoud-hotel-image{
  height:175px !important;
  background:
    linear-gradient(135deg, rgba(18,50,74,.10), rgba(30,111,159,.15)),
    linear-gradient(135deg, #eef9ff, #fff7ea) !important;
}

/* تقليل المسافات الزائدة */
.wufoud-section{
  padding-top:70px !important;
  padding-bottom:70px !important;
}

.wufoud-band{
  padding-top:70px !important;
  padding-bottom:70px !important;
}

/* الفوتر: منع ظهور أي بلوكات فوتر داخل محتوى الصفحة إن كانت مكررة */
.wufoud-page footer,
.wufoud-page .site-footer,
.wufoud-page .footer-widgets,
.wufoud-page .wufoud-footer{
  display:none !important;
}

/* تحسين الفوتر الأساسي للقالب */
.site-footer,
.footer-widgets{
  direction:rtl;
}

/* تابلت */
@media (max-width: 980px){
  .wufoud-grid.wufoud-grid-3{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* موبايل */
@media (max-width: 640px){
  .wufoud-grid.wufoud-grid-3{
    grid-template-columns: 1fr !important;
  }

  .wufoud-service-card{
    min-height:auto !important;
  }

  .wufoud-section-head{
    display:block !important;
  }

  .wufoud-section-head .wufoud-link{
    display:inline-flex;
    margin-top:14px;
  }
}




/* wofod-sy fix 03 - footer duplicate logo/background + service cards */

/* إزالة خلفية الشعار الكبيرة من فوتر GeneratePress */
.footer-widgets,
.site-info{
  background-image:none !important;
  background-color:#0f2f3a !important;
}

/* تنسيق الفوتر الأساسي */
.footer-widgets{
  color:rgba(255,255,255,.82) !important;
  padding-top:44px !important;
  padding-bottom:26px !important;
}

.footer-widgets .widget-title,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4{
  color:#ffffff !important;
  font-weight:800 !important;
}

.footer-widgets a{
  color:rgba(255,255,255,.82) !important;
  text-decoration:none !important;
}

.footer-widgets a:hover{
  color:#ffffff !important;
}

.site-info{
  color:rgba(255,255,255,.65) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}

.site-info a{
  color:rgba(255,255,255,.80) !important;
}

/* في حال بقي أي شعار كبير داخل الفوتر */
.footer-widgets img[src*="WofodFav2"],
.site-info img[src*="WofodFav2"],
.footer-widgets img[src*="WofodFav"],
.site-info img[src*="WofodFav"]{
  display:none !important;
}

/* إزالة أي مساحة كبيرة فارغة داخل الفوتر */
.footer-widgets-container,
.inside-footer-widgets{
  background:transparent !important;
}

/* إصلاح كروت الخدمات في الرئيسية */
.wufoud-grid.wufoud-grid-3{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:24px !important;
  direction:rtl !important;
}

.wufoud-service-card{
  min-height:220px !important;
  height:auto !important;
  background:#ffffff !important;
  border:1px solid #e5edf3 !important;
  border-radius:28px !important;
  padding:28px !important;
  box-shadow:0 18px 45px rgba(18,50,74,.10) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  text-align:right !important;
  gap:10px !important;
  overflow:hidden !important;
}

.wufoud-service-card span{
  display:inline-flex !important;
  width:auto !important;
  min-width:0 !important;
  color:#1e6f9f !important;
  background:#eef9ff !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:800 !important;
  margin:0 0 6px 0 !important;
}

.wufoud-service-card h3{
  display:block !important;
  color:#12324a !important;
  font-size:22px !important;
  line-height:1.35 !important;
  margin:0 0 6px 0 !important;
  font-weight:800 !important;
}

.wufoud-service-card p{
  display:block !important;
  color:#64748b !important;
  font-size:16px !important;
  line-height:1.9 !important;
  margin:0 !important;
}

/* إخفاء أي أعمدة فارغة نتجت من تنسيق سابق */
.wufoud-grid.wufoud-grid-3 > div:empty,
.wufoud-grid.wufoud-grid-3 > a:empty{
  display:none !important;
}

/* تحسين العرض على التابلت والموبايل */
@media (max-width: 980px){
  .wufoud-grid.wufoud-grid-3{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px){
  .wufoud-grid.wufoud-grid-3{
    grid-template-columns:1fr !important;
  }

  .wufoud-service-card{
    min-height:auto !important;
    padding:24px !important;
  }
}




/* wofod-sy final layout fix 04 */

/* إصلاح ضغط اللوغو في الهيدر */
.site-header .header-image,
.site-logo img,
.header-image,
.custom-logo{
  width:170px !important;
  max-width:170px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
}

.inside-header{
  align-items:center !important;
}

/* إخفاء فوتر GeneratePress القديم بالكامل لمنع التكرار */
.footer-widgets,
.site-info{
  display:none !important;
}

/* الفوتر الجديد */
.wufoud-custom-footer{
  direction:rtl;
  background:#0d2d38;
  color:rgba(255,255,255,.78);
  padding:58px 0 22px;
  font-family:inherit;
}

.wufoud-custom-footer a{
  color:rgba(255,255,255,.82);
  text-decoration:none;
}

.wufoud-custom-footer a:hover{
  color:#ffffff;
}

.wufoud-footer-inner{
  width:min(1180px, calc(100% - 36px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr 1fr;
  gap:34px;
  align-items:start;
}

.wufoud-footer-brand h3{
  color:#ffffff;
  font-size:24px;
  margin:0 0 12px;
  font-weight:800;
}

.wufoud-footer-brand p{
  margin:0 0 18px;
  line-height:1.9;
  color:rgba(255,255,255,.72);
}

.wufoud-footer-col h4{
  color:#ffffff;
  font-size:17px;
  margin:0 0 14px;
  font-weight:800;
}

.wufoud-footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
}

.wufoud-footer-col li{
  margin:0 0 9px;
}

.wufoud-footer-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 18px;
  border-radius:999px;
  background:#ffffff;
  color:#0d2d38 !important;
  font-weight:800;
}

.wufoud-footer-bottom{
  width:min(1180px, calc(100% - 36px));
  margin:36px auto 0;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.55);
  font-size:13px;
}

/* قسم الخدمات النظيف */
.wufoud-home-services-clean{
  padding:76px 0 !important;
  background:#ffffff;
}

.wufoud-services-clean-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:24px !important;
  direction:rtl;
}

.wufoud-clean-service-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  min-height:230px !important;
  padding:30px !important;
  border-radius:30px !important;
  background:#ffffff !important;
  border:1px solid #e5edf3 !important;
  box-shadow:0 18px 45px rgba(18,50,74,.10) !important;
  text-decoration:none !important;
  text-align:right !important;
  position:relative !important;
  overflow:hidden !important;
  transition:.25s ease !important;
}

.wufoud-clean-service-card:before{
  content:"";
  position:absolute;
  width:125px;
  height:125px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(30,111,159,.10), rgba(37,167,199,.04));
  top:-45px;
  left:-45px;
}

.wufoud-clean-service-card:hover{
  transform:translateY(-5px);
  border-color:rgba(30,111,159,.35) !important;
}

.wufoud-clean-service-card span,
.wufoud-clean-service-card h3,
.wufoud-clean-service-card p{
  position:relative;
  z-index:2;
}

.wufoud-clean-service-card span{
  display:inline-flex !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  background:#eef9ff !important;
  color:#1e6f9f !important;
  font-size:13px !important;
  font-weight:800 !important;
  margin-bottom:22px !important;
}

.wufoud-clean-service-card h3{
  color:#12324a !important;
  font-size:23px !important;
  line-height:1.35 !important;
  margin:0 0 12px !important;
  font-weight:800 !important;
}

.wufoud-clean-service-card p{
  color:#64748b !important;
  font-size:16px !important;
  line-height:1.9 !important;
  margin:0 !important;
}

/* تعطيل تأثيرات الكروت القديمة إن ظهرت */
.wufoud-service-card:empty,
.wufoud-card:empty{
  display:none !important;
}

@media (max-width:980px){
  .wufoud-services-clean-grid,
  .wufoud-footer-inner{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:640px){
  .site-header .header-image,
  .site-logo img,
  .header-image,
  .custom-logo{
    width:135px !important;
    max-width:135px !important;
  }

  .wufoud-services-clean-grid,
  .wufoud-footer-inner{
    grid-template-columns:1fr !important;
  }

  .wufoud-clean-service-card{
    min-height:auto !important;
    padding:24px !important;
  }

  .wufoud-footer-bottom{
    display:block;
  }
}




/* wofod-sy fix 05 - logo and old footer hard cleanup */

/* إصلاح ضغط اللوغو */
.site-header .header-image,
.site-logo img,
.header-image,
.custom-logo,
.inside-header .site-logo img{
  height:auto !important;
  width:auto !important;
  max-width:190px !important;
  max-height:76px !important;
  object-fit:contain !important;
  object-position:center !important;
  aspect-ratio:auto !important;
}

.site-logo,
.site-branding{
  display:flex !important;
  align-items:center !important;
}

.inside-header{
  min-height:86px !important;
  align-items:center !important;
}

/* إخفاء فوتر GeneratePress القديم مهما ظهر */
.footer-widgets,
.site-info,
.footer-bar,
.inside-site-info,
.footer-widgets-container,
.inside-footer-widgets{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:none !important;
  background-image:none !important;
}

/* منع ظهور صورة WofodFav2 كخلفية */
.footer-widgets,
.site-info{
  background-image:none !important;
}

/* الفوتر الجديد فقط */
.wufoud-custom-footer{
  display:block !important;
  margin-top:0 !important;
}

/* تنظيف كروت الخدمات الجديدة */
.wufoud-services-clean-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:24px !important;
}

.wufoud-clean-service-card{
  min-height:230px !important;
}

@media (max-width:980px){
  .wufoud-services-clean-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:640px){
  .site-header .header-image,
  .site-logo img,
  .header-image,
  .custom-logo,
  .inside-header .site-logo img{
    max-width:150px !important;
    max-height:62px !important;
  }

  .inside-header{
    min-height:74px !important;
  }

  .wufoud-services-clean-grid{
    grid-template-columns:1fr !important;
  }
}


/* wofod-sy service pages custom design */
.wf-service-hero,
.wf-service-details,
.wf-service-process,
.wf-service-cta {
  direction: rtl;
  font-family: inherit;
}

.wf-service-hero {
  position: relative;
  overflow: hidden;
  padding: 110px 20px 95px;
  background:
    radial-gradient(circle at 18% 18%, rgba(30,111,159,.14), transparent 32%),
    radial-gradient(circle at 85% 10%, rgba(154,116,31,.18), transparent 28%),
    linear-gradient(135deg, #f7fbff 0%, #eef7fb 48%, #fff8ea 100%);
  border-bottom: 1px solid rgba(30,111,159,.10);
}

.wf-service-hero::before {
  content: "";
  position: absolute;
  inset-inline-start: -120px;
  bottom: -160px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: rgba(30,111,159,.08);
}

.wf-service-hero-inner {
  position: relative;
  z-index: 1;
  width: min(1120px, 100%);
  margin: 0 auto;
}

.wf-service-label,
.wf-section-head span,
.wf-service-cta span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 8px 15px;
  margin-bottom: 18px;
  border-radius: 999px;
  color: #9a741f;
  background: rgba(154,116,31,.12);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .3px;
}

.wf-service-hero h1 {
  max-width: 760px;
  margin: 0 0 22px;
  color: #14354a;
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1.14;
  font-weight: 900;
}

.wf-service-hero p {
  max-width: 760px;
  margin: 0;
  color: #52616b;
  font-size: 19px;
  line-height: 2;
}

.wf-service-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.wf-primary-btn,
.wf-secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.wf-primary-btn {
  color: #fff !important;
  background: linear-gradient(135deg, #1e6f9f, #174f72);
  box-shadow: 0 16px 35px rgba(30,111,159,.24);
}

.wf-secondary-btn {
  color: #174f72 !important;
  background: #fff;
  border: 1px solid rgba(30,111,159,.20);
}

.wf-primary-btn:hover,
.wf-secondary-btn:hover {
  transform: translateY(-2px);
}

.wf-service-details,
.wf-service-process {
  padding: 80px 20px;
  background: #fff;
}

.wf-service-process {
  background:
    linear-gradient(180deg, #ffffff 0%, #f6fbfd 100%);
}

.wf-section-head {
  width: min(900px, 100%);
  margin: 0 auto 42px;
  text-align: center;
}

.wf-section-head h2 {
  margin: 0 0 14px;
  color: #14354a;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.35;
  font-weight: 900;
}

.wf-section-head p {
  margin: 0 auto;
  max-width: 720px;
  color: #64727c;
  font-size: 17px;
  line-height: 1.9;
}

.wf-service-detail-grid,
.wf-service-steps {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.wf-service-detail-card,
.wf-service-step {
  position: relative;
  overflow: hidden;
  min-height: 210px;
  padding: 30px 28px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid rgba(20,53,74,.09);
  box-shadow: 0 18px 45px rgba(20,53,74,.07);
}

.wf-service-detail-card::after,
.wf-service-step::after {
  content: "";
  position: absolute;
  inset-inline-end: -55px;
  top: -55px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: rgba(30,111,159,.07);
}

.wf-service-detail-card span,
.wf-service-step strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 34px;
  padding: 0 12px;
  margin-bottom: 20px;
  border-radius: 999px;
  color: #1e6f9f;
  background: rgba(30,111,159,.10);
  font-size: 14px;
  font-weight: 900;
}

.wf-service-detail-card h3,
.wf-service-step h3 {
  margin: 0 0 13px;
  color: #14354a;
  font-size: 22px;
  line-height: 1.45;
  font-weight: 900;
}

.wf-service-detail-card p,
.wf-service-step p {
  margin: 0;
  color: #64727c;
  font-size: 16px;
  line-height: 1.9;
}

.wf-service-cta {
  width: min(1120px, calc(100% - 40px));
  margin: 35px auto 85px;
  padding: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 10% 20%, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(135deg, #14354a 0%, #1e6f9f 100%);
  color: #fff;
  box-shadow: 0 22px 55px rgba(20,53,74,.18);
}

.wf-service-cta h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.35;
  font-weight: 900;
}

.wf-service-cta p {
  margin: 0;
  max-width: 720px;
  color: rgba(255,255,255,.86);
  font-size: 17px;
  line-height: 1.9;
}

.wf-service-cta .wf-primary-btn {
  flex: 0 0 auto;
  background: #fff;
  color: #174f72 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.16);
}

@media (max-width: 900px) {
  .wf-service-detail-grid,
  .wf-service-steps {
    grid-template-columns: 1fr;
  }

  .wf-service-hero {
    padding: 80px 18px 70px;
  }

  .wf-service-cta {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px;
  }
}

@media (max-width: 520px) {
  .wf-service-actions {
    flex-direction: column;
  }

  .wf-primary-btn,
  .wf-secondary-btn {
    width: 100%;
  }

  .wf-service-detail-card,
  .wf-service-step {
    padding: 24px 22px;
  }
}

/* wofod-sy services index page */
.wf-services-index-hero,
.wf-services-index-list {
  direction: rtl;
}

.wf-services-index-hero {
  position: relative;
  overflow: hidden;
  padding: 115px 20px 95px;
  background:
    radial-gradient(circle at 12% 18%, rgba(154,116,31,.16), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(30,111,159,.16), transparent 30%),
    linear-gradient(135deg, #f7fbff 0%, #eef8fb 46%, #fff8ea 100%);
}

.wf-services-index-inner {
  width: min(1120px, 100%);
  margin: 0 auto;
  text-align: center;
}

.wf-services-index-inner span {
  display: inline-flex;
  width: fit-content;
  padding: 8px 15px;
  margin-bottom: 18px;
  border-radius: 999px;
  color: #9a741f;
  background: rgba(154,116,31,.12);
  font-size: 14px;
  font-weight: 900;
}

.wf-services-index-inner h1 {
  margin: 0 auto 22px;
  max-width: 850px;
  color: #14354a;
  font-size: clamp(36px, 5vw, 62px);
  line-height: 1.18;
  font-weight: 900;
}

.wf-services-index-inner p {
  margin: 0 auto;
  max-width: 850px;
  color: #52616b;
  font-size: 19px;
  line-height: 2;
}

.wf-services-index-list {
  padding: 80px 20px;
  background: #fff;
}

.wf-services-grid {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.wf-service-box {
  position: relative;
  overflow: hidden;
  min-height: 245px;
  display: block;
  padding: 28px 24px;
  border-radius: 26px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
  border: 1px solid rgba(20,53,74,.09);
  box-shadow: 0 18px 45px rgba(20,53,74,.07);
  text-decoration: none !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.wf-service-box::after {
  content: "";
  position: absolute;
  inset-inline-end: -55px;
  top: -55px;
  width: 135px;
  height: 135px;
  border-radius: 50%;
  background: rgba(30,111,159,.08);
  transition: transform .25s ease;
}

.wf-service-box b {
  position: relative;
  z-index: 1;
  display: inline-flex;
  padding: 7px 12px;
  margin-bottom: 18px;
  border-radius: 999px;
  color: #1e6f9f;
  background: rgba(30,111,159,.10);
  font-size: 13px;
  font-weight: 900;
}

.wf-service-box h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 13px;
  color: #14354a;
  font-size: 21px;
  line-height: 1.45;
  font-weight: 900;
}

.wf-service-box p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #64727c;
  font-size: 15.5px;
  line-height: 1.9;
}

.wf-service-box:hover {
  transform: translateY(-5px);
  border-color: rgba(30,111,159,.22);
  box-shadow: 0 24px 60px rgba(20,53,74,.11);
}

.wf-service-box:hover::after {
  transform: scale(1.12);
}

@media (max-width: 1100px) {
  .wf-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .wf-services-index-hero {
    padding: 80px 18px 70px;
  }

  .wf-services-grid {
    grid-template-columns: 1fr;
  }

  .wf-service-box {
    min-height: auto;
  }
}

/* wofod-sy hotels page */
.wf-hotels-hero,
.wf-hotels-services,
.wf-selected-hotels {
  direction: rtl;
}

.wf-hotels-hero {
  position: relative;
  overflow: hidden;
  padding: 105px 20px 90px;
  background:
    radial-gradient(circle at 15% 15%, rgba(154,116,31,.18), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(30,111,159,.16), transparent 28%),
    linear-gradient(135deg, #f7fbff 0%, #edf8fb 48%, #fff7e8 100%);
}

.wf-hotels-hero-inner {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 34px;
  align-items: center;
}

.wf-hotels-hero-text span,
.wf-hotels-request-card h2 + p,
.wf-hotel-card-body span {
  letter-spacing: .2px;
}

.wf-hotels-hero-text > span {
  display: inline-flex;
  width: fit-content;
  padding: 8px 15px;
  margin-bottom: 18px;
  border-radius: 999px;
  color: #9a741f;
  background: rgba(154,116,31,.12);
  font-size: 14px;
  font-weight: 900;
}

.wf-hotels-hero-text h1 {
  max-width: 720px;
  margin: 0 0 22px;
  color: #14354a;
  font-size: clamp(38px, 5vw, 66px);
  line-height: 1.15;
  font-weight: 900;
}

.wf-hotels-hero-text p {
  max-width: 720px;
  margin: 0;
  color: #52616b;
  font-size: 19px;
  line-height: 2;
}

.wf-hotels-request-card {
  padding: 30px;
  border-radius: 32px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(20,53,74,.10);
  box-shadow: 0 24px 65px rgba(20,53,74,.12);
  backdrop-filter: blur(10px);
}

.wf-hotels-request-card h2 {
  margin: 0 0 8px;
  color: #14354a;
  font-size: 30px;
  line-height: 1.35;
  font-weight: 900;
}

.wf-hotels-request-card > p {
  margin: 0 0 22px;
  color: #64727c;
  font-size: 16px;
  line-height: 1.8;
}

.wf-hotels-mini-form {
  display: grid;
  gap: 13px;
  margin-bottom: 22px;
}

.wf-hotels-mini-form div {
  padding: 15px 16px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(20,53,74,.08);
}

.wf-hotels-mini-form b {
  display: block;
  margin-bottom: 5px;
  color: #14354a;
  font-size: 15px;
  font-weight: 900;
}

.wf-hotels-mini-form span {
  display: block;
  color: #66757f;
  font-size: 14px;
  line-height: 1.7;
}

.wf-hotels-services,
.wf-selected-hotels {
  padding: 82px 20px;
  background: #fff;
}

.wf-selected-hotels {
  background:
    linear-gradient(180deg, #ffffff 0%, #f6fbfd 100%);
}

.wf-hotel-feature-grid {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.wf-hotel-feature-card {
  min-height: 230px;
  padding: 28px 24px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid rgba(20,53,74,.09);
  box-shadow: 0 18px 45px rgba(20,53,74,.07);
}

.wf-hotel-feature-card b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 34px;
  padding: 0 12px;
  margin-bottom: 18px;
  border-radius: 999px;
  color: #1e6f9f;
  background: rgba(30,111,159,.10);
  font-size: 14px;
  font-weight: 900;
}

.wf-hotel-feature-card h3 {
  margin: 0 0 12px;
  color: #14354a;
  font-size: 21px;
  line-height: 1.45;
  font-weight: 900;
}

.wf-hotel-feature-card p {
  margin: 0;
  color: #64727c;
  font-size: 15.5px;
  line-height: 1.9;
}

.wf-selected-hotels-grid {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.wf-selected-hotel-card {
  overflow: hidden;
  border-radius: 30px;
  background: #fff;
  border: 1px solid rgba(20,53,74,.09);
  box-shadow: 0 20px 55px rgba(20,53,74,.08);
}

.wf-hotel-image {
  height: 215px;
  background-size: cover;
  background-position: center;
}

.wf-hotel-image-1 {
  background:
    linear-gradient(135deg, rgba(20,53,74,.30), rgba(30,111,159,.15)),
    url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1200&q=80');
}

.wf-hotel-image-2 {
  background:
    linear-gradient(135deg, rgba(20,53,74,.25), rgba(154,116,31,.15)),
    url('https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?auto=format&fit=crop&w=1200&q=80');
}

.wf-hotel-image-3 {
  background:
    linear-gradient(135deg, rgba(20,53,74,.22), rgba(30,111,159,.15)),
    url('https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?auto=format&fit=crop&w=1200&q=80');
}

.wf-hotel-card-body {
  padding: 25px 24px 28px;
}

.wf-hotel-card-body span {
  display: inline-flex;
  width: fit-content;
  padding: 7px 12px;
  margin-bottom: 14px;
  border-radius: 999px;
  color: #9a741f;
  background: rgba(154,116,31,.12);
  font-size: 13px;
  font-weight: 900;
}

.wf-hotel-card-body h3 {
  margin: 0 0 12px;
  color: #14354a;
  font-size: 23px;
  line-height: 1.45;
  font-weight: 900;
}

.wf-hotel-card-body p {
  margin: 0;
  color: #64727c;
  font-size: 16px;
  line-height: 1.9;
}

@media (max-width: 1050px) {
  .wf-hotels-hero-inner {
    grid-template-columns: 1fr;
  }

  .wf-hotel-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wf-selected-hotels-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .wf-hotels-hero {
    padding: 78px 18px 68px;
  }

  .wf-hotels-request-card {
    padding: 24px;
  }

  .wf-hotel-feature-grid {
    grid-template-columns: 1fr;
  }

  .wf-hotel-image {
    height: 190px;
  }
}

/* wofod-sy hotels cards visual fix - no external images */
.wf-selected-hotel-card {
  background: #fff;
}

.wf-selected-hotel-card .wf-hotel-image {
  position: relative;
  height: 220px;
  overflow: hidden;
  background-image: none !important;
  background-color: #eef7fb;
}

.wf-selected-hotel-card .wf-hotel-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 45%),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.70), transparent 22%),
    linear-gradient(135deg, #dff1f7 0%, #f7fbff 48%, #fff4de 100%);
}

.wf-selected-hotel-card .wf-hotel-image::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 72%;
  height: 78%;
  transform: translateX(-50%);
  border-radius: 28px 28px 0 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.55) 0 8%, transparent 8% 18%, rgba(255,255,255,.55) 18% 26%, transparent 26% 38%, rgba(255,255,255,.55) 38% 46%, transparent 46% 58%, rgba(255,255,255,.55) 58% 66%, transparent 66% 78%, rgba(255,255,255,.55) 78% 86%, transparent 86% 100%),
    linear-gradient(180deg, #1e6f9f 0%, #174f72 100%);
  box-shadow: 0 -20px 45px rgba(20,53,74,.14);
}

.wf-hotel-image-1::before {
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.75), transparent 20%),
    linear-gradient(135deg, #e7f7fb 0%, #f7fbff 48%, #fff3d8 100%) !important;
}

.wf-hotel-image-2::before {
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.70), transparent 22%),
    linear-gradient(135deg, #edf9f4 0%, #f7fbff 48%, #eaf5fb 100%) !important;
}

.wf-hotel-image-3::before {
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.70), transparent 22%),
    linear-gradient(135deg, #fff4de 0%, #f7fbff 48%, #e7f2fb 100%) !important;
}

.wf-hotel-image-2::after {
  background:
    linear-gradient(90deg, rgba(255,255,255,.55) 0 8%, transparent 8% 18%, rgba(255,255,255,.55) 18% 26%, transparent 26% 38%, rgba(255,255,255,.55) 38% 46%, transparent 46% 58%, rgba(255,255,255,.55) 58% 66%, transparent 66% 78%, rgba(255,255,255,.55) 78% 86%, transparent 86% 100%),
    linear-gradient(180deg, #9a741f 0%, #705213 100%) !important;
}

.wf-hotel-image-3::after {
  background:
    linear-gradient(90deg, rgba(255,255,255,.58) 0 8%, transparent 8% 18%, rgba(255,255,255,.58) 18% 26%, transparent 26% 38%, rgba(255,255,255,.58) 38% 46%, transparent 46% 58%, rgba(255,255,255,.58) 58% 66%, transparent 66% 78%, rgba(255,255,255,.58) 78% 86%, transparent 86% 100%),
    linear-gradient(180deg, #23465c 0%, #14354a 100%) !important;
}

.wf-selected-hotel-card:hover .wf-hotel-image::after {
  transform: translateX(-50%) translateY(-6px);
  transition: transform .25s ease;
}

.wf-selected-hotels {
  padding-top: 72px;
  padding-bottom: 90px;
}

.wf-selected-hotels-grid {
  align-items: stretch;
}

.wf-hotel-card-body {
  min-height: 210px;
}

/* wofod-sy request form styling inside contact page */
.wf-shortcode-form-wrap {
  margin-top: 22px;
}

.wf-shortcode-form-wrap form,
.wufoud-request-form,
.wf-request-form {
  direction: rtl;
}

.wf-contact-request-box form {
  display: grid;
  gap: 15px;
}

.wf-contact-request-box label {
  display: block;
  margin-bottom: 7px;
  color: #14354a;
  font-size: 15px;
  font-weight: 900;
}

.wf-contact-request-box input[type="text"],
.wf-contact-request-box input[type="email"],
.wf-contact-request-box input[type="tel"],
.wf-contact-request-box input[type="number"],
.wf-contact-request-box select,
.wf-contact-request-box textarea {
  width: 100%;
  min-height: 50px;
  padding: 13px 15px;
  border-radius: 16px;
  border: 1px solid rgba(20,53,74,.13);
  background: #f7fbfd;
  color: #14354a;
  font-size: 15.5px;
  line-height: 1.6;
  box-shadow: none;
  outline: none;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.wf-contact-request-box textarea {
  min-height: 150px;
  resize: vertical;
}

.wf-contact-request-box input:focus,
.wf-contact-request-box select:focus,
.wf-contact-request-box textarea:focus {
  border-color: rgba(30,111,159,.45);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(30,111,159,.08);
}

.wf-contact-request-box input::placeholder,
.wf-contact-request-box textarea::placeholder {
  color: #8a99a3;
}

.wf-contact-request-box .wf-form-submit,
.wf-contact-request-box button[type="submit"],
.wf-contact-request-box input[type="submit"] {
  width: 100%;
  min-height: 52px;
  margin-top: 6px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #1e6f9f, #174f72);
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 16px 35px rgba(30,111,159,.22);
  transition: transform .2s ease, box-shadow .2s ease;
}

.wf-contact-request-box .wf-form-submit:hover,
.wf-contact-request-box button[type="submit"]:hover,
.wf-contact-request-box input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 45px rgba(30,111,159,.28);
}

.wf-contact-request-box .wf-form-message,
.wf-contact-request-box .wufoud-form-message {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(30,111,159,.08);
  color: #14354a;
  font-weight: 800;
}

/* =========================================================
   wofod-sy Contact Page - Final Layout Polish
   ========================================================= */

body.page-id-21,
body.page-template-default {
  overflow-x: hidden;
}

/* Contact page main content width */
body.page-id-21 .site-content,
body.page-id-21 .inside-article,
body.page-id-21 .entry-content {
  max-width: 100%;
}

/* Fix hero banner spacing and avoid clipped text */
.wf-contact-hero,
.wf-page-hero,
.wf-hero {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0;
  overflow: hidden;
}

.wf-contact-hero *,
.wf-page-hero *,
.wf-hero * {
  box-sizing: border-box;
}

/* Contact intro text */
body.page-id-21 .entry-content h1,
body.page-id-21 .entry-content h2 {
  color: #9a741f;
  font-weight: 900;
  letter-spacing: -0.5px;
}

body.page-id-21 .entry-content p {
  color: #263b46;
  line-height: 1.9;
}

/* Request section wrapper */
.wf-shortcode-form-wrap,
.wf-contact-request-box {
  max-width: 1120px;
  margin: 28px auto 60px;
  padding: 0 18px;
}

/* Form card */
.wf-contact-request-box form,
.wufoud-request-form,
.wf-request-form {
  direction: rtl;
  background: #ffffff;
  border: 1px solid rgba(20, 53, 74, 0.09);
  border-radius: 28px;
  padding: 30px;
  box-shadow: 0 18px 55px rgba(20, 53, 74, 0.09);
}

/* Fields grid */
.wf-contact-request-box form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.wf-contact-request-box form p,
.wf-contact-request-box form .form-row,
.wf-contact-request-box form .field-wrap {
  margin: 0;
}

/* Make textarea / long fields full width */
.wf-contact-request-box textarea,
.wf-contact-request-box .wf-full,
.wf-contact-request-box p:has(textarea) {
  grid-column: 1 / -1;
}

/* Labels */
.wf-contact-request-box label {
  display: block;
  margin-bottom: 7px;
  color: #14354a;
  font-size: 15px;
  font-weight: 900;
}

/* Inputs */
.wf-contact-request-box input[type="text"],
.wf-contact-request-box input[type="email"],
.wf-contact-request-box input[type="tel"],
.wf-contact-request-box input[type="number"],
.wf-contact-request-box input[type="date"],
.wf-contact-request-box select,
.wf-contact-request-box textarea,
.wufoud-request-form input[type="text"],
.wufoud-request-form input[type="email"],
.wufoud-request-form input[type="tel"],
.wufoud-request-form input[type="number"],
.wufoud-request-form input[type="date"],
.wufoud-request-form select,
.wufoud-request-form textarea,
.wf-request-form input[type="text"],
.wf-request-form input[type="email"],
.wf-request-form input[type="tel"],
.wf-request-form input[type="number"],
.wf-request-form input[type="date"],
.wf-request-form select,
.wf-request-form textarea {
  width: 100%;
  min-height: 52px;
  padding: 13px 15px;
  border-radius: 16px;
  border: 1px solid rgba(20, 53, 74, 0.14);
  background: #f7fbfd;
  color: #14354a;
  font-size: 15.5px;
  line-height: 1.6;
  outline: none;
  box-shadow: none;
}

.wf-contact-request-box textarea,
.wufoud-request-form textarea,
.wf-request-form textarea {
  min-height: 145px;
  resize: vertical;
}

.wf-contact-request-box input:focus,
.wf-contact-request-box select:focus,
.wf-contact-request-box textarea:focus,
.wufoud-request-form input:focus,
.wufoud-request-form select:focus,
.wufoud-request-form textarea:focus,
.wf-request-form input:focus,
.wf-request-form select:focus,
.wf-request-form textarea:focus {
  border-color: rgba(18, 139, 191, 0.55);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(18, 139, 191, 0.10);
}

/* Submit button */
.wf-contact-request-box .wf-form-submit,
.wf-contact-request-box button[type="submit"],
.wf-contact-request-box input[type="submit"],
.wufoud-request-form button[type="submit"],
.wufoud-request-form input[type="submit"],
.wf-request-form button[type="submit"],
.wf-request-form input[type="submit"] {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 56px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #0f5272, #128bbf);
  color: #ffffff;
  font-size: 17px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(18, 139, 191, 0.22);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.wf-contact-request-box .wf-form-submit:hover,
.wf-contact-request-box button[type="submit"]:hover,
.wf-contact-request-box input[type="submit"]:hover,
.wufoud-request-form button[type="submit"]:hover,
.wufoud-request-form input[type="submit"]:hover,
.wf-request-form button[type="submit"]:hover,
.wf-request-form input[type="submit"]:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  box-shadow: 0 18px 38px rgba(18, 139, 191, 0.28);
}

/* WhatsApp button alignment */
.wf-contact-whatsapp,
a[href*="wa.me"],
a[href*="whatsapp"] {
  text-decoration: none;
}

/* Mobile */
@media (max-width: 768px) {
  body.page-id-21 .entry-content {
    padding-left: 14px;
    padding-right: 14px;
  }

  .wf-contact-request-box form,
  .wufoud-request-form,
  .wf-request-form {
    grid-template-columns: 1fr;
    padding: 22px 16px;
    border-radius: 22px;
  }

  .wf-contact-request-box,
  .wf-shortcode-form-wrap {
    padding: 0 12px;
    margin-bottom: 45px;
  }

  body.page-id-21 .entry-content h1,
  body.page-id-21 .entry-content h2 {
    font-size: 28px;
    line-height: 1.45;
  }
}


/* =========================================================
   wofod-sy Contact Page - Hero + Form Layout Fix
   ========================================================= */

/* Hero: prevent right clipping */
body.page-id-21 .wf-contact-hero {
  max-width: 1200px !important;
  width: calc(100% - 70px) !important;
  margin: 36px auto 0 !important;
  overflow: hidden !important;
}

body.page-id-21 .wf-contact-hero-inner {
  width: 100% !important;
  min-height: 420px !important;
  padding: 75px 95px 70px 95px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

body.page-id-21 .wf-contact-hero-inner span,
body.page-id-21 .wf-contact-hero-inner h1,
body.page-id-21 .wf-contact-hero-inner p {
  max-width: 720px !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  box-sizing: border-box !important;
}

body.page-id-21 .wf-contact-hero-inner h1 {
  font-size: clamp(38px, 4.2vw, 62px) !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
}

body.page-id-21 .wf-contact-hero-inner p {
  font-size: 18px !important;
  line-height: 2 !important;
}

/* Improve intro spacing */
body.page-id-21 .wf-contact-intro,
body.page-id-21 .wf-contact-info {
  max-width: 1050px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 35px !important;
  padding-right: 35px !important;
}

/* Form card should use full width nicely */
body.page-id-21 .wf-contact-request-box {
  max-width: 1120px !important;
  margin: 35px auto 70px !important;
  padding: 0 30px !important;
}

body.page-id-21 .wf-contact-request-box form,
body.page-id-21 .wufoud-request-form,
body.page-id-21 .wf-request-form {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  gap: 22px 24px !important;
  padding: 38px 36px 34px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

/* Make every field wrapper behave */
body.page-id-21 .wf-contact-request-box form > *,
body.page-id-21 .wufoud-request-form > *,
body.page-id-21 .wf-request-form > * {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Textarea and submit area full width */
body.page-id-21 .wf-contact-request-box textarea,
body.page-id-21 .wf-contact-request-box p:has(textarea),
body.page-id-21 .wf-contact-request-box .wf-full,
body.page-id-21 .wf-contact-request-box .wf-form-actions,
body.page-id-21 .wf-contact-request-box p:has(button),
body.page-id-21 .wf-contact-request-box p:has(input[type="submit"]) {
  grid-column: 1 / -1 !important;
}

/* Inputs take full column width */
body.page-id-21 .wf-contact-request-box input,
body.page-id-21 .wf-contact-request-box select,
body.page-id-21 .wf-contact-request-box textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Submit + WhatsApp row */
body.page-id-21 .wf-contact-request-box button[type="submit"],
body.page-id-21 .wf-contact-request-box input[type="submit"],
body.page-id-21 .wf-contact-request-box .wf-form-submit {
  width: 100% !important;
  max-width: 520px !important;
  justify-self: end !important;
}

/* Make confirmation text cleaner */
body.page-id-21 .wf-contact-request-box .wf-form-note,
body.page-id-21 .wf-contact-request-box .privacy-note {
  color: #263b46 !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

/* Special request block readability */
body.page-id-21 .wf-special-request,
body.page-id-21 .wf-support-box,
body.page-id-21 .wf-custom-request-box {
  color: #ffffff !important;
}

body.page-id-21 .wf-special-request h2,
body.page-id-21 .wf-support-box h2,
body.page-id-21 .wf-custom-request-box h2 {
  color: #c79a2b !important;
  text-shadow: none !important;
}

body.page-id-21 .wf-special-request p,
body.page-id-21 .wf-support-box p,
body.page-id-21 .wf-custom-request-box p {
  color: rgba(255,255,255,.92) !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.page-id-21 .wf-contact-hero {
    width: calc(100% - 28px) !important;
    margin-top: 22px !important;
  }

  body.page-id-21 .wf-contact-hero-inner {
    min-height: 330px !important;
    padding: 45px 24px !important;
  }

  body.page-id-21 .wf-contact-hero-inner h1 {
    font-size: 34px !important;
  }

  body.page-id-21 .wf-contact-request-box {
    padding: 0 14px !important;
  }

  body.page-id-21 .wf-contact-request-box form,
  body.page-id-21 .wufoud-request-form,
  body.page-id-21 .wf-request-form {
    grid-template-columns: 1fr !important;
    padding: 24px 16px !important;
  }

  body.page-id-21 .wf-contact-request-box button[type="submit"],
  body.page-id-21 .wf-contact-request-box input[type="submit"],
  body.page-id-21 .wf-contact-request-box .wf-form-submit {
    max-width: 100% !important;
  }
}


/* =========================================================
   wofod-sy Contact Page - Mobile/Readability Final Polish
   ========================================================= */

/* Contact page general spacing */
body.page-id-21 .inside-article {
  padding-top: 0 !important;
}

body.page-id-21 .entry-content {
  padding-bottom: 0 !important;
}

/* Hero readability */
body.page-id-21 .wf-contact-hero {
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.page-id-21 .wf-contact-hero-inner h1 {
  color: #ffffff !important;
  text-shadow: 0 3px 12px rgba(0,0,0,.16) !important;
}

body.page-id-21 .wf-contact-hero-inner p {
  color: rgba(10,35,50,.92) !important;
  font-weight: 600 !important;
}

/* Contact information section */
body.page-id-21 .wf-contact-info,
body.page-id-21 .wf-contact-intro {
  text-align: right !important;
}

body.page-id-21 .wf-contact-info h2,
body.page-id-21 .wf-contact-intro h2,
body.page-id-21 .entry-content h2 {
  color: #9a741f !important;
}

/* Form section */
body.page-id-21 .wf-contact-request-box form {
  border-color: rgba(20,53,74,.10) !important;
  background: #ffffff !important;
}

body.page-id-21 .wf-contact-request-box label {
  color: #15384d !important;
  font-weight: 900 !important;
}

body.page-id-21 .wf-contact-request-box input,
body.page-id-21 .wf-contact-request-box select,
body.page-id-21 .wf-contact-request-box textarea {
  background: #f8fcfe !important;
}

/* Make submit/whatsapp area balanced */
body.page-id-21 .wf-contact-request-box button[type="submit"],
body.page-id-21 .wf-contact-request-box input[type="submit"],
body.page-id-21 .wf-contact-request-box .wf-form-submit {
  min-height: 54px !important;
  border-radius: 999px !important;
}

/* Services text line */
body.page-id-21 .wf-services-line,
body.page-id-21 .wf-contact-services-line {
  color: #0f5272 !important;
  font-weight: 700 !important;
  line-height: 2 !important;
}

/* Special request block */
body.page-id-21 .wf-special-request,
body.page-id-21 .wf-support-box,
body.page-id-21 .wf-custom-request-box {
  background: linear-gradient(135deg, #113d54, #127aaa) !important;
}

body.page-id-21 .wf-special-request h2,
body.page-id-21 .wf-support-box h2,
body.page-id-21 .wf-custom-request-box h2 {
  color: #d7a331 !important;
  font-weight: 900 !important;
}

body.page-id-21 .wf-special-request p,
body.page-id-21 .wf-support-box p,
body.page-id-21 .wf-custom-request-box p {
  color: rgba(255,255,255,.94) !important;
  font-weight: 600 !important;
}

/* Footer closer and cleaner */
body.page-id-21 .site-footer {
  margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  body.page-id-21 .wf-contact-hero {
    width: calc(100% - 28px) !important;
    margin-top: 22px !important;
  }

  body.page-id-21 .wf-contact-hero-inner {
    min-height: 330px !important;
    padding: 48px 34px !important;
  }

  body.page-id-21 .wf-contact-hero-inner h1 {
    font-size: 42px !important;
  }

  body.page-id-21 .wf-contact-hero-inner p {
    font-size: 16px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  body.page-id-21 .site-header .inside-header {
    padding: 8px 14px !important;
  }

  body.page-id-21 .site-header .header-image {
    width: 78px !important;
  }

  body.page-id-21 .main-navigation .main-nav ul li a {
    font-size: 14px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  body.page-id-21 .wf-contact-hero {
    width: calc(100% - 20px) !important;
    margin-top: 16px !important;
  }

  body.page-id-21 .wf-contact-hero-inner {
    min-height: 250px !important;
    padding: 32px 22px !important;
    justify-content: center !important;
  }

  body.page-id-21 .wf-contact-hero-inner span {
    font-size: 12px !important;
    margin-bottom: 8px !important;
  }

  body.page-id-21 .wf-contact-hero-inner h1 {
    font-size: 30px !important;
    line-height: 1.35 !important;
  }

  body.page-id-21 .wf-contact-hero-inner p {
    font-size: 14px !important;
    line-height: 1.9 !important;
    max-width: 100% !important;
  }

  body.page-id-21 .wf-contact-info,
  body.page-id-21 .wf-contact-intro {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.page-id-21 .entry-content h2 {
    font-size: 26px !important;
    line-height: 1.45 !important;
  }

  body.page-id-21 .entry-content p {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  body.page-id-21 .wf-contact-request-box {
    padding: 0 14px !important;
    margin-top: 24px !important;
    margin-bottom: 45px !important;
  }

  body.page-id-21 .wf-contact-request-box form {
    padding: 22px 14px !important;
    border-radius: 22px !important;
    gap: 16px !important;
  }

  body.page-id-21 .wf-contact-request-box input,
  body.page-id-21 .wf-contact-request-box select {
    min-height: 48px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  body.page-id-21 .wf-contact-request-box textarea {
    min-height: 140px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
  }

  body.page-id-21 .wf-contact-request-box button[type="submit"],
  body.page-id-21 .wf-contact-request-box input[type="submit"],
  body.page-id-21 .wf-contact-request-box .wf-form-submit {
    max-width: 100% !important;
    width: 100% !important;
    justify-self: stretch !important;
  }

  body.page-id-21 .wf-special-request,
  body.page-id-21 .wf-support-box,
  body.page-id-21 .wf-custom-request-box {
    width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 22px !important;
    padding: 28px 18px !important;
  }

  body.page-id-21 .wf-special-request h2,
  body.page-id-21 .wf-support-box h2,
  body.page-id-21 .wf-custom-request-box h2 {
    font-size: 26px !important;
  }
}

/* Very small phones */
@media (max-width: 480px) {
  body.page-id-21 .main-navigation .main-nav ul li a {
    font-size: 12px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  body.page-id-21 .wf-contact-hero-inner h1 {
    font-size: 26px !important;
  }

  body.page-id-21 .entry-content h2 {
    font-size: 23px !important;
  }
}



/* =========================================================
   wofod-sy Native GeneratePress Mobile Menu - Clean Final
   ========================================================= */

@media (max-width: 768px) {

  .site-header {
    background: #ffffff !important;
    position: relative !important;
    z-index: 9999 !important;
    box-shadow: 0 6px 18px rgba(20,53,74,.08) !important;
  }

  .site-header .inside-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    min-height: 86px !important;
    padding: 8px 18px !important;
  }

  .site-logo,
  .site-branding {
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .site-header .header-image {
    width: 68px !important;
    height: auto !important;
  }

  /* زر الموبايل فقط */
  #mobile-menu-control-wrapper {
    display: flex !important;
    width: auto !important;
    flex: 0 0 auto !important;
    background: transparent !important;
  }

  #mobile-menu-control-wrapper .inside-navigation {
    display: flex !important;
    padding: 0 !important;
  }

  #mobile-menu-control-wrapper .menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #0f5272, #128bbf) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(18,139,191,.26) !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  #mobile-menu-control-wrapper .menu-toggle::before {
    content: "☰" !important;
    display: block !important;
    color: #ffffff !important;
    font-size: 29px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  #mobile-menu-control-wrapper .menu-toggle .mobile-menu,
  #mobile-menu-control-wrapper .menu-toggle .gp-icon {
    display: none !important;
  }

  /* القائمة الأصلية من GeneratePress */
  #site-navigation {
    display: none !important;
  }

  #site-navigation.toggled {
    display: block !important;
    position: absolute !important;
    top: 92px !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    background: #ffffff !important;
    border: 1px solid rgba(20,53,74,.10) !important;
    border-radius: 22px !important;
    padding: 12px !important;
    box-shadow: 0 22px 55px rgba(20,53,74,.18) !important;
    z-index: 99999 !important;
  }

  #site-navigation.toggled .inside-navigation,
  #site-navigation.toggled .main-nav,
  #site-navigation.toggled .main-nav > ul {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #site-navigation.toggled .main-nav ul li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    text-align: right !important;
  }

  #site-navigation.toggled .main-nav ul li a {
    display: block !important;
    width: 100% !important;
    padding: 13px 16px !important;
    border-radius: 14px !important;
    color: #14354a !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-align: right !important;
    line-height: 1.5 !important;
  }

  #site-navigation.toggled .main-nav ul li.current-menu-item > a,
  #site-navigation.toggled .main-nav ul li.wufoud-menu-cta > a {
    background: linear-gradient(135deg, #0f5272, #128bbf) !important;
    color: #ffffff !important;
  }

  /* منع ظهور الشريط الأزرق القديم من أي كلاس سابق */
  #mobile-menu-control-wrapper.toggled,
  .main-navigation.mobile-menu-control-wrapper.toggled {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* تحسين بانر تواصل معنا على الجوال */
  body.page-id-18 .wf-contact-hero {
    width: calc(100% - 34px) !important;
    margin: 22px auto 0 !important;
  }

  body.page-id-18 .wf-contact-hero-inner {
    min-height: 330px !important;
    padding: 38px 22px !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.page-id-18 .wf-contact-hero-inner h1 {
    color: #ffffff !important;
    font-size: 28px !important;
    line-height: 1.35 !important;
  }

  body.page-id-18 .wf-contact-hero-inner p {
    color: rgba(0,0,0,.76) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 2 !important;
  }
}


/* =========================================================
   wofod-sy Contact Page - Final Visual Clean
   ========================================================= */

/* Contact page desktop/tablet layout */
body.page-id-18 .entry-content {
  overflow: hidden;
}

/* Hero */
body.page-id-18 .wf-contact-hero {
  max-width: 1200px !important;
  width: calc(100% - 70px) !important;
  margin: 34px auto 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

body.page-id-18 .wf-contact-hero-inner {
  min-height: 380px !important;
  padding: 70px 85px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

body.page-id-18 .wf-contact-hero-inner span,
body.page-id-18 .wf-contact-hero-inner h1,
body.page-id-18 .wf-contact-hero-inner p {
  max-width: 760px !important;
}

body.page-id-18 .wf-contact-hero-inner h1 {
  color: #ffffff !important;
  font-size: clamp(42px, 4.2vw, 62px) !important;
  line-height: 1.25 !important;
  margin-bottom: 18px !important;
  text-shadow: 0 4px 16px rgba(0,0,0,.14) !important;
}

body.page-id-18 .wf-contact-hero-inner p {
  color: rgba(0,0,0,.78) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 2 !important;
}

/* Info section */
body.page-id-18 .wf-contact-info,
body.page-id-18 .wf-contact-intro {
  max-width: 1060px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 30px !important;
}

body.page-id-18 .entry-content h2 {
  color: #9a741f !important;
  font-weight: 900 !important;
  letter-spacing: -.3px !important;
}

body.page-id-18 .entry-content p {
  color: #263b46 !important;
  line-height: 1.9 !important;
}

/* Form */
body.page-id-18 .wf-contact-request-box {
  max-width: 1120px !important;
  margin: 34px auto 62px !important;
  padding: 0 30px !important;
}

body.page-id-18 .wf-contact-request-box form {
  background: #ffffff !important;
  border: 1px solid rgba(20,53,74,.09) !important;
  border-radius: 28px !important;
  padding: 36px !important;
  box-shadow: 0 18px 55px rgba(20,53,74,.09) !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px 24px !important;
}

body.page-id-18 .wf-contact-request-box label {
  color: #14354a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body.page-id-18 .wf-contact-request-box input,
body.page-id-18 .wf-contact-request-box select,
body.page-id-18 .wf-contact-request-box textarea {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(20,53,74,.14) !important;
  background: #f8fcfe !important;
  color: #14354a !important;
  font-size: 15px !important;
  box-sizing: border-box !important;
}

body.page-id-18 .wf-contact-request-box textarea,
body.page-id-18 .wf-contact-request-box p:has(textarea) {
  grid-column: 1 / -1 !important;
}

body.page-id-18 .wf-contact-request-box textarea {
  min-height: 150px !important;
}

body.page-id-18 .wf-contact-request-box button[type="submit"],
body.page-id-18 .wf-contact-request-box input[type="submit"],
body.page-id-18 .wf-contact-request-box .wf-form-submit {
  min-height: 54px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #0f5272, #128bbf) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 30px rgba(18,139,191,.22) !important;
}

/* Special request block */
body.page-id-18 .wf-special-request,
body.page-id-18 .wf-support-box,
body.page-id-18 .wf-custom-request-box {
  max-width: 1120px !important;
  margin: 45px auto 70px !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, #113d54, #127aaa) !important;
  box-shadow: 0 18px 55px rgba(20,53,74,.12) !important;
  overflow: hidden !important;
}

body.page-id-18 .wf-special-request h2,
body.page-id-18 .wf-support-box h2,
body.page-id-18 .wf-custom-request-box h2 {
  color: #d2a033 !important;
  font-weight: 900 !important;
}

body.page-id-18 .wf-special-request p,
body.page-id-18 .wf-support-box p,
body.page-id-18 .wf-custom-request-box p {
  color: rgba(255,255,255,.93) !important;
  font-weight: 600 !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.page-id-18 .wf-contact-hero {
    width: calc(100% - 34px) !important;
    margin: 20px auto 0 !important;
  }

  body.page-id-18 .wf-contact-hero-inner {
    min-height: 300px !important;
    padding: 34px 22px !important;
    align-items: center !important;
    text-align: center !important;
  }

  body.page-id-18 .wf-contact-hero-inner span,
  body.page-id-18 .wf-contact-hero-inner h1,
  body.page-id-18 .wf-contact-hero-inner p {
    max-width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-id-18 .wf-contact-hero-inner span {
    font-size: 13px !important;
    margin-bottom: 10px !important;
  }

  body.page-id-18 .wf-contact-hero-inner h1 {
    font-size: 28px !important;
    line-height: 1.35 !important;
    margin-bottom: 16px !important;
  }

  body.page-id-18 .wf-contact-hero-inner p {
    font-size: 16px !important;
    line-height: 1.9 !important;
    font-weight: 800 !important;
  }

  body.page-id-18 .wf-contact-info,
  body.page-id-18 .wf-contact-intro {
    padding: 0 18px !important;
  }

  body.page-id-18 .entry-content h2 {
    font-size: 25px !important;
    line-height: 1.45 !important;
  }

  body.page-id-18 .entry-content p {
    font-size: 15px !important;
  }

  body.page-id-18 .wf-contact-request-box {
    padding: 0 14px !important;
    margin: 26px auto 48px !important;
  }

  body.page-id-18 .wf-contact-request-box form {
    grid-template-columns: 1fr !important;
    padding: 22px 14px !important;
    border-radius: 22px !important;
    gap: 16px !important;
  }

  body.page-id-18 .wf-contact-request-box input,
  body.page-id-18 .wf-contact-request-box select {
    min-height: 48px !important;
    border-radius: 14px !important;
  }

  body.page-id-18 .wf-contact-request-box textarea {
    min-height: 135px !important;
  }

  body.page-id-18 .wf-contact-request-box button[type="submit"],
  body.page-id-18 .wf-contact-request-box input[type="submit"],
  body.page-id-18 .wf-contact-request-box .wf-form-submit {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.page-id-18 .wf-special-request,
  body.page-id-18 .wf-support-box,
  body.page-id-18 .wf-custom-request-box {
    width: calc(100% - 28px) !important;
    margin: 34px auto 50px !important;
    border-radius: 22px !important;
  }
}


/* =========================================================
   wofod-sy Contact Mobile Form + WhatsApp Floating Fix
   ========================================================= */

@media (max-width: 768px) {

  /* Reduce title size slightly on mobile */
  body.page-id-18 .entry-content h2 {
    font-size: 31px !important;
    line-height: 1.35 !important;
    margin-bottom: 16px !important;
  }

  body.page-id-18 .wf-contact-request-box {
    padding: 0 16px !important;
    margin-top: 24px !important;
    margin-bottom: 58px !important;
  }

  body.page-id-18 .wf-contact-request-box form {
    padding: 24px 18px 34px !important;
    border-radius: 24px !important;
    gap: 15px !important;
    box-shadow: 0 16px 45px rgba(20,53,74,.08) !important;
  }

  body.page-id-18 .wf-contact-request-box form > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.page-id-18 .wf-contact-request-box label {
    font-size: 18px !important;
    line-height: 1.45 !important;
    margin-bottom: 7px !important;
  }

  body.page-id-18 .wf-contact-request-box input,
  body.page-id-18 .wf-contact-request-box select {
    min-height: 50px !important;
    height: 50px !important;
    border-radius: 15px !important;
    font-size: 16px !important;
    padding: 10px 14px !important;
  }

  body.page-id-18 .wf-contact-request-box textarea {
    min-height: 170px !important;
    border-radius: 16px !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    padding: 13px 14px !important;
  }

  body.page-id-18 .wf-contact-request-box button[type="submit"],
  body.page-id-18 .wf-contact-request-box input[type="submit"],
  body.page-id-18 .wf-contact-request-box .wf-form-submit {
    width: 100% !important;
    min-height: 56px !important;
    margin-top: 12px !important;
    margin-bottom: 70px !important;
    font-size: 18px !important;
    border-radius: 999px !important;
  }

  /* Consent text spacing */
  body.page-id-18 .wf-contact-request-box .wf-form-note,
  body.page-id-18 .wf-contact-request-box .privacy-note,
  body.page-id-18 .wf-contact-request-box p {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  /* Floating WhatsApp: smaller and away from form/button */
  body.page-id-18 a[href*="wa.me"],
  body.page-id-18 a[href*="whatsapp"],
  body.page-id-18 .wf-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-float {
    position: fixed !important;
    left: 14px !important;
    right: auto !important;
    bottom: calc(env(safe-area-inset-bottom) + 92px) !important;
    width: auto !important;
    min-width: 116px !important;
    max-width: 128px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 16px !important;
    z-index: 9997 !important;
    box-shadow: 0 12px 30px rgba(0,180,95,.24) !important;
  }

  /* While user is typing in the form, fade WhatsApp so it doesn't disturb */
  body.page-id-18 .wf-contact-request-box:focus-within ~ a[href*="wa.me"],
  body.page-id-18 .wf-contact-request-box:focus-within ~ a[href*="whatsapp"] {
    opacity: .25 !important;
    pointer-events: none !important;
  }
}

@media (max-width: 420px) {
  body.page-id-18 .wf-contact-request-box {
    padding: 0 14px !important;
  }

  body.page-id-18 .wf-contact-request-box form {
    padding: 22px 16px 32px !important;
  }

  body.page-id-18 .wf-contact-request-box label {
    font-size: 17px !important;
  }

  body.page-id-18 a[href*="wa.me"],
  body.page-id-18 a[href*="whatsapp"],
  body.page-id-18 .wf-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-float {
    min-width: 108px !important;
    max-width: 116px !important;
    height: 46px !important;
    min-height: 46px !important;
    font-size: 15px !important;
  }
}


/* =========================================================
   wofod-sy Mobile WhatsApp Circle Fix
   ========================================================= */

@media (max-width: 768px) {

  /* Make floating WhatsApp a small circle on mobile */
  body.page-id-18 a[href*="wa.me"],
  body.page-id-18 a[href*="whatsapp"],
  body.page-id-18 .wf-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-fixed {
    position: fixed !important;
    left: 16px !important;
    right: auto !important;
    bottom: calc(env(safe-area-inset-bottom) + 96px) !important;

    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;

    padding: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;

    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -999px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #20d66b !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(0,180,95,.26) !important;
    z-index: 9997 !important;
  }

  body.page-id-18 a[href*="wa.me"]::before,
  body.page-id-18 a[href*="whatsapp"]::before,
  body.page-id-18 .wf-whatsapp-float::before,
  body.page-id-18 .wufoud-whatsapp-float::before,
  body.page-id-18 .wufoud-whatsapp-fixed::before {
    content: "☎" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 54px !important;
    height: 54px !important;

    color: #ffffff !important;
    font-size: 25px !important;
    line-height: 1 !important;
    text-indent: 0 !important;
  }

  /* Add safe space under contact form submit button */
  body.page-id-18 .wf-contact-request-box {
    margin-bottom: 80px !important;
  }

  body.page-id-18 .wf-contact-request-box button[type="submit"],
  body.page-id-18 .wf-contact-request-box input[type="submit"],
  body.page-id-18 .wf-contact-request-box .wf-form-submit {
    margin-bottom: 30px !important;
    position: relative !important;
    z-index: 2 !important;
  }

  /* Footer mobile spacing */
  body.page-id-18 .site-footer,
  body.page-id-18 .wf-footer-custom {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 420px) {
  body.page-id-18 a[href*="wa.me"],
  body.page-id-18 a[href*="whatsapp"],
  body.page-id-18 .wf-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-fixed {
    left: 14px !important;
    bottom: calc(env(safe-area-inset-bottom) + 92px) !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }

  body.page-id-18 a[href*="wa.me"]::before,
  body.page-id-18 a[href*="whatsapp"]::before,
  body.page-id-18 .wf-whatsapp-float::before,
  body.page-id-18 .wufoud-whatsapp-float::before,
  body.page-id-18 .wufoud-whatsapp-fixed::before {
    width: 50px !important;
    height: 50px !important;
    font-size: 23px !important;
  }
}


/* =========================================================
   wofod-sy Mobile WhatsApp Clean Icon Final
   ========================================================= */

@media (max-width: 768px) {

  body.page-id-18 a[href*="wa.me"],
  body.page-id-18 a[href*="whatsapp"],
  body.page-id-18 .wf-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-fixed {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    left: 14px !important;
    bottom: calc(env(safe-area-inset-bottom) + 96px) !important;
    border-radius: 999px !important;
    background: #20d66b !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    box-shadow: 0 12px 28px rgba(0,180,95,.25) !important;
  }

  body.page-id-18 a[href*="wa.me"] *,
  body.page-id-18 a[href*="whatsapp"] *,
  body.page-id-18 .wf-whatsapp-float *,
  body.page-id-18 .wufoud-whatsapp-float *,
  body.page-id-18 .wufoud-whatsapp-fixed * {
    display: none !important;
  }

  body.page-id-18 a[href*="wa.me"]::before,
  body.page-id-18 a[href*="whatsapp"]::before,
  body.page-id-18 .wf-whatsapp-float::before,
  body.page-id-18 .wufoud-whatsapp-float::before,
  body.page-id-18 .wufoud-whatsapp-fixed::before {
    content: "واتس" !important;
    text-indent: 0 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    letter-spacing: 0 !important;
  }

  body.page-id-18 a[href*="wa.me"]::after,
  body.page-id-18 a[href*="whatsapp"]::after,
  body.page-id-18 .wf-whatsapp-float::after,
  body.page-id-18 .wufoud-whatsapp-float::after,
  body.page-id-18 .wufoud-whatsapp-fixed::after {
    content: "" !important;
    display: none !important;
  }
}

@media (max-width: 420px) {
  body.page-id-18 a[href*="wa.me"],
  body.page-id-18 a[href*="whatsapp"],
  body.page-id-18 .wf-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-fixed {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  body.page-id-18 a[href*="wa.me"]::before,
  body.page-id-18 a[href*="whatsapp"]::before,
  body.page-id-18 .wf-whatsapp-float::before,
  body.page-id-18 .wufoud-whatsapp-float::before,
  body.page-id-18 .wufoud-whatsapp-fixed::before {
    width: 48px !important;
    height: 48px !important;
    font-size: 12px !important;
  }
}


/* =========================================================
   wofod-sy Mobile WhatsApp Position Final
   ========================================================= */

@media (max-width: 768px) {

  body.page-id-18 a[href*="wa.me"],
  body.page-id-18 a[href*="whatsapp"],
  body.page-id-18 .wf-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-fixed {
    left: 22px !important;
    right: auto !important;
    bottom: calc(env(safe-area-inset-bottom) + 104px) !important;

    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;

    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 999px !important;
    overflow: hidden !important;
    background: #20d66b !important;
    box-shadow: 0 12px 28px rgba(0,180,95,.25) !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: 0 !important;
    z-index: 9997 !important;
  }

  body.page-id-18 a[href*="wa.me"]::before,
  body.page-id-18 a[href*="whatsapp"]::before,
  body.page-id-18 .wf-whatsapp-float::before,
  body.page-id-18 .wufoud-whatsapp-float::before,
  body.page-id-18 .wufoud-whatsapp-fixed::before {
    content: "واتس" !important;
    position: static !important;
    transform: none !important;
    translate: none !important;

    width: 52px !important;
    height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
  }

  body.page-id-18 a[href*="wa.me"]::after,
  body.page-id-18 a[href*="whatsapp"]::after,
  body.page-id-18 .wf-whatsapp-float::after,
  body.page-id-18 .wufoud-whatsapp-float::after,
  body.page-id-18 .wufoud-whatsapp-fixed::after {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 420px) {
  body.page-id-18 a[href*="wa.me"],
  body.page-id-18 a[href*="whatsapp"],
  body.page-id-18 .wf-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-float,
  body.page-id-18 .wufoud-whatsapp-fixed {
    left: 20px !important;
    bottom: calc(env(safe-area-inset-bottom) + 102px) !important;
  }
}


/* =========================================================
   wofod-sy Services Page - Visual Polish
   ========================================================= */

body[class*="page"] .wf-services-hero,
body[class*="page"] .wf-page-services-hero {
  max-width: 1200px;
  width: calc(100% - 70px);
  margin: 34px auto 38px;
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(135deg, #123d55, #128bbf);
  box-shadow: 0 18px 55px rgba(20,53,74,.12);
}

body[class*="page"] .wf-services-hero-inner,
body[class*="page"] .wf-page-services-hero-inner {
  min-height: 360px;
  padding: 70px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: right;
  direction: rtl;
}

body[class*="page"] .wf-services-hero h1,
body[class*="page"] .wf-page-services-hero h1 {
  color: #ffffff;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.25;
  margin: 0 0 18px;
  font-weight: 900;
}

body[class*="page"] .wf-services-hero p,
body[class*="page"] .wf-page-services-hero p {
  color: rgba(255,255,255,.9);
  font-size: 18px;
  line-height: 2;
  max-width: 760px;
  margin: 0;
}

body[class*="page"] .wf-services-grid,
body[class*="page"] .wufoud-services-grid {
  max-width: 1180px;
  margin: 35px auto 70px;
  padding: 0 30px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  direction: rtl;
}

body[class*="page"] .wf-service-card,
body[class*="page"] .wufoud-service-card {
  background: #ffffff;
  border: 1px solid rgba(20,53,74,.09);
  border-radius: 26px;
  padding: 28px 24px;
  box-shadow: 0 16px 45px rgba(20,53,74,.07);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body[class*="page"] .wf-service-card:hover,
body[class*="page"] .wufoud-service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 60px rgba(20,53,74,.12);
  border-color: rgba(18,139,191,.18);
}

body[class*="page"] .wf-service-card h2,
body[class*="page"] .wf-service-card h3,
body[class*="page"] .wufoud-service-card h2,
body[class*="page"] .wufoud-service-card h3 {
  color: #14354a;
  font-size: 22px;
  line-height: 1.45;
  font-weight: 900;
  margin: 0 0 12px;
}

body[class*="page"] .wf-service-card p,
body[class*="page"] .wufoud-service-card p {
  color: #4a5b64;
  font-size: 15.5px;
  line-height: 1.9;
  margin: 0 0 20px;
}

body[class*="page"] .wf-service-card a,
body[class*="page"] .wufoud-service-card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(18,139,191,.10);
  color: #0f5272;
  font-weight: 900;
  text-decoration: none;
}

body[class*="page"] .wf-service-card a:hover,
body[class*="page"] .wufoud-service-card a:hover {
  background: linear-gradient(135deg, #0f5272, #128bbf);
  color: #ffffff;
}

/* Services CTA */
body[class*="page"] .wf-services-cta,
body[class*="page"] .wufoud-services-cta {
  max-width: 1120px;
  margin: 40px auto 75px;
  padding: 42px 34px;
  border-radius: 30px;
  background: linear-gradient(135deg, #113d54, #127aaa);
  box-shadow: 0 18px 55px rgba(20,53,74,.13);
  text-align: center;
  direction: rtl;
}

body[class*="page"] .wf-services-cta h2,
body[class*="page"] .wufoud-services-cta h2 {
  color: #d2a033;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.4;
  margin: 0 0 12px;
}

body[class*="page"] .wf-services-cta p,
body[class*="page"] .wufoud-services-cta p {
  color: rgba(255,255,255,.92);
  font-size: 17px;
  line-height: 1.9;
  margin: 0 0 24px;
}

body[class*="page"] .wf-services-cta a,
body[class*="page"] .wufoud-services-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 10px 28px;
  border-radius: 999px;
  background: #ffffff;
  color: #14354a;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* Mobile services */
@media (max-width: 768px) {
  body[class*="page"] .wf-services-hero,
  body[class*="page"] .wf-page-services-hero {
    width: calc(100% - 34px);
    margin: 22px auto 28px;
    border-radius: 24px;
  }

  body[class*="page"] .wf-services-hero-inner,
  body[class*="page"] .wf-page-services-hero-inner {
    min-height: 300px;
    padding: 38px 22px;
    text-align: center;
    align-items: center;
  }

  body[class*="page"] .wf-services-hero h1,
  body[class*="page"] .wf-page-services-hero h1 {
    font-size: 30px;
    line-height: 1.35;
  }

  body[class*="page"] .wf-services-hero p,
  body[class*="page"] .wf-page-services-hero p {
    font-size: 16px;
    line-height: 1.9;
  }

  body[class*="page"] .wf-services-grid,
  body[class*="page"] .wufoud-services-grid {
    grid-template-columns: 1fr;
    padding: 0 18px;
    margin: 28px auto 48px;
    gap: 16px;
  }

  body[class*="page"] .wf-service-card,
  body[class*="page"] .wufoud-service-card {
    border-radius: 22px;
    padding: 24px 20px;
  }

  body[class*="page"] .wf-service-card h2,
  body[class*="page"] .wf-service-card h3,
  body[class*="page"] .wufoud-service-card h2,
  body[class*="page"] .wufoud-service-card h3 {
    font-size: 21px;
  }

  body[class*="page"] .wf-services-cta,
  body[class*="page"] .wufoud-services-cta {
    width: calc(100% - 34px);
    padding: 32px 20px;
    border-radius: 24px;
    margin: 32px auto 58px;
  }

  body[class*="page"] .wf-services-cta h2,
  body[class*="page"] .wufoud-services-cta h2 {
    font-size: 27px;
  }
}


/* =========================================================
   wofod-sy Services Page ID 9 - Final Styling
   ========================================================= */

body.page-id-9 .entry-header {
  display: none !important;
}

body.page-id-9 .inside-article {
  padding-top: 0 !important;
}

body.page-id-9 .entry-content {
  overflow: hidden !important;
}

/* Hero */
body.page-id-9 .wf-services-index-hero {
  max-width: 1200px !important;
  width: calc(100% - 70px) !important;
  margin: 34px auto 44px !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, #123d55 0%, #126f99 52%, #128bbf 100%) !important;
  box-shadow: 0 22px 65px rgba(20,53,74,.14) !important;
  position: relative !important;
}

body.page-id-9 .wf-services-index-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: linear-gradient(135deg, rgba(255,255,255,.10) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
  opacity: .28 !important;
  pointer-events: none !important;
}

body.page-id-9 .wf-services-index-inner {
  min-height: 380px !important;
  padding: 72px 82px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important;
  text-align: right !important;
  direction: rtl !important;
  position: relative !important;
  z-index: 2 !important;
}

body.page-id-9 .wf-services-index-inner span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 5px 15px !important;
  margin-bottom: 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  color: #f4d58b !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body.page-id-9 .wf-services-index-inner h1 {
  max-width: 780px !important;
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: clamp(40px, 4.2vw, 60px) !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -.5px !important;
  text-shadow: 0 4px 16px rgba(0,0,0,.14) !important;
}

body.page-id-9 .wf-services-index-inner p {
  max-width: 780px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 18px !important;
  line-height: 2 !important;
  font-weight: 600 !important;
}

/* Section heading */
body.page-id-9 .wf-services-index-list {
  max-width: 1220px !important;
  margin: 0 auto 45px !important;
  padding: 0 30px !important;
  direction: rtl !important;
}

body.page-id-9 .wf-section-head {
  text-align: center !important;
  max-width: 780px !important;
  margin: 0 auto 34px !important;
}

body.page-id-9 .wf-section-head span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 5px 15px !important;
  margin-bottom: 12px !important;
  border-radius: 999px !important;
  background: rgba(154,116,31,.10) !important;
  color: #9a741f !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body.page-id-9 .wf-section-head h2 {
  color: #9a741f !important;
  font-size: 38px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  margin: 0 0 12px !important;
}

body.page-id-9 .wf-section-head p {
  color: #263b46 !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

/* Services grid */
body.page-id-9 .wf-services-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.page-id-9 .wf-service-box {
  display: block !important;
  min-height: 245px !important;
  padding: 28px 22px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(20,53,74,.09) !important;
  box-shadow: 0 16px 45px rgba(20,53,74,.075) !important;
  text-decoration: none !important;
  color: inherit !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

body.page-id-9 .wf-service-box::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 5px !important;
  background: linear-gradient(135deg, #0f5272, #128bbf) !important;
}

body.page-id-9 .wf-service-box:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 65px rgba(20,53,74,.13) !important;
  border-color: rgba(18,139,191,.22) !important;
}

body.page-id-9 .wf-service-box h3 {
  color: #14354a !important;
  font-size: 22px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
  margin: 0 0 12px !important;
}

body.page-id-9 .wf-service-box p {
  color: #4a5b64 !important;
  font-size: 15.5px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

/* CTA */
body.page-id-9 .wf-service-cta {
  max-width: 1120px !important;
  width: calc(100% - 70px) !important;
  margin: 48px auto 78px !important;
  padding: 46px 34px !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 18% 28%, rgba(255,255,255,.16), transparent 25%),
    linear-gradient(135deg, #113d54 0%, #127aaa 100%) !important;
  box-shadow: 0 22px 65px rgba(20,53,74,.14) !important;
  text-align: center !important;
  direction: rtl !important;
  overflow: hidden !important;
}

body.page-id-9 .wf-service-cta span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 5px 15px !important;
  margin-bottom: 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.13) !important;
  color: #f4d58b !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

body.page-id-9 .wf-service-cta h2 {
  color: #d2a033 !important;
  font-size: 36px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  margin: 0 0 14px !important;
}

body.page-id-9 .wf-service-cta p {
  max-width: 760px !important;
  margin: 0 auto 24px !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  font-weight: 600 !important;
}

body.page-id-9 .wf-service-cta .wf-primary-btn,
body.page-id-9 .wf-service-cta a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 10px 30px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #14354a !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.13) !important;
}

/* Tablet */
@media (max-width: 1024px) {
  body.page-id-9 .wf-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  body.page-id-9 .wf-services-index-hero {
    width: calc(100% - 34px) !important;
    margin: 22px auto 30px !important;
    border-radius: 24px !important;
  }

  body.page-id-9 .wf-services-index-inner {
    min-height: 315px !important;
    padding: 38px 22px !important;
    align-items: center !important;
    text-align: center !important;
  }

  body.page-id-9 .wf-services-index-inner h1 {
    font-size: 30px !important;
    line-height: 1.35 !important;
  }

  body.page-id-9 .wf-services-index-inner p {
    font-size: 16px !important;
    line-height: 1.9 !important;
  }

  body.page-id-9 .wf-services-index-list {
    padding: 0 18px !important;
    margin-bottom: 32px !important;
  }

  body.page-id-9 .wf-section-head {
    margin-bottom: 24px !important;
  }

  body.page-id-9 .wf-section-head h2 {
    font-size: 28px !important;
    line-height: 1.4 !important;
  }

  body.page-id-9 .wf-section-head p {
    font-size: 15px !important;
  }

  body.page-id-9 .wf-services-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.page-id-9 .wf-service-box {
    min-height: auto !important;
    border-radius: 22px !important;
    padding: 24px 20px !important;
  }

  body.page-id-9 .wf-service-box h3 {
    font-size: 21px !important;
  }

  body.page-id-9 .wf-service-box p {
    font-size: 15px !important;
  }

  body.page-id-9 .wf-service-cta {
    width: calc(100% - 34px) !important;
    margin: 36px auto 58px !important;
    padding: 34px 20px !important;
    border-radius: 24px !important;
  }

  body.page-id-9 .wf-service-cta h2 {
    font-size: 27px !important;
  }

  body.page-id-9 .wf-service-cta p {
    font-size: 15px !important;
  }

  body.page-id-9 .wf-service-cta .wf-primary-btn,
  body.page-id-9 .wf-service-cta a {
    width: 100% !important;
    max-width: 260px !important;
  }
}

/* =========================================================
   wofod-sy FINAL Footer Real Classes Center Fix
   ========================================================= */

html,
body {
  overflow-x: hidden !important;
}

.wufoud-final-footer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 58px 48px 22px !important;
  background: #0b3640 !important;
  color: rgba(255,255,255,.78) !important;
  direction: rtl !important;
  text-align: right !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.wufoud-final-footer-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: 1.35fr 1fr 1fr 1fr !important;
  gap: 46px !important;
  align-items: start !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.wufoud-final-footer-inner > div {
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.wufoud-final-footer h3,
.wufoud-final-footer h4 {
  color: #ffffff !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  line-height: 1.4 !important;
}

.wufoud-final-footer p {
  max-width: 340px !important;
  margin: 0 0 22px 0 !important;
  line-height: 1.9 !important;
  color: rgba(255,255,255,.72) !important;
}

.wufoud-final-footer ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wufoud-final-footer li {
  margin-bottom: 13px !important;
}

.wufoud-final-footer a {
  color: rgba(255,255,255,.72) !important;
  text-decoration: none !important;
}

.wufoud-final-footer a:hover {
  color: #ffffff !important;
}

.wufoud-final-footer-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b3640 !important;
  font-weight: 800 !important;
}

.wufoud-final-footer-bottom {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 38px auto 0 !important;
  padding-top: 18px !important;

  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;

  border-top: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.55) !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
  direction: ltr !important;
}

.wufoud-final-footer-bottom > * {
  margin: 0 !important;
}

/* Tablet */
@media (max-width: 900px) {
  .wufoud-final-footer {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .wufoud-final-footer-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px !important;
  }

  .wufoud-final-footer-bottom {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Mobile */
@media (max-width: 560px) {
  .wufoud-final-footer {
    padding: 44px 20px 22px !important;
    text-align: center !important;
  }

  .wufoud-final-footer-inner {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    text-align: center !important;
  }

  .wufoud-final-footer p {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* =========================================================
   wofod-sy Final Footer Button Text Fix
   ========================================================= */

.wufoud-final-footer a.wufoud-final-footer-btn,
.wufoud-final-footer a.wufoud-final-footer-btn:visited,
.wufoud-final-footer a.wufoud-final-footer-btn:hover,
.wufoud-final-footer a.wufoud-final-footer-btn:focus {
  color: #0b3640 !important;
  background: #ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
}


/* =========================================================
   wofod-sy Services Page ID 9 - Polish Cards & Spacing
   ========================================================= */

body.page-id-9 .wf-services-index-section,
body.page-id-9 .wf-services-grid-section,
body.page-id-9 .wf-services-cta-wrap {
  box-sizing: border-box !important;
}

/* تقليل الفراغات العامة وجعل المحتوى أكثر توازناً */
body.page-id-9 .wf-services-grid-section {
  width: calc(100% - 70px) !important;
  max-width: 1200px !important;
  margin: 0 auto 48px !important;
  padding: 0 !important;
  direction: rtl !important;
  text-align: center !important;
}

/* عنوان اختر الخدمة */
body.page-id-9 .wf-services-grid-section h2,
body.page-id-9 .wf-services-section-title {
  color: #9a741f !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin-bottom: 14px !important;
}

body.page-id-9 .wf-services-grid-section p,
body.page-id-9 .wf-services-section-desc {
  color: #1e3440 !important;
  line-height: 1.9 !important;
  margin-bottom: 34px !important;
}

/* شبكة البطاقات */
body.page-id-9 .wf-services-grid,
body.page-id-9 .wf-services-cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  align-items: stretch !important;
}

/* كرت الخدمة */
body.page-id-9 .wf-service-card,
body.page-id-9 .wf-services-card {
  min-height: 255px !important;
  height: 100% !important;
  padding: 34px 26px 30px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15,65,83,.10) !important;
  box-shadow: 0 18px 42px rgba(15,65,83,.08) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
  box-sizing: border-box !important;
}

body.page-id-9 .wf-service-card:hover,
body.page-id-9 .wf-services-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 58px rgba(15,65,83,.13) !important;
  border-color: rgba(18,139,191,.25) !important;
}

/* الخط الأزرق أعلى الكرت */
body.page-id-9 .wf-service-card::before,
body.page-id-9 .wf-services-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, #123d55, #128bbf) !important;
}

/* الدائرة الخفيفة داخل الكرت */
body.page-id-9 .wf-service-card::after,
body.page-id-9 .wf-services-card::after {
  content: "" !important;
  position: absolute !important;
  top: -42px !important;
  right: -42px !important;
  width: 116px !important;
  height: 116px !important;
  border-radius: 50% !important;
  background: rgba(18,139,191,.08) !important;
  pointer-events: none !important;
}

/* شارة اللغة الإنجليزية */
body.page-id-9 .wf-service-card .wf-service-tag,
body.page-id-9 .wf-services-card .wf-service-tag,
body.page-id-9 .wf-service-card small,
body.page-id-9 .wf-services-card small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #eef8fc !important;
  color: #126f99 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-bottom: 22px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* عنوان الكرت */
body.page-id-9 .wf-service-card h3,
body.page-id-9 .wf-services-card h3 {
  color: #123d55 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  margin: 0 0 16px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* وصف الكرت */
body.page-id-9 .wf-service-card p,
body.page-id-9 .wf-services-card p {
  color: #263f4c !important;
  font-size: 17px !important;
  line-height: 1.95 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* بلوك هل تحتاج خدمة مخصصة */
body.page-id-9 .wf-services-cta,
body.page-id-9 .wf-services-custom-cta {
  width: calc(100% - 70px) !important;
  max-width: 1200px !important;
  margin: 46px auto 86px !important;
  border-radius: 28px !important;
  padding: 48px 58px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(135deg, #123d55 0%, #126f99 56%, #128bbf 100%) !important;
  box-shadow: 0 22px 58px rgba(15,65,83,.13) !important;
  box-sizing: border-box !important;
  direction: rtl !important;
  text-align: right !important;
  overflow: hidden !important;
}

body.page-id-9 .wf-services-cta h2,
body.page-id-9 .wf-services-custom-cta h2 {
  color: #9a741f !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin: 0 0 14px !important;
}

body.page-id-9 .wf-services-cta p,
body.page-id-9 .wf-services-custom-cta p {
  color: rgba(7,32,42,.86) !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

body.page-id-9 .wf-services-cta a,
body.page-id-9 .wf-services-custom-cta a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #123d55 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.08) !important;
}

/* Tablet */
@media (max-width: 980px) {
  body.page-id-9 .wf-services-grid,
  body.page-id-9 .wf-services-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-id-9 .wf-service-card,
  body.page-id-9 .wf-services-card {
    min-height: 245px !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  body.page-id-9 .wf-services-index-hero,
  body.page-id-9 .wf-services-grid-section,
  body.page-id-9 .wf-services-cta,
  body.page-id-9 .wf-services-custom-cta {
    width: calc(100% - 32px) !important;
  }

  body.page-id-9 .wf-services-index-inner {
    min-height: 285px !important;
    padding: 48px 24px !important;
    align-items: center !important;
    text-align: center !important;
  }

  body.page-id-9 .wf-services-index-inner h1 {
    font-size: 34px !important;
    line-height: 1.35 !important;
  }

  body.page-id-9 .wf-services-index-inner p {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  body.page-id-9 .wf-services-grid,
  body.page-id-9 .wf-services-cards {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.page-id-9 .wf-service-card,
  body.page-id-9 .wf-services-card {
    min-height: auto !important;
    padding: 32px 24px 28px !important;
  }

  body.page-id-9 .wf-service-card h3,
  body.page-id-9 .wf-services-card h3 {
    font-size: 23px !important;
  }

  body.page-id-9 .wf-services-cta,
  body.page-id-9 .wf-services-custom-cta {
    padding: 40px 24px !important;
    text-align: center !important;
    margin-bottom: 66px !important;
  }

  body.page-id-9 .wf-services-cta h2,
  body.page-id-9 .wf-services-custom-cta h2 {
    font-size: 28px !important;
  }
}


/* =========================================================
   wofod-sy Services Page ID 9 - Clickable Service Cards
   ========================================================= */

body.page-id-9 .wf-service-card,
body.page-id-9 .wf-services-card {
  cursor: pointer !important;
}

body.page-id-9 .wf-service-card-link-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 20px !important;
  margin-top: 22px !important;
  border-radius: 999px !important;
  background: #123d55 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  position: relative !important;
  z-index: 4 !important;
  box-shadow: 0 12px 26px rgba(18,61,85,.14) !important;
  transition: transform .2s ease, background .2s ease !important;
}

body.page-id-9 .wf-service-card-link-btn:hover,
body.page-id-9 .wf-service-card:hover .wf-service-card-link-btn,
body.page-id-9 .wf-services-card:hover .wf-service-card-link-btn {
  background: #128bbf !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 600px) {
  body.page-id-9 .wf-service-card-link-btn {
    min-height: 44px !important;
    padding: 0 24px !important;
    font-size: 15px !important;
  }
}


/* =========================================================
   wofod-sy Services Page ID 9 - Request Steps Section
   ========================================================= */

body.page-id-9 .wf-services-steps-section {
  width: calc(100% - 70px) !important;
  max-width: 1200px !important;
  margin: 8px auto 46px !important;
  padding: 0 !important;
  direction: rtl !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.page-id-9 .wf-services-steps-head {
  max-width: 760px !important;
  margin: 0 auto 30px !important;
}

body.page-id-9 .wf-services-steps-head span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #f5f0e6 !important;
  color: #9a741f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}

body.page-id-9 .wf-services-steps-head h2 {
  color: #123d55 !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin: 0 0 12px !important;
}

body.page-id-9 .wf-services-steps-head p {
  color: #263f4c !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

body.page-id-9 .wf-services-steps-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

body.page-id-9 .wf-services-step-card {
  min-height: 210px !important;
  padding: 30px 24px 26px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15,65,83,.10) !important;
  box-shadow: 0 16px 38px rgba(15,65,83,.07) !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
}

body.page-id-9 .wf-services-step-card::before {
  content: "" !important;
  position: absolute !important;
  top: -44px !important;
  right: -44px !important;
  width: 118px !important;
  height: 118px !important;
  border-radius: 50% !important;
  background: rgba(18,139,191,.08) !important;
}

body.page-id-9 .wf-services-step-card strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #123d55, #128bbf) !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  margin-bottom: 18px !important;
  position: relative !important;
  z-index: 2 !important;
}

body.page-id-9 .wf-services-step-card h3 {
  color: #123d55 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  margin: 0 0 12px !important;
  position: relative !important;
  z-index: 2 !important;
}

body.page-id-9 .wf-services-step-card p {
  color: #263f4c !important;
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 980px) {
  body.page-id-9 .wf-services-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  body.page-id-9 .wf-services-steps-section {
    width: calc(100% - 32px) !important;
    margin-bottom: 36px !important;
  }

  body.page-id-9 .wf-services-steps-head h2 {
    font-size: 28px !important;
  }

  body.page-id-9 .wf-services-steps-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.page-id-9 .wf-services-step-card {
    min-height: auto !important;
    padding: 28px 22px 24px !important;
  }
}


/* =========================================================
   wofod-sy Services Page ID 9 - Quick Request Bar
   ========================================================= */

body.page-id-9 .wf-services-quick-bar {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 34px !important;
  padding: 14px 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15,65,83,.10) !important;
  box-shadow: 0 16px 40px rgba(15,65,83,.08) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  direction: rtl !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

body.page-id-9 .wf-services-quick-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 0 10px !important;
}

body.page-id-9 .wf-services-quick-item strong {
  color: #123d55 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
}

body.page-id-9 .wf-services-quick-item span {
  color: #526b76 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body.page-id-9 .wf-services-quick-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #123d55, #128bbf) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 26px rgba(18,61,85,.14) !important;
}

body.page-id-9 .wf-services-quick-btn:hover {
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 760px) {
  body.page-id-9 .wf-services-quick-bar {
    border-radius: 24px !important;
    flex-direction: column !important;
    text-align: center !important;
    padding: 20px !important;
  }

  body.page-id-9 .wf-services-quick-item {
    text-align: center !important;
  }

  body.page-id-9 .wf-services-quick-btn {
    width: 100% !important;
  }
}


/* =========================================================
   wofod-sy Hotels Page Design
   ========================================================= */

body.page-id-10 .entry-header,
body.page-id-10 .page-header {
  display: none !important;
}

body.page-id-10 .inside-article {
  padding-top: 0 !important;
}

body.page-id-10 .entry-content {
  overflow: hidden !important;
}

/* Hero */
body.page-id-10 .wf-hotels-hero {
  width: calc(100% - 70px) !important;
  max-width: 1200px !important;
  margin: 34px auto 42px !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, #123d55 0%, #126f99 54%, #128bbf 100%) !important;
  box-shadow: 0 22px 65px rgba(20,53,74,.14) !important;
  box-sizing: border-box !important;
}

body.page-id-10 .wf-hotels-hero-inner {
  min-height: 380px !important;
  padding: 76px 82px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

body.page-id-10 .wf-hotels-hero span,
body.page-id-10 .wf-hotels-section-head span,
body.page-id-10 .wf-hotels-cta span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  color: #f6d98b !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-bottom: 16px !important;
}

body.page-id-10 .wf-hotels-hero h1 {
  color: #ffffff !important;
  font-size: 56px !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  margin: 0 0 18px !important;
  max-width: 720px !important;
}

body.page-id-10 .wf-hotels-hero p {
  color: rgba(8,30,40,.86) !important;
  font-size: 18px !important;
  line-height: 2 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

body.page-id-10 .wf-hotels-hero-actions {
  display: flex !important;
  gap: 14px !important;
  margin-top: 30px !important;
  flex-wrap: wrap !important;
}

body.page-id-10 .wf-hotels-primary-btn,
body.page-id-10 .wf-hotels-secondary-btn,
body.page-id-10 .wf-hotels-request-strip a,
body.page-id-10 .wf-hotels-cta a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.page-id-10 .wf-hotels-primary-btn,
body.page-id-10 .wf-hotels-request-strip a,
body.page-id-10 .wf-hotels-cta a {
  background: #ffffff !important;
  color: #123d55 !important;
}

body.page-id-10 .wf-hotels-secondary-btn {
  background: rgba(255,255,255,.16) !important;
  color: #ffffff !important;
}

/* Request strip */
body.page-id-10 .wf-hotels-request-strip {
  width: calc(100% - 70px) !important;
  max-width: 1040px !important;
  margin: 0 auto 58px !important;
  padding: 18px 22px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15,65,83,.10) !important;
  box-shadow: 0 16px 40px rgba(15,65,83,.08) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
  box-sizing: border-box !important;
}

body.page-id-10 .wf-hotels-request-strip strong {
  color: #123d55 !important;
  font-weight: 900 !important;
  display: block !important;
  margin-bottom: 4px !important;
}

body.page-id-10 .wf-hotels-request-strip span {
  color: #526b76 !important;
  font-size: 14px !important;
}

/* Sections */
body.page-id-10 .wf-hotels-services,
body.page-id-10 .wf-hotels-featured {
  width: calc(100% - 70px) !important;
  max-width: 1200px !important;
  margin: 0 auto 62px !important;
  text-align: center !important;
  direction: rtl !important;
}

body.page-id-10 .wf-hotels-section-head {
  max-width: 760px !important;
  margin: 0 auto 32px !important;
}

body.page-id-10 .wf-hotels-section-head span {
  background: #f5f0e6 !important;
  color: #9a741f !important;
}

body.page-id-10 .wf-hotels-section-head h2 {
  color: #9a741f !important;
  font-size: 38px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin: 0 0 14px !important;
}

body.page-id-10 .wf-hotels-section-head p {
  color: #263f4c !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

body.page-id-10 .wf-hotels-services-grid,
body.page-id-10 .wf-hotels-featured-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

body.page-id-10 .wf-hotels-featured-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.page-id-10 .wf-hotels-service-card,
body.page-id-10 .wf-hotels-featured-card {
  background: #ffffff !important;
  border: 1px solid rgba(15,65,83,.10) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 42px rgba(15,65,83,.08) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.page-id-10 .wf-hotels-service-card {
  min-height: 250px !important;
  padding: 34px 26px 30px !important;
  position: relative !important;
}

body.page-id-10 .wf-hotels-service-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, #123d55, #128bbf) !important;
}

body.page-id-10 .wf-hotels-service-card small {
  display: inline-flex !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #eef8fc !important;
  color: #126f99 !important;
  font-weight: 900 !important;
  margin-bottom: 20px !important;
}

body.page-id-10 .wf-hotels-service-card h3,
body.page-id-10 .wf-hotels-featured-card h3 {
  color: #123d55 !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  margin: 0 0 14px !important;
}

body.page-id-10 .wf-hotels-service-card p,
body.page-id-10 .wf-hotels-featured-card p {
  color: #263f4c !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

body.page-id-10 .wf-hotels-image-placeholder {
  min-height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.35), transparent 30%),
    linear-gradient(135deg, #123d55, #128bbf) !important;
  color: rgba(255,255,255,.85) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

body.page-id-10 .wf-hotels-featured-content {
  padding: 26px 24px 28px !important;
  text-align: right !important;
}

body.page-id-10 .wf-hotels-featured-content span {
  display: inline-flex !important;
  color: #9a741f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-bottom: 12px !important;
}

/* CTA */
body.page-id-10 .wf-hotels-cta {
  width: calc(100% - 70px) !important;
  max-width: 1200px !important;
  margin: 10px auto 86px !important;
  padding: 48px 58px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(135deg, #123d55 0%, #126f99 56%, #128bbf 100%) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 30px !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

body.page-id-10 .wf-hotels-cta h2 {
  color: #9a741f !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  margin: 0 0 12px !important;
}

body.page-id-10 .wf-hotels-cta p {
  color: rgba(7,32,42,.86) !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

/* Responsive */
@media (max-width: 980px) {
  body.page-id-10 .wf-hotels-services-grid,
  body.page-id-10 .wf-hotels-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-id-10 .wf-hotels-cta {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 600px) {
  body.page-id-10 .wf-hotels-hero,
  body.page-id-10 .wf-hotels-request-strip,
  body.page-id-10 .wf-hotels-services,
  body.page-id-10 .wf-hotels-featured,
  body.page-id-10 .wf-hotels-cta {
    width: calc(100% - 32px) !important;
  }

  body.page-id-10 .wf-hotels-hero-inner {
    min-height: 320px !important;
    padding: 48px 24px !important;
    text-align: center !important;
    align-items: center !important;
  }

  body.page-id-10 .wf-hotels-hero h1 {
    font-size: 34px !important;
  }

  body.page-id-10 .wf-hotels-hero p {
    font-size: 15px !important;
  }

  body.page-id-10 .wf-hotels-hero-actions,
  body.page-id-10 .wf-hotels-request-strip {
    flex-direction: column !important;
    text-align: center !important;
  }

  body.page-id-10 .wf-hotels-primary-btn,
  body.page-id-10 .wf-hotels-secondary-btn,
  body.page-id-10 .wf-hotels-request-strip a,
  body.page-id-10 .wf-hotels-cta a {
    width: 100% !important;
  }

  body.page-id-10 .wf-hotels-services-grid,
  body.page-id-10 .wf-hotels-featured-grid {
    grid-template-columns: 1fr !important;
  }

  body.page-id-10 .wf-hotels-section-head h2 {
    font-size: 29px !important;
  }

  body.page-id-10 .wf-hotels-cta {
    padding: 40px 24px !important;
    text-align: center !important;
    align-items: center !important;
  }

  body.page-id-10 .wf-hotels-cta h2 {
    font-size: 28px !important;
  }
}

/* =========================================================
   wofod-sy Hotels Page Design - Correct Page ID 11
   ========================================================= */







/* Hero */


















/* Request strip */






/* Sections */
































/* CTA */






/* Responsive */
@media (max-width: 980px) {
  

  
}

@media (max-width: 600px) {
  

  

  

  

  

  

  

  

  

  
}



/* =========================================================
   wofod-sy Hotels Booking Form Section
   ========================================================= */

































@media (max-width: 900px) {
  
}

@media (max-width: 600px) {
  

  

  

  

  
}


/* =========================================================
   wofod-sy Hotels Form Visibility & Compact Fix
   ========================================================= */

body .wf-hotels-booking-form-section {
  max-width: 980px !important;
  padding: 38px 36px !important;
}

body .wf-hotels-booking-form-head {
  margin-bottom: 26px !important;
}

body .wf-hotels-booking-form-head h2 {
  color: #9a741f !important;
}

body .wf-hotels-form-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

body .wf-hotels-booking-form label {
  display: block !important;
  background: #f7fbfc !important;
  border: 1px solid rgba(15,65,83,.13) !important;
  border-radius: 18px !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body .wf-hotels-booking-form label span {
  display: block !important;
  color: #123d55 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
}

body .wf-hotels-booking-form input,
body .wf-hotels-booking-form select,
body .wf-hotels-booking-form textarea {
  display: block !important;
  width: 100% !important;
  min-height: 42px !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;

  color: #123d55 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  box-sizing: border-box !important;
}

body .wf-hotels-booking-form input::placeholder,
body .wf-hotels-booking-form textarea::placeholder {
  color: rgba(18,61,85,.45) !important;
  opacity: 1 !important;
}

body .wf-hotels-booking-form select {
  appearance: auto !important;
  cursor: pointer !important;
}

body .wf-hotels-form-notes {
  margin-top: 2px !important;
}

body .wf-hotels-booking-form textarea {
  min-height: 82px !important;
  padding-top: 4px !important;
  resize: vertical !important;
}

body .wf-hotels-booking-form label:focus-within {
  background: #ffffff !important;
  border-color: rgba(18,139,191,.55) !important;
  box-shadow: 0 12px 26px rgba(18,139,191,.08) !important;
}

body .wf-hotels-form-actions {
  margin-top: 22px !important;
}

body .wf-hotels-form-actions button {
  background: linear-gradient(135deg, #123d55, #128bbf) !important;
  color: #ffffff !important;
}

body .wf-hotels-form-actions a {
  background: #f5f0e6 !important;
  color: #9a741f !important;
}

/* Tablet */
@media (max-width: 900px) {
  body .wf-hotels-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  body .wf-hotels-booking-form-section {
    width: calc(100% - 32px) !important;
    padding: 30px 18px !important;
  }

  body .wf-hotels-form-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body .wf-hotels-booking-form label {
    padding: 12px 13px !important;
    border-radius: 16px !important;
  }

  body .wf-hotels-booking-form input,
  body .wf-hotels-booking-form select {
    min-height: 38px !important;
  }

  body .wf-hotels-form-actions {
    flex-direction: column !important;
  }

  body .wf-hotels-form-actions button,
  body .wf-hotels-form-actions a {
    width: 100% !important;
  }
}


/* =========================================================
   wofod-sy Hotels Real Form Final Fix
   ========================================================= */































@media (max-width: 900px) {
  
}

@media (max-width: 600px) {
  

  

  

  

  
}


/* =========================================================
   wofod-sy Hotels City Results Cards
   ========================================================= */































@media (max-width: 900px) {
  
}

@media (max-width: 600px) {
  

  

  

  

  

  
}


/* =========================================================
   wofod-sy Hotel Detail Pages + Clickable Hotel Cards
   ========================================================= */

.wf-hotels-city-card {
  cursor: pointer !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.wf-hotels-city-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 58px rgba(15,65,83,.13) !important;
}

.wf-hotel-detail-page {
  width: calc(100% - 70px) !important;
  max-width: 1200px !important;
  margin: 34px auto 86px !important;
  direction: rtl !important;
  box-sizing: border-box !important;
}

.wf-hotel-detail-hero {
  min-height: 420px !important;
  padding: 76px 82px !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, #123d55 0%, #126f99 54%, #128bbf 100%) !important;
  box-shadow: 0 22px 65px rgba(20,53,74,.14) !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

.wf-hotel-detail-hero span {
  display: inline-flex !important;
  min-height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  color: #f6d98b !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-bottom: 16px !important;
}

.wf-hotel-detail-hero h1 {
  color: #ffffff !important;
  font-size: 54px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 0 18px !important;
}

.wf-hotel-detail-hero p {
  color: rgba(7,32,42,.86) !important;
  font-size: 18px !important;
  line-height: 2 !important;
  max-width: 760px !important;
  margin: 0 0 20px !important;
}

.wf-hotel-detail-hero strong {
  display: inline-flex !important;
  color: #9a741f !important;
  background: rgba(255,255,255,.20) !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.wf-hotel-detail-actions {
  display: flex !important;
  gap: 14px !important;
  margin-top: 28px !important;
  flex-wrap: wrap !important;
}

.wf-hotel-detail-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #123d55 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.wf-hotel-detail-actions a:last-child {
  background: rgba(255,255,255,.16) !important;
  color: #ffffff !important;
}

.wf-hotel-detail-info {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin-top: 34px !important;
}

.wf-hotel-detail-info > div {
  background: #ffffff !important;
  border: 1px solid rgba(15,65,83,.10) !important;
  border-radius: 24px !important;
  padding: 28px 24px !important;
  box-shadow: 0 18px 42px rgba(15,65,83,.08) !important;
}

.wf-hotel-detail-info h3 {
  color: #123d55 !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  margin: 0 0 12px !important;
}

.wf-hotel-detail-info p {
  color: #263f4c !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  .wf-hotel-detail-info {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 600px) {
  .wf-hotel-detail-page {
    width: calc(100% - 32px) !important;
  }

  .wf-hotel-detail-hero {
    padding: 48px 24px !important;
    text-align: center !important;
  }

  .wf-hotel-detail-hero h1 {
    font-size: 34px !important;
  }

  .wf-hotel-detail-actions {
    flex-direction: column !important;
  }

  .wf-hotel-detail-actions a {
    width: 100% !important;
  }
}


/* =========================================================
   wofod-sy Hotels City Reset Button
   ========================================================= */

body .wf-hotels-booking-form label {
  position: relative !important;
}

body .wf-hotels-city-reset {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;

  position: absolute !important;
  left: 10px !important;
  bottom: 10px !important;

  min-height: 30px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;

  background: #f5f0e6 !important;
  color: #9a741f !important;

  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

body .wf-hotels-city-reset.is-visible {
  display: inline-flex !important;
}

body .wf-hotels-city-reset:hover {
  background: #eadfca !important;
  color: #8a6418 !important;
}

body .wf-hotels-booking-form input[name="city"] {
  padding-left: 104px !important;
}

@media (max-width: 600px) {
  body .wf-hotels-city-reset {
    position: static !important;
    margin-top: 8px !important;
    width: 100% !important;
    min-height: 36px !important;
  }

  body .wf-hotels-booking-form input[name="city"] {
    padding-left: 0 !important;
  }
}


/* =========================================================
   wofod-sy Hotels City Chips Selector
   ========================================================= */

body .wf-hotels-city-chips {
  margin: 0 auto 24px !important;
  padding: 18px 18px 16px !important;
  border-radius: 22px !important;
  background: #f7fbfc !important;
  border: 1px solid rgba(15,65,83,.10) !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

body .wf-hotels-city-chips-title {
  color: #123d55 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}

body .wf-hotels-city-chips-list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}

body .wf-hotels-city-chips button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 38px !important;
  padding: 0 17px !important;

  border: 1px solid rgba(15,65,83,.12) !important;
  border-radius: 999px !important;

  background: #ffffff !important;
  color: #123d55 !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

body .wf-hotels-city-chips button:hover,
body .wf-hotels-city-chips button.is-active {
  background: linear-gradient(135deg, #123d55, #128bbf) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

@media (max-width: 600px) {
  body .wf-hotels-city-chips {
    padding: 16px 12px !important;
  }

  body .wf-hotels-city-chips-list {
    gap: 8px !important;
  }

  body .wf-hotels-city-chips button {
    min-height: 36px !important;
    padding: 0 13px !important;
    font-size: 13px !important;
  }
}


/* =========================================================
   wofod-sy Flights Page Design
   ========================================================= */

body.page-id-12 .entry-header,
body.page-id-12 .page-header {
  display: none !important;
}

body.page-id-12 .inside-article {
  padding-top: 0 !important;
}

body.page-id-12 .entry-content {
  overflow: hidden !important;
}

/* Hero */
body.page-id-12 .wf-flights-hero {
  width: calc(100% - 70px) !important;
  max-width: 1200px !important;
  margin: 34px auto 42px !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, #123d55 0%, #126f99 54%, #128bbf 100%) !important;
  box-shadow: 0 22px 65px rgba(20,53,74,.14) !important;
  box-sizing: border-box !important;
}

body.page-id-12 .wf-flights-hero-inner {
  min-height: 380px !important;
  padding: 76px 82px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

body.page-id-12 .wf-flights-hero span,
body.page-id-12 .wf-flights-section-head span,
body.page-id-12 .wf-flights-cta span,
body.page-id-12 .wf-flights-form-head span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-bottom: 16px !important;
}

body.page-id-12 .wf-flights-hero span,
body.page-id-12 .wf-flights-cta span {
  background: rgba(255,255,255,.16) !important;
  color: #f6d98b !important;
}

body.page-id-12 .wf-flights-form-head span,
body.page-id-12 .wf-flights-section-head span {
  background: #f5f0e6 !important;
  color: #9a741f !important;
}

body.page-id-12 .wf-flights-hero h1 {
  color: #ffffff !important;
  font-size: 56px !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  margin: 0 0 18px !important;
  max-width: 720px !important;
}

body.page-id-12 .wf-flights-hero p {
  color: rgba(8,30,40,.86) !important;
  font-size: 18px !important;
  line-height: 2 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

body.page-id-12 .wf-flights-hero-actions {
  display: flex !important;
  gap: 14px !important;
  margin-top: 30px !important;
  flex-wrap: wrap !important;
}

body.page-id-12 .wf-flights-primary-btn,
body.page-id-12 .wf-flights-secondary-btn,
body.page-id-12 .wf-flights-form-actions button,
body.page-id-12 .wf-flights-form-actions a,
body.page-id-12 .wf-flights-cta a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.page-id-12 .wf-flights-primary-btn,
body.page-id-12 .wf-flights-form-actions button,
body.page-id-12 .wf-flights-cta a {
  background: #ffffff !important;
  color: #123d55 !important;
  border: 0 !important;
}

body.page-id-12 .wf-flights-secondary-btn {
  background: rgba(255,255,255,.16) !important;
  color: #ffffff !important;
}

/* Note */
body.page-id-12 .wf-flights-note {
  width: calc(100% - 70px) !important;
  max-width: 1040px !important;
  margin: 0 auto 48px !important;
  padding: 18px 22px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15,65,83,.10) !important;
  box-shadow: 0 16px 40px rgba(15,65,83,.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  box-sizing: border-box !important;
}

body.page-id-12 .wf-flights-note strong {
  color: #123d55 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.page-id-12 .wf-flights-note span {
  color: #526b76 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* Form */
body.page-id-12 .wf-flights-form-section {
  width: calc(100% - 70px) !important;
  max-width: 980px !important;
  margin: 0 auto 62px !important;
  padding: 38px 36px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15,65,83,.10) !important;
  box-shadow: 0 20px 52px rgba(15,65,83,.08) !important;
  direction: rtl !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

body.page-id-12 .wf-flights-form-head {
  max-width: 760px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
}

body.page-id-12 .wf-flights-form-head h2,
body.page-id-12 .wf-flights-section-head h2 {
  color: #9a741f !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin: 0 0 12px !important;
}

body.page-id-12 .wf-flights-form-head p,
body.page-id-12 .wf-flights-section-head p {
  color: #263f4c !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

body.page-id-12 .wf-flights-trip-type {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: center !important;
  margin-bottom: 22px !important;
}

body.page-id-12 .wf-flights-trip-type label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #f7fbfc !important;
  border: 1px solid rgba(15,65,83,.12) !important;
  color: #123d55 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

body.page-id-12 .wf-flights-form-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

body.page-id-12 .wf-flights-form label {
  display: block !important;
  background: #f7fbfc !important;
  border: 1px solid rgba(15,65,83,.13) !important;
  border-radius: 18px !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.page-id-12 .wf-flights-form label span {
  display: block !important;
  color: #123d55 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}

body.page-id-12 .wf-flights-form input,
body.page-id-12 .wf-flights-form select,
body.page-id-12 .wf-flights-form textarea {
  display: block !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: #123d55 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-sizing: border-box !important;
}

body.page-id-12 .wf-flights-form textarea {
  min-height: 88px !important;
  padding-top: 4px !important;
  resize: vertical !important;
}

body.page-id-12 .wf-flights-form label:focus-within {
  background: #ffffff !important;
  border-color: rgba(18,139,191,.55) !important;
  box-shadow: 0 12px 26px rgba(18,139,191,.08) !important;
}

body.page-id-12 .wf-flights-form-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  margin-top: 24px !important;
  flex-wrap: wrap !important;
}

body.page-id-12 .wf-flights-form-actions button {
  background: linear-gradient(135deg, #123d55, #128bbf) !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

body.page-id-12 .wf-flights-form-actions a {
  background: #f5f0e6 !important;
  color: #9a741f !important;
}

/* Services */
body.page-id-12 .wf-flights-services {
  width: calc(100% - 70px) !important;
  max-width: 1200px !important;
  margin: 0 auto 62px !important;
  text-align: center !important;
}

body.page-id-12 .wf-flights-section-head {
  max-width: 760px !important;
  margin: 0 auto 32px !important;
}

body.page-id-12 .wf-flights-services-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

body.page-id-12 .wf-flights-card {
  min-height: 250px !important;
  padding: 34px 26px 30px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15,65,83,.10) !important;
  box-shadow: 0 18px 42px rgba(15,65,83,.08) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.page-id-12 .wf-flights-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, #123d55, #128bbf) !important;
}

body.page-id-12 .wf-flights-card small {
  display: inline-flex !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #eef8fc !important;
  color: #126f99 !important;
  font-weight: 900 !important;
  margin-bottom: 20px !important;
}

body.page-id-12 .wf-flights-card h3 {
  color: #123d55 !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  margin: 0 0 14px !important;
}

body.page-id-12 .wf-flights-card p {
  color: #263f4c !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

/* CTA */
body.page-id-12 .wf-flights-cta {
  width: calc(100% - 70px) !important;
  max-width: 1200px !important;
  margin: 10px auto 86px !important;
  padding: 48px 58px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(135deg, #123d55 0%, #126f99 56%, #128bbf 100%) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 30px !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

body.page-id-12 .wf-flights-cta h2 {
  color: #9a741f !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  margin: 0 0 12px !important;
}

body.page-id-12 .wf-flights-cta p {
  color: rgba(7,32,42,.86) !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  margin: 0 !important;
}

/* Responsive */
@media (max-width: 980px) {
  body.page-id-12 .wf-flights-form-grid,
  body.page-id-12 .wf-flights-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-id-12 .wf-flights-cta {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 600px) {
  body.page-id-12 .wf-flights-hero,
  body.page-id-12 .wf-flights-note,
  body.page-id-12 .wf-flights-form-section,
  body.page-id-12 .wf-flights-services,
  body.page-id-12 .wf-flights-cta {
    width: calc(100% - 32px) !important;
  }

  body.page-id-12 .wf-flights-hero-inner {
    min-height: 320px !important;
    padding: 48px 24px !important;
    text-align: center !important;
    align-items: center !important;
  }

  body.page-id-12 .wf-flights-hero h1 {
    font-size: 34px !important;
  }

  body.page-id-12 .wf-flights-hero p {
    font-size: 15px !important;
  }

  body.page-id-12 .wf-flights-hero-actions,
  body.page-id-12 .wf-flights-note,
  body.page-id-12 .wf-flights-form-actions {
    flex-direction: column !important;
    text-align: center !important;
  }

  body.page-id-12 .wf-flights-primary-btn,
  body.page-id-12 .wf-flights-secondary-btn,
  body.page-id-12 .wf-flights-form-actions button,
  body.page-id-12 .wf-flights-form-actions a,
  body.page-id-12 .wf-flights-cta a {
    width: 100% !important;
  }

  body.page-id-12 .wf-flights-form-section,
  body.page-id-12 .wf-flights-cta {
    padding: 34px 20px !important;
  }

  body.page-id-12 .wf-flights-form-grid,
  body.page-id-12 .wf-flights-services-grid {
    grid-template-columns: 1fr !important;
  }

  body.page-id-12 .wf-flights-cta {
    text-align: center !important;
    align-items: center !important;
  }

  body.page-id-12 .wf-flights-cta h2 {
    font-size: 28px !important;
  }
}


/* =========================================================
   wofod-sy Flights Page Form Fix
   ========================================================= */

body.page-id-0 .entry-content form,
body.page .entry-content form {
    direction: rtl;
}

/* Flight page general form box */
body.page .entry-content form,
body.page .entry-content .fluentform,
body.page .entry-content .wpcf7,
body.page .entry-content .wufoud-request-form {
    max-width: 980px;
    margin: 20px auto 0;
}

/* Make all fields visible and clean */
body.page .entry-content input[type="text"],
body.page .entry-content input[type="email"],
body.page .entry-content input[type="tel"],
body.page .entry-content input[type="number"],
body.page .entry-content input[type="date"],
body.page .entry-content select,
body.page .entry-content textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px;
    display: block !important;
    background: #fff !important;
    color: #123 !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 14px !important;
    padding: 12px 15px !important;
    font-family: Cairo, sans-serif !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

body.page .entry-content textarea {
    min-height: 120px;
    resize: vertical;
}

/* Labels */
body.page .entry-content label {
    display: block !important;
    margin: 0 0 7px;
    color: #21313c;
    font-weight: 700;
    font-size: 13px;
    text-align: right;
}

/* Form rows / fields */
body.page .entry-content .ff-el-group,
body.page .entry-content .form-row,
body.page .entry-content .wpcf7-form p,
body.page .entry-content form > p {
    margin-bottom: 16px !important;
}

/* If form fields are inside direct divs */
body.page .entry-content form > div {
    margin-bottom: 16px;
}

/* Two-column layout for visible form groups */
@media (min-width: 769px) {
    body.page .entry-content .fluentform form,
    body.page .entry-content .wpcf7 form,
    body.page .entry-content form.wufoud-request-form,
    body.page .entry-content form.wf-request-form {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 18px;
        align-items: start;
    }

    body.page .entry-content textarea,
    body.page .entry-content .ff-el-group:has(textarea),
    body.page .entry-content .form-row-full,
    body.page .entry-content .full,
    body.page .entry-content form > p:has(textarea) {
        grid-column: 1 / -1;
    }
}

/* Submit buttons */
body.page .entry-content input[type="submit"],
body.page .entry-content button[type="submit"],
body.page .entry-content .ff-btn-submit {
    background: linear-gradient(135deg, #0b6f95, #083b52) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 13px 28px !important;
    font-family: Cairo, sans-serif !important;
    font-weight: 800 !important;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(8, 59, 82, .18);
}

body.page .entry-content input[type="submit"]:hover,
body.page .entry-content button[type="submit"]:hover,
body.page .entry-content .ff-btn-submit:hover {
    transform: translateY(-1px);
}

/* WhatsApp / secondary button */
body.page .entry-content a[href*="wa.me"],
body.page .entry-content a[href*="whatsapp"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 22px;
    border-radius: 999px;
    background: #f7f3e7;
    color: #8a681c;
    font-weight: 800;
    text-decoration: none;
}

/* Mobile */
@media (max-width: 768px) {
    body.page .entry-content form,
    body.page .entry-content .fluentform form,
    body.page .entry-content .wpcf7 form {
        display: block !important;
    }

    body.page .entry-content input,
    body.page .entry-content select,
    body.page .entry-content textarea {
        font-size: 15px !important;
    }
}


/* =========================================================
   wofod-sy Flights Form Final Layout Fix
   ========================================================= */

#wf-flights-form,
.wf-flights-form-section {
    direction: rtl !important;
    max-width: 1080px !important;
    margin: 35px auto !important;
    padding: 34px 26px !important;
    background: #fff !important;
    border: 1px solid #edf0f2 !important;
    border-radius: 28px !important;
    box-shadow: 0 18px 45px rgba(8, 59, 82, .08) !important;
    overflow: visible !important;
}

.wf-flights-form-head {
    text-align: center !important;
    margin-bottom: 28px !important;
}

.wf-flights-form-head span {
    display: inline-flex !important;
    padding: 7px 15px !important;
    border-radius: 999px !important;
    background: #f7f1df !important;
    color: #9a741f !important;
    font-weight: 800 !important;
    font-size: 13px !important;
}

.wf-flights-form-head h2,
.wf-flights-form-section h2 {
    color: #9a741f !important;
    font-size: clamp(28px, 4vw, 42px) !important;
    line-height: 1.35 !important;
    margin: 12px 0 8px !important;
    font-weight: 900 !important;
}

.wf-flights-form-head p {
    color: #4f5d66 !important;
    font-size: 16px !important;
    margin: 0 auto !important;
    max-width: 720px !important;
}

/* نوع الرحلة */
.wf-flights-trip-types {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 18px auto 30px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.wf-flights-trip-types label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 130px !important;
    height: 44px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border: 1px solid #dfe8ed !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #1f3038 !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    box-shadow: 0 8px 22px rgba(8, 59, 82, .05) !important;
}

.wf-flights-trip-types input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    accent-color: #0b6f95 !important;
}

/* شبكة الحقول */
.wf-flights-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 20px !important;
    width: 100% !important;
    max-width: 920px !important;
    margin: 0 auto !important;
    align-items: start !important;
}

.wf-flights-form-grid label,
.wf-flights-form-notes {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: #263640 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: right !important;
}

.wf-flights-form-grid label span,
.wf-flights-form-notes span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #263640 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.wf-flights-form-grid input,
.wf-flights-form-grid select,
.wf-flights-form-grid textarea,
.wf-flights-form-notes textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 12px 15px !important;
    background: #fff !important;
    color: #122631 !important;
    border: 1px solid #dfe8ed !important;
    border-radius: 15px !important;
    font-family: Cairo, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.wf-flights-form-grid input:focus,
.wf-flights-form-grid select:focus,
.wf-flights-form-grid textarea:focus,
.wf-flights-form-notes textarea:focus {
    border-color: #0b6f95 !important;
    box-shadow: 0 0 0 4px rgba(11, 111, 149, .10) !important;
    outline: none !important;
}

.wf-flights-form-notes {
    max-width: 920px !important;
    margin: 18px auto 0 !important;
}

.wf-flights-form-notes textarea {
    min-height: 135px !important;
    resize: vertical !important;
}

/* الأزرار */
.wf-flights-form-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 24px !important;
    flex-wrap: wrap !important;
}

.wf-flights-form-actions button,
.wf-flights-form-actions .button,
.wf-flights-form-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;
    border: 0 !important;
    text-decoration: none !important;
    font-family: Cairo, sans-serif !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.wf-flights-form-actions button {
    background: linear-gradient(135deg, #0b6f95, #083b52) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(8, 59, 82, .18) !important;
}

.wf-flights-form-actions a {
    background: #f7f1df !important;
    color: #8a681c !important;
}

/* منع أي CSS سابق من ضغط الفورم */
#wf-flights-form p,
.wf-flights-form-section p {
    margin-top: 0 !important;
}

#wf-flights-form br,
.wf-flights-form-section br {
    display: none !important;
}

/* موبايل */
@media (max-width: 768px) {
    #wf-flights-form,
    .wf-flights-form-section {
        padding: 26px 16px !important;
        border-radius: 22px !important;
        margin: 24px 12px !important;
    }

    .wf-flights-form-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .wf-flights-trip-types {
        flex-direction: column !important;
        align-items: stretch !important;
        max-width: 320px !important;
    }

    .wf-flights-trip-types label {
        width: 100% !important;
        justify-content: center !important;
    }

    .wf-flights-form-actions {
        flex-direction: column !important;
    }

    .wf-flights-form-actions button,
    .wf-flights-form-actions a {
        width: 100% !important;
        max-width: 320px !important;
    }
}


/* =========================================================
   wofod-sy Flights Page - Hard Form Reset
   ========================================================= */

body.page-id-18 #wf-flights-form,
body.page-id-18 .wf-flights-form-section {
    max-width: 1060px !important;
    margin: 40px auto !important;
    padding: 36px 28px !important;
    background: #fff !important;
    border: 1px solid #e8edf1 !important;
    border-radius: 28px !important;
    box-shadow: 0 18px 45px rgba(8, 59, 82, .08) !important;
    direction: rtl !important;
    text-align: right !important;
    overflow: hidden !important;
}

body.page-id-18 .wf-flights-form-head {
    text-align: center !important;
    max-width: 760px !important;
    margin: 0 auto 26px !important;
}

body.page-id-18 .wf-flights-form-head span {
    display: inline-flex !important;
    padding: 7px 16px !important;
    border-radius: 999px !important;
    background: #f7f1df !important;
    color: #9a741f !important;
    font-weight: 800 !important;
    font-size: 13px !important;
}

body.page-id-18 .wf-flights-form-head h2 {
    margin: 12px 0 8px !important;
    color: #9a741f !important;
    font-size: 38px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
}

body.page-id-18 .wf-flights-form-head p {
    margin: 0 !important;
    color: #40515c !important;
    font-size: 16px !important;
}

/* منع تأثيرات قديمة */
body.page-id-18 #wf-flights-form br,
body.page-id-18 .wf-flights-form-section br {
    display: none !important;
}

body.page-id-18 #wf-flights-form p,
body.page-id-18 .wf-flights-form-section p {
    margin: 0 !important;
    padding: 0 !important;
}

/* أزرار نوع الرحلة */
body.page-id-18 .wf-flights-trip-types {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto 30px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-id-18 .wf-flights-trip-types label {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 145px !important;
    height: 46px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    background: #fff !important;
    border: 1px solid #dce6ec !important;
    border-radius: 999px !important;
    color: #142d3a !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 22px rgba(8, 59, 82, .05) !important;
    cursor: pointer !important;
}

body.page-id-18 .wf-flights-trip-types input[type="radio"] {
    display: inline-block !important;
    appearance: auto !important;
    -webkit-appearance: radio !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    accent-color: #0b6f95 !important;
}

/* شبكة الحقول */
body.page-id-18 .wf-flights-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 22px !important;
    width: 100% !important;
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.page-id-18 .wf-flights-form-grid label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    color: #22313a !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.6 !important;
}

body.page-id-18 .wf-flights-form-grid label span,
body.page-id-18 .wf-flights-form-notes span {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #22313a !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: right !important;
}

/* إظهار كل الحقول بقوة */
body.page-id-18 .wf-flights-form-grid input,
body.page-id-18 .wf-flights-form-grid select,
body.page-id-18 .wf-flights-form-grid textarea,
body.page-id-18 .wf-flights-form-notes textarea {
    display: block !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 12px 15px !important;
    background: #fff !important;
    color: #122631 !important;
    border: 1px solid #dce6ec !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    font-family: Cairo, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

body.page-id-18 .wf-flights-form-grid select {
    cursor: pointer !important;
}

body.page-id-18 .wf-flights-form-grid input:focus,
body.page-id-18 .wf-flights-form-grid select:focus,
body.page-id-18 .wf-flights-form-notes textarea:focus {
    border-color: #0b6f95 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(11, 111, 149, .10) !important;
}

/* الملاحظات */
body.page-id-18 .wf-flights-form-notes {
    display: block !important;
    width: 100% !important;
    max-width: 920px !important;
    margin: 20px auto 0 !important;
    padding: 0 !important;
    text-align: right !important;
    color: #22313a !important;
    font-weight: 900 !important;
}

body.page-id-18 .wf-flights-form-notes textarea {
    min-height: 140px !important;
    resize: vertical !important;
}

/* الأزرار */
body.page-id-18 .wf-flights-form-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 26px auto 0 !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
}

body.page-id-18 .wf-flights-form-actions button,
body.page-id-18 .wf-flights-form-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    border: 0 !important;
    font-family: Cairo, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

body.page-id-18 .wf-flights-form-actions button {
    background: linear-gradient(135deg, #0b6f95, #083b52) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(8, 59, 82, .18) !important;
}

body.page-id-18 .wf-flights-form-actions a {
    background: #f7f1df !important;
    color: #8a681c !important;
}

/* موبايل */
@media (max-width: 768px) {
    body.page-id-18 #wf-flights-form,
    body.page-id-18 .wf-flights-form-section {
        margin: 24px 12px !important;
        padding: 26px 16px !important;
        border-radius: 22px !important;
    }

    body.page-id-18 .wf-flights-form-head h2 {
        font-size: 28px !important;
    }

    body.page-id-18 .wf-flights-trip-types {
        flex-direction: column !important;
        max-width: 340px !important;
    }

    body.page-id-18 .wf-flights-trip-types label {
        width: 100% !important;
    }

    body.page-id-18 .wf-flights-form-grid {
        grid-template-columns: 1fr !important;
    }

    body.page-id-18 .wf-flights-form-actions {
        flex-direction: column !important;
    }

    body.page-id-18 .wf-flights-form-actions button,
    body.page-id-18 .wf-flights-form-actions a {
        width: 100% !important;
        max-width: 340px !important;
    }
}


/* =========================================================
   wofod-sy Flights Shortcode Form - Clean Final Style
   ========================================================= */

body.page-id-12 #wf-flights-form,
body.page-id-12 .wf-flights-form-section {
    max-width: 1060px !important;
    margin: 40px auto !important;
    padding: 36px 28px !important;
    background: #fff !important;
    border: 1px solid #e8edf1 !important;
    border-radius: 28px !important;
    box-shadow: 0 18px 45px rgba(8, 59, 82, .08) !important;
    direction: rtl !important;
    text-align: right !important;
}

body.page-id-12 .wf-flights-form-head {
    text-align: center !important;
    max-width: 760px !important;
    margin: 0 auto 28px !important;
}

body.page-id-12 .wf-flights-form-head span {
    display: inline-flex !important;
    padding: 7px 16px !important;
    border-radius: 999px !important;
    background: #f7f1df !important;
    color: #9a741f !important;
    font-weight: 800 !important;
    font-size: 13px !important;
}

body.page-id-12 .wf-flights-form-head h2 {
    margin: 12px 0 8px !important;
    color: #9a741f !important;
    font-size: clamp(28px, 4vw, 40px) !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
}

body.page-id-12 .wf-flights-form-head p {
    margin: 0 !important;
    color: #40515c !important;
    font-size: 16px !important;
}

body.page-id-12 .wf-flights-form {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-12 .wf-flights-trip-type {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 auto 30px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.page-id-12 .wf-flights-trip-type label {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 145px !important;
    height: 46px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    background: #fff !important;
    border: 1px solid #dce6ec !important;
    border-radius: 999px !important;
    color: #142d3a !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 22px rgba(8, 59, 82, .05) !important;
    cursor: pointer !important;
}

body.page-id-12 .wf-flights-trip-type input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: #0b6f95 !important;
}

body.page-id-12 .wf-flights-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 22px !important;
    max-width: 920px !important;
    margin: 0 auto !important;
}

body.page-id-12 .wf-flights-form-grid label,
body.page-id-12 .wf-flights-form-notes {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: #22313a !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: right !important;
}

body.page-id-12 .wf-flights-form-grid label span,
body.page-id-12 .wf-flights-form-notes span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #22313a !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

body.page-id-12 .wf-flights-form-grid input,
body.page-id-12 .wf-flights-form-grid select,
body.page-id-12 .wf-flights-form-notes textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 12px 15px !important;
    background: #fff !important;
    color: #122631 !important;
    border: 1px solid #dce6ec !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    font-family: Cairo, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

body.page-id-12 .wf-flights-form-grid input:focus,
body.page-id-12 .wf-flights-form-grid select:focus,
body.page-id-12 .wf-flights-form-notes textarea:focus {
    border-color: #0b6f95 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(11, 111, 149, .10) !important;
}

body.page-id-12 .wf-flights-form-notes {
    max-width: 920px !important;
    margin: 20px auto 0 !important;
}

body.page-id-12 .wf-flights-form-notes textarea {
    min-height: 140px !important;
    resize: vertical !important;
}

body.page-id-12 .wf-flights-form-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 26px auto 0 !important;
    flex-wrap: wrap !important;
}

body.page-id-12 .wf-flights-form-actions button,
body.page-id-12 .wf-flights-form-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    border: 0 !important;
    font-family: Cairo, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

body.page-id-12 .wf-flights-form-actions button {
    background: linear-gradient(135deg, #0b6f95, #083b52) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(8, 59, 82, .18) !important;
}

body.page-id-12 .wf-flights-form-actions a {
    background: #f7f1df !important;
    color: #8a681c !important;
}

@media (max-width: 768px) {
    body.page-id-12 #wf-flights-form {
        margin: 24px 12px !important;
        padding: 26px 16px !important;
        border-radius: 22px !important;
    }

    body.page-id-12 .wf-flights-trip-type {
        flex-direction: column !important;
        max-width: 340px !important;
    }

    body.page-id-12 .wf-flights-trip-type label {
        width: 100% !important;
    }

    body.page-id-12 .wf-flights-form-grid {
        grid-template-columns: 1fr !important;
    }

    body.page-id-12 .wf-flights-form-actions {
        flex-direction: column !important;
    }

    body.page-id-12 .wf-flights-form-actions button,
    body.page-id-12 .wf-flights-form-actions a {
        width: 100% !important;
        max-width: 340px !important;
    }
}


/* Flights form ordering polish */
body.page-id-12 .wf-flights-email-field {
    grid-column: 1 / -1 !important;
    max-width: calc(50% - 11px) !important;
    margin-right: auto !important;
}

@media (max-width: 768px) {
    body.page-id-12 .wf-flights-email-field {
        max-width: 100% !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   wofod-sy Flight Autocomplete JS
   ========================================================= */

.wf-flight-autocomplete-box {
    position: absolute;
    z-index: 999999;
    background: #fff;
    border: 1px solid #dce8ee;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(8, 59, 82, .16);
    padding: 8px;
    max-height: 290px;
    overflow-y: auto;
    font-family: Cairo, sans-serif;
}

.wf-flight-ac-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 0;
    background: transparent;
    color: #18313d;
    padding: 11px 12px;
    border-radius: 12px;
    cursor: pointer;
    text-align: right;
    font-family: Cairo, sans-serif;
}

.wf-flight-ac-item:hover,
.wf-flight-ac-item.is-active {
    background: #f2f8fb;
}

.wf-flight-ac-item span {
    font-size: 14px;
    font-weight: 800;
}

.wf-flight-ac-item em {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-style: normal;
    color: #6c7a82;
    font-size: 12px;
    white-space: nowrap;
}

.wf-flight-ac-item strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f7f1df;
    color: #8a681c;
    font-size: 12px;
    font-weight: 900;
}

.wf-flight-ac-item small {
    font-size: 12px;
    color: #6c7a82;
}

.wf-flight-ac-empty {
    padding: 14px 12px;
    color: #7a8790;
    font-size: 13px;
    text-align: center;
}

@media (max-width: 768px) {
    .wf-flight-autocomplete-box {
        max-height: 240px;
        border-radius: 14px;
    }

    .wf-flight-ac-item {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}


/* =========================================================
   wofod-sy Flight Form Conditional Fields
   ========================================================= */

body.page-id-12 .wf-hidden-field {
    display: none !important;
}

body.page-id-12 .wf-multicity-note {
    grid-column: 1 / -1 !important;
    background: #f7f1df;
    color: #7a5a12;
    border: 1px solid #ead9a8;
    border-radius: 15px;
    padding: 13px 16px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.8;
    text-align: right;
}


/* Flight form success message */
body.page-id-12 .wf-flight-success-message {
    max-width: 920px;
    margin: 0 auto 24px;
    padding: 15px 18px;
    border-radius: 16px;
    background: #edf8f1;
    border: 1px solid #bfe8cc;
    color: #176a35;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.8;
    text-align: center;
}


/* wofod-sy request form - airline field */
.wf-airline-field {
  grid-column: 1 / -1;
}

.wf-airline-field select {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(11, 93, 126, 0.18);
  background: #fff;
  padding: 0 14px;
  font-family: inherit;
}

.wf-airline-field label {
  font-weight: 700;
  color: #083B52;
}

/* =========================================================
   wofod-sy Flights - Organized request form layout
   ========================================================= */

.wf-live-form.wf-flight-organized {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
}

.wf-live-form.wf-flight-organized .wf-form-field,
.wf-live-form.wf-flight-organized .wf-flight-field {
  margin: 0;
}

.wf-live-form.wf-flight-organized .wf-flight-trip-type,
.wf-live-form.wf-flight-organized .wf-form-actions,
.wf-live-form.wf-flight-organized textarea,
.wf-live-form.wf-flight-organized .wf-form-field:has(textarea) {
  grid-column: 1 / -1;
}

.wf-live-form.wf-flight-organized label {
  display: block;
  margin-bottom: 7px;
  font-weight: 700;
  color: #083B52;
}

.wf-live-form.wf-flight-organized input,
.wf-live-form.wf-flight-organized select,
.wf-live-form.wf-flight-organized textarea {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(11, 93, 126, 0.18);
  background: #fff;
  padding: 0 14px;
  font-family: inherit;
  box-sizing: border-box;
}

.wf-live-form.wf-flight-organized textarea {
  min-height: 120px;
  padding-top: 12px;
}

.wf-live-form.wf-flight-organized .wf-form-submit {
  width: 100%;
  min-height: 52px;
  border-radius: 16px;
}

@media (max-width: 768px) {
  .wf-live-form.wf-flight-organized {
    grid-template-columns: 1fr;
  }

  .wf-live-form.wf-flight-organized .wf-flight-trip-type,
  .wf-live-form.wf-flight-organized .wf-form-actions,
  .wf-live-form.wf-flight-organized textarea,
  .wf-live-form.wf-flight-organized .wf-form-field:has(textarea) {
    grid-column: auto;
  }
}

/* =========================================================
   wofod-sy Flights - Strong two-column grid
   ========================================================= */

.wf-live-form.wf-flight-grid-fixed {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 18px !important;
  align-items: start;
}

.wf-live-form.wf-flight-grid-fixed .wf-flight-item {
  width: 100%;
  margin: 0 !important;
}

.wf-live-form.wf-flight-grid-fixed .wf-row-full {
  grid-column: 1 / -1 !important;
}

.wf-live-form.wf-flight-grid-fixed label {
  display: block;
  margin-bottom: 7px;
  font-weight: 700;
  color: #083B52;
}

.wf-live-form.wf-flight-grid-fixed input,
.wf-live-form.wf-flight-grid-fixed select,
.wf-live-form.wf-flight-grid-fixed textarea {
  width: 100% !important;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(11, 93, 126, 0.18);
  background: #fff;
  padding: 0 14px;
  font-family: inherit;
  box-sizing: border-box;
}

.wf-live-form.wf-flight-grid-fixed textarea {
  min-height: 120px;
  padding-top: 12px;
}

.wf-live-form.wf-flight-grid-fixed .wf-flight-submit-row button,
.wf-live-form.wf-flight-grid-fixed .wf-flight-submit-row input[type="submit"],
.wf-live-form.wf-flight-grid-fixed .wf-form-submit {
  width: 100% !important;
  min-height: 52px;
  border-radius: 16px;
}

@media (max-width: 768px) {
  .wf-live-form.wf-flight-grid-fixed {
    grid-template-columns: 1fr !important;
  }

  .wf-live-form.wf-flight-grid-fixed .wf-row-full {
    grid-column: auto !important;
  }
}

/* =========================================================
   wofod-sy Flights - Real form grid layout
   ========================================================= */

.wf-flights-form-section {
  max-width: 1120px;
  margin: 42px auto;
  padding: 0 18px;
}

.wf-flights-form {
  background: #ffffff;
  border: 1px solid rgba(11, 93, 126, 0.10);
  border-radius: 26px;
  padding: 26px;
  box-shadow: 0 18px 45px rgba(8, 59, 82, 0.08);
}

.wf-flights-trip-type {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.wf-flights-trip-type label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  border-radius: 16px;
  background: #f4f8fb;
  border: 1px solid rgba(11, 93, 126, 0.12);
  font-weight: 700;
  color: #083B52;
  cursor: pointer;
}

.wf-flights-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 18px !important;
}

.wf-flights-form-grid > label {
  display: block;
  margin: 0 !important;
}

/* ترتيب الحقول */
.wf-flights-form-grid > label:has([name="full_name"]) {
  order: 1;
}

.wf-flights-form-grid > label:has([name="phone"]) {
  order: 2;
}

.wf-flights-form-grid > label:has([name="departure_city"]) {
  order: 3;
}

.wf-flights-form-grid > label:has([name="destination"]) {
  order: 4;
}

.wf-flights-form-grid > label:has([name="travel_date"]) {
  order: 5;
}

.wf-flights-form-grid > label:has([name="return_date"]) {
  order: 6;
}

.wf-flights-form-grid > label:has([name="preferred_airline"]) {
  order: 7;
}

.wf-flights-form-grid > label:has([name="budget"]) {
  order: 8;
}

.wf-flights-form-grid > label:has([name="people_count"]) {
  order: 9;
}

.wf-flights-form-grid > label:has([name="stops_preference"]) {
  order: 10;
}

.wf-flights-form-grid > label:has([name="time_preference"]) {
  order: 11;
}

.wf-flights-form-grid > label:has([name="date_flexibility"]) {
  order: 12;
}

.wf-flights-form-grid > label:has([name="email"]) {
  order: 13;
  grid-column: 1 / -1;
}

.wf-flights-form-grid span {
  display: block;
  margin-bottom: 7px;
  font-weight: 800;
  color: #083B52;
}

.wf-flights-form-grid input,
.wf-flights-form-grid select,
.wf-flights-form textarea {
  width: 100% !important;
  min-height: 50px;
  border-radius: 15px;
  border: 1px solid rgba(11, 93, 126, 0.18);
  background: #fff;
  padding: 0 14px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 15px;
}

.wf-flights-form textarea {
  min-height: 130px;
  padding-top: 13px;
}

.wf-flights-form button[type="submit"],
.wf-flights-form input[type="submit"] {
  width: 100%;
  min-height: 54px;
  border-radius: 17px;
  font-weight: 800;
  font-size: 16px;
}

@media (max-width: 768px) {
  .wf-flights-form {
    padding: 18px;
    border-radius: 22px;
  }

  .wf-flights-trip-type,
  .wf-flights-form-grid {
    grid-template-columns: 1fr !important;
  }

  .wf-flights-form-grid > label:has([name="email"]) {
    grid-column: auto;
  }
}

/* =========================================================
   wofod-sy Flights - Notes and action buttons
   ========================================================= */

.wf-flights-form-notes {
  display: block;
  margin-top: 18px;
}

.wf-flights-form-notes span {
  display: block;
  margin-bottom: 7px;
  font-weight: 800;
  color: #083B52;
}

.wf-flights-form-notes textarea {
  width: 100% !important;
  min-height: 135px;
  border-radius: 16px;
  border: 1px solid rgba(11, 93, 126, 0.18);
  background: #fff;
  padding: 14px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 15px;
  resize: vertical;
}

.wf-flights-form-actions {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  gap: 14px;
  margin-top: 18px;
}

.wf-flights-form-actions button,
.wf-flights-form-actions a {
  min-height: 54px;
  border-radius: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  font-weight: 800;
  font-size: 16px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.wf-flights-form-actions button {
  border: 0;
  background: #0B5D7E;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(11, 93, 126, 0.20);
}

.wf-flights-form-actions a {
  background: #f4f8fb;
  color: #083B52;
  border: 1px solid rgba(11, 93, 126, 0.14);
}

.wf-flights-form-actions button:hover,
.wf-flights-form-actions a:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(8, 59, 82, 0.16);
}

@media (max-width: 768px) {
  .wf-flights-form-actions {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   wofod-sy Flights - Services cards polish
   ========================================================= */

body.page-id-12 .wf-flights-services {
  max-width: 1120px;
  margin: 54px auto;
  padding: 0 18px;
}

body.page-id-12 .wf-flights-section-head {
  text-align: center;
  margin-bottom: 26px;
}

body.page-id-12 .wf-flights-section-head span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(231, 182, 91, 0.18);
  color: #9a741f;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-id-12 .wf-flights-section-head h2 {
  margin: 0 0 10px;
  color: #083B52;
  font-size: clamp(25px, 3vw, 38px);
  font-weight: 900;
}

body.page-id-12 .wf-flights-section-head p {
  max-width: 680px;
  margin: 0 auto;
  color: #566;
  line-height: 1.9;
  font-size: 16px;
}

body.page-id-12 .wf-flights-services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

body.page-id-12 .wf-flights-card {
  position: relative;
  background: #ffffff;
  border-radius: 24px;
  padding: 24px 20px;
  border: 1px solid rgba(11, 93, 126, 0.10);
  box-shadow: 0 16px 38px rgba(8, 59, 82, 0.07);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.page-id-12 .wf-flights-card::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #0B5D7E, #e7b65b);
}

body.page-id-12 .wf-flights-card small {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  background: #f4f8fb;
  color: #0B5D7E;
  font-weight: 800;
  font-size: 12px;
  margin-bottom: 13px;
}

body.page-id-12 .wf-flights-card h3 {
  margin: 0 0 10px;
  color: #083B52;
  font-size: 20px;
  font-weight: 900;
}

body.page-id-12 .wf-flights-card p {
  margin: 0;
  color: #5b6970;
  line-height: 1.9;
  font-size: 15px;
}

body.page-id-12 .wf-flights-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 48px rgba(8, 59, 82, 0.12);
  border-color: rgba(11, 93, 126, 0.20);
}

@media (max-width: 1024px) {
  body.page-id-12 .wf-flights-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.page-id-12 .wf-flights-services {
    margin: 38px auto;
  }

  body.page-id-12 .wf-flights-services-grid {
    grid-template-columns: 1fr;
  }

  body.page-id-12 .wf-flights-card {
    border-radius: 20px;
    padding: 22px 18px;
  }
}

/* =========================================================
   wofod-sy Flights - Bottom CTA polish
   ========================================================= */

body.page-id-12 .wf-flights-cta {
  max-width: 1120px;
  margin: 34px auto 60px;
  padding: 30px 32px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(231, 182, 91, 0.24), transparent 36%),
    linear-gradient(135deg, #083B52, #0B5D7E);
  color: #fff;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 22px;
  align-items: center;
  box-shadow: 0 22px 50px rgba(8, 59, 82, 0.18);
}

body.page-id-12 .wf-flights-cta span {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: #ffe6aa;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-id-12 .wf-flights-cta h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 900;
}

body.page-id-12 .wf-flights-cta p {
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  line-height: 1.9;
  max-width: 650px;
}

body.page-id-12 .wf-flights-cta a {
  min-width: 150px;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  background: #e7b65b;
  color: #083B52;
  text-decoration: none !important;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

body.page-id-12 .wf-flights-cta a:hover {
  transform: translateY(-2px);
  background: #f2c978;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.20);
}

@media (max-width: 768px) {
  body.page-id-12 .wf-flights-cta {
    grid-template-columns: 1fr;
    padding: 24px 20px;
    border-radius: 24px;
    text-align: center;
  }

  body.page-id-12 .wf-flights-cta p {
    margin-inline: auto;
  }

  body.page-id-12 .wf-flights-cta a {
    width: 100%;
  }
}

/* =========================================================
   wofod-sy Hotels Page - General polish
   ========================================================= */



























@media (max-width: 1024px) {
  
}

@media (max-width: 768px) {
  

  

  

  
}

/* =========================================================
   wofod-sy Hotels Page - Final polish page-id-11
   ========================================================= */



































@media (max-width: 900px) {
  
}

@media (max-width: 640px) {
  

  

  

  
}


/* =========================================================
   wofod-sy Hotels Page - Active classes final styling
   ========================================================= */





































































@media (max-width: 900px) {
  

  
}

@media (max-width: 640px) {
  

  

  

  
}


/* =========================================================
   wofod-sy Hotels - Admin synced city buttons
   ========================================================= */







@media (max-width: 640px) {
  

  
}


/* =========================================================
   wofod-sy Hotels - Server rendered city buttons
   ========================================================= */











@media (max-width: 640px) {
  

  

  
}


/* =========================================================
   wofod-sy Hotels - Force visible city buttons
   ========================================================= */












/* =========================================================
   wofod-sy Hotels - City buttons inside booking form
   ========================================================= */













@media (max-width: 640px) {
  

  

  
}


/* =========================================================
   wofod-sy Hotels - Final city buttons inside form only
   ========================================================= */













@media (max-width: 640px) {
  

  

  
}


/* =========================================================
   wofod-sy Hotels - Hide duplicated external city box
   ========================================================= */

/* إخفاء أي صندوق مدن خارجي قديم */


/* إظهار صندوق المدن الصحيح داخل نموذج الفنادق */


/* إظهار الأزرار داخل الصندوق الصحيح */





/* =========================================================
   wofod-sy Hotels - Fallback hide first duplicate city box
   ========================================================= */






/* =========================================================
   wofod-sy Final Frontend Polish - Global UI
   ========================================================= */

:root{
  --wf-blue:#0B5D7E;
  --wf-blue-dark:#083B52;
  --wf-gold:#C79A3A;
  --wf-gold-soft:#F6E9C8;
  --wf-bg:#F6F9FB;
  --wf-soft:#EEF6F9;
  --wf-border:#DDEBF0;
  --wf-text:#23313A;
  --wf-muted:#667985;
  --wf-radius:22px;
  --wf-shadow:0 18px 45px rgba(8,59,82,.10);
}

body{
  background:
    radial-gradient(circle at top right, rgba(11,93,126,.08), transparent 36%),
    linear-gradient(180deg,#ffffff 0%,#f7fafc 45%,#f4f8fb 100%);
  color:var(--wf-text);
}

.site-content,
.inside-article{
  overflow:hidden;
}

.entry-content > *:first-child{
  margin-top:0;
}

/* Header polish */
.site-header{
  box-shadow:0 4px 22px rgba(8,59,82,.06);
  position:relative;
  z-index:50;
}

.main-navigation .main-nav ul li a{
  font-weight:700;
  letter-spacing:.1px;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a{
  color:var(--wf-gold) !important;
}

/* Global sections */
.wf-section,
.wf-hotels-section,
.wf-flights-section,
.wf-services-section,
.wf-page-section{
  position:relative;
  padding:70px 22px;
}

.wf-section-inner,
.wf-hotels-inner,
.wf-flights-inner,
.wf-services-inner,
.wf-page-inner{
  max-width:1180px;
  margin:0 auto;
}

/* Hero-like blocks */
.wf-hero,
.wf-hotels-hero,
.wf-flights-hero,
.wf-service-hero,
.wf-page-hero{
  border-radius:32px;
  background:
    linear-gradient(135deg, rgba(11,93,126,.96), rgba(8,59,82,.96)),
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.18), transparent 28%);
  color:#fff;
  box-shadow:var(--wf-shadow);
  overflow:hidden;
}

.wf-hero h1,
.wf-hotels-hero h1,
.wf-flights-hero h1,
.wf-service-hero h1,
.wf-page-hero h1{
  color:#fff;
  font-weight:900;
  line-height:1.25;
}

.wf-hero p,
.wf-hotels-hero p,
.wf-flights-hero p,
.wf-service-hero p,
.wf-page-hero p{
  color:rgba(255,255,255,.88);
  font-size:18px;
  line-height:1.9;
}

/* Cards */
.wf-card,
.wf-service-card,
.wf-hotel-card,
.wf-flight-card,
.wf-feature-card,
.wf-step-card,
.wf-city-card{
  background:rgba(255,255,255,.92);
  border:1px solid var(--wf-border);
  border-radius:var(--wf-radius);
  box-shadow:0 12px 35px rgba(8,59,82,.075);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.wf-card:hover,
.wf-service-card:hover,
.wf-hotel-card:hover,
.wf-flight-card:hover,
.wf-feature-card:hover,
.wf-step-card:hover,
.wf-city-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 50px rgba(8,59,82,.13);
  border-color:rgba(199,154,58,.45);
}

.wf-card h3,
.wf-service-card h3,
.wf-hotel-card h3,
.wf-flight-card h3,
.wf-feature-card h3,
.wf-step-card h3{
  color:var(--wf-blue-dark);
  font-weight:900;
}

.wf-card p,
.wf-service-card p,
.wf-hotel-card p,
.wf-flight-card p,
.wf-feature-card p,
.wf-step-card p{
  color:var(--wf-muted);
  line-height:1.85;
}

/* Buttons */
.wf-btn,
.wf-primary-btn,
.wf-secondary-btn,
.entry-content a.wp-block-button__link,
button,
input[type="submit"]{
  border-radius:999px !important;
  font-weight:800 !important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.wf-btn:hover,
.wf-primary-btn:hover,
.wf-secondary-btn:hover,
.entry-content a.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 25px rgba(8,59,82,.16);
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
select,
textarea{
  border:1px solid #d8e6ec !important;
  border-radius:16px !important;
  background:#fff !important;
  color:var(--wf-text) !important;
  padding:12px 14px !important;
  box-shadow:0 6px 18px rgba(8,59,82,.04);
  transition:border-color .2s ease, box-shadow .2s ease;
}

input:focus,
select:focus,
textarea:focus{
  border-color:var(--wf-blue) !important;
  box-shadow:0 0 0 4px rgba(11,93,126,.12) !important;
  outline:none !important;
}

label{
  font-weight:800;
  color:var(--wf-blue-dark);
}

/* Tables / admin-like frontend blocks */




/* Section titles */
.wf-section-title,
.wf-title,
.entry-content h2{
  color:var(--wf-blue-dark);
  font-weight:900;
  line-height:1.35;
}

.wf-section-subtitle,
.wf-subtitle{
  color:var(--wf-muted);
  line-height:1.9;
}

/* Footer */
.site-footer{
  margin-top:0;
}

.wf-footer-custom{
  border-top:1px solid rgba(199,154,58,.25);
}

.wf-footer-btn{
  box-shadow:0 10px 24px rgba(199,154,58,.18);
}

/* Mobile polish */
@media(max-width:768px){
  body{
    background:#f7fafc;
  }

  .site-logo img,
  .custom-logo{
    max-width:140px !important;
    height:auto !important;
  }

  .wf-section,
  .wf-hotels-section,
  .wf-flights-section,
  .wf-services-section,
  .wf-page-section{
    padding:42px 14px;
  }

  .wf-hero,
  .wf-hotels-hero,
  .wf-flights-hero,
  .wf-service-hero,
  .wf-page-hero{
    border-radius:24px;
  }

  .wf-hero h1,
  .wf-hotels-hero h1,
  .wf-flights-hero h1,
  .wf-service-hero h1,
  .wf-page-hero h1{
    font-size:28px !important;
  }

  .wf-hero p,
  .wf-hotels-hero p,
  .wf-flights-hero p,
  .wf-service-hero p,
  .wf-page-hero p{
    font-size:15px !important;
  }

  .wf-card,
  .wf-service-card,
  .wf-hotel-card,
  .wf-flight-card,
  .wf-feature-card,
  .wf-step-card,
  .wf-city-card{
    border-radius:18px;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="date"],
  select,
  textarea{
    font-size:16px !important;
  }
}

/* Tiny animation */
@media(prefers-reduced-motion:no-preference){
  .wf-card,
  .wf-service-card,
  .wf-hotel-card,
  .wf-flight-card,
  .wf-feature-card,
  .wf-step-card,
  .wf-city-card{
    animation:wfFadeUp .55s ease both;
  }

  @keyframes wfFadeUp{
    from{
      opacity:1;
      transform:translateY(12px);
    }
    to{
      opacity:1;
      transform:translateY(0);
    }
  }
}

/* =========================================================
   wofod-sy Continued Service Pages Design
   ========================================================= */

.wf-service-hero {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 86px 20px 74px;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(231,182,91,.22), transparent 32%),
        radial-gradient(circle at bottom left, rgba(11,93,126,.20), transparent 34%),
        linear-gradient(135deg, #083B52 0%, #0B5D7E 58%, #0f7898 100%);
    color: #fff;
    text-align: center;
}

.wf-service-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 38px 38px;
    opacity: .45;
}

.wf-service-hero-inner {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    z-index: 1;
}

.wf-kicker,
.wf-service-head span,
.wf-service-band > div:first-child span,
.wf-request-intro span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9a741f;
    background: rgba(231,182,91,.16);
    border: 1px solid rgba(231,182,91,.28);
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
}

.wf-service-hero .wf-kicker {
    color: #fff;
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.22);
}

.wf-service-hero h1 {
    color: #fff;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.2;
    margin: 0 0 18px;
    font-weight: 900;
}

.wf-service-hero p {
    max-width: 760px;
    margin: 0 auto 28px;
    color: rgba(255,255,255,.88);
    font-size: 18px;
    line-height: 2;
}

.wf-hero-actions {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

.wf-primary-btn,
.wf-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 24px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .22s ease;
}

.wf-primary-btn {
    background: #e7b65b;
    color: #083B52 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

.wf-secondary-btn {
    background: rgba(255,255,255,.12);
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.32);
}

.wf-primary-btn:hover,
.wf-secondary-btn:hover {
    transform: translateY(-2px);
}

.wf-service-section {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 72px 20px;
    background: #f7f9fb;
}

.wf-service-head {
    max-width: 820px;
    margin: 0 auto 36px;
    text-align: center;
}

.wf-service-head h2,
.wf-service-band h2,
.wf-request-intro h2 {
    color: #083B52;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.35;
    margin: 0 0 14px;
    font-weight: 900;
}

.wf-service-head p,
.wf-request-intro p {
    color: #596b75;
    font-size: 16px;
    line-height: 2;
    margin: 0 auto;
}

.wf-feature-grid {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.wf-feature-card {
    background: #fff;
    border: 1px solid rgba(11,93,126,.10);
    border-radius: 24px;
    padding: 30px 24px;
    box-shadow: 0 14px 34px rgba(8,59,82,.08);
    transition: .22s ease;
    text-align: right;
}

.wf-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 42px rgba(8,59,82,.12);
}

.wf-feature-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(231,182,91,.18), rgba(11,93,126,.10));
    font-size: 28px;
    margin-bottom: 18px;
}

.wf-feature-card h3 {
    color: #083B52;
    margin: 0 0 12px;
    font-size: 21px;
    font-weight: 900;
}

.wf-feature-card p {
    color: #5d6d75;
    line-height: 1.9;
    margin: 0;
}

.wf-service-band {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 70px 20px;
    background:
        radial-gradient(circle at top left, rgba(231,182,91,.18), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #eef6f8 100%);
}

.wf-service-band > div:first-child {
    max-width: 920px;
    margin: 0 auto 30px;
    text-align: center;
}

.wf-process-line {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.wf-process-line > div {
    background: #fff;
    border-radius: 22px;
    border: 1px solid rgba(154,116,31,.14);
    padding: 24px;
    box-shadow: 0 12px 30px rgba(8,59,82,.07);
}

.wf-process-line b {
    display: inline-flex;
    color: #9a741f;
    font-size: 15px;
    margin-bottom: 10px;
}

.wf-process-line strong {
    display: block;
    color: #083B52;
    font-size: 20px;
    margin-bottom: 8px;
}

.wf-process-line p {
    color: #60727a;
    margin: 0;
    line-height: 1.8;
}

.wf-request-wrap {
    max-width: 1120px;
    margin: 70px auto;
    padding: 38px;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(8,59,82,.10);
    border: 1px solid rgba(11,93,126,.10);
}

.wf-request-intro {
    text-align: center;
    max-width: 740px;
    margin: 0 auto 28px;
}

@media (max-width: 900px) {
    .wf-feature-grid,
    .wf-process-line {
        grid-template-columns: 1fr;
    }

    .wf-service-hero {
        padding: 64px 18px 54px;
    }

    .wf-request-wrap {
        margin: 44px 14px;
        padding: 24px;
    }
}


/* =========================================================
   wofod-sy Unified Page Hero
   Arabic-first, image-ready for GeneratePress later
   ========================================================= */

.wf-unified-hero {
    width: 100vw;
    min-height: 420px;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 96px 20px 86px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    direction: rtl;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(8,59,82,.92), rgba(11,93,126,.88)),
        var(--wf-hero-image, none);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.wf-unified-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(231,182,91,.26), transparent 34%),
        radial-gradient(circle at bottom left, rgba(255,255,255,.12), transparent 34%);
    z-index: 0;
}

.wf-unified-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .45;
    z-index: 0;
}

.wf-unified-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.24));
    z-index: 1;
}

.wf-unified-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 920px;
    margin: 0 auto;
}

.wf-unified-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 18px;
    margin-bottom: 18px;
    border-radius: 999px;
    color: #fff;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.24);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

.wf-unified-hero h1 {
    color: #fff;
    font-size: clamp(36px, 5.2vw, 62px);
    line-height: 1.2;
    margin: 0 0 18px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.wf-unified-hero p {
    max-width: 760px;
    margin: 0 auto;
    color: rgba(255,255,255,.9);
    font-size: 18px;
    line-height: 2;
    font-weight: 500;
}

/* إلغاء تكرار تنسيقات الهيرو القديمة على نفس الصفحات */
.wf-service-hero,
.wufoud-hotels-hero,
.wufoud-flights-hero,
.wufoud-tours-hero {
    min-height: 420px;
}

/* عند إضافة صورة لاحقاً يمكن تخصيص كل صفحة بهذا الشكل:
.page-id-XX .wf-unified-hero {
    --wf-hero-image: url('/wp-content/uploads/your-image.jpg');
}
*/

@media (max-width: 900px) {
    .wf-unified-hero {
        min-height: 360px;
        padding: 72px 18px 64px;
    }

    .wf-unified-hero h1 {
        font-size: clamp(30px, 8vw, 44px);
    }

    .wf-unified-hero p {
        font-size: 16px;
        line-height: 1.9;
    }
}

@media (max-width: 560px) {
    .wf-unified-hero {
        min-height: 330px;
        padding: 58px 16px 52px;
    }

    .wf-unified-kicker {
        font-size: 13px;
    }
}


/* =========================================================
   wofod-sy Design Notes Fix
   ========================================================= */

/* Hero typography adjustments */
.wf-unified-hero {
    min-height: 420px !important;
    padding-top: 88px !important;
    padding-bottom: 78px !important;
}

.wf-unified-hero h1 {
    color: #7ed6f2 !important;
    font-size: clamp(32px, 4.7vw, 58px) !important;
    line-height: 1.22 !important;
}

.wf-unified-hero p {
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 2.05 !important;
    max-width: 800px !important;
}

/* Buttons under hero on all pages */
.wf-under-hero-actions {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 22px 20px 24px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    direction: rtl;
    box-shadow: 0 12px 30px rgba(8,59,82,.07);
    position: relative;
    z-index: 3;
}

.wf-under-primary,
.wf-under-secondary {
    min-width: 170px;
    min-height: 46px;
    padding: 12px 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    text-decoration: none !important;
    transition: .22s ease;
}

.wf-under-primary {
    background: #0B5D7E;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(11,93,126,.18);
}

.wf-under-secondary {
    background: #f4f8fb;
    color: #083B52 !important;
    border: 1px solid rgba(11,93,126,.16);
}

.wf-under-primary:hover,
.wf-under-secondary:hover {
    transform: translateY(-2px);
}

/* Enlarge logo by about 20% */
.site-header .header-image,
.site-logo img,
.custom-logo {
    width: 204px !important;
    max-width: 204px !important;
    height: auto !important;
}

/* Main menu clean: no bullets / no dots */
.main-navigation ul,
.main-navigation li,
.main-navigation .main-nav ul,
.main-navigation .main-nav li,
.menu,
.menu li,
.sub-menu,
.sub-menu li {
    list-style: none !important;
}

.main-navigation ul li::marker,
.main-navigation li::marker,
.menu li::marker,
.sub-menu li::marker {
    content: "" !important;
}

.main-navigation .main-nav ul li a {
    font-weight: 800;
}

.main-navigation .main-nav ul ul {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(8,59,82,.16);
    border: 1px solid rgba(11,93,126,.10);
}

/* Footer with same spirit as unified hero */
.site-footer,
.site-info,
.footer-widgets,
.wf-footer-custom {
    background:
        radial-gradient(circle at top right, rgba(231,182,91,.20), transparent 32%),
        radial-gradient(circle at bottom left, rgba(126,214,242,.16), transparent 34%),
        linear-gradient(135deg, #083B52 0%, #0B5D7E 60%, #0f7898 100%) !important;
    color: #ffffff !important;
}

.site-footer a,
.site-info a,
.footer-widgets a,
.wf-footer-custom a {
    color: #ffffff !important;
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.wf-footer-custom h2,
.wf-footer-custom h3 {
    color: #7ed6f2 !important;
}

.site-footer p,
.site-info,
.footer-widgets,
.wf-footer-custom p {
    color: rgba(255,255,255,.88) !important;
}

.wf-footer-btn,
.site-footer .button {
    background: #e7b65b !important;
    color: #083B52 !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
}

/* Contact page clean layout */
.wf-contact-clean {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 72px 20px;
    background:
        radial-gradient(circle at top left, rgba(126,214,242,.16), transparent 32%),
        linear-gradient(180deg, #f7f9fb 0%, #ffffff 100%);
    direction: rtl;
}

.wf-contact-clean-inner {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 28px;
    align-items: start;
}

.wf-contact-info-card,
.wf-contact-form-card {
    background: #ffffff;
    border: 1px solid rgba(11,93,126,.10);
    border-radius: 28px;
    box-shadow: 0 18px 44px rgba(8,59,82,.09);
}

.wf-contact-info-card {
    padding: 34px;
}

.wf-contact-form-card {
    padding: 30px;
}

.wf-contact-info-card > span {
    display: inline-flex;
    color: #9a741f;
    background: rgba(231,182,91,.16);
    border: 1px solid rgba(231,182,91,.28);
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 14px;
}

.wf-contact-info-card h2,
.wf-contact-form-card h3 {
    color: #083B52;
    font-weight: 900;
    margin: 0 0 14px;
}

.wf-contact-info-card h2 {
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.35;
}

.wf-contact-form-card h3 {
    font-size: 28px;
}

.wf-contact-info-card p {
    color: #596b75;
    line-height: 2;
    margin: 0;
}

.wf-contact-points {
    display: grid;
    gap: 14px;
    margin-top: 26px;
}

.wf-contact-points > div {
    padding: 18px;
    border-radius: 18px;
    background: #f7f9fb;
    border: 1px solid rgba(11,93,126,.08);
}

.wf-contact-points b {
    display: block;
    color: #0B5D7E;
    font-size: 17px;
    margin-bottom: 6px;
}

.wf-contact-points p {
    font-size: 14px;
}

/* Normalize form inside contact card */
.wf-contact-form-card form,
.wf-contact-form-card .wufoud-request-form,
.wf-contact-form-card .ff-form {
    max-width: 100% !important;
}

.wf-contact-form-card input,
.wf-contact-form-card select,
.wf-contact-form-card textarea {
    border-radius: 14px !important;
    min-height: 46px;
}

.wf-contact-form-card textarea {
    min-height: 120px;
}

.wf-contact-form-card button,
.wf-contact-form-card input[type="submit"] {
    border-radius: 999px !important;
    background: #0B5D7E !important;
    color: #fff !important;
    font-weight: 900 !important;
    padding: 12px 26px !important;
}

/* Remove old duplicated service hero visuals if still present */
.wf-service-hero + .wf-under-hero-actions,
.wufoud-hotels-hero + .wf-under-hero-actions,
.wufoud-flights-hero + .wf-under-hero-actions,
.wufoud-tours-hero + .wf-under-hero-actions {
    margin-top: 0 !important;
}

@media (max-width: 900px) {
    .site-header .header-image,
    .site-logo img,
    .custom-logo {
        width: 170px !important;
        max-width: 170px !important;
    }

    .wf-contact-clean-inner {
        grid-template-columns: 1fr;
    }

    .wf-contact-clean {
        padding: 44px 14px;
    }

    .wf-contact-info-card,
    .wf-contact-form-card {
        padding: 24px;
        border-radius: 22px;
    }

    .wf-unified-hero p {
        font-size: 18px !important;
    }
}

@media (max-width: 560px) {
    .wf-under-hero-actions {
        padding: 18px 14px;
    }

    .wf-under-primary,
    .wf-under-secondary {
        width: 100%;
    }

    .wf-unified-hero h1 {
        font-size: 30px !important;
    }

    .wf-unified-hero p {
        font-size: 17px !important;
    }
}


/* =========================================================
   wofod-sy Header / Hero Buttons / Top Banner Final Adjustments
   ========================================================= */

/* Top banner */
.wufoud-top-banner {
    width: 100%;
    background:
        radial-gradient(circle at top right, rgba(231,182,91,.18), transparent 32%),
        linear-gradient(135deg, #083B52 0%, #0B5D7E 70%, #0f7898 100%);
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 999;
}

.wufoud-top-banner-inner {
    max-width: 1220px;
    margin: 0 auto;
    min-height: 42px;
    padding: 7px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.wf-top-register {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e7b65b;
    color: #083B52 !important;
    border-radius: 999px;
    padding: 7px 16px;
    font-weight: 900;
    text-decoration: none !important;
    white-space: nowrap;
}

.wf-top-info {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    color: rgba(255,255,255,.92);
    font-weight: 700;
}

.wf-top-info span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Hero buttons inside hero */
.wf-under-hero-actions {
    display: none !important;
}

.wf-hero-inside-actions {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    position: relative;
    z-index: 3;
}

.wf-hero-inside-primary,
.wf-hero-inside-secondary {
    min-width: 170px;
    min-height: 48px;
    padding: 12px 26px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    text-decoration: none !important;
    transition: .22s ease;
}

.wf-hero-inside-primary {
    background: #e7b65b;
    color: #083B52 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.18);
}

.wf-hero-inside-secondary {
    background: rgba(255,255,255,.14);
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.34);
    backdrop-filter: blur(5px);
}

.wf-hero-inside-primary:hover,
.wf-hero-inside-secondary:hover {
    transform: translateY(-2px);
}

/* Enlarge logo 30% from original 170px = 221px */
.site-header .header-image,
.site-logo img,
.custom-logo {
    width: 221px !important;
    max-width: 221px !important;
    height: auto !important;
}

/* Primary menu: remove bullets/dots completely */
.main-navigation ul,
.main-navigation li,
.main-navigation .main-nav ul,
.main-navigation .main-nav li,
.menu,
.menu li,
.sub-menu,
.sub-menu li,
#primary-menu,
#primary-menu li {
    list-style: none !important;
    list-style-type: none !important;
    padding-inline-start: 0;
}

.main-navigation ul li::marker,
.main-navigation li::marker,
.menu li::marker,
.sub-menu li::marker,
#primary-menu li::marker {
    content: "" !important;
    font-size: 0 !important;
}

.main-navigation ul li:before,
.main-navigation li:before,
.menu li:before,
.sub-menu li:before,
#primary-menu li:before {
    content: none !important;
    display: none !important;
}

/* Main menu polish */
.main-navigation .main-nav > ul > li > a {
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.main-navigation .main-nav ul ul {
    min-width: 230px;
    border-radius: 0 0 18px 18px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(8,59,82,.18);
    border: 1px solid rgba(11,93,126,.10);
}

.main-navigation .main-nav ul ul li a {
    font-weight: 800 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* Header spacing with larger logo */
.inside-header {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

@media (max-width: 900px) {
    .wufoud-top-banner-inner {
        justify-content: center;
        text-align: center;
        flex-direction: column;
        gap: 8px;
        padding: 10px 14px;
    }

    .wf-top-info {
        justify-content: center;
        gap: 10px;
        font-size: 13px;
    }

    .site-header .header-image,
    .site-logo img,
    .custom-logo {
        width: 188px !important;
        max-width: 188px !important;
    }
}

@media (max-width: 560px) {
    .wf-hero-inside-primary,
    .wf-hero-inside-secondary {
        width: 100%;
        max-width: 310px;
    }

    .wf-hero-inside-actions {
        margin-top: 24px;
    }

    .wufoud-top-banner {
        font-size: 13px;
    }
}


/* Force remove any menu bullets from theme/browser */
.main-navigation,
.main-navigation ul,
.main-navigation ol,
.main-navigation li,
.main-navigation .main-nav,
.main-navigation .main-nav ul,
.main-navigation .main-nav li,
#site-navigation ul,
#site-navigation li,
#primary-menu,
#primary-menu li,
.menu,
.menu-item,
.sub-menu,
.sub-menu li {
    list-style: none !important;
    list-style-type: none !important;
}

.main-navigation li::before,
.main-navigation li::after,
#site-navigation li::before,
#site-navigation li::after,
#primary-menu li::before,
#primary-menu li::after,
.menu-item::before,
.menu-item::after {
    content: none !important;
    display: none !important;
}

.main-navigation ul,
#site-navigation ul,
#primary-menu,
.sub-menu {
    margin-right: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   wofod-sy Guests Hero + Services Dropdown Fix
   ========================================================= */

/* صفحة ضيوفنا: الهيرو بعرض كامل وارتفاع موحد */
.page-id-0 .wf-hero-guests,
.wf-hero-guests,
body.page .wf-hero-guests {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 420px !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 88px 20px 78px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* منع أي حاوية داخل صفحة ضيوفنا من قص الهيرو */
body.page .entry-content > .wf-hero-guests:first-child,
body.page .inside-article .entry-content > .wf-hero-guests:first-child {
    margin-top: 0 !important;
}

/* قائمة خدماتنا المنسدلة: أرضية بيضاء صريحة */
.main-navigation .main-nav ul ul,
.main-navigation .main-nav ul li:hover > ul,
.main-navigation .main-nav ul li.sfHover > ul,
.main-navigation .main-nav ul li.menu-item-has-children > ul,
#site-navigation .main-nav ul ul,
#primary-menu ul.sub-menu,
ul.sub-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(11,93,126,.14) !important;
    box-shadow: 0 18px 42px rgba(8,59,82,.16) !important;
}

/* عناصر قائمة خدماتنا نفسها */
.main-navigation .main-nav ul ul li,
.main-navigation .main-nav ul ul li a,
#site-navigation .main-nav ul ul li,
#site-navigation .main-nav ul ul li a,
#primary-menu ul.sub-menu li,
#primary-menu ul.sub-menu li a,
ul.sub-menu li,
ul.sub-menu li a {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #083B52 !important;
    opacity: 1 !important;
}

/* الهوفر داخل القائمة المنسدلة يكون فاتح وليس شفاف */
.main-navigation .main-nav ul ul li:hover > a,
.main-navigation .main-nav ul ul li.sfHover > a,
.main-navigation .main-nav ul ul li.current-menu-item > a,
.main-navigation .main-nav ul ul li.current_page_item > a,
#primary-menu ul.sub-menu li:hover > a,
ul.sub-menu li:hover > a {
    background: #f4f8fb !important;
    background-color: #f4f8fb !important;
    color: #0B5D7E !important;
}

/* إزالة أي border-radius دائري داخل القائمة المنسدلة */
.main-navigation .main-nav ul ul,
.main-navigation .main-nav ul ul li,
.main-navigation .main-nav ul ul li a,
#primary-menu ul.sub-menu,
#primary-menu ul.sub-menu li,
#primary-menu ul.sub-menu li a {
    border-radius: 0 !important;
}

/* فقط حواف خفيفة للصندوق كله وليس للعناصر */
.main-navigation .main-nav ul ul,
#primary-menu ul.sub-menu {
    border-radius: 0 0 14px 14px !important;
    overflow: hidden !important;
}


/* =========================================================
   wofod-sy Global Visual Polish
   ========================================================= */

/* ضبط عام للصفحات */
body {
    overflow-x: hidden;
}

.site-content,
.inside-article,
.entry-content {
    direction: rtl;
}

.entry-content > *:first-child {
    margin-top: 0;
}

/* إخفاء عناوين ووردبريس الافتراضية في الصفحات ذات الهيرو الموحد */
.page .entry-header:has(+ .entry-content .wf-unified-hero),
.page .entry-title {
    display: none;
}

/* بديل للمتصفحات التي لا تدعم :has */
body.page-id-7 .entry-header,
body.page-id-16 .entry-header,
body.page-id-9 .entry-header,
body.page-id-12 .entry-header,
body.page-id-10 .entry-header,
body.page-id-13 .entry-header,
body.page-id-14 .entry-header,
body.page-id-15 .entry-header,
body.page-id-17 .entry-header,
body.page-id-18 .entry-header,
body.page-id-19 .entry-header,
body.page-id-219 .entry-header {
    display: none !important;
}

/* تحسين الهيرو الموحد أكثر */
.wf-unified-hero {
    isolation: isolate;
}

.wf-unified-hero-inner {
    animation: wfHeroFadeIn .55s ease both;
}

@keyframes wfHeroFadeIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wf-unified-kicker {
    box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

/* كروت عامة أكثر فخامة */
.wf-feature-card,
.wf-contact-info-card,
.wf-contact-form-card,
.wf-request-wrap,
.wf-process-line > div {
    position: relative;
    overflow: hidden;
}

.wf-feature-card:before,
.wf-contact-info-card:before,
.wf-contact-form-card:before,
.wf-request-wrap:before,
.wf-process-line > div:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #e7b65b, #0B5D7E);
    opacity: .9;
}

.wf-feature-card:hover .wf-feature-icon {
    transform: scale(1.06) rotate(-2deg);
}

.wf-feature-icon {
    transition: .22s ease;
}

/* تحسين أقسام العناوين */
.wf-service-head,
.wf-request-intro {
    position: relative;
}

.wf-service-head h2,
.wf-request-intro h2,
.wf-global-bottom-cta h2 {
    letter-spacing: -.4px;
}

/* CTA عام أسفل صفحات الخدمات */
.wf-global-bottom-cta {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 76px 20px;
    background:
        radial-gradient(circle at top right, rgba(231,182,91,.22), transparent 32%),
        radial-gradient(circle at bottom left, rgba(126,214,242,.16), transparent 34%),
        linear-gradient(135deg, #083B52 0%, #0B5D7E 62%, #0f7898 100%);
    color: #fff;
    direction: rtl;
    text-align: center;
}

.wf-global-bottom-cta-inner {
    max-width: 880px;
    margin: 0 auto;
}

.wf-global-bottom-cta span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #083B52;
    background: #e7b65b;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 16px;
}

.wf-global-bottom-cta h2 {
    color: #7ed6f2;
    font-size: clamp(30px, 4.6vw, 50px);
    line-height: 1.32;
    margin: 0 0 16px;
    font-weight: 900;
}

.wf-global-bottom-cta p {
    color: rgba(255,255,255,.9);
    font-size: 18px;
    line-height: 2;
    max-width: 740px;
    margin: 0 auto 28px;
}

.wf-global-bottom-cta-actions {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

.wf-global-cta-primary,
.wf-global-cta-secondary {
    min-height: 48px;
    min-width: 180px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 26px;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none !important;
    transition: .22s ease;
}

.wf-global-cta-primary {
    background: #e7b65b;
    color: #083B52 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.18);
}

.wf-global-cta-secondary {
    background: rgba(255,255,255,.13);
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.34);
}

.wf-global-cta-primary:hover,
.wf-global-cta-secondary:hover {
    transform: translateY(-2px);
}

/* تحسين صفحة الخدمات الرئيسية */
.wufoud-services-directory,
.wf-service-section,
.wf-guests-content {
    position: relative;
}

.wufoud-services-directory:before,
.wf-service-section:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at top right, rgba(126,214,242,.10), transparent 34%),
        radial-gradient(circle at bottom left, rgba(231,182,91,.10), transparent 34%);
}

/* تحسين الصور/الكروت إن وجدت */
.entry-content img {
    border-radius: 18px;
}

.site-footer {
    margin-top: 0 !important;
}

/* تحسين الموبايل */
@media (max-width: 900px) {
    .wf-unified-hero {
        min-height: 360px !important;
    }

    .wf-feature-grid,
    .wf-process-line,
    .wf-contact-clean-inner {
        gap: 16px !important;
    }

    .wf-service-section,
    .wf-service-band,
    .wf-global-bottom-cta {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }

    .wf-feature-card {
        padding: 24px 20px !important;
    }

    .wf-global-bottom-cta p {
        font-size: 16px;
    }
}

@media (max-width: 560px) {
    .wf-unified-hero {
        min-height: 330px !important;
    }

    .wf-unified-hero h1 {
        font-size: 29px !important;
    }

    .wf-unified-hero p {
        font-size: 16px !important;
    }

    .wf-service-head h2,
    .wf-request-intro h2,
    .wf-global-bottom-cta h2 {
        font-size: 27px !important;
    }

    .wf-global-cta-primary,
    .wf-global-cta-secondary {
        width: 100%;
        max-width: 310px;
    }
}


/* =========================================================
   wofod-sy General Enhancements Round 2
   ========================================================= */

/* منع أي قص عرضي */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* شريط ثقة الرئيسية */
.wf-home-trust-strip {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    background: #ffffff;
    padding: 0 20px;
    direction: rtl;
    position: relative;
    z-index: 4;
    box-shadow: 0 12px 34px rgba(8,59,82,.08);
}

.wf-home-trust-inner {
    max-width: 1180px;
    margin: -34px auto 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    position: relative;
    z-index: 5;
}

.wf-home-trust-inner > div {
    background: #ffffff;
    border: 1px solid rgba(11,93,126,.10);
    border-radius: 22px;
    padding: 20px 18px;
    box-shadow: 0 16px 36px rgba(8,59,82,.10);
    text-align: center;
}

.wf-home-trust-inner strong {
    display: block;
    color: #083B52;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 6px;
}

.wf-home-trust-inner span {
    display: block;
    color: #60727a;
    font-size: 14px;
    line-height: 1.7;
}

/* تحسين المسافات بعد شريط الثقة */
.wf-home-trust-strip + section,
.wf-home-trust-strip + .wp-block-group {
    margin-top: 48px !important;
}

/* تحسين كروت الخدمات العامة */
.wufoud-services-directory a,
.wf-service-card a,
.wf-feature-card a,
.wf-global-cta-primary,
.wf-global-cta-secondary,
.wf-hero-inside-primary,
.wf-hero-inside-secondary {
    cursor: pointer;
}

.wufoud-services-directory .wufoud-service-card,
.wf-service-card,
.wf-feature-card {
    border: 1px solid rgba(11,93,126,.10) !important;
    box-shadow: 0 14px 36px rgba(8,59,82,.08) !important;
}

.wufoud-services-directory .wufoud-service-card:hover,
.wf-service-card:hover,
.wf-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 48px rgba(8,59,82,.14) !important;
}

/* تحسين الأزرار */
a[class*="wf-"],
button,
input[type="submit"] {
    transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease;
}

a[class*="wf-"]:hover,
button:hover,
input[type="submit"]:hover {
    transform: translateY(-1px);
}

/* توحيد خلفيات الأقسام الفاتحة */
.wf-service-section,
.wufoud-services-directory,
.wf-contact-clean,
.wf-guests-content {
    background:
        radial-gradient(circle at top right, rgba(126,214,242,.10), transparent 34%),
        radial-gradient(circle at bottom left, rgba(231,182,91,.10), transparent 34%),
        #f7f9fb !important;
}

/* تقليل الفراغات الزائدة في الصفحات */
.entry-content > section {
    margin-bottom: 0;
}

.wf-service-section + .wf-service-band,
.wf-service-band + .wf-request-wrap,
.wf-service-section + .wf-global-bottom-cta {
    margin-top: 0 !important;
}

/* تحسين نموذج الطلب بصرياً دون لمس وظائفه */
.wf-request-wrap form,
.wf-contact-form-card form {
    direction: rtl;
}

.wf-request-wrap input,
.wf-request-wrap select,
.wf-request-wrap textarea,
.wf-contact-form-card input,
.wf-contact-form-card select,
.wf-contact-form-card textarea {
    width: 100%;
    border: 1px solid rgba(11,93,126,.16) !important;
    background: #f9fbfc !important;
    color: #083B52 !important;
    box-shadow: none !important;
}

.wf-request-wrap input:focus,
.wf-request-wrap select:focus,
.wf-request-wrap textarea:focus,
.wf-contact-form-card input:focus,
.wf-contact-form-card select:focus,
.wf-contact-form-card textarea:focus {
    border-color: #0B5D7E !important;
    background: #ffffff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(11,93,126,.10) !important;
}

/* تحسين الفوتر */
.site-footer,
.wf-footer-custom {
    position: relative;
    overflow: hidden;
}

.site-footer:before,
.wf-footer-custom:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .28;
    pointer-events: none;
}

/* جعل محتوى الفوتر فوق الخلفية */
.site-footer > *,
.wf-footer-custom > * {
    position: relative;
    z-index: 1;
}

/* تحسين القائمة المنسدلة */
.main-navigation .main-nav ul ul {
    padding: 8px 0 !important;
}

.main-navigation .main-nav ul ul li a {
    line-height: 1.6 !important;
    border-bottom: 1px solid rgba(11,93,126,.06) !important;
}

.main-navigation .main-nav ul ul li:last-child a {
    border-bottom: 0 !important;
}

/* تحسين التوب بانر */
.wufoud-top-banner {
    box-shadow: 0 4px 16px rgba(8,59,82,.16);
}

.wf-top-info span:not(:last-child):after {
    content: "•";
    margin-right: 14px;
    color: rgba(231,182,91,.85);
}

/* موبايل */
@media (max-width: 1000px) {
    .wf-home-trust-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: -24px;
    }
}

@media (max-width: 760px) {
    .wf-home-trust-strip {
        padding: 0 14px;
    }

    .wf-home-trust-inner {
        grid-template-columns: 1fr;
        margin-top: 18px;
    }

    .wf-home-trust-inner > div {
        padding: 18px 16px;
    }

    .wf-top-info span:not(:last-child):after {
        display: none;
    }

    .wf-top-info {
        flex-direction: column;
        gap: 5px !important;
    }

    .main-navigation .main-nav ul ul {
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}


/* =========================================================
   wofod-sy Why Strip + About Page Enhancements
   ========================================================= */

.wf-why-wufoud-strip {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 72px 20px;
    background:
        radial-gradient(circle at top left, rgba(231,182,91,.14), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);
    direction: rtl;
}

.wf-why-wufoud-inner {
    max-width: 1180px;
    margin: 0 auto;
}

.wf-why-wufoud-head {
    max-width: 820px;
    margin: 0 auto 34px;
    text-align: center;
}

.wf-why-wufoud-head span,
.wf-about-text span,
.wf-quick-services-inner > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9a741f;
    background: rgba(231,182,91,.16);
    border: 1px solid rgba(231,182,91,.28);
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 14px;
}

.wf-why-wufoud-head h2,
.wf-about-text h2 {
    color: #083B52;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.35;
    margin: 0 0 14px;
    font-weight: 900;
}

.wf-why-wufoud-head p,
.wf-about-text p {
    color: #596b75;
    font-size: 16px;
    line-height: 2;
    margin: 0 auto;
}

.wf-why-wufoud-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.wf-why-wufoud-grid article {
    background: #fff;
    border: 1px solid rgba(11,93,126,.10);
    border-radius: 24px;
    padding: 28px 24px;
    box-shadow: 0 16px 38px rgba(8,59,82,.08);
    position: relative;
    overflow: hidden;
}

.wf-why-wufoud-grid article:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 4px;
    width: 100%;
    background: linear-gradient(90deg, #e7b65b, #0B5D7E);
}

.wf-why-wufoud-grid b {
    display: inline-flex;
    color: #9a741f;
    margin-bottom: 10px;
    font-size: 15px;
}

.wf-why-wufoud-grid h3 {
    color: #083B52;
    font-size: 22px;
    margin: 0 0 10px;
    font-weight: 900;
}

.wf-why-wufoud-grid p {
    color: #60727a;
    line-height: 1.9;
    margin: 0;
}

/* Quick services strip */
.wf-quick-services-strip {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 34px 20px;
    background: #ffffff;
    border-top: 1px solid rgba(11,93,126,.08);
    border-bottom: 1px solid rgba(11,93,126,.08);
    direction: rtl;
}

.wf-quick-services-inner {
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
}

.wf-quick-services-links {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.wf-quick-services-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 999px;
    background: #f4f8fb;
    border: 1px solid rgba(11,93,126,.12);
    color: #083B52 !important;
    font-weight: 900;
    text-decoration: none !important;
}

.wf-quick-services-links a:hover {
    background: #0B5D7E;
    color: #ffffff !important;
}

/* About page */
.wf-about-intro {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 72px 20px;
    background: #f7f9fb;
    direction: rtl;
}

.wf-about-intro-inner {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 28px;
    align-items: start;
}

.wf-about-text,
.wf-about-card {
    background: #ffffff;
    border: 1px solid rgba(11,93,126,.10);
    border-radius: 28px;
    padding: 34px;
    box-shadow: 0 18px 44px rgba(8,59,82,.08);
}

.wf-about-text p + p {
    margin-top: 14px;
}

.wf-about-card h3 {
    color: #083B52;
    font-size: 25px;
    font-weight: 900;
    margin: 0 0 18px;
}

.wf-about-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wf-about-card li {
    position: relative;
    padding: 12px 34px 12px 0;
    border-bottom: 1px solid rgba(11,93,126,.08);
    color: #596b75;
    line-height: 1.8;
    font-weight: 700;
}

.wf-about-card li:last-child {
    border-bottom: 0;
}

.wf-about-card li:before {
    content: "✓";
    position: absolute;
    right: 0;
    top: 12px;
    color: #0B5D7E;
    font-weight: 900;
}

.wf-about-values {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 70px 20px;
    background:
        radial-gradient(circle at top right, rgba(231,182,91,.18), transparent 32%),
        linear-gradient(135deg, #083B52 0%, #0B5D7E 70%, #0f7898 100%);
    direction: rtl;
}

.wf-about-values-inner {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.wf-about-values article {
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 26px;
    padding: 28px 24px;
    box-shadow: 0 16px 38px rgba(0,0,0,.10);
}

.wf-about-values span {
    display: inline-flex;
    color: #083B52;
    background: #e7b65b;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 14px;
}

.wf-about-values h3 {
    color: #7ed6f2;
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 10px;
}

.wf-about-values p {
    color: rgba(255,255,255,.9);
    line-height: 1.9;
    margin: 0;
}

/* Mobile */
@media (max-width: 900px) {
    .wf-why-wufoud-grid,
    .wf-about-intro-inner,
    .wf-about-values-inner {
        grid-template-columns: 1fr;
    }

    .wf-why-wufoud-strip,
    .wf-about-intro,
    .wf-about-values {
        padding-top: 52px;
        padding-bottom: 52px;
    }

    .wf-about-text,
    .wf-about-card {
        padding: 24px;
        border-radius: 22px;
    }
}

@media (max-width: 560px) {
    .wf-quick-services-links a {
        width: 100%;
        max-width: 310px;
    }
}

/* wofod-sy About Strips Final CSS */
.wf-why-wufoud-strip,
.wf-quick-services-strip {
  width: 100%;
  box-sizing: border-box;
  direction: rtl;
}

.wf-why-wufoud-strip {
  background: linear-gradient(135deg, #f7fbfd 0%, #edf6f9 100%);
  padding: 34px 18px;
  border-top: 1px solid rgba(11, 93, 126, 0.08);
  border-bottom: 1px solid rgba(11, 93, 126, 0.08);
}

.wf-strip-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.wf-strip-item {
  background: #ffffff;
  border: 1px solid rgba(11, 93, 126, 0.10);
  border-radius: 22px;
  padding: 22px 20px;
  box-shadow: 0 12px 35px rgba(8, 59, 82, 0.07);
  text-align: right;
}

.wf-strip-item strong {
  display: block;
  color: #083b52;
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: 800;
}

.wf-strip-item span {
  display: block;
  color: #536a76;
  font-size: 15px;
  line-height: 1.9;
}

.wf-quick-services-strip {
  background: #083b52;
  padding: 18px;
}

.wf-quick-services-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.wf-quick-services-inner a {
  color: #ffffff !important;
  text-decoration: none !important;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  transition: all .2s ease;
}

.wf-quick-services-inner a:hover {
  background: #e7b65b;
  color: #083b52 !important;
}

@media (max-width: 768px) {
  .wf-strip-inner {
    grid-template-columns: 1fr;
  }

  .wf-why-wufoud-strip {
    padding: 24px 14px;
  }

  .wf-strip-item {
    padding: 18px 16px;
  }

  .wf-quick-services-inner {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }

  .wf-quick-services-inner a {
    white-space: nowrap;
  }
}
/* End wofod-sy About Strips Final CSS */

/* wofod-sy Services Page Final Polish */
.wf-services-hero {
  background: linear-gradient(135deg, #f7fbfd 0%, #eef7fa 100%);
  padding: 70px 18px 54px;
  direction: rtl;
}

.wf-services-hero-inner {
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
}

.wf-services-hero .wf-kicker,
.wf-services-grid-head span,
.wf-services-cta span {
  display: inline-block;
  color: #9a741f;
  font-weight: 800;
  margin-bottom: 10px;
}

.wf-services-hero h1 {
  color: #083b52;
  font-size: clamp(34px, 5vw, 58px);
  margin: 0 0 18px;
  font-weight: 900;
}

.wf-services-hero p {
  max-width: 820px;
  margin: 0 auto 10px;
  color: #536a76;
  font-size: 18px;
  line-height: 2;
}

.wf-services-hero-en {
  direction: ltr;
  font-size: 16px !important;
  color: #6c7f89 !important;
}

.wf-services-grid-section {
  padding: 58px 18px;
  background: #ffffff;
  direction: rtl;
}

.wf-services-grid-head {
  max-width: 1080px;
  margin: 0 auto 28px;
  text-align: center;
}

.wf-services-grid-head h2 {
  color: #083b52;
  font-size: clamp(28px, 4vw, 42px);
  margin: 0;
  font-weight: 900;
}

.wf-services-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.wf-service-card {
  display: block;
  text-decoration: none !important;
  background: #ffffff;
  border: 1px solid rgba(11, 93, 126, 0.10);
  border-radius: 24px;
  padding: 24px 22px;
  box-shadow: 0 14px 38px rgba(8, 59, 82, 0.07);
  transition: all .2s ease;
  min-height: 210px;
}

.wf-service-card:hover {
  transform: translateY(-4px);
  border-color: rgba(231, 182, 91, 0.55);
  box-shadow: 0 18px 46px rgba(8, 59, 82, 0.12);
}

.wf-service-card small {
  display: block;
  color: #9a741f;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 10px;
  direction: ltr;
  text-align: right;
}

.wf-service-card strong {
  display: block;
  color: #083b52;
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 10px;
}

.wf-service-card p {
  color: #536a76;
  font-size: 15px;
  line-height: 1.9;
  margin: 0;
}

.wf-services-cta {
  max-width: 1180px;
  margin: 0 auto 58px;
  padding: 32px 28px;
  background: linear-gradient(135deg, #083b52 0%, #0b5d7e 100%);
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  direction: rtl;
}

.wf-services-cta h2 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 900;
}

.wf-services-cta span {
  color: #e7b65b;
}

.wf-services-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  background: #e7b65b;
  color: #083b52 !important;
  text-decoration: none !important;
  border-radius: 999px;
  padding: 13px 22px;
  font-weight: 900;
}

@media (max-width: 900px) {
  .wf-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wf-services-cta {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 640px) {
  .wf-services-grid {
    grid-template-columns: 1fr;
  }

  .wf-services-hero {
    padding: 48px 14px 38px;
  }

  .wf-services-grid-section {
    padding: 40px 14px;
  }
}
/* End wofod-sy Services Page Final Polish */

/* === wofod-sy Center Main Menu Only === */
.site-header .inside-header {
    text-align: center !important;
}

#site-navigation,
.main-navigation,
.inside-header .main-navigation {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.main-navigation .inside-navigation {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.main-navigation .main-nav {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.main-navigation .main-nav > ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    text-align: center !important;
}

.main-navigation .main-nav > ul > li {
    float: none !important;
}

/* === wofod-sy HARD Center Main Menu - Final === */
#site-navigation,
.main-navigation,
.inside-header .main-navigation {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
}

.main-navigation .inside-navigation {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    text-align: center !important;
}

.main-navigation .main-nav {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

.main-navigation .main-nav > ul,
.main-navigation ul.menu,
#primary-menu,
#menu-main-menu {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.main-navigation .main-nav > ul > li {
    float: none !important;
    display: inline-flex !important;
    margin: 0 !important;
}

/* تأكيد عدم سحب القائمة لليمين في RTL */
.rtl .main-navigation .main-nav > ul,
body.rtl .main-navigation .main-nav > ul {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}


/* === wofod-sy FIX: Real Center Menu, Cancel Left Pull === */
#site-navigation,
.main-navigation,
.inside-header .main-navigation {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    text-align: center !important;
}

.main-navigation .inside-navigation {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.main-navigation .main-nav {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    float: none !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.main-navigation .main-nav > ul,
.main-navigation ul.menu,
#primary-menu,
#menu-main-menu {
    display: inline-flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    clear: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.main-navigation .main-nav > ul > li {
    float: none !important;
    display: inline-flex !important;
}

/* RTL: لا تسحب القائمة لا يمين ولا يسار */
body.rtl .main-navigation .main-nav,
.rtl .main-navigation .main-nav {
    text-align: center !important;
}

body.rtl .main-navigation .main-nav > ul,
.rtl .main-navigation .main-nav > ul {
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}