/* =============================== GLOBAL FONT (Inter) ================================ */ body { background-color: #F7F9FC; color: #1a1a1a; } .moto-container_header_5b4cf9511 { /*background-color: #2F3E46;*/ transition-duration: inherit; } /* =============================== REMOVE WHITE BOX FROM HERO TEXT ================================ */ /* ========================================= HERO TEXT ALWAYS READABLE (MotoCMS) ========================================= */ /* ========================================= HERO VIDEO TEXT: ALWAYS READABLE (Scoped) Targets ONLY the first hero row on homepage ========================================= */ /* 1) حط overlay فوق الفيديو/الصورة */ #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 { position: relative; overflow: hidden; } /* الفيديو يبقى تحت */ #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 .moto-background-video-container { z-index: 0; } /* overlay */ #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1::before { content: ""; position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.28) 45%, rgba(0,0,0,0.60) 100% ); z-index: 1; pointer-events: none; } /* 2) خلي كل محتوى الهيرو فوق overlay */ #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 > .container-fluid { position: relative; z-index: 2; } /* 3) Panel خفيف حوالين بلوك النص (بيخلي القراءة مضمونة 100%) */ #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 .moto-widget-row__column.col-sm-12 .moto-widget-text { max-width: 1100px; margin: 0 auto; padding: 22px 18px; border-radius: 18px; background: rgba(0,0,0,0.12); /* backdrop-filter: blur(6px); */ -webkit-backdrop-filter: blur(6px); box-shadow: 0 16px 45px rgba(0,0,0,0.28); } /* 4) اجبر لون النص + ظل قوي (عشان spans اللي ألوانها custom) */ #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 .moto-widget-row__column.col-sm-12 .moto-widget-text *, #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 .moto-widget-row__column.col-sm-12 .moto-color_custom5, #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 .moto-widget-row__column.col-sm-12 .moto-color4_4 { color: #fff !important; text-shadow: 0 2px 6px rgba(0,0,0,0.80), 0 10px 28px rgba(0,0,0,0.65); } /* 5) ضبط النص الطويل */ #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 .moto-widget-row__column.col-sm-12 h2 { font-size: 18px; line-height: 1.65; font-weight: 500; margin-top: 14px; } /* 6) زر الهيرو */ #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 .moto-widget-row__column.col-sm-12 .moto-widget-button-link { background: #0F3A57 !important; color: #fff !important; border-radius: 12px; padding: 12px 18px; border: 1px solid rgba(255,255,255,0.18) !important; box-shadow: 0 14px 34px rgba(0,0,0,0.38); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; } #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 .moto-widget-row__column.col-sm-12 .moto-widget-button-link:hover { transform: translateY(-2px); background: #114561 !important; box-shadow: 0 20px 45px rgba(0,0,0,0.48); } /* موبايل */ @media (max-width: 768px) { #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1::before { background: rgba(0,0,0,0.62); } #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 .moto-widget-row__column.col-sm-12 .moto-widget-text { padding: 16px 14px; border-radius: 16px; } #section-content > .moto-widget-row.row-fixed.moto-bg-color1_1 .moto-widget-row__column.col-sm-12 h2 { font-size: 16px; } } /* =============================== MODERN BUTTONS (Primary/Secondary) ================================ */ .moto-widget-button.moto-preset-default .moto-widget-button-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; border-radius: 12px; border: 1px solid rgba(10, 35, 55, 0.18); background: #0B2D45; /* Navy */ color: #ffffff !important; font-weight: 600; text-decoration: none !important; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; box-shadow: 0 8px 20px rgba(11, 45, 69, 0.18); -webkit-font-smoothing: antialiased; } .moto-widget-button.moto-preset-2 .moto-widget-button-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; border-radius: 12px; border: 1px solid rgba(10, 35, 55, 0.18); background: #0B2D45; /* Navy */ color: #ffffff !important; font-weight: 600; text-decoration: none !important; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; box-shadow: 0 8px 20px rgba(11, 45, 69, 0.18); -webkit-font-smoothing: antialiased; } a.btn, .btn, button, input[type="submit"], .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; border-radius: 12px; border: 1px solid rgba(10, 35, 55, 0.18); background: #0B2D45; /* Navy */ color: #ffffff !important; font-weight: 600; text-decoration: none !important; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; box-shadow: 0 8px 20px rgba(11, 45, 69, 0.18); -webkit-font-smoothing: antialiased; } .moto-widget-button.moto-preset-default .moto-widget-button-link:hover { transform: translateY(-2px); background: #2f8de4; /* أفتح شوية */ border-color: rgba(255,255,255,0.25); box-shadow: 0 14px 30px rgba(11, 45, 69, 0.28); } .moto-widget-button.moto-preset-2 .moto-widget-button-link:hover { transform: translateY(-2px); background: #2f8de4; /* أفتح شوية */ border-color: rgba(255,255,255,0.25); box-shadow: 0 14px 30px rgba(11, 45, 69, 0.28); } a.btn:hover, .btn:hover, button:hover, input[type="submit"]:hover, .button:hover { transform: translateY(-2px); background: #0F3A57; /* أفتح شوية */ border-color: rgba(255,255,255,0.25); box-shadow: 0 14px 30px rgba(11, 45, 69, 0.28); } a.btn:active, .btn:active, button:active, input[type="submit"]:active, .button:active { transform: translateY(0); box-shadow: 0 8px 18px rgba(11, 45, 69, 0.22); } /* Focus للكيبورد (مهم للوصولية) */ a.btn:focus, .btn:focus, button:focus, input[type="submit"]:focus, .button:focus { outline: none; box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.25), 0 10px 24px rgba(11, 45, 69, 0.22); } /* =============================== SECONDARY (Outline Button) استخدم class="btn btn--outline" ================================ */ .btn--outline { background: transparent !important; color: #0B2D45 !important; border: 1px solid rgba(11, 45, 69, 0.35); box-shadow: none; } .btn--outline:hover { background: rgba(11, 45, 69, 0.06) !important; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(11, 45, 69, 0.12); } /* =============================== SMALL BUTTON (اختياري) استخدم class="btn btn--sm" ================================ */ .btn--sm { padding: 10px 14px; border-radius: 10px; font-weight: 600; } /* =============================== DISABLED (اختياري) ================================ */ .btn[disabled], button[disabled], input[type="submit"][disabled] { opacity: 0.6; cursor: not-allowed; transform: none !important; box-shadow: none !important; } .moto-widget-text ul li:not(:last-child) { margin-bottom: 1px; } /* ===================================================== HOME SERVICES CARDS – FINAL CLEAN VERSION 4 cards only (Schnupper / Kurse / Tauchen / VIP) ===================================================== */ .moto-widget-row__column:has(.moto-container_content_627e9beb1), .moto-widget-row__column:has(.moto-container_content_627e9beb2), .moto-widget-row__column:has(.moto-container_content_627e9beb3), .moto-widget-row__column:has(.moto-container_content_627e9beb4) { margin: 18px 0px; background: linear-gradient(180deg, #ffffff 0%, #F9FBFC 100%); border-radius: 18px; border: 1px solid rgba(15,58,87,0.08); overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06); transition: transform .25s ease, box-shadow .25s ease; } /* Hover للكارد */ .moto-widget-row__column:has(.moto-container_content_627e9beb1):hover, .moto-widget-row__column:has(.moto-container_content_627e9beb2):hover, .moto-widget-row__column:has(.moto-container_content_627e9beb3):hover, .moto-widget-row__column:has(.moto-container_content_627e9beb4):hover { transform: translateY(-8px); box-shadow: 0 18px 40px rgba(0,0,0,0.18), 0 6px 14px rgba(0,0,0,0.10); } /* الصورة */ .moto-widget-row__column:has(.moto-container_content_627e9beb1) img.moto-widget-image-picture, .moto-widget-row__column:has(.moto-container_content_627e9beb2) img.moto-widget-image-picture, .moto-widget-row__column:has(.moto-container_content_627e9beb3) img.moto-widget-image-picture, .moto-widget-row__column:has(.moto-container_content_627e9beb4) img.moto-widget-image-picture { width: 100%; height: auto; display: block; transition: transform .45s ease; } /* Zoom خفيف للصورة */ .moto-widget-row__column:has(.moto-container_content_627e9beb1):hover img.moto-widget-image-picture, .moto-widget-row__column:has(.moto-container_content_627e9beb2):hover img.moto-widget-image-picture, .moto-widget-row__column:has(.moto-container_content_627e9beb3):hover img.moto-widget-image-picture, .moto-widget-row__column:has(.moto-container_content_627e9beb4):hover img.moto-widget-image-picture { transform: scale(1.05); } /* الجزء اللي تحت الصورة */ .moto-widget-row__column .moto-container_content_627e9beb1, .moto-widget-row__column .moto-container_content_627e9beb2, .moto-widget-row__column .moto-container_content_627e9beb3, .moto-widget-row__column .moto-container_content_627e9beb4 { padding: 16px 16px 20px; } /* زر / عنوان الكارد */ .moto-widget-row__column:has(.moto-container_content_627e9beb1) .moto-widget-button-link, .moto-widget-row__column:has(.moto-container_content_627e9beb2) .moto-widget-button-link, .moto-widget-row__column:has(.moto-container_content_627e9beb3) .moto-widget-button-link, .moto-widget-row__column:has(.moto-container_content_627e9beb4) .moto-widget-button-link { width: 100%; justify-content: center; padding: 14px; border-radius: 12px; background: #ffffff !important; color: #1a1a1a !important; border: 1px solid rgba(11,45,69,0.14) !important; box-shadow: none !important; font-family: 'Inter', sans-serif; font-weight: 600; letter-spacing: .2px; transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease; } /* Hover للزر */ .moto-widget-row__column:has(.moto-container_content_627e9beb1):hover .moto-widget-button-link, .moto-widget-row__column:has(.moto-container_content_627e9beb2):hover .moto-widget-button-link, .moto-widget-row__column:has(.moto-container_content_627e9beb3):hover .moto-widget-button-link, .moto-widget-row__column:has(.moto-container_content_627e9beb4):hover .moto-widget-button-link { background: #0F3A57 !important; color: #ffffff !important; border-color: rgba(15,58,87,0.3) !important; transform: translateY(-1px); } /* نخفي أي أيقونات أو فواصل افتراضية */ .moto-widget-row__column:has(.moto-container_content_627e9beb1) .moto-widget-theme-icon, .moto-widget-row__column:has(.moto-container_content_627e9beb2) .moto-widget-theme-icon, .moto-widget-row__column:has(.moto-container_content_627e9beb3) .moto-widget-theme-icon, .moto-widget-row__column:has(.moto-container_content_627e9beb4) .moto-widget-theme-icon, .moto-widget-row__column:has(.moto-container_content_627e9beb1) .moto-widget-button-divider, .moto-widget-row__column:has(.moto-container_content_627e9beb2) .moto-widget-button-divider, .moto-widget-row__column:has(.moto-container_content_627e9beb3) .moto-widget-button-divider, .moto-widget-row__column:has(.moto-container_content_627e9beb4) .moto-widget-button-divider { display: none !important; } /* موبايل */ @media (max-width: 768px) { .moto-widget-row__column:has(.moto-container_content_627e9beb1), .moto-widget-row__column:has(.moto-container_content_627e9beb2), .moto-widget-row__column:has(.moto-container_content_627e9beb3), .moto-widget-row__column:has(.moto-container_content_627e9beb4) { margin: 14px 0; } } /* ===================================================== TEAM CARDS (2 CARDS ONLY) – Haitham / Martina Scoped by: moto-container_content_5b4dc3696 / 5b4dc4e712 ===================================================== */ /* خلفية السكشن نفسه (بس لهذا السكشن) */ /*.row:has(.moto-container_content_5b4dc3696), .row:has(.moto-container_content_5b4dc4e712) { background-color: #F4F7FA; padding: 40px 20px; border-radius: 24px; } */ /* الكارد (العمود) */ /*.moto-widget-row__column:has(.moto-container_content_5b4dc3696), .moto-widget-row__column:has(.moto-container_content_5b4dc4e712) { margin: 16px 0px; border-radius: 18px; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #F9FBFC 100%); border: 1px solid rgba(15,58,87,0.08); box-shadow: 0 10px 25px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06); transition: transform .25s ease, box-shadow .25s ease; }*/ /* Hover للكارد */ /*.moto-widget-row__column:has(.moto-container_content_5b4dc3696):hover, .moto-widget-row__column:has(.moto-container_content_5b4dc4e712):hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.18), 0 6px 14px rgba(0,0,0,0.10); }*/ /* الصورة */ /*.moto-widget-row__column:has(.moto-container_content_5b4dc3696) img.moto-widget-image-picture, .moto-widget-row__column:has(.moto-container_content_5b4dc4e712) img.moto-widget-image-picture { width: 100%; height: auto; display: block; transition: transform .45s ease; }*/ /* Zoom خفيف للصورة */ /*.moto-widget-row__column:has(.moto-container_content_5b4dc3696):hover img.moto-widget-image-picture, .moto-widget-row__column:has(.moto-container_content_5b4dc4e712):hover img.moto-widget-image-picture { transform: scale(1.04); }*/ /* Padding للجزء اللي تحت الصورة */ /*.moto-container_content_5b4dc3696, .moto-container_content_5b4dc4e712 { padding: 16px 16px 20px; }*/ /* زر الاسم (نخليه شيك ومودرن) */ /*.moto-widget-row__column:has(.moto-container_content_5b4dc3696) .moto-widget-button-link, .moto-widget-row__column:has(.moto-container_content_5b4dc4e712) .moto-widget-button-link { width: 100%; justify-content: center; padding: 14px; border-radius: 12px; background: #ffffff !important; color: #1a1a1a !important; border: 1px solid rgba(11,45,69,0.14) !important; box-shadow: none !important; font-family: 'Inter', sans-serif; font-weight: 600; letter-spacing: .2px; transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease; }*/ /* Hover للزر */ /*.moto-widget-row__column:has(.moto-container_content_5b4dc3696):hover .moto-widget-button-link, .moto-widget-row__column:has(.moto-container_content_5b4dc4e712):hover .moto-widget-button-link { background: #0F3A57 !important; color: #ffffff !important; border-color: rgba(15,58,87,0.3) !important; transform: translateY(-1px); }*/ /* نخفي الأيقونة والDivider */ /*.moto-widget-row__column:has(.moto-container_content_5b4dc3696) .moto-widget-theme-icon, .moto-widget-row__column:has(.moto-container_content_5b4dc4e712) .moto-widget-theme-icon, .moto-widget-row__column:has(.moto-container_content_5b4dc3696) .moto-widget-button-divider, .moto-widget-row__column:has(.moto-container_content_5b4dc4e712) .moto-widget-button-divider { display: none !important; }*/ /* موبايل */ /*@media (max-width: 768px) { .moto-widget-row__column:has(.moto-container_content_5b4dc3696), .moto-widget-row__column:has(.moto-container_content_5b4dc4e712) { margin: 14px 0; } }*/ /* ================================ MODERN UL STYLE – CONTENT ONLY ================================ */ /* استهداف القوائم داخل المحتوى فقط */ #section-content ul { list-style: none; padding: 0; margin: 22px 0; } /* كل عنصر */ #section-content ul li { position: relative; padding: 14px 18px 14px 48px; margin-bottom: 12px; background: rgba(255,255,255,0.85); border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); transition: transform .2s ease, box-shadow .2s ease; line-height: 1.1 !important; color: #2F3E46; font-size: 18px; } /* Hover */ #section-content ul li:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(0,0,0,0.10); } /* الأيقونة */ #section-content ul li::before { content: "✓"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: linear-gradient(135deg,#0F3A57,#1E6F9F); color: #fff; font-size: 14px; font-weight: bold; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 14px rgba(0,0,0,0.25); } /* النص */ #section-content ul li, #section-content ul li p { color: #2F3E46; font-size: 18px; } /* روابط جوه ul */ /* #section-content ul li a { color: #0F3A57 !important; font-weight: 600; text-decoration: none; }*/ #section-content ul li a:hover { text-decoration: underline; } /* موبايل */ @media (max-width: 768px) { #section-content ul li { padding: 12px 14px 12px 42px; font-size: 18px; color: #2F3E46; line-height: 1.1; } #section-content ul li::before { width: 22px; height: 22px; font-size: 12px; } } /* ====================================== REMOVE CIRCLES + MODERN SOCIAL ICONS ====================================== */ /* ترتيب العناصر */ .moto-widget-social-links-extended__list { display: flex; justify-content: center; align-items: center; gap: 12px; /* تقارب الأيقونات */ padding: 0; margin: 0; } /* شيل أي شكل دائري */ .moto-widget-social-links-extended__item, .moto-widget-social-links-extended__link, .moto-widget-social-links-extended__link:before, .moto-widget-social-links-extended__link:after { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; } /* شيل أي padding MotoCMS عامله */ .moto-widget-social-links-extended__link { padding: 0 !important; width: auto !important; height: auto !important; line-height: normal !important; display: inline-flex; align-items: center; justify-content: center; transition: transform .25s ease; } /* الأيقونة */ .moto-widget-social-links-extended__icon { font-size: 32px; /* تكبير */ color: rgba(255,255,255,0.75); /* لون فاتح */ transition: transform .25s ease, color .25s ease; } /* Hover */ .moto-widget-social-links-extended__link:hover .moto-widget-social-links-extended__icon { /*transform: scale(1.35);*/ color: #ffffff; } /* موبايل */ @media (max-width:768px) { .moto-widget-social-links-extended__list { gap: 10px; } .moto-widget-social-links-extended__icon { font-size: 28px; } } /* TikTok replacement */ .moto-widget-social-links-extended__item-6 .fa { font-family: unset !important; font-size: 0; background-image: url("/mt-content/uploads/2025/12/tiktok-svgrepo-com.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; display: inline-block; filter: brightness(0) invert(1); opacity: 0.7; transition: transform .25s ease, opacity .25s ease; } /* hover */ .moto-widget-social-links-extended__item-6:hover .fa { /* transform: scale(1.35); */ opacity: 1; } /* ================================ PayPal Button – Clean Modern Fix ================================ */ /* إخفاء أي أيقونات / صور قديمة */ .moto-widget-paypal_button img, .moto-widget-paypal_button i, .moto-widget-paypal_button svg { display: none !important; } /* محاذاة عامة */ .moto-widget-paypal_button { display: flex; flex-direction: column; align-items: center; gap: 10px; } /* الفورم */ .moto-widget-paypal_button__form { position: relative; display: inline-block; } /* إخفاء زر PayPal الأصفر */ .moto-widget-paypal_button__form-image { opacity: 0 !important; width: 160px; height: 35px; cursor: pointer; } /* زر بديل بنفس ستايل السايت */ .moto-widget-paypal_button__form::before { content: "Jetzt bezahlen"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: #008cff; color: #ffffff; font-size: 16px; font-weight: 700; letter-spacing: .4px; border-radius: 6px; box-shadow: 0 10px 24px rgba(0,0,0,.18); transition: all .25s ease; pointer-events: none; } /* Hover */ .moto-widget-paypal_button__form:hover::before { background: #354F52; transform: translateY(-2px); box-shadow: 0 16px 32px rgba(0,0,0,.25); } /* أيقونات تحت الزر */ .moto-widget-paypal_button::after { content: "\f1ed PayPal | \f4c0 Cash"; font-family: "FontAwesome"; font-size: 16px; font-weight: 600; letter-spacing: .5px; color: rgb(0 67 117); display: flex; } /* ================================ Footer Social Icons – Color ================================ */ /* اللون الافتراضي */ .moto-container_footer_695531c41 .moto-widget-social-links-extended__icon { /* color: #4a4a4b; لون فاتح أنيق */ color: white; transition: color .25s ease, transform .25s ease; font-size: 32px } /* Hover */ .moto-container_footer_695531c41 .moto-widget-social-links-extended__link:hover .moto-widget-social-links-extended__icon { /* color: #004375;*/ /* color: rgb(26, 26, 26); /*transform: scale(1.25);*/ } /* نخفي أيقونة FontAwesome الغلط */ .moto-container_footer_695531c41 .moto-widget-social-links-extended__item-6 .moto-widget-social-links-extended__icon { font-size: 0 !important; } /* ===================================== Footer TikTok – FORCE COLOR #004375 ===================================== */ /* امنع أي لون / فلتر عام */ .moto-container_footer_695531c41 .moto-widget-social-links-extended__item-6 .moto-widget-social-links-extended__icon { color: white !important; /*filter: none !important;*/ opacity: 1; } /* TikTok SVG بالـ mask + لون ثابت url("/mt-content/uploads/2026/01/tiktok-simplified-white-icon.webp")*/ .moto-container_footer_695531c41 .moto-widget-social-links-extended__item-6 .moto-widget-social-links-extended__icon::before { content: ""; display: inline-block; width: 26px; height: 26px; background-color: white !important; /* ✅ اللون المطلوب */ opacity: 1 !important; -webkit-mask: url("/mt-content/uploads/2026/01/tiktok-simplified-white-icon.webp") no-repeat center / contain; mask: url("/mt-content/uploads/icons/tiktok.svg") no-repeat center / contain; transition: transform .25s ease; } /* Hover */ .moto-container_footer_695531c41 .moto-widget-social-links-extended__item-6:hover .moto-widget-social-links-extended__icon::before { /*transform: scale(1.25);*/ color: rgb(26, 26, 26) !important; } /* ===================================== Contact Info Buttons – Icons + Hover ===================================== */ /* الزر كله */ .moto-widget-text_button-link { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 6px; text-decoration: none; transition: background .25s ease, box-shadow .25s ease, transform .25s ease; } /* Hover */ .moto-widget-text_button-link:hover { background: rgba(0,0,0,0.06); box-shadow: 0 6px 18px rgba(0,0,0,0.15); transform: translateY(-1px); } /* النص */ .moto-widget-text_button-label { position: relative; padding-left: 42px; /* مساحة للأيقونة */ font-size: 18px; font-weight: 500; color: #2F3E46; display: inline-flex; align-items: center; } /* ===== العمود الأول: Phone / WhatsApp ===== */ .col-sm-4:first-child .moto-widget-text_button-label::before { content: "\f095"; /* phone */ font-family: "FontAwesome"; position: absolute; left: 0; color: #0A66C2; font-size: 20px; } /* واتساب جنبها */ .col-sm-4:first-child .moto-widget-text_button-label::after { content: "\f232"; /* whatsapp */ font-family: "FontAwesome"; position: absolute; left: 25px; color: #25D366; font-size: 20px; } /* نزود مساحة شوية لأن في أيقونتين */ .col-sm-4:first-child .moto-widget-text_button-label { padding-left: 62px; } /* ===== العمود التاني: Email ===== */ .col-sm-4:nth-child(2) .moto-widget-text_button-label::before { content: "\f0e0"; /* envelope */ font-family: "FontAwesome"; position: absolute; left: 0; color: #0A66C2; font-size: 20px; } /* ===== العمود التالت: Location ===== */ .col-sm-4:nth-child(3) .moto-widget-text_button-label::before { content: "\f041"; /* map-marker */ font-family: "FontAwesome"; position: absolute; left: 0; top: 0px; color: #0A66C2; font-size: 24px; } /* Hover يفتح لون النص */ .moto-widget-text_button-link:hover .moto-widget-text_button-label { color: #000; } /* ===================================== Remove check icon from sliders ===================================== */ /* Slider list items */ .moto-widget-slider-list, .moto-widget-slider-list li { list-style: none !important; padding: 0 !important; margin: 0 !important; } /* إلغاء أي أيقونة معمولة بـ ::before أو ::after */ .moto-widget-slider-list li::before, .moto-widget-slider-list li::after { content: none !important; display: none !important; } /* ===================================== Moto Columns Hover – Color #5bc0eb ===================================== */ /* ===================================== Hover ONLY for About Icons Section Color: #5bc0eb ===================================== */ /* الأعمدة اللي فيها أيقونات about */ .moto-widget-row__column:has(img[src*="mt-1500-about-icon"]) { cursor: pointer; transition: transform 0.25s ease; } /* Scale خفيف */ .moto-widget-row__column:has(img[src*="mt-1500-about-icon"]):hover { transform: scale(1.03); } /* الأيقونة نفسها */ .moto-widget-row__column:has(img[src*="mt-1500-about-icon"]) .moto-widget-image img { transition: filter 0.25s ease; } /* Hover: تغيير لون الأيقونة فقط */ .moto-widget-row__column:has(img[src*="mt-1500-about-icon"]):hover .moto-widget-image img { filter: brightness(0) saturate(100%) invert(67%) sepia(52%) saturate(463%) hue-rotate(162deg) brightness(97%) contrast(92%); } @media (max-width: 768px) { .moto-widget-row__column:has(img[src*="mt-1500-about-icon"]) { transition: transform 0.15s ease, opacity 0.15s ease; } .moto-widget-row__column:has(img[src*="mt-1500-about-icon"]):active { transform: scale(0.97); opacity: 0.85; } } @media (max-width: 768px) { .moto-widget-row__column:has(img[src*="mt-1500-about-icon"])::after { content: "›"; display: block; text-align: center; font-size: 22px; color: #5bc0eb; margin-top: 8px; opacity: 0.7; } } /* ================================ Modern Angebote Cards (page-11) ================================ */ /* الخلفية الرمادي الشفافة: نخليها أنضف */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] { background: rgba(235,235,235,.35) !important; } /* العمود نفسه كـ Card */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-row__column.moto-cell.col-sm-4 { padding: 14px 14px 18px !important; } /* كارد: الصورة + الزر */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-row__column.moto-cell.col-sm-4 { transition: transform .22s ease, box-shadow .22s ease; } /* هوفر الكارد كله */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-row__column.moto-cell.col-sm-4:hover { transform: translateY(-6px); box-shadow: 0 14px 34px rgba(0,0,0,.12); } /* نخلي الصورة كارد بزاوية ناعمة */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-image { border-radius: 18px; overflow: hidden; } /* الصورة نفسها */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-image img { width: 100% !important; height: auto !important; display: block; transform: scale(1); transition: transform .35s ease, filter .35s ease; } /* هوفر الصورة: زووم بسيط + وضوح */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-row__column.moto-cell.col-sm-4:hover .moto-widget-image img { transform: scale(1.04); filter: contrast(1.02) saturate(1.04); } /* الزرار تحت الصورة: يبقى مودرن وبعرض الكارد */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-button { margin-top: 12px !important; } /* لينك الزر */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-button .moto-widget-button-link { width: 100%; max-width: 370px; border-radius: 14px !important; padding: 14px 18px !important; letter-spacing: .2px; transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; } /* هوفر الزر: يبان Premium */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-row__column.moto-cell.col-sm-4:hover .moto-widget-button .moto-widget-button-link { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,.14); } /* إخفاء أي عناصر فاضية/ديفايدر غريبة داخل زرار القالب */ .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-button-divider, .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-theme-icon { display: none !important; } /* Responsive spacing للموبايل */ @media (max-width: 767px) { .content.page-11 .moto-widget-row[style*="rgba(235, 235, 235, 0.4)"] .moto-widget-row__column.moto-cell.col-sm-4 { margin-bottom: 16px; } } /* ========================================= Page 54 – Universal Card Style ========================================= */ /* الكارد كله */ section.page-54 .moto-widget-row__column.col-sm-4 { padding: 14px; transition: transform .25s ease, box-shadow .25s ease; cursor: pointer; } /* Hover على الكارد */ section.page-54 .moto-widget-row__column.col-sm-4:hover { transform: translateY(-6px); box-shadow: 0 16px 38px rgba(0,0,0,.12); } /* الصورة ككارد */ section.page-54 .moto-widget-image { border-radius: 18px; overflow: hidden; position: relative; } /* الصورة */ section.page-54 .moto-widget-image img { width: 100% !important; display: block; transition: transform .4s ease, filter .4s ease; } /* Hover الصورة */ section.page-54 .moto-widget-row__column.col-sm-4:hover .moto-widget-image img { transform: scale(1.06); filter: saturate(1.05) contrast(1.05); } /* الزر */ section.page-54 .moto-widget-button { margin-top: 14px; } /* شكل الزر */ section.page-54 .moto-widget-button-link { width: 100%; max-width: 380px; padding: 14px 18px !important; border-radius: 16px !important; letter-spacing: .2px; transition: transform .2s ease, box-shadow .2s ease; } /* Hover الزر */ section.page-54 .moto-widget-row__column.col-sm-4:hover .moto-widget-button-link { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,.18); } /* تنظيف أي أيقونات افتراضية */ section.page-54 .moto-widget-theme-icon, section.page-54 .moto-widget-button-divider { display: none !important; } /* تحسين الموبايل */ @media (max-width: 767px) { section.page-54 .moto-widget-row__column.col-sm-4 { margin-bottom: 22px; } } /* ========================================= Cards WITH Images Only ========================================= */ /* العمود اللي جواه صورة */ section.page-65 .moto-widget-row__column:has(.moto-widget-image) { padding: 14px; cursor: pointer; transition: transform .25s ease, box-shadow .25s ease; } /* Hover على الكارد */ section.page-65 .moto-widget-row__column:has(.moto-widget-image):hover { transform: translateY(-6px); box-shadow: 0 16px 38px rgba(0,0,0,.12); } /* الصورة */ section.page-65 .moto-widget-image { border-radius: 18px; overflow: hidden; position: relative; } /* صورة الكارد */ section.page-65 .moto-widget-image img { width: 100% !important; display: block; transition: transform .45s ease, filter .45s ease; } /* Hover الصورة */ section.page-65 .moto-widget-row__column:has(.moto-widget-image):hover .moto-widget-image img { transform: scale(1.06); filter: saturate(1.05) contrast(1.05); } /* الزر */ section.page-65 .moto-widget-row__column:has(.moto-widget-image) .moto-widget-button { margin-top: 14px; } /* شكل الزر */ section.page-65 .moto-widget-row__column:has(.moto-widget-image) .moto-widget-button-link { width: 100%; max-width: 360px; padding: 13px 18px !important; border-radius: 16px !important; transition: transform .2s ease, box-shadow .2s ease; } /* Hover الزر */ section.page-65 .moto-widget-row__column:has(.moto-widget-image):hover .moto-widget-button-link { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,.18); } /* تنظيف الأيقونات الافتراضية */ section.page-65 .moto-widget-theme-icon, section.page-65 .moto-widget-button-divider { display: none !important; } /* موبايل */ @media (max-width: 767px) { section.page-65 .moto-widget-row__column:has(.moto-widget-image) { margin-bottom: 22px; } } /* ================================ VIP Premium Cards – page-75 ================================ */ /* العمود اللي فيه صورة */ section.page-75 .moto-widget-row__column:has(.moto-widget-image) { padding: 12px; border-radius: 20px; transition: box-shadow .35s ease; } /* Hover خفيف */ section.page-75 .moto-widget-row__column:has(.moto-widget-image):hover { box-shadow: 0 20px 50px rgba(0,0,0,.14); } /* حاوية الصورة */ section.page-75 .moto-widget-image { position: relative; border-radius: 20px; overflow: hidden; } /* الصورة */ section.page-75 .moto-widget-image img { width: 100% !important; display: block; transition: transform .6s ease; } /* حركة الصورة */ section.page-75 .moto-widget-row__column:has(.moto-widget-image):hover img { transform: scale(1.08); } /* Overlay خفيف */ section.page-75 .moto-widget-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,.25) ); opacity: 0; transition: opacity .4s ease; } section.page-75 .moto-widget-row__column:has(.moto-widget-image):hover .moto-widget-image::after { opacity: 1; } /* الزر */ section.page-75 .moto-widget-button { margin-top: 12px; } /* شكل الزر */ section.page-75 .moto-widget-button-link { width: 100%; max-width: 420px; padding: 14px 20px !important; border-radius: 18px !important; font-weight: 500; transition: all .3s ease; } /* Hover للزر */ section.page-75 .moto-widget-row__column:has(.moto-widget-image):hover .moto-widget-button-link { letter-spacing: .5px; } /* تنظيف */ section.page-75 .moto-widget-theme-icon, section.page-75 .moto-widget-button-divider { display: none !important; } /* موبايل */ @media (max-width: 767px) { section.page-75 .moto-widget-row__column:has(.moto-widget-image) { margin-bottom: 26px; } } .moto-blog-posts-list li::before, .moto-blog-posts-list-item::before { content: none !important; } .page-blog .moto-widget-pagination li::before { content: none !important; } .page-blog .moto-widget-pagination li { list-style: none !important; } /* =============================== FIX PAGINATION STYLE (CENTER) =============================== */ /* remove any list icons / check marks */ .moto-widget-pagination ul, .moto-widget-pagination li { list-style: none !important; } /* base pagination item */ .moto-widget-pagination .moto-pagination-item { margin: 0 4px; } .moto-blog-posts-list, .moto-blog-posts-list li, .moto-pagination-group, .moto-pagination-group li { list-style: none !important; } .moto-blog-posts-list li::before, .moto-blog-posts-list li::after, .moto-pagination-group li::before, .moto-pagination-group li::after { content: none !important; display: none !important; } /* ===== Pagination ONLY ===== */ .moto-widget-pagination ul { list-style: none; padding: 0; margin: 0; } .moto-widget-pagination ul li { position: relative; padding: 0; margin: 0 6px; background: transparent; box-shadow: none; } /* شيل أي صح أو marker */ .moto-widget-pagination ul li::before, .moto-widget-pagination ul li::marker { content: none !important; display: none !important; } /* شكل رقم الصفحة */ .moto-widget-pagination .moto-pagination-link { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; border-radius: 8px; font-size: 15px; font-weight: 500; color: #333; text-decoration: none; transition: all .2s ease; } /* هوفر */ .moto-widget-pagination .moto-pagination-link:hover { color: #5bc0eb; transform: translateY(-2px); } /* الصفحة الحالية – لون بس (من غير خلفية) */ .moto-widget-pagination .moto-pagination-link_active { background: transparent !important; color: #5bc0eb !important; font-weight: 600; } /* أيقونات next / prev */ .moto-widget-pagination i { font-size: 16px; } .moto-widget-pagination ul li { padding: 5px !important; font-size: 16px } /* ===================================================== TEAM ROW (4 cards) – scoped only to THIS row (data-spacing="aama") ===================================================== */ /* استهداف الصف ده فقط */ .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3 { border-radius: 18px; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #F9FBFC 100%); border: 1px solid rgba(15,58,87,0.08); box-shadow: 0 10px 25px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06); transition: transform .25s ease, box-shadow .25s ease; margin-bottom: 18px; } /* Hover للكارد */ .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.18), 0 6px 14px rgba(0,0,0,0.10); } /* الصورة: خليها كلها نفس الارتفاع + قص محترم */ .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3 img.moto-widget-image-picture { width: 100%; height: 320px; /* عدل الرقم لو عايز أطول/أقصر */ object-fit: cover; display: block; transition: transform .45s ease; } /* Zoom خفيف للصورة */ .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3:hover img.moto-widget-image-picture { transform: scale(1.04); } /* الجزء اللي تحت الصورة (سواء container أو button مباشر) */ .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-container { padding: 16px 16px 20px; } .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3 > .moto-widget-button { padding: 16px 16px 20px; } /* زر الاسم */ .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-button-link { width: 100%; justify-content: center; padding: 14px; border-radius: 12px; background: #ffffff !important; color: #1a1a1a !important; border: 1px solid rgba(11,45,69,0.14) !important; box-shadow: none !important; font-family: inherit; /* عشان يمشي مع فونت السيت */ font-weight: 600; letter-spacing: .2px; transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease; } /* Hover للزر */ .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3:hover .moto-widget-button-link { background: #0F3A57 !important; color: #ffffff !important; border-color: rgba(15,58,87,0.3) !important; transform: translateY(-1px); } /* نخفي الأيقونة والDivider */ .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-theme-icon, .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-button-divider { display: none !important; } /* موبايل */ @media (max-width: 768px) { .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3 img.moto-widget-image-picture { height: 260px; } .moto-widget-row[data-spacing="aama"][data-visible-on="-"] .moto-widget-row__column.moto-cell.col-sm-3 { border-radius: 16px; } } /* ===================================================== TEAM PAGE-19 – APPLY TO ALL CARDS IN THE SECTION Scope: #section-content.page-19 ===================================================== */ /* 1) الكارد نفسه: أي عمود 3 داخل سكشن التيم */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3 { border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid rgba(15,58,87,0.08); box-shadow: 0 10px 25px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06); transition: transform .25s ease, box-shadow .25s ease; margin-bottom: 18px; position: relative; cursor: pointer; /* Fix “مش في النص” بسبب padding الأعمدة */ padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; } /* Hover للكارد */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.18), 0 6px 14px rgba(0,0,0,0.10); } /* 2) Wrapper بتاع الصورة — يلغي أي مسافات */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-image, #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-image-link { margin: 0 !important; padding: 0 !important; display: block; } /* 3) الصورة – Full width + قص محترم + في النص */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3 img.moto-widget-image-picture { display: block; width: 100%; height: 300px; object-fit: cover; margin: 0 auto; transition: transform .45s ease; } /* Zoom للصورة */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3:hover img.moto-widget-image-picture { transform: scale(1.05); } /* ========================= الجزء اللي تحت الصورة (الخلفية بتاعت الكلام) ========================= */ /* 4) الكونتينر اللي تحت الصورة */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-container { margin: 0 !important; width: 100%; box-sizing: border-box; background: #ffffff; /* غيّرها لو عايز */ padding: 14px 14px 18px; border-top: 1px solid rgba(15,58,87,0.08); text-align: center; } /* شيل أي مسافات جانبية جاية من widgets جوه الكونتينر */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-container .moto-widget { margin-left: 0 !important; margin-right: 0 !important; } /* 5) الاسم */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3 .moto-text_system_6 a { display: inline-block; font-weight: 800; text-decoration: none !important; color: #0F3A57; transition: color .2s ease, transform .2s ease; } /* Hover الاسم */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3:hover .moto-text_system_6 a { color: #5bc0eb; transform: translateY(-1px); } /* 6) الوظيفة */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3 .moto-text_normal { margin-top: 6px; margin-bottom: 0; opacity: .85; } /* 7) اخفاء الـ spacers جوه الكارد */ #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-spacer { display: none !important; } /* Mobile */ @media (max-width: 768px) { #section-content.page-19 .moto-widget-row__column.moto-cell.col-sm-3 img.moto-widget-image-picture { height: auto; } } /**9---------------------------------------*/ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3 { border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid rgba(15,58,87,0.08); box-shadow: 0 10px 25px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06); transition: transform .25s ease, box-shadow .25s ease; margin-bottom: 18px; position: relative; cursor: pointer; /* Fix “مش في النص” بسبب padding الأعمدة */ padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; } /* Hover للكارد */ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.18), 0 6px 14px rgba(0,0,0,0.10); } /* 2) Wrapper بتاع الصورة — يلغي أي مسافات */ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-image, #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-image-link { margin: 0 !important; padding: 0 !important; display: block; } /* 3) الصورة – Full width + قص محترم + في النص */ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3 img.moto-widget-image-picture { display: block; width: 100%; height: 300px; object-fit: cover; margin: 0 auto; transition: transform .45s ease; } /* Zoom للصورة */ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3:hover img.moto-widget-image-picture { transform: scale(1.05); } /* ========================= الجزء اللي تحت الصورة (الخلفية بتاعت الكلام) ========================= */ /* 4) الكونتينر اللي تحت الصورة */ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-container { margin: 0 !important; width: 100%; box-sizing: border-box; background: #ffffff; /* غيّرها لو عايز */ padding: 14px 14px 18px; border-top: 1px solid rgba(15,58,87,0.08); text-align: center; } /* شيل أي مسافات جانبية جاية من widgets جوه الكونتينر */ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-container .moto-widget { margin-left: 0 !important; margin-right: 0 !important; } /* 5) الاسم */ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3 .moto-text_system_6 a { display: inline-block; font-weight: 800; text-decoration: none !important; color: #0F3A57; transition: color .2s ease, transform .2s ease; } /* Hover الاسم */ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3:hover .moto-text_system_6 a { color: #5bc0eb; transform: translateY(-1px); } /* 6) الوظيفة */ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3 .moto-text_normal { margin-top: 6px; margin-bottom: 0; opacity: .85; } /* 7) اخفاء الـ spacers جوه الكارد */ #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3 .moto-widget-spacer { display: none !important; } /* Mobile */ @media (max-width: 768px) { #section-content.page-121 .moto-widget-row__column.moto-cell.col-sm-3 img.moto-widget-image-picture { height: auto; } } /* ===================================================== SLIDER – UNIFIED IMAGE SIZE + MOBILE HEIGHT Scoped to widget id ===================================================== */ #wid_1768152639_z7fkwacu8 { position: relative; } /* نثبت ارتفاع السلايدر على الديسكتوب */ #wid_1768152639_z7fkwacu8 .bx-viewport { height: 650px !important; } /* كل الـ li تاخد نفس الارتفاع */ #wid_1768152639_z7fkwacu8 .moto-widget-slider-list li { height: 650px !important; } /* الصور نفسها */ #wid_1768152639_z7fkwacu8 .moto-widget-slider-list img { width: 100%; height: 100%; object-fit: cover; /* أهم سطر: يخلي الصور قد بعض */ object-position: center; display: block; } /* نخلي السلايدر ثابت من غير قفز */ #wid_1768152639_z7fkwacu8 .bx-wrapper, #wid_1768152639_z7fkwacu8 .bx-viewport { overflow: hidden; } /* ========================= MOBILE – زوّد الارتفاع ========================= */ @media (max-width: 768px) { #wid_1768152639_z7fkwacu8 .bx-viewport { height: 520px !important; } #wid_1768152639_z7fkwacu8 .moto-widget-slider-list li { height: 520px !important; } } /* ========================= MOBILE صغير جدًا ========================= */ @media (max-width: 480px) { #wid_1768152639_z7fkwacu8 .bx-viewport { height: 450px !important; /* أعلى شوية للموبايل */ } #wid_1768152639_z7fkwacu8 .moto-widget-slider-list li { height: 450px !important; } } /* ===================================================== SLIDER – UNIFIED IMAGE SIZE + MOBILE HEIGHT Scoped to widget id ===================================================== */ #wid_1768735030_wkgogk079 { position: relative; } /* نثبت ارتفاع السلايدر على الديسكتوب */ #wid_1768735030_wkgogk079 .bx-viewport { height: 650px !important; } /* كل الـ li تاخد نفس الارتفاع */ #wid_1768735030_wkgogk079 .moto-widget-slider-list li { height: 650px !important; } /* الصور نفسها */ #wid_1768735030_wkgogk079 .moto-widget-slider-list img { width: 100%; height: 100%; object-fit: cover; /* أهم سطر: يخلي الصور قد بعض */ object-position: center; display: block; } /* نخلي السلايدر ثابت من غير قفز */ #wid_1768735030_wkgogk079 .bx-wrapper, #wid_1768735030_wkgogk079 .bx-viewport { overflow: hidden; } /* ========================= MOBILE – زوّد الارتفاع ========================= */ @media (max-width: 768px) { #wid_1768735030_wkgogk079 .bx-viewport { height: 520px !important; } #wid_1768735030_wkgogk079 .moto-widget-slider-list li { height: 520px !important; } } /* ========================= MOBILE صغير جدًا ========================= */ @media (max-width: 480px) { #wid_1768735030_wkgogk079 .bx-viewport { height: 450px !important; /* أعلى شوية للموبايل */ } #wid_1768735030_wkgogk079 .moto-widget-slider-list li { height: 450px !important; } } /* =============================== FULL-WIDTH RIBBON (inside image) - على الصورتين - بعرض الصوره لكن مش لحد الحواف - مش لاصق في اخر الصوره من تحت ================================ */ /* سكوب على الرو اللي فيها العمودين (col-sm-6) */ .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[data-bg-image], .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[style*="background-image"] { position: relative; overflow: hidden; min-height: 420px; /* Desktop height */ } /* خلي أي Text جوه العمود يبقى فوق الشريط */ .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[data-bg-image] .moto-widget-text, .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[style*="background-image"] .moto-widget-text { position: absolute; left: 18px; right: 18px; /* ده اللي بيخليه بعرض الصورة بس مش لحد الحواف */ bottom: 26px; /* مش لاصق في اخر الصورة من تحت */ margin: 0; padding: 16px 18px; background: rgba(0,0,0,.42); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); border-radius: 14px; text-align: center; z-index: 3; } /* العنوان الكبير (أول سطر) */ .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[data-bg-image] .moto-widget-text p:first-child, .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[style*="background-image"] .moto-widget-text p:first-child { margin: 0; font-size: 34px; font-weight: 800; line-height: 1.15; color: #fff; } /* السطر الصغير (تاني سطر) */ .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[data-bg-image] .moto-widget-text p:nth-child(2), .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[style*="background-image"] .moto-widget-text p:nth-child(2) { margin: 6px 0 0; font-size: 14px; font-weight: 600; letter-spacing: .3px; color: rgba(255,255,255,.88); } /* لو فيه أي

زيادة خليها تختفي (اختياري) */ .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[data-bg-image] .moto-widget-text p:nth-child(n+3), .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[style*="background-image"] .moto-widget-text p:nth-child(n+3) { display: none; } /* موبايل: ارتفاع أعلى + شريط أوسع شوية */ @media (max-width: 768px) { .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[data-bg-image], .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[style*="background-image"] { min-height: 560px; /* Mobile taller */ } .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[data-bg-image] .moto-widget-text, .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[style*="background-image"] .moto-widget-text { left: 14px; right: 14px; bottom: 22px; padding: 14px 14px; border-radius: 12px; } .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[data-bg-image] .moto-widget-text p:first-child, .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[style*="background-image"] .moto-widget-text p:first-child { font-size: 26px; } .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[data-bg-image] .moto-widget-text p:nth-child(2), .moto-widget-row.moto-justify-content_center .moto-widget-row__column.col-sm-6[style*="background-image"] .moto-widget-text p:nth-child(2) { font-size: 13px; } } .moto-widget-paypal_button::after { content: "\f1ed PayPal | \f0d6 Cash"; font-family: "FontAwesome"; font-size: 16px; font-weight: 600; letter-spacing: .5px; /*color:rgb(10 102 194);*/ color: #ffffff; display: flex; } footer, .moto-widget-footer { background: linear-gradient(180deg, #123c56 0%, #0a2a3d 100%); color: #ffffff; } @media (min-width: 769px) { .moto-widget-callback.moto-preset-default { bottom: 90px !important; } } #section-content ul li { position: relative; padding: 7px 9px 7px 40px; margin-bottom: 6px; background: rgba(255, 255, 255, 0.85); border-radius: 14px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); transition: transform .2s ease, box-shadow .2s ease; line-height: 1.6; } .F7nice { display: inline-block; } .dmRWX Specificity: (0,1,0) { margin-top: 8px; } .ceNzKf { padding-left: 6px; padding-right: 4px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; } .fontBodyMedium { font-family: "DM Sans", sans-serif; text-align: center; font-size: 2.3rem; font-weight: bold; letter-spacing: 0.00625rem; line-height: 1.25rem; } .rFrJzc { background-size: 24px 24px; background-image: url(//maps.gstatic.com/consumer/images/icons/2x/ic_star_rate_14.png); } .rFrJzc { vertical-align: top; display: inline-block; width: 24px; height: 24px; } .jANrlb { --noto-ff: 'Noto Naskh Arabic UI'; font-family: Roboto, 'Noto Naskh Arabic UI', Arial, sans-serif; white-space: normal; text-align: left; color: #1f1f1f; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: start; padding: 0; } .fontDisplayLarge { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 2.8125rem; font-weight: 400; letter-spacing: 0rem; line-height: 3.25rem; } .YTkVxc { display: block; } .qxPNJf { vertical-align: baseline; display: inline-block; width: 24px; height: 24px; margin: 0 1px; background-size: 24px 24px; background-image: url(//maps.gstatic.com/consumer/images/icons/2x/ic_star_rate_14.png); background-repeat: no-repeat; -ms-high-contrast-adjust: none; } .fontBodySmall { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1.75rem; font-weight: 500; letter-spacing: 0.0125rem; line-height: 1rem; color: #5e5e5e; } /* ===== Slider Min Height ===== */ #wid_1768152639_z7fkwacu8 .bx-viewport, #wid_1768152639_z7fkwacu8 .moto-widget-slider-list, #wid_1768152639_z7fkwacu8 .moto-widget-slider-list li, #wid_1768152639_z7fkwacu8 .moto-widget-slider-list img { min-height: 450px; } /* نخلي الصورة تملأ الارتفاع بشكل مظبوط */ #wid_1768152639_z7fkwacu8 .moto-widget-slider-list img { width: 100%; height: 100%; object-fit: cover; } /*/*00000000000000000000000000000000/*/ /* تثبيت مكان الكابشن لكل صور السليدر */ /*.moto-widget-slider .bx-caption { position: absolute; left: 0%; top: 78%; transform: translateY(-50%); max-width: 70%; padding: 14px 22px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(2px); border-radius: 12px; font-size: 36px;*/ /*font-family: cursive !important;*/ /*}*/ .moto-widget-slider .bx-caption { position: absolute; left: 0%; top: 76%; transform: translateY(-50%); max-width: 70%; padding: 14px 22px; background: #0000004a !important; /*backdrop-filter: blur(2px);*/ border-radius: 12px; font-size: 36px; /* font-family: cursive !important; */ } /* تنسيق النص */ .moto-widget-slider .bx-caption .moto-widget-text p { margin: 0; color: #000000; /* أسود واضح */ font-weight: 600; line-height: 1.35; } /* موبايل */ @media (max-width: 768px) { .moto-widget-slider .bx-caption { left: 5%; top: 75%; max-width: 90%; padding: 12px 16px; font-size: 20px; font-weight: 500 !important; /*font-family: cursive !important;*/ } .moto-widget-slider .bx-caption .moto-widget-text p span { font-size: 22px !important; } }