/* ===== تمرير سلس عند الضغط على روابط الـ anchor (مثل اشتراكات) ===== */
html { scroll-behavior: smooth; }

/* ===== الهيدر: إزالة التكرار + زر اللغة واضح ===== */
@media (min-width: 992px) {
  .theme-main-menu .nav-desktop-hide {
    display: none !important;
  }
}
.theme-main-menu .lang-switch {
  white-space: nowrap;
}
.theme-main-menu .lang-label:lang(en) {
  display: inline;
}

/* ===== شاشة التحميل: أيقونة الشعار أكبر + النقطة البنفسجية الدوارة ===== */
#preloader .icon,
.ctn-preloader .icon {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
#preloader .icon img.preloader-logo,
.ctn-preloader .icon img.preloader-logo {
  max-height: 158px;
  height: 158px;
  width: auto;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
/* النقطة البنفسجية تدور على شكل دائرة فوق الشعار */
#preloader .icon span,
.ctn-preloader .icon span {
  z-index: 2;
  pointer-events: none;
}
/* النقطة قريبة من حافة دائرة الشعار (نصف قطر ~82px) وتدور ملاصقة للوجو */
#preloader .icon span:after,
.ctn-preloader .icon span:after {
  width: 14px;
  height: 14px;
  left: 103px;
  top: 21px;
  box-shadow: 0 0 16px rgba(138, 66, 255, 0.7);
}

/* ===== شاشة التحميل: نص AHYXI من اليسار لليمين (عدم عكسه في RTL) ===== */
#preloader .txt-loading,
.ctn-preloader .txt-loading {
  direction: ltr;
}

/* ===== حجم شعار الموقع (صورة الدائرة والنقطة) AMYXi_log_D.png ===== */
.theme-main-menu .logo img[src*="AMYXi_log_D"],
.footer-three .logo img[src*="AMYXi_log_D"] {
  height: 56px;
  max-height: 56px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
}
#preloader .preloader-logo,
.ctn-preloader .preloader-logo {
  height: 48px;
  max-height: 48px;
  width: auto;
  object-fit: contain;
}
.login-page .logo img[src*="AMYXi_log_D"],
.user-data-form .logo img[src*="AMYXi_log_D"] {
  height: 48px;
  max-height: 48px;
  width: auto;
  object-fit: contain;
}

/* ===== شريط الهيدر ثابت دائماً مثل الإنجليزي (شعار يسار، روابط يمين) ===== */
.theme-main-menu .inner-content,
.theme-main-menu .top-header .d-flex {
  direction: ltr !important;
  flex-direction: row !important;
}
.theme-main-menu .top-header .logo {
  margin-right: auto !important;
  margin-left: 0 !important;
  order: 0;
}
.theme-main-menu .top-header .right-widget {
  margin-left: auto !important;
  margin-right: 0 !important;
  order: 1;
}
.theme-main-menu .right-widget ul {
  direction: ltr !important;
  flex-direction: row !important;
}
.theme-main-menu .right-widget .me-3 {
  margin-right: 0.75rem !important;
  margin-left: 0 !important;
}
.theme-main-menu .right-widget .ms-3 {
  margin-right: 0.75rem !important;
  margin-left: 0 !important;
}
.theme-main-menu .right-widget .ms-4 {
  margin-right: 1rem !important;
  margin-left: 0 !important;
}
.theme-main-menu .right-widget li .btn-five {
  margin-left: 0 !important;
}
.theme-main-menu .right-widget a .me-2 {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}

/* ===== ألوان فقط (بدون تغيير حركة أو انتقالات) ===== */
.theme-main-menu.fixed {
  background: #051F1B;
}
.theme-main-menu.menu-style-eight .nav-item:hover .nav-link,
.theme-main-menu.menu-style-eight .login-btn-four:hover {
  color: #00a896;
}
.theme-main-menu.menu-style-eight .navbar-toggler {
  background: #00574A;
}
.theme-main-menu .right-widget .btn-five {
  background: #00574A;
  border-color: #00574A;
  color: #fff;
}
.theme-main-menu .right-widget .btn-five:hover {
  background: #0a7c6c;
  border-color: #0a7c6c;
  color: #fff;
}
/* زر العودة للأعلى — لون أوضح ليكون واضحاً على الخلفية الخضراء */
.scroll-top {
  background: #00a896;
  color: #fff;
  box-shadow: 0 4px 20px rgba(0, 168, 150, 0.5);
}
.scroll-top:hover {
  background: #00c4b0;
  color: #fff;
  box-shadow: 0 4px 24px rgba(0, 168, 150, 0.6);
}
@media (max-width: 991px) {
  .theme-main-menu .navbar-collapse,
  .white-vr .navbar-collapse {
    background: #0d2622;
  }
}

/* ===== دعم العربية و RTL ===== */
html[lang="ar"],
html[dir="rtl"],
[dir="rtl"] body {
  font-family: 'Tajawal', 'Manrope', sans-serif !important;
  text-align: right !important;
}
[dir="rtl"] .text-start { text-align: right !important; }
[dir="rtl"] .text-end { text-align: left !important; }
[dir="rtl"] .ms-auto { margin-left: 0; margin-right: auto; }
[dir="rtl"] .me-auto { margin-right: 0; margin-left: auto; }
/* تأكد ظهور العربية في كل الصفحات */
body { font-family: 'Tajawal', 'Manrope', sans-serif; }

/* ===== ألوان Login & Register تميل للأخضر (مثل الصفحة الرئيسية) ===== */
.main-page-wrapper.dark-bg-two {
  background: #051F1B !important; /* نفس أخضر الصفحة الرئيسية */
}
.login-page .bg-wrapper {
  background: linear-gradient(135deg, #00574A, #0a7c6c) !important; /* تيل/أخضر بدل البنفسجي */
}
.user-data-form.dark-bg-two {
  background: #0d2622 !important; /* أخضر غامق للكارد */
}
.login-page .user-data-form p a,
.user-data-form p a {
  color: #00a896 !important; /* لون الرابط أخضر/تيل */
}
.login-page .user-data-form .btn-four,
.user-data-form .btn-four {
  background: #00574A !important;
  border-color: #00574A !important;
}
.login-page .user-data-form .btn-four:hover,
.user-data-form .btn-four:hover {
  background: #0a7c6c !important;
  border-color: #0a7c6c !important;
}
.login-page .user-data-form .agreement-checkbox label a,
.user-data-form .agreement-checkbox label a {
  color: #00a896 !important;
}
.login-page .user-data-form .agreement-checkbox input[type=checkbox]:checked + label:before,
.user-data-form .agreement-checkbox input[type=checkbox]:checked + label:before {
  background: #00574A !important;
  border-color: #00574A !important;
}
.login-page .user-data-form .form-wrapper .input-group-meta input,
.user-data-form .form-wrapper .input-group-meta input {
  border-color: rgba(0, 87, 74, 0.5) !important;
}
.login-page .user-data-form .form-wrapper .input-group-meta input:focus,
.user-data-form .form-wrapper .input-group-meta input:focus {
  border-color: #00574A !important;
}
.login-page .user-data-form .social-use-btn,
.user-data-form .social-use-btn {
  border-color: rgba(0, 87, 74, 0.6) !important;
}

/* Google Sign-In: منع overflow من قطع iframe الزر */
.user-data-form .form-wrapper,
.user-data-form .google-btn-wrapper {
  overflow: visible !important;
}
.user-data-form .google-btn-wrapper::before,
.user-data-form .google-btn-wrapper::after {
  pointer-events: none !important;
}
.login-page .user-data-form .social-use-btn:hover,
.user-data-form .social-use-btn:hover {
  background: rgba(0, 87, 74, 0.2) !important;
  border-color: #00574A !important;
}

/* ===== login & signup: المحتوى فوق الخلفيات ===== */
.login-page .user-data-form,
.login-page .bg-wrapper {
  position: relative;
  z-index: 2;
}
.login-page .shape_01,
.login-page .shape_02 {
  z-index: 0;
}

.project-block-one .text-meta .arow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.project-block-two .btn-one {
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-block-four .btn-round {
  display: flex;
  align-items: center;
  justify-content: center;
}

.project-details .share-icon a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-meta-one.style-two .post-meta .read-more {
  display: flex;
  align-items: center;
  justify-content: center;
}


.blog-details .blog-details-post .bottom-widget .share-icon a {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===== كل الصفحات: النص فوق الصور/الشكلات (لا تداخل) ===== */
.block-feature-twentyTwo .container,
.fancy-banner-nine .container,
.contact-banner-one .container,
.feedback-section-eight .container,
.app-integration-one .container,
.faq-section-three .container,
.footer-three .container {
  position: relative;
  z-index: 2;
}
.block-feature-twentyTwo .shape_01,
.fancy-banner-nine .shapes,
.contact-banner-one .shapes {
  z-index: 0;
}
.block-feature-twentyTwo .container .row,
.block-feature-twentyTwo .container .row .col-xl-6 {
  position: relative;
  z-index: 1;
}

/* ===== قسم "حلول OTP و واتساب": ترتيب ومساحات أوضح، نصوص أصغر ===== */
.block-feature-twentyTwo .container .row .col-xl-6 {
  max-width: 55%;
}
.block-feature-twentyTwo .shape_01 {
  max-width: 38%;
}

/* --- عربي RTL: النص يمين + الصورة يسار --- */
html[dir="rtl"] .block-feature-twentyTwo .container .row .col-xl-6 {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .block-feature-twentyTwo .shape_01 {
  right: auto;
  left: 0;
}
html[dir="rtl"] .block-feature-twentyTwo-features .row {
  direction: rtl;
}
html[dir="rtl"] .block-feature-twentyTwo .container > .row > .col-xl-6 {
  margin-left: auto;
  margin-right: 0;
}

/* --- إنجليزي LTR: النص يسار + الصورة يمين --- */
html[dir="ltr"] .block-feature-twentyTwo .container .row .col-xl-6 {
  direction: ltr;
  text-align: left;
}
html[dir="ltr"] .block-feature-twentyTwo .shape_01 {
  left: auto;
  right: 0;
}
html[dir="ltr"] .block-feature-twentyTwo-features .row {
  direction: ltr;
}
html[dir="ltr"] .block-feature-twentyTwo .container > .row > .col-xl-6 {
  margin-right: auto;
  margin-left: 0;
}
/* تقليل المسافة بين العنوان والوصف والزر */
.block-feature-twentyTwo-desc {
  font-size: 1.1rem !important;
  line-height: 1.5 !important;
  padding-top: 1.25rem !important;
  padding-bottom: 1.5rem !important;
}
.block-feature-twentyTwo-heading {
  font-size: 1.6rem !important;
  line-height: 1.35 !important;
}
@media (min-width: 768px) {
  .block-feature-twentyTwo-desc { font-size: 1.2rem !important; padding-top: 1.5rem !important; padding-bottom: 2rem !important; }
  .block-feature-twentyTwo-heading { font-size: 1.85rem !important; }
}
@media (min-width: 1200px) {
  .block-feature-twentyTwo-desc { font-size: 1.25rem !important; padding-top: 1.75rem !important; padding-bottom: 2.25rem !important; }
  .block-feature-twentyTwo-heading { font-size: 2rem !important; }
}
/* صف 01، 02، 03: إنزاله تحت الصورة + نصوص أصغر ومسافات أقل */
.block-feature-twentyTwo-features {
  margin-top: 260px !important;
}
.block-feature-twentyTwo .feature {
  margin-top: 0.5rem !important;
}
.block-feature-twentyTwo .feature .num {
  font-size: 1.1rem !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: 0.75rem !important;
  border-bottom-width: 1px !important;
}
.block-feature-twentyTwo .feature p {
  font-size: 1rem !important;
  line-height: 1.45 !important;
}
@media (min-width: 768px) {
  .block-feature-twentyTwo .feature .num { font-size: 1.2rem !important; padding-bottom: 0.6rem !important; margin-bottom: 1rem !important; }
  .block-feature-twentyTwo .feature p { font-size: 1.1rem !important; }
}
@media (min-width: 992px) {
  .block-feature-twentyTwo .feature .num { font-size: 1.25rem !important; }
  .block-feature-twentyTwo .feature p { font-size: 1.15rem !important; }
}
@media (max-width: 1199px) {
  .block-feature-twentyTwo .container .row .col-xl-6 {
    max-width: 100%;
  }
  .block-feature-twentyTwo-features {
    margin-top: 200px !important;
  }
}
@media (max-width: 767px) {
  .block-feature-twentyTwo-features {
    margin-top: 160px !important;
  }
}

/* ===== مسافة ضيقة جداً بين النصين وبين العنوان والكروت ===== */
.app-integration-one.app-integration-one-tight,
.app-integration-one.app-integration-one-tight .container { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.app-integration-one-tight {
  margin-top: 4rem !important;
  padding-bottom: 0 !important;
}
.app-integration-one-title,
.app-integration-one .title-ten.text-center.app-integration-one-title {
  margin-bottom: 0.1rem !important;
}
.app-integration-one-tight .logo-wrapper {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}
.app-integration-one-tight .partner-logo-two,
.app-integration-one-tight .partner-logo-two .slick-list,
.app-integration-one-tight .partner-logo-two .slick-track {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.app-integration-one-tight .partner-logo-two .item {
  padding: 0.1rem 0.3rem !important;
  margin: 0 !important;
}
.app-integration-one-tight .partner-logo-two .item .slick-slide {
  min-height: 0 !important;
}
.app-integration-one-tight .logo-wrapper img {
  max-height: 28px !important;
  width: auto !important;
  object-fit: contain;
}
@media (min-width: 768px) {
  .app-integration-one-tight { margin-top: 5rem !important; padding-bottom: 0.1rem !important; }
  .app-integration-one-title { margin-bottom: 0.15rem !important; }
  .app-integration-one-tight .logo-wrapper { padding-top: 0.35rem !important; padding-bottom: 0.35rem !important; }
  .app-integration-one-tight .logo-wrapper img { max-height: 36px !important; }
}
@media (min-width: 1200px) {
  .app-integration-one-tight { margin-top: 5.5rem !important; }
}

.block-feature-twentyThree-tight {
  margin-top: 0.25rem !important;
  padding-top: 0 !important;
  padding-bottom: 3rem !important;
}
.block-feature-twentyThree-title {
  margin-bottom: 0.75rem !important;
}
.block-feature-twentyThree-card {
  margin-top: 0.5rem !important;
}
@media (min-width: 768px) {
  .block-feature-twentyThree-tight { margin-top: 0.5rem !important; padding-bottom: 4rem !important; }
  .block-feature-twentyThree-title { margin-bottom: 1rem !important; }
  .block-feature-twentyThree-card { margin-top: 0.75rem !important; }
}
@media (min-width: 1200px) {
  .block-feature-twentyThree-tight { margin-top: 0.75rem !important; }
  .block-feature-twentyThree-title { margin-bottom: 1.25rem !important; }
}

/* تطبيق نفس المسافات حتى بدون -tight (لتصدير HTML أو نسخ قديمة) */
.app-integration-one .title-ten.text-center {
  margin-bottom: 0.1rem !important;
}
.app-integration-one .logo-wrapper {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}
.app-integration-one .logo-wrapper img {
  max-height: 28px !important;
  width: auto !important;
  object-fit: contain;
}
.block-feature-twentyThree {
  margin-top: 0.5rem !important;
}
.block-feature-twentyThree .title-ten.text-center {
  margin-bottom: 0.75rem !important;
}
.block-feature-twentyThree .card-style-ten {
  margin-top: 0.5rem !important;
}
@media (min-width: 768px) {
  .block-feature-twentyThree .title-ten.text-center { margin-bottom: 1rem !important; }
  .block-feature-twentyThree .card-style-ten { margin-top: 0.75rem !important; }
}

/* ===== نفس تقليل المسافات: أقسام أخرى (FAQ، اشتراكات، تواصل، عداد) ===== */
.block-feature-twentyOne-tight {
  padding-top: 4rem !important;
  padding-bottom: 3rem !important;
}
.block-feature-twentyOne-title {
  margin-bottom: 2rem !important;
}
@media (min-width: 768px) {
  .block-feature-twentyOne-tight { padding-top: 5rem !important; }
  .block-feature-twentyOne-title { margin-bottom: 2.5rem !important; }
}

.faq-section-three-tight {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.faq-section-three-title {
  margin-bottom: 1.75rem !important;
}
@media (min-width: 768px) {
  .faq-section-three-tight { padding-top: 5rem !important; padding-bottom: 5rem !important; }
  .faq-section-three-title { margin-bottom: 2rem !important; }
}

.contact-banner-one-tight {
  margin-top: 4rem !important;
}
.contact-banner-one-title {
  margin-bottom: 2rem !important;
}
@media (min-width: 768px) {
  .contact-banner-one-tight { margin-top: 5rem !important; }
  .contact-banner-one-title { margin-bottom: 2.5rem !important; }
}

.pricing_plan_sec-tight {
  margin-top: 4rem !important;
}
.pricing_verient_1-tight {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.pricing_plan_area-tight {
  margin-top: 1.5rem !important;
}
@media (min-width: 768px) {
  .pricing_plan_sec-tight { margin-top: 5rem !important; }
  .pricing_verient_1-tight { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
  .pricing_plan_area-tight { margin-top: 2rem !important; }
}

/* ===== صفحة 404: المحتوى فوق الشكلات ===== */
.error-page .container,
.error-page .inner-content {
  position: relative;
  z-index: 2;
}
.error-page .shape_01 {
  z-index: 0;
}

/* ===== هيرو: ترتيب أفضل — تقليل الفراغ الأعلى، تباعد الأسطر، ضبط الخط الأصفر ===== */
.hero-banner-eight.bg-twelve {
  padding-top: 10rem !important;   /* تقليل الفراغ فوق (كان pt-250) */
  min-height: 85vh;                /* ارتفاع كافٍ لظهور الشخص كاملاً في العربية والإنجليزية */
  overflow: visible;
}
@media (min-width: 1200px) {
  .hero-banner-eight.bg-twelve {
    padding-top: 12rem !important;
    min-height: 90vh;
  }
}
@media (min-width: 1400px) {
  .hero-banner-eight.bg-twelve {
    padding-top: 14rem !important;
    min-height: 92vh;
  }
}
@media (max-width: 767px) {
  .hero-banner-eight.bg-twelve {
    padding-top: 7rem !important;
    min-height: 75vh;
  }
}
.hero-banner-eight .hero-heading {
  line-height: 1.4em !important;   /* تباعد أوضح بين الأسطر (كان 0.954em) */
  margin-bottom: 0;
}
.hero-banner-eight .hero-heading span {
  display: inline-block;
}
.hero-banner-eight .hero-heading span:before {
  height: 12px !important;
  bottom: 2px !important;         /* الخط الأصفر تحت الكلمة بوضوح دون التصاق */
  left: 0 !important;
  width: 100% !important;
  border-radius: 2px;
}

/* ===== هيرو إنجليزي: حجم نص أصغر حتى لا يدفع الصورة للأسفل ===== */
[dir="ltr"] .hero-banner-eight .hero-heading {
  font-size: 72px !important;     /* أصغر من 110px ليوفر مساحة عمودية */
  line-height: 1.35em !important;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  [dir="ltr"] .hero-banner-eight .hero-heading {
    font-size: 62px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  [dir="ltr"] .hero-banner-eight .hero-heading {
    font-size: 52px !important;
  }
}
@media (max-width: 991px) {
  [dir="ltr"] .hero-banner-eight .hero-heading {
    font-size: 38px !important;
  }
}
[dir="ltr"] .hero-banner-eight .container .row .col-xl-6 {
  padding-top: 0;
  margin-top: 0;
}
/* الخط الأصفر تحت "and Send" بدون امتداد زائد */
[dir="ltr"] .hero-banner-eight .hero-heading span {
  display: inline-block;
  width: auto;
}
[dir="ltr"] .hero-banner-eight .hero-heading span:before {
  width: 100%;
}

/* ===== هيرو: تساوي اللغتين — عربي RTL يمين، إنجليزي LTR يسار ===== */
.hero-banner-eight .container {
  direction: ltr;
  text-align: left;
}
.hero-banner-eight .container .row {
  position: relative;
  z-index: 2;
  direction: ltr;
}
/* العربية: النص من يمين العمود */
[dir="rtl"] .hero-banner-eight .container .row .col-xl-6 {
  direction: rtl;
  text-align: right;
}
/* الإنجليزية: النص من يسار العمود (طبيعي) */
[dir="ltr"] .hero-banner-eight .container .row .col-xl-6 {
  direction: ltr;
  text-align: left;
}
.hero-banner-eight .container .row .col-xl-6 form {
  direction: ltr;
}
[dir="rtl"] .hero-banner-eight .container .row .col-xl-6 .style-none {
  justify-content: flex-start;
}
[dir="ltr"] .hero-banner-eight .container .row .col-xl-6 .style-none {
  justify-content: flex-start;
}
.hero-banner-eight .illustration {
  left: auto;
  right: 6%;
  min-height: 420px;   /* منطقة كافية لظهور الشخص كاملاً (رأس + جسد) في اللغتين */
}
.hero-banner-eight .illustration img {
  z-index: 0 !important;
}
/* نفس ظهور الشخص في الإنجليزي كما في العربية */
[dir="ltr"] .hero-banner-eight .illustration {
  min-height: 420px;
  bottom: 0;
}
.hero-banner-eight .illustration .hero-bubble,
.hero-banner-eight .illustration .hero-cards-overlay {
  z-index: 10 !important;
}

/* ===== فقاعات المحادثة بالعربية (نفس التصميم والحركات) ===== */
.hero-bubble {
  position: absolute;
  z-index: 10;
  background: #fff;
  border-radius: 16px;
  padding: 10px 14px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  font-family: 'Tajawal', 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
  max-width: 160px;
  line-height: 1.35;
}
.hero-bubble-1 { top: 15%; right: 5%; }
.hero-bubble-2 { top: 45%; right: -5%; }
.hero-bubble-3 { bottom: 25%; right: 8%; }
@media (max-width: 1199px) {
  .hero-bubble { font-size: 12px; padding: 8px 12px; max-width: 140px; }
  .hero-bubble-1 { top: 12%; right: 2%; }
  .hero-bubble-2 { top: 42%; right: -8%; }
  .hero-bubble-3 { bottom: 22%; right: 4%; }
}

/* ===== بطاقات الهيرو بالعربية (فوق الصورة، نفس الحركات) ===== */
.hero-cards-overlay {
  position: absolute;
  z-index: 10;
  background: #fff;
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
  font-family: 'Tajawal', 'Manrope', sans-serif;
  min-width: 120px;
}
.hero-card-label {
  font-size: 11px;
  font-weight: 700;
  color: #1a1a1a;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
}
.hero-card-value {
  font-size: 22px;
  font-weight: 800;
  color: #1a1a1a;
}
.hero-card-value-arc {
  display: block;
}
.hero-card-stars {
  font-size: 14px;
  color: #f0b429;
  letter-spacing: 2px;
  margin-top: 4px;
}
.hero-card-ratio {
  top: 8%;
  left: -15%;
}
.hero-card-rating {
  bottom: 18%;
  left: -20%;
}
@media (max-width: 1199px) {
  .hero-cards-overlay { padding: 10px 12px; min-width: 100px; }
  .hero-card-label { font-size: 10px; }
  .hero-card-value { font-size: 18px; }
  .hero-card-ratio { top: 5%; left: -10%; }
  .hero-card-rating { bottom: 15%; left: -15%; }
}

/* ===== Pricing Plan 7 (3-Grid) — تصميم كامل مع الأنيميشن + خلفية شفافة ===== */
@keyframes roted_star {
  0% { transform: rotate(360deg) matrix(1, 0, 0, 1, -30, -30); }
  100% { transform: rotate(360deg); }
}
@keyframes stroke_pricing7 {
  0% { fill: rgba(255, 255, 255, 0); stroke: #000; stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1; }
  70% { fill: rgba(255, 255, 255, 0); stroke: #000; }
  80% { fill: rgba(255, 255, 255, 0); stroke: #000; stroke-width: 2; }
  100% { fill: #ffffff9c; stroke: #000; stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; }
}

#grid3__pricing_7 .pricing_verient_1.bg_smoothwhite { background-color: transparent; }
#grid3__pricing_7 .upper_price7_layer {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-image: none;
  pointer-events: none;
}
#grid3__pricing_7 .pricing_upper_title h1.heading_text_1 { font-size: 28px; line-height: 1.35; font-weight: 700; color: #fff; }
#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 { font-size: 28px; line-height: 1.35; font-weight: 700; }
#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 {
  display: flex; justify-content: center; flex-direction: column; width: 100%; max-width: 320px; margin: 20px auto; line-height: 1.3; position: relative;
}
#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_1,
#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_3 { transform: translateX(-15%); font-size: 38px; color: #fff; }
#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_2 {
  text-align: center; font-size: 42px; line-height: 1.25;
  -webkit-background-clip: text; -webkit-text-stroke: 1.5px #fff; -webkit-text-fill-color: transparent;
  transform: translateX(18px);
}
#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_3 { transform: translateX(19%); }
/* الدائرة والنجمتان: لون أصفر/ذهبي فاتح — واضح ومختلف عن النص الأبيض ومتناسق مع الموقع */
#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 img { position: absolute; left: 15px; right: 0; margin: 0 auto; filter: brightness(0) invert(1) sepia(0.2) saturate(2.5) hue-rotate(15deg); opacity: 0.95; }
#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 img.shap_2 {
  margin: 0; top: 21%; left: 58%; right: unset; transform: translate(-50%, -50%);
  animation: roted_star 2s infinite linear alternate;
}
#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 img.shap_3 {
  margin: 0; bottom: 16px; left: 44%; right: unset; transform: translate(-50%, -50%);
  animation: roted_star 2s infinite linear alternate;
}
#grid3__pricing_7 .pricing_upper_title h2.heading_text_2 img.shap_3:last-of-type {
  bottom: 3%; left: 45%; animation: roted_star 2s infinite 2s linear alternate;
}

#grid3__pricing_7 .pricing_card_style_7 {
  background: #FAFE28; border-radius: 9999px; position: relative; z-index: 0; overflow: hidden;
  filter: drop-shadow(0px 30px 30px rgba(0, 0, 0, 0.1));
}
/* البطاقة الأولى: أخضر هادئ بدل الأخضر الصارخ */
#grid3__pricing_7 .pricing_card_style_7.pricingcard_1 {
  background: linear-gradient(180deg, #e8f5c8 0%, #b8d4a0 50%, #9ab87a 100%);
}
#grid3__pricing_7 .pricing_card_style_7.pricingcard_2 { background: #A0C6F4; }
#grid3__pricing_7 .pricing_card_style_7.pricingcard_3 { background: #F7C212; }
/* إزالة صور الخلفية التي تحتوي على الحروف A, H, Y (الأنيميشن) — البطاقات تعتمد على التدرج اللوني فقط */
#grid3__pricing_7 .pricing_card_style_7::after {
  content: ''; background-image: none;
  position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; z-index: -1;
}
#grid3__pricing_7 .pricing_card_style_7.pricingcard_1::after { background-image: none; }
#grid3__pricing_7 .pricing_card_style_7.pricingcard_2::after { background-image: none; }
#grid3__pricing_7 .pricing_card_style_7.pricingcard_3::after { background-image: none; }

/* حروف A, H, Y — أسفل البطاقة (جوه/تحت) */
#grid3__pricing_7 .pricing_card_style_7.pricingcard_1::before,
#grid3__pricing_7 .pricing_card_style_7.pricingcard_2::before,
#grid3__pricing_7 .pricing_card_style_7.pricingcard_3::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 40px;
  font-size: 200px;
  font-weight: 900;
  line-height: 1;
  color: rgba(255, 255, 255, 0.18);
  pointer-events: none;
  z-index: 0;
  font-family: inherit;
}
#grid3__pricing_7 .pricing_card_style_7.pricingcard_1::before { content: 'A'; }
#grid3__pricing_7 .pricing_card_style_7.pricingcard_2::before { content: 'H'; }
#grid3__pricing_7 .pricing_card_style_7.pricingcard_3::before { content: 'Y'; }
#grid3__pricing_7 .pricing_card_body { position: relative; z-index: 1; }

#grid3__pricing_7 .pricing_card_upperbody {
  display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 36px 24px 0;
}
/* ألوان نصوص واضحة على كل البطاقات — أحجام مناسبة */
#grid3__pricing_7 .pricing_card_upperbody .heading_text_5 { font-size: 14px; line-height: 1.45; font-weight: 600; color: #1a1a1a; }
#grid3__pricing_7 .pricing_card_upperbody .heading_text_2 { font-size: 26px; line-height: 1.3; font-weight: 900; color: #1a1a1a; }
#grid3__pricing_7 .pricing_card_upperbody p { font-size: 14px; line-height: 1.5; color: #252525; font-weight: 600; }
#grid3__pricing_7 .pricing_card_upperbody .heading_text_3 { font-size: 22px; line-height: normal; font-weight: 600; color: #1a1a1a; }
#grid3__pricing_7 .pricing_card_upperbody h4 { color: #1a1a1a; }
#grid3__pricing_7 .pricing_card_upperbody h4 .heading_text_3 { color: #1a1a1a; }
#grid3__pricing_7 .pricing_card_centerbody {
  height: 0; display: flex; justify-content: center; align-items: center; transition: 0.5s ease;
}
#grid3__pricing_7 .pricing_card_style_7.pricingcard_2 .pricing_card_centerbody,
#grid3__pricing_7 .pricing_card_body:hover .pricing_card_centerbody { height: 80px; }
#grid3__pricing_7 a.btn_style_7 {
  display: flex; justify-content: center; align-items: center; text-decoration: none;
}
#grid3__pricing_7 a.btn_style_7 span {
  padding-bottom: 7px; letter-spacing: 4px; font-size: 0; padding-right: 15px; text-transform: uppercase;
  position: relative; color: black; transition: 0.5s ease;
}
#grid3__pricing_7 a.btn_style_7 span::after {
  content: ""; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0; left: 0;
  background-color: #000; transform-origin: bottom right; transition: transform 0.25s ease-out;
}
#grid3__pricing_7 a.btn_style_7:hover span::after { transform: scaleX(1); transform-origin: bottom left; }
#grid3__pricing_7 a.btn_style_7 svg { transform: translateX(-8px) translateY(-3px); }
#grid3__pricing_7 a.btn_style_7:hover svg { transform: translateX(0) translateY(-3px); }
#grid3__pricing_7 .pricing_card_centerbody a.btn_style_7 span { font-size: 0; transition: 0.5s ease; }
#grid3__pricing_7 .pricing_card_style_7.pricingcard_2 .pricing_card_centerbody a.btn_style_7 span,
#grid3__pricing_7 .pricing_card_body:hover .pricing_card_centerbody a.btn_style_7 span { font-size: 16px; }
#grid3__pricing_7 .pricing_card_centerbody a.btn_style_7 svg { height: 0; transition: 0.5s ease; }
#grid3__pricing_7 .pricing_card_style_7.pricingcard_2 .pricing_card_centerbody a.btn_style_7 svg,
#grid3__pricing_7 .pricing_card_body:hover .pricing_card_centerbody a.btn_style_7 svg { height: 10px; }
#grid3__pricing_7 .pricing_card_bottombody {
  position: relative; width: 100%; height: 330px;
}
#grid3__pricing_7 .pricing_card_bottom_image {
  width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center;
}
#grid3__pricing_7 .pricing_card_bottom_image > img { width: max-content; height: -webkit-fill-available; }
#grid3__pricing_7 .pricing_card_style_7.pricingcard_2 .pricing_card_bottom_image > img { filter: opacity(0.6); }
#grid3__pricing_7 .pricing_card_style_7.pricingcard_3 .pricing_card_bottom_image > img { width: 80%; height: 100%; object-position: top; }
#grid3__pricing_7 .pricing_card_bottombody span {
  text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(-5px, 50px);
  direction: ltr; unicode-bidi: isolate;
}
[dir="rtl"] #grid3__pricing_7 .pricing_card_bottombody span {
  transform: translate(5px, 50px);
}
[dir="rtl"] #grid3__pricing_7 .pricing_card_bottombody span svg {
  transform: scaleX(1);
}
#grid3__pricing_7 .pricing_card_bottombody span svg { width: 350px; height: 100%; }
#grid3__pricing_7 .pricing_card_bottombody span svg path {
  stroke: rgba(0, 0, 0, 0.2); stroke-width: 12; animation: stroke_pricing7 5s infinite alternate;
}
#grid3__pricing_7 .pricing_plan_area .row { --bs-gutter-x: 1.5rem; }
#grid3__pricing_7 .pricing_plan_area .col-xl-4 { margin-bottom: 2rem; }
@media (max-width: 1199px) {
  #grid3__pricing_7 .pricing_upper_title h2.heading_text_2 { width: 100%; }
  #grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_1,
  #grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_3 { font-size: 34px; }
  #grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_2 { font-size: 36px; }
}
@media (max-width: 767px) {
  #grid3__pricing_7 .pricing_upper_title h1.heading_text_1 { font-size: 22px; }
  #grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_1,
  #grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_3 { font-size: 28px; }
  #grid3__pricing_7 .pricing_upper_title h2.heading_text_2 span.upper_text_2 { font-size: 30px; }
  #grid3__pricing_7 .pricing_card_upperbody { padding: 28px 20px 0; }
  #grid3__pricing_7 .pricing_card_upperbody .heading_text_2 { font-size: 22px; }
  #grid3__pricing_7 .pricing_card_upperbody .heading_text_3 { font-size: 18px; }
  #grid3__pricing_7 .pricing_card_bottombody { height: 260px; }
}