/* =====================================
   إعدادات عامة
===================================== */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background: #eaf4f1;
  font-family: "Tahoma", Arial, sans-serif;
}

/* =====================================
   الهيدر
===================================== */
.page-hero {
  width: 100%;
  min-height: 340px;

  display: flex;
  justify-content: center;
  align-items: center;

  padding: 120px 20px 140px;
  text-align: center;

  background: #eaf4f1;
}

/* مربع العنوان */
.page-hero .title-box {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  padding: 44px 100px;        /* ⬅️ كبرنا المربع */
  border-radius: 36px;

  border: 1px solid rgba(31, 95, 168, 0.25);
  box-shadow: 0 22px 46px rgba(31, 95, 168, 0.25);
}

/* عنوان الصفحة */
.page-hero .title-box h1 {
  margin: 0 0 18px;
  font-size: 52px;            /* ⬅️ كبرنا العنوان */
  font-weight: 900;
  letter-spacing: 1px;
  color: rgba(31, 95, 168, 0.95);
}

/* وصف العنوان */
.page-hero .title-box p {
  margin: 0;
  font-size: 20px;            /* ⬅️ كبرنا الوصف */
  line-height: 2.1;
  color: #2f5f52;
}

/* =====================================
   إزالة الفراغات الزائدة
===================================== */
.page-hero,
.page-background,
.cards-section,
.wp-block-group,
.wp-block-cover {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* =====================================
   خلفية المحتوى
===================================== */
.page-background {
  background: #eaf4f1;
  padding-bottom: 100px;
}

/* =====================================
   قسم البطاقات
===================================== */
.cards-section {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 44px;                  /* ⬅️ تباعد أكبر */
}

/* =====================================
   بطاقة الدرس
===================================== */
.lesson-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 30px 26px;          /* ⬅️ صغرنا الكرت */
  text-align: center;

  border: 1px solid rgba(31, 95, 168, 0.15);
  box-shadow: 0 14px 30px rgba(31, 95, 168, 0.18);

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.lesson-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 44px rgba(31, 95, 168, 0.25);
}

/* عنوان البطاقة */
.lesson-card h2 {
  font-size: 24px;            /* ⬅️ أصغر شوي */
  font-weight: 900;
  color: #1f5fa8;
  margin-bottom: 12px;
}

/* نص البطاقة */
.lesson-card p {
  font-size: 16px;            /* ⬅️ أصغر شوي */
  line-height: 1.9;
  color: #3a4a55;
  margin-bottom: 22px;
}

/* ناتج التعلم */
.lesson-card .learning-box {
  background: rgba(234, 244, 251, 0.9);
  border-radius: 16px;
  padding: 14px 16px;
  margin-bottom: 26px;
  border: 1px dashed rgba(31, 95, 168, 0.35);
}

.lesson-card .learning-box span {
  display: block;
  font-weight: 800;
  color: #1f5fa8;
  margin-bottom: 6px;
}

.lesson-card .learning-box p {
  margin: 0;
  font-size: 15px;
  color: #2c3f4a;
}

/* =====================================
   زر البدء
===================================== */
.start-btn,
.lesson-card a.button {
  display: inline-block;
  padding: 12px 38px;
  border-radius: 999px;

  background: rgba(31, 95, 168, 0.9);
  color: #ffffff;

  font-size: 16px;
  font-weight: 800;
  text-decoration: none;

  box-shadow: 0 10px 24px rgba(31, 95, 168, 0.35);
  transition: all 0.25s ease;
}

.start-btn:hover,
.lesson-card a.button:hover {
  background: #1a4f8f;
  transform: translateY(-2px);
}

.start-btn:active,
.lesson-card a.button:active {
  transform: scale(0.96);
}

/* =====================================
   تحسين الجوال
===================================== */
@media (max-width: 768px) {
  .page-hero {
    padding: 90px 16px 110px;
  }

  .page-hero .title-box {
    padding: 30px 28px;
  }

  .page-hero .title-box h1 {
    font-size: 36px;
  }

  .page-hero .title-box p {
    font-size: 17px;
  }

  .cards-section {
    gap: 28px;
  }

  .lesson-card {
    padding: 26px 22px;
  }
}.wp-block-uagb-container{display:flex;position:relative;box-sizing:border-box;transition-property:box-shadow;transition-duration:0.2s;transition-timing-function:ease}.wp-block-uagb-container .spectra-container-link-overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.wp-block-uagb-container.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:flex;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}.wp-block-uagb-container .wp-block-uagb-blockquote,.wp-block-uagb-container .wp-block-spectra-pro-login,.wp-block-uagb-container .wp-block-spectra-pro-register{margin:unset}.wp-block-uagb-container .uagb-container__video-wrap{height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.wp-block-uagb-container .uagb-container__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.wp-block-uagb-container.uagb-layout-grid{display:grid;width:100%}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap{display:inherit;width:inherit}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.alignwide.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:inherit;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box),body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap,body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap){min-width:unset !important;width:100%;position:relative}body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container ol,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap ol{max-width:-webkit-fill-available;margin-block-start:0;margin-block-end:0;margin-left:20px}.ast-plain-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .uagb-is-root-container.wp-block-uagb-container.alignwide{margin-left:auto;margin-right:auto}.uagb-container__shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr}.uagb-container__shape-top{top:-3px}.uagb-container__shape-bottom{bottom:-3px}.uagb-container__shape.uagb-container__invert.uagb-container__shape-bottom,.uagb-container__shape.uagb-container__invert.uagb-container__shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.uagb-container__shape.uagb-container__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.uagb-container__shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.uagb-container__shape .uagb-container__shape-fill{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.uagb-container__shape.uagb-container__shape-above-content{z-index:9;pointer-events:none}.nv-single-page-wrap .nv-content-wrap.entry-content .wp-block-uagb-container.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media only screen and (max-width: 767px){.wp-block-uagb-container .wp-block-uagb-advanced-heading{width:-webkit-fill-available}}.wp-block-uagb-image--align-none{justify-content:center}
.wp-block-uagb-container.uagb-block-5e3f9ddd .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-5e3f9ddd .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-5e3f9ddd .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-5e3f9ddd .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-5e3f9ddd .uagb-container__video-wrap video{opacity: 0;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-5e3f9ddd{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-5e3f9ddd.uagb-layout-grid{row-gap: 0px;column-gap: 0px;grid-template-columns: minmax( 1px, 1fr) ;grid-template-rows: minmax( 1px, 1fr) ;align-items: end;justify-items: stretch;align-content: stretch;justify-content: stretch;}.wp-block-uagb-container.uagb-block-5e3f9ddd{min-height: 0px;box-shadow: 0px 0px   #00000070 ;padding-top: 10%;padding-bottom: 12%;padding-left: 0%;padding-right: 0%;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;order: initial;border-color: inherit;}.wp-block-uagb-container.uagb-block-6f168862 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-6f168862 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-6f168862 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-6f168862 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-6f168862 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-6f168862{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-6f168862.uagb-layout-grid{row-gap: 0px;column-gap: 0px;grid-template-columns: minmax( 1px, 1fr)  minmax( 1px, 1fr)  minmax( 1px, 1fr)  minmax( 1px, 1fr) ;grid-template-rows: minmax( 1px, 1fr)  minmax( 1px, 1fr) ;align-items: center;justify-items: center;align-content: space-around;justify-content: space-between;}.wp-block-uagb-container.uagb-block-6f168862{min-height: 542px;box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 100px;padding-left: 0px;padding-right: 0px;margin-top: -100px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;overflow: visible;order: initial;border-color: inherit;max-width: 100% !important;}.wp-block-uagb-container.uagb-block-6f168862.wp-block-uagb-container > *:not( .wp-block-uagb-column ):not( .wp-block-uagb-section ):not( .uagb-container__shape ):not( .uagb-container__video-wrap ):not( .uagb-slider-container ):not( .spectra-container-link-overlay ):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-container-inner-blocks-wrap){width: auto !important;}.wp-block-uagb-container.uagb-block-6f168862.wp-block-uagb-container > .uagb-container-inner-blocks-wrap > *:not( .wp-block-uagb-column ):not( .wp-block-uagb-section ):not( .uagb-container__shape ):not( .uagb-container__video-wrap ):not( .uagb-slider-container ):not(.spectra-image-gallery__control-lightbox){width: auto !important;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-5e3f9ddd{width: 100%;}.wp-block-uagb-container.uagb-block-5e3f9ddd.uagb-layout-grid{grid-template-columns: minmax( 1px, 1fr) ;grid-template-rows: minmax( 1px, 1fr) ;align-items: stretch;justify-items: stretch;align-content: stretch;justify-content: stretch;}.wp-block-uagb-container.uagb-block-5e3f9ddd{padding-top: 33%;padding-bottom: 33%;padding-left: 0%;padding-right: 0%;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-6f168862{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-6f168862.uagb-layout-grid{row-gap: 0px;column-gap: 0px;grid-template-columns: minmax( 1px, 1fr)  minmax( 1px, 1fr)  minmax( 1px, 1fr)  minmax( 1px, 1fr) ;grid-template-rows: minmax( 1px, 1fr) ;align-items: stretch;justify-items: stretch;align-content: start;justify-content: stretch;}.wp-block-uagb-container.uagb-block-6f168862{padding-top: 0px;padding-bottom: 100px;padding-left: 15px;padding-right: 15px;margin-top: -100px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;order: initial;max-width: 100% !important;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-5e3f9ddd{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-5e3f9ddd.uagb-layout-grid{row-gap: 0px;column-gap: 0px;grid-template-columns: minmax( 1px, 1fr) ;grid-template-rows: minmax( 1px, 1fr) ;align-items: stretch;justify-items: stretch;align-content: stretch;justify-content: stretch;}.wp-block-uagb-container.uagb-block-5e3f9ddd{padding-top: 40%;padding-bottom: 45%;padding-left: 0%;padding-right: 0%;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;row-gap: 0px;column-gap: 0px;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-6f168862{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-6f168862.uagb-layout-grid{row-gap: 0px;column-gap: 0px;grid-template-columns: minmax( 1px, 1fr) ;grid-template-rows: minmax( 1px, 1fr) ;align-items: stretch;justify-items: stretch;align-content: stretch;justify-content: stretch;}.wp-block-uagb-container.uagb-block-6f168862{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: -100px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;row-gap: 0px;column-gap: 0px;order: initial;max-width: 100% !important;}.wp-block-uagb-container.uagb-block-6f168862.wp-block-uagb-container > *:not( .wp-block-uagb-column ):not( .wp-block-uagb-section ):not( .uagb-container__shape ):not( .uagb-container__video-wrap ):not( .uagb-slider-container ):not( .spectra-container-link-overlay ):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-container-inner-blocks-wrap){width: 100%;}.wp-block-uagb-container.uagb-block-6f168862.wp-block-uagb-container > .uagb-container-inner-blocks-wrap > *:not( .wp-block-uagb-column ):not( .wp-block-uagb-section ):not( .uagb-container__shape ):not( .uagb-container__video-wrap ):not( .uagb-slider-container ):not(.spectra-image-gallery__control-lightbox){width: 100%;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}