.elementor-20100 .elementor-element.elementor-element-90c4f16 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20100 .elementor-element.elementor-element-90c4f16{text-align:start;}.elementor-20100 .elementor-element.elementor-element-90c4f16 img{width:100%;max-width:100%;}.elementor-20100 .elementor-element.elementor-element-e327529 .menu-item a.hfe-menu-item{padding-left:15px;padding-right:15px;}.elementor-20100 .elementor-element.elementor-element-e327529 .menu-item a.hfe-sub-menu-item{padding-left:calc( 15px + 20px );padding-right:15px;}.elementor-20100 .elementor-element.elementor-element-e327529 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 40px );padding-right:15px;}.elementor-20100 .elementor-element.elementor-element-e327529 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 60px );padding-right:15px;}.elementor-20100 .elementor-element.elementor-element-e327529 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 15px + 80px );padding-right:15px;}.elementor-20100 .elementor-element.elementor-element-e327529 .menu-item a.hfe-menu-item, .elementor-20100 .elementor-element.elementor-element-e327529 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-20100 .elementor-element.elementor-element-e327529 ul.sub-menu{width:220px;}.elementor-20100 .elementor-element.elementor-element-e327529 .sub-menu a.hfe-sub-menu-item,
						 .elementor-20100 .elementor-element.elementor-element-e327529 nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-20100 .elementor-element.elementor-element-e327529 nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-20100 .elementor-element.elementor-element-e327529 nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-20100 .elementor-element.elementor-element-e327529 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-20100 .elementor-element.elementor-element-e327529 .hfe-nav-menu__toggle{margin:0 auto;}.elementor-20100 .elementor-element.elementor-element-e327529 a.hfe-menu-item, .elementor-20100 .elementor-element.elementor-element-e327529 a.hfe-sub-menu-item{font-family:"Rubik", Sans-serif;font-weight:600;}.elementor-20100 .elementor-element.elementor-element-e327529 .sub-menu,
								.elementor-20100 .elementor-element.elementor-element-e327529 nav.hfe-dropdown,
								.elementor-20100 .elementor-element.elementor-element-e327529 nav.hfe-dropdown-expandible,
								.elementor-20100 .elementor-element.elementor-element-e327529 nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-20100 .elementor-element.elementor-element-e327529 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-20100 .elementor-element.elementor-element-e327529 .sub-menu li.menu-item:not(:last-child),
						.elementor-20100 .elementor-element.elementor-element-e327529 nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-20100 .elementor-element.elementor-element-e327529 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-20100 .elementor-element.elementor-element-66fcd235 > .elementor-container{min-height:442px;}.elementor-20100 .elementor-element.elementor-element-40094f81 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-20100 .elementor-element.elementor-element-40094f81{text-align:center;}.elementor-20100 .elementor-element.elementor-element-40094f81 .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:60px;font-weight:200;text-transform:uppercase;line-height:1.2em;color:#B7C4A9;}.elementor-20100 .elementor-element.elementor-element-5224547 > .elementor-container{max-width:1400px;}.elementor-20100 .elementor-element.elementor-element-5224547{margin-top:12%;margin-bottom:0%;}.elementor-20100 .elementor-element.elementor-element-1e13965 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:50px;}.elementor-20100 .elementor-element.elementor-element-03365e9 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-20100 .elementor-element.elementor-element-03365e9{text-align:justify;}.elementor-20100 .elementor-element.elementor-element-03365e9 .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:30px;font-weight:400;line-height:60px;letter-spacing:1.8px;color:#4B4B4B;}.elementor-20100 .elementor-element.elementor-element-1642101{--divider-border-style:solid;--divider-color:var( --e-global-color-cefcf0b );--divider-border-width:2px;}.elementor-20100 .elementor-element.elementor-element-1642101 .elementor-divider-separator{width:24%;margin:0 auto;margin-left:0;}.elementor-20100 .elementor-element.elementor-element-1642101 .elementor-divider{text-align:left;padding-block-start:26px;padding-block-end:26px;}.elementor-20100 .elementor-element.elementor-element-6a929a2{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-20100 .elementor-element.elementor-element-0022a69{text-align:justify;font-family:"Rubik", Sans-serif;font-size:24px;font-weight:600;font-style:normal;color:#4B4B4B;}.elementor-20100 .elementor-element.elementor-element-aab59c0{--display:flex;}.elementor-20100 .elementor-element.elementor-element-778a5ad{--display:flex;}.elementor-20100 .elementor-element.elementor-element-31d6a56{text-align:justify;font-family:"Rubik", Sans-serif;font-size:24px;font-weight:600;font-style:normal;color:#4B4B4B;}.elementor-20100 .elementor-element.elementor-element-d516d77{--display:flex;}.elementor-20100 .elementor-element.elementor-element-36efdcf{--display:flex;}.elementor-20100 .elementor-element.elementor-element-92e9d93 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20100 .elementor-element.elementor-element-92e9d93{text-align:center;font-family:"Rubik", Sans-serif;font-size:20px;font-weight:400;color:#7C8776;}.elementor-20100 .elementor-element.elementor-element-ada302f{text-align:justify;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );color:#4B4B4B;}.elementor-20100 .elementor-element.elementor-element-6dd8333{--display:flex;}.elementor-20100 .elementor-element.elementor-element-f418385{text-align:justify;font-family:"Rubik", Sans-serif;font-size:24px;font-weight:600;font-style:normal;color:#4B4B4B;}.elementor-20100 .elementor-element.elementor-element-5a7d7ba{--display:flex;}.elementor-20100 .elementor-element.elementor-element-f09fc3a{width:var( --container-widget-width, 100.101% );max-width:100.101%;--container-widget-width:100.101%;--container-widget-flex-grow:0;}.elementor-20100 .elementor-element.elementor-element-f09fc3a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20100 .elementor-element.elementor-element-f715934{--display:flex;}.elementor-20100 .elementor-element.elementor-element-9afaf57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20100 .elementor-element.elementor-element-4075cf3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20100 .elementor-element.elementor-element-4075cf3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20100 .elementor-element.elementor-element-b972b6c.elementor-element{--align-self:stretch;}.elementor-20100 .elementor-element.elementor-element-402e317{font-family:"Rubik", Sans-serif;font-size:20px;font-weight:400;}.elementor-20100 .elementor-element.elementor-element-d558526{--display:flex;}.elementor-20100 .elementor-element.elementor-element-a2ab0f9{--divider-border-style:dotted;--divider-color:#73678061;--divider-border-width:1px;}.elementor-20100 .elementor-element.elementor-element-a2ab0f9 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-20100 .elementor-element.elementor-element-a2ab0f9 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-20100 .elementor-element.elementor-element-3e9d780{--display:flex;}.elementor-20100 .elementor-element.elementor-element-d6e64ec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20100 .elementor-element.elementor-element-5c13056 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20100 .elementor-element.elementor-element-5c13056{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-20100 .elementor-element.elementor-element-1bcea0b{--display:flex;}.elementor-20100 .elementor-element.elementor-element-692adb1 span.post-navigation__prev--label{color:var( --e-global-color-primary );}.elementor-20100 .elementor-element.elementor-element-692adb1 span.post-navigation__next--label{color:var( --e-global-color-primary );}.elementor-20100 .elementor-element.elementor-element-692adb1 span.post-navigation__prev--label, .elementor-20100 .elementor-element.elementor-element-692adb1 span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-20100 .elementor-element.elementor-element-692adb1 .post-navigation__arrow-wrapper{color:var( --e-global-color-cefcf0b );fill:var( --e-global-color-cefcf0b );}.elementor-20100 .elementor-element.elementor-element-7e9ce74{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-20100 .elementor-element.elementor-element-6c43e8f{width:15.707%;}.elementor-20100 .elementor-element.elementor-element-398ca58{width:84.293%;}}@media(max-width:1024px){.elementor-20100 .elementor-element.elementor-element-40094f81 .elementor-heading-title{font-size:45px;}.elementor-20100 .elementor-element.elementor-element-5224547{padding:0% 5% 0% 5%;}.elementor-20100 .elementor-element.elementor-element-1e13965 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-20100 .elementor-element.elementor-element-03365e9{text-align:center;}.elementor-20100 .elementor-element.elementor-element-ada302f{font-size:var( --e-global-typography-secondary-font-size );} .elementor-20100 .elementor-element.elementor-element-5c13056{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-20100 .elementor-element.elementor-element-692adb1 span.post-navigation__prev--label, .elementor-20100 .elementor-element.elementor-element-692adb1 span.post-navigation__next--label{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-20100 .elementor-element.elementor-element-40094f81 .elementor-heading-title{font-size:32px;}.elementor-20100 .elementor-element.elementor-element-1e13965 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:30px;}.elementor-20100 .elementor-element.elementor-element-ada302f{font-size:var( --e-global-typography-secondary-font-size );} .elementor-20100 .elementor-element.elementor-element-5c13056{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-20100 .elementor-element.elementor-element-692adb1 span.post-navigation__prev--label, .elementor-20100 .elementor-element.elementor-element-692adb1 span.post-navigation__next--label{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for theme-site-logo, class: .elementor-element-90c4f16 */.bassat-logo img {
  transition: transform 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .bassat-logo img:hover {
    transform: scale(1.05);
  }
}

@media (max-width: 768px) {
  .bassat-logo img {
    width: 90px !important;     /* ✅ حجم مناسب للجوال */
    height: auto !important;
    display: block;
    margin: 0 auto;
  }

  .bassat-logo {
    padding: 2px 0 !important;
    text-align: center !important;
  }
}/* End custom CSS */
/* Start custom CSS for navigation-menu, class: .elementor-element-e327529 *//* ✅ الروابط داخل شريط التنقل */
.elementor-nav-menu--main a {
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: rgba(75, 75, 75, 0.85);
  padding: 8px 16px;
  margin-top: 40px;
  margin-inline: 10px; /* تباعد أفقي بين العناصر */
  text-decoration: none;
  transition: color 0.3s ease, border 0.3s ease;

}

.elementor-nav-menu--main a:hover {
  color: #FBD353 !important;           /* ✅ لون من الهوية */
  border-bottom: 2px solid #FBD353;
}

/* ✅ دعم كامل للجوال */
@media (max-width: 768px) {
  .elementor-nav-menu--main {
    flex-direction: column;
    align-items: flex-end;
    padding: 14px 16px;
  }

  .elementor-nav-menu--main a {
    font-size: 16px;
    padding: 10px 12px;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-48dfdde */.bassat-glass {
  background: rgba(255, 255, 255, 0.2); /* خلفية زجاجية فاتحة */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 1;
  position: relative;
  border-radius: 0 0 12px 12px; /* اختياري للتنعيم */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-66fcd235 */.elementor-pos {
  background-color: #F7F7F7;
  background-image:
    linear-gradient(
      to bottom,
      rgba(247, 247, 247, 1) 0%,
      rgba(226, 222, 235, 0.2) 60%,
      rgba(115, 103, 128, 0.05) 100%
    ),
    repeating-radial-gradient(
      circle at 50% 50%,
      rgba(115, 103, 128, 0.06) 0px,
      rgba(115, 103, 128, 0.07) 1px,
      transparent 1px,
      transparent 50px
    );
  background-size: cover;
  padding: 100px 20px 120px;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0 50px 50px 50px;

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6a929a2 *//* ✅ تنسيق النصوص العامة */
.elementor-widget-text-editor {
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  line-height: 1.9;
  color: #3C3A47;
  text-align: justify;
  padding: 32px 24px;
}

.elementor-widget-text-editor p {
  margin-bottom: 24px;
}

.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3 {
  font-weight: 600;
  color: #4B4B4B;
  margin: 48px 0 20px;
  text-align: start;
}

/* ✅ الصور داخل المقال */
.elementor-widget-text-editor img,
.elementor-widget-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 24px auto;
  border-radius: 12px;
}

/* ✅ شرائح الصور */
.elementor-widget-image-carousel .swiper-slide img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
}

/* ✅ توحيد شكل وحجم الأيقونات في النص */
.elementor i,
.elementor svg {
  font-size: 20px !important;
  vertical-align: middle;
  margin-inline: 6px;
  line-height: 1;
  color: #F5C241; /* لون بنفسجي متوازن لهوية بسّطها */
  opacity: 0.85;
}

/* ✅ للأيقونات التحذيرية (إن وُجدت بكلاس خاص) */
.elementor .bs-icon-warning,
.elementor .alert-icon,
.elementor .icon-alert {
  font-size: 22px !important;
  color: #D36A6A !important; /* أحمر ناعم */
  vertical-align: text-top;
}

/* ✅ تنسيق الاقتباسات */
.elementor-widget-text-editor blockquote {
  background: #F7F5FF;
  border-right: 4px solid #B29EFF;
  padding: 20px 24px;
  margin: 32px 0;
  font-style: italic;
  border-radius: 12px;
  color: #4A3F69;
}

/* ✅ تمييز جملة داخل النص */
.elementor-widget-text-editor .highlight {
  background-color: #FFF3C2;
  padding: 2px 6px;
  border-radius: 6px;
  font-weight: 500;
  color: #5A4E00;
}

/* ✅ استجابة للجوالات */
@media (max-width: 768px) {
  .elementor-widget-text-editor {
    font-size: 18px;
    padding: 24px 16px;
  }

  .elementor-widget-text-editor h2,
  .elementor-widget-text-editor h3 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 20px;
  }

  .elementor-widget-image-carousel .swiper-slide img {
    max-height: 240px;
  }

  .elementor-widget-text-editor blockquote {
    font-size: 16px;
    padding: 16px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b3f979b */body {
  font-family: 'Rubik', sans-serif;
}

.decision-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 3rem 2rem;
  border-radius: 16px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  gap: 2rem;
  direction: rtl;
  flex-wrap: wrap;
}

.decision-block .text {
  flex: 1;
    font-family: 'Rubik', sans-serif;
  font-size: 1.25rem;
  color: #4B4B4B;
  line-height: 2.1;
}

.highlight-purple {
  color: #736780;
  font-weight: 700;
}

.highlight-yellow {
  background-color: #fbd353;
  color: #4B4B4B;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-weight: 600;
}

.questions-list {
   list-style: none; /* نلغي النقاط الافتراضية */
  padding: 0;
  margin: 0;
}

.questions-list li {
  margin-bottom: 1rem;
  color: #4B4B4B;
  font-size: 1.25rem;
  line-height: 2;
}

.question-mark {
  color: #B7C4A9;
  font-weight: bold;
}


.questions-list li {
  position: relative;
  padding-right: 1.5rem;
  margin-bottom: 1rem;
  color: #4B4B4B;
  font-size: 1.15rem;
  line-height: 2;
}

/* رمز نقطي مخصص قبل كل عنصر */
.questions-list li::before {
  content: "•"; /* أو ✦ أو ▪ حسب ذوقك */
  position: absolute;
  right: 0;
  color: #B7C4A9; /* متناسق مع الهوية */
  font-size: 1.5rem;
  line-height: 1;
  top: 0.25rem;
}

.question-mark {
  color: #B7C4A9;
  font-weight: bold;
}
/* ✅ الرابط السفلي */
.report-link {
  margin-top: 2rem;
  font-size: 1.05rem;
  color: #4A3F69;
}
.report-link a {
  color: #736780;
  text-decoration: underline;
  font-weight: 600;
  transition: color 0.2s ease;
}
.report-link a:hover {
  color: #4A3F69;
}

/* ✅ الصورة */
.image {
  flex-shrink: 0;
  width: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

/* ✅ الجوال */
@media (max-width: 768px) {
  .decision-block {
    flex-direction: column;
    padding: 2rem 1.5rem;
  }
  .decision-block .text {
    font-size: 1.1rem;
  }
  .questions-list li {
    font-size: 1.1rem;
  }
  .report-link {
    font-size: 1rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2333b45 */.behavioral-chain {
  font-family: 'Rubik', sans-serif;
  font-size: 1.5rem;
  color: #7C8776;
  line-height: 2;
  direction: rtl;
  text-align: justify;
  padding: 2rem 0;
  margin-bottom: 3rem;
}

.behavioral-chain p {
  text-align: justify;
  font-size: 1.5rem;
  margin-bottom: 5rem;
}

.chain-flow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  text-align: center;
  margin-top: 2rem;
}

.chain-item {
  background: none;
  color: #4B4B4B;
  font-weight: 600;
  font-size: 1.2rem;
  padding: 0.75rem 1.5rem;
  border-radius: 40px;
  border: 1px solid #eee;
  background-color: #fff;
  box-shadow: 0 3px 10px rgba(0,0,0,0.04);
}

.arrow {
  font-size: 1.8rem;
  color: #B7C4A9;
  font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb6ebbc */.insight-wrapper {
  padding: 0; /* أزل المسافة الخارجية */
  border-radius: 0;
  background: none;
  box-shadow: none;
  margin: 0 auto;
  max-width: 100%;
      font-family: 'Rubik', sans-serif;
}


.intro-text {
  font-size: 24px;
  line-height: 2;
}

.highlight-yellow {
  background-color: #fbd353;
  color: #4B4B4B;
  padding: 0.1rem 0.4rem;
  border-radius: 4px;
  font-weight: bold;
}

.highlight-purple {
  color: #736780;
  font-weight: 700;
}

.question-analysis {
  margin-top: 4rem;
  border-right: 4px solid #73678044;
  padding-right: 1rem;
}

.question-analysis h4 {
          font-family: 'Rubik', sans-serif;

  font-size: 24px;
  margin-bottom: 2rem;
  color: #736780;
}

.question-item {
  position: relative;
  padding-right: 2rem;
  margin-bottom: 1.5rem;
}

.question-item .bullet {
  position: absolute;
  right: 0;
  background: #B7C4A9;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.question-item p {
  margin: 0;
  
  font-size: 18px;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.7rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f09fc3a *//* إعدادات أساسية */
body {
  background-color: #f7f7f7;
  margin: 0;
  padding: 0; /* ← إزالة البيدنق من الصفحة */
  direction: rtl;
  color: #333;
  font-family: 'Rubik', sans-serif;
}

.highlight-green {
  color: #4CAF50;
  font-weight: bold;
}

/* ✅ الحاوية العامة للأزرار */
.nav-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 2rem;
  overflow-x: auto;
  padding-bottom: 1rem;
}

/* ✅ خصائص الزر الأساسية */
.nav-buttons .btn {
  min-width: 260px;
  padding: 0.8rem 1.2rem;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid transparent;
  border-radius: 1rem;
  cursor: pointer;
  white-space: normal;
  text-align: center;
  font-family: 'Rubik', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.6;
  transition: all 0.25s ease-in-out;
}

/* ✅ ألوان الأزرار */
.btn.purple {
  background-color: #736780;
  color: white;
}
.btn.yellow {
  background-color: #fbd353;
  color: #4B4B4B;
}
.btn.green {
  background-color: #B7C4A9;
  color: #4B4B4B;
}
.btn.dark {
  background-color: #4B4B4B;
  color: white;
}

/* ✅ تأثير Hover لكل زر بلونه */
.btn.purple:hover {
  box-shadow: 0 4px 8px rgba(115, 103, 128, 0.3);
  transform: translateY(-2px);
}
.btn.yellow:hover {
  box-shadow: 0 4px 8px rgba(251, 211, 83, 0.4);
  transform: translateY(-2px);
}
.btn.green:hover {
  box-shadow: 0 4px 8px rgba(183, 196, 169, 0.4);
  transform: translateY(-2px);
}
.btn.dark:hover {
  box-shadow: 0 4px 8px rgba(75, 75, 75, 0.3);
  transform: translateY(-2px);
}

/* ✅ الزر المفعّل (active) */
.nav-buttons .btn.active {
  border: 2px solid #F5C241;
  box-shadow: 0 0 10px rgba(245, 194, 65, 0.3);
  transform: none;
}

/* ✅ محتوى الشريحة */
.slider {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.slider.active {
  display: block;
  opacity: 1;
  animation: fadeIn 0.4s ease-in-out;
}

/* ✅ بطاقة المؤشر */
.indicator-card {
  background-color: white;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
  line-height: 1.9;
  font-family: 'Rubik', sans-serif;
}

/* ✅ عنوان المؤشر */
.indicator-title {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  font-family: 'Rubik', sans-serif;
}

/* ✅ فقرات النص */
.indicator-card p {
  margin: 1rem 0;
  font-size: 1rem;
  line-height: 1.8;
  font-family: 'Rubik', sans-serif;
}

/* ✅ تمييز */
.highlight-purple {
  color: #736780;
  font-weight: bold;
}

/* ✅ صناديق تفسيرية */
.callout {
  border-radius: 12px;
  padding: 1.2rem;
  margin: 1.5rem 0;
  line-height: 1.7;
  font-size: 15px;
}
.callout.warning {
  background-color: #fff8e1;
  border-right: 5px solid #fbd353;
}
.callout.danger {
  background-color: #ffebee;
  border-right: 5px solid #e53935;
}
.callout.insight {
  background-color: #e8f5e9;
  border-right: 5px solid #7aa37a;
}
.callout.solution {
  background-color: #ede7f6;
  border-right: 5px solid #736780;
}

/* ✅ قائمة سلوكية */
.behavioral-barriers {
  list-style: square inside;
  margin-top: 10px;
  padding-right: 10px;
}

/* ✅ حركة دخول */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ✅ استجابة الجوال */
@media (max-width: 768px) {
  .nav-buttons {
    justify-content: flex-start;
    padding-inline: 0.5rem;
  }

  .nav-buttons .btn {
    width: 100%;
    font-size: 0.95rem;
    padding: 0.7rem 1rem;
  }

  .indicator-card {
    padding: 1.5rem 1rem;
  }

  .indicator-title {
    font-size: 1.2rem;
  }

  .indicator-card p {
    font-size: 0.95rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bac5152 */.indicators-summary {
  margin-top: 3rem;
  background: white;
  padding: 2rem;
  border-radius: 16px;
  box-shadow: 0 0 8px rgba(0,0,0,0.05);
      font-family: 'Rubik', sans-serif;

}

.summary-title {
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
  color: #4B4B4B;
  text-align: center;
    font-family: 'Rubik', sans-serif;

}

.summary-table {
  display: flex;
    font-family: 'Rubik', sans-serif;
  text-align: center;

  flex-direction: column;
  gap: 1rem;
  font-size: 0.95rem;
}

.summary-row {
    
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  padding: 0.8rem;
  background-color: #f7f7f7;
  border-radius: 12px;
}

.summary-head {
  background-color: #ede7f6;
  font-weight: 700;
  color: #333;
}

@media (max-width: 768px) {
  .summary-table {
    font-size: 0.85rem;
  }

  .summary-row {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto auto;
    gap: 0.4rem;
  }

  .summary-head {
    display: none;
  }

  .summary-row > div::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    color: #736780;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9afaf57 *//* ✅ الحاوية العامة */
.elementor-element.bsatta-summary-row {
  background: #FFFCF2;
  border: 2px dashed #F5C241;
  border-radius: 20px;
  padding: 32px 40px; /* ⬅️ توسعة المسافة الداخلية */
  max-width: 800px;
  margin: 48px auto;
  box-shadow: 0 6px 16px rgba(0,0,0,0.04);

  display: flex;
  flex-direction: column; /* ⬅️ عمودي حتى تظهر الشارة فوق النص */
  align-items: center;
  direction: rtl;
  gap: 24px;
}

/* ✅ شارة "الخلاصة السلوكية" */
.bsatta-summary-heading {
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #4A3F69;
  background: #EFE1FF;
  padding: 10px 16px;
  border-radius: 14px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;

  min-width: 280px;
  max-width: 100%;
  flex: 0 0 auto;

  text-align: center;
  margin: 0 auto 16px auto; /* ⬅️ توسيط + تقليل المسافة للأسفل */

  border-bottom: 2px solid #E0D4FF; /* ⬅️ خط خافت للفصل */
}

/* ✅ الإيموجي داخل العنوان */
.bsatta-summary-heading .emoji {
  font-size: 16px;
  vertical-align: middle;
}

/* ✅ تنسيق النص */
.elementor-element.bsatta-summary-row .elementor-widget-text-editor {
  font-size: 17px;
  line-height: 2; /* ⬅️ زيادة تباعد الأسطر للراحة */
  text-align: right;
  flex: 1 1 auto;
  color: #3E3459;
  font-family: 'Rubik', sans-serif;
  width: 100%;
}
/* ✅ المظهر العام على الجوال */
@media (max-width: 768px) {
  .elementor-element.bsatta-summary-row {
    padding: 24px 20px;
    gap: 20px;
    border-radius: 16px;
  }

  .bsatta-summary-heading {
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 12px;
    min-width: unset;
    width: 100%;
    text-align: center;
    align-self: center;
    margin-bottom: 12px;
  }

  .bsatta-summary-heading .emoji {
    font-size: 15px;
  }

  .elementor-element.bsatta-summary-row .elementor-widget-text-editor {
    font-size: 16px;
    line-height: 1.9;
    text-align: right;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c54a4f */.bassatna-author-box {
  background-color: #fff;
  padding: 24px;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  text-align: center;
  font-family: 'Rubik', sans-serif;
  margin: 40px auto;
  max-width: 450px;  /* 👈 قللنا العرض هنا */
  transition: transform 0.3s ease;
}


.bassatna-author-box:hover {
  transform: translateY(-6px);
}

.author-name {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 8px;
  color: #4B4B4B;

}

.author-role {
  color: #736780;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 12px;
}

.author-link {
  font-size: 15px;
  color: #4B4B9F;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.author-link:hover {
  color: #2E2E75;
  text-decoration: underline;
}

.author-link svg {
  margin-right: 4px;
  vertical-align: middle;
}/* End custom CSS */
/* Start custom CSS for share-buttons, class: .elementor-element-5c13056 *//* الشكل العام للأزرار */
.elementor-widget-share-buttons .elementor-share-btn {
  background: linear-gradient(to left, #5B4C7A, #93B9A2) !important;
  color: #fff !important;
  border-radius: 12px !important;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: 0;
  box-shadow: none;
}

/* الأيقونة داخل الزر */
.elementor-widget-share-buttons .elementor-share-btn i {
  font-size: 18px;
}

/* تحريك عند التحويم */
.elementor-widget-share-buttons .elementor-share-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e9d780 *//* ✅ عنوان المشاركة */
.bsatta-share-heading h2 {
  font-family: 'Rubik', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #2D2D2D;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.6;
  position: relative;
}


/* نفس حركة الاهتزاز */
@keyframes bounceEmoji {
  0%, 100% { transform: translateY(2px); }
  50% { transform: translateY(-3px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bd101d */.bassatna-footer {
  position: relative;
  background: linear-gradient(to bottom, #F7F7F7 0%, #736780 100%);
  color: white;
  text-align: center;
  padding: 60px 20px 30px;
  font-family: 'Rubik', sans-serif;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  overflow: hidden;
}

/* 🌊 شكل التموج العلوي */
.bassatna-footer .wave-container {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 80px;
  overflow: hidden;
  line-height: 0;
}

.bassatna-footer svg {
  display: block;
  width: 100%;
  height: 100%;
}
.bsatta-heart {
 background: linear-gradient(to left, #5B4C7A, #E1BEE7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
/* ✅ النص داخل الفوتر */
.footer-text {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  margin: 0 auto;
  max-width: 90%;
  line-height: 1.8;
}

/* 📱 استجابة للموبايل */
@media (max-width: 600px) {
  .bassatna-footer {
    padding: 40px 16px 24px;
  }

  .footer-text {
    font-size: 14px;
    line-height: 1.8;
  }
}/* End custom CSS */
/* Start custom CSS *//* ✅ الشعار: محاذاة علويّة ومحاذاة يمين */
.elementor-section.bassat-logo {
  padding: 16px 32px 0 32px;
  direction: rtl;
  text-align: right;
}

.elementor-section.bassat-logo img {
  width: 120px;
  height: auto;
  object-fit: contain;
}

/* ✅ خلفية زجاجية للهيدر */
.elementor-section.bassat-navbar {
  background: rgba(115, 103, 128, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 20px 32px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  direction: rtl;
}

/* ✅ الروابط */
.bassat-navbar a {
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff !important;
  padding: 12px 16px;
  text-decoration: none;
}

.bassat-navbar a:hover {
  color: #FBD353 !important;
}/* End custom CSS */