.elementor-22731 .elementor-element.elementor-element-ec00ab3{--display:flex;}.elementor-22731 .elementor-element.elementor-element-339c62a{--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;}.elementor-22731 .elementor-element.elementor-element-60f036b{--display:flex;}.elementor-22731 .elementor-element.elementor-element-eae875f{font-family:"Cairo", Sans-serif;font-size:18px;}.elementor-22731 .elementor-element.elementor-element-df7a80c{--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;}.elementor-22731 .elementor-element.elementor-element-fa89e9f{--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;}.elementor-22731 .elementor-element.elementor-element-becd9a9 .cart button, .elementor-22731 .elementor-element.elementor-element-becd9a9 .cart .button{transition:all 0.2s;}.elementor-22731 .elementor-element.elementor-element-becd9a9 .quantity .qty{transition:all 0.2s;}.elementor-22731 .elementor-element.elementor-element-bb48593 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-22731 .elementor-element.elementor-element-bb48593 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-22731 .elementor-element.elementor-element-bb48593{--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-22731 .elementor-element.elementor-element-bb48593 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22731 .elementor-element.elementor-element-bb48593 .elementor-icon-list-item > a{font-size:13px;}.elementor-22731 .elementor-element.elementor-element-bb48593 .elementor-icon-list-text{transition:color 0.3s;}.elementor-22731 .elementor-element.elementor-element-e270792{--display:flex;}.elementor-22731 .elementor-element.elementor-element-317d110{--display:flex;}.elementor-22731 .elementor-element.elementor-element-b2da2ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22731 .elementor-element.elementor-element-4545737{--display:flex;}.elementor-22731 .elementor-element.elementor-element-5e231f2{--display:flex;}.elementor-22731 .elementor-element.elementor-element-869e0fd{--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;}.elementor-22731 .elementor-element.elementor-element-134e6ce{--display:flex;}.elementor-22731 .elementor-element.elementor-element-3c714f7{--display:flex;}.elementor-22731 .elementor-element.elementor-element-b27b8c2{--display:flex;}.elementor-22731 .elementor-element.elementor-element-4b7c5e1{text-align:start;}.elementor-22731 .elementor-element.elementor-element-db49c93{--display:flex;}.elementor-22731 .elementor-element.elementor-element-001ceda{text-align:center;}.elementor-22731 .elementor-element.elementor-element-f880601{--display:flex;}.elementor-22731 .elementor-element.elementor-element-f861ba7{text-align:center;}.elementor-22731 .elementor-element.elementor-element-34cb1fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22731 .elementor-element.elementor-element-ad3a41c{--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;}.elementor-22731 .elementor-element.elementor-element-0053733{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22731 .elementor-element.elementor-element-1afac9d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22731 .elementor-element.elementor-element-c217224{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-22731 .elementor-element.elementor-element-dcc548d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22731 .elementor-element.elementor-element-dcc548d.e-con{--align-self:center;}.elementor-22731 .elementor-element.elementor-element-bc01f38{--display:flex;}.elementor-22731 .elementor-element.elementor-element-1a5bdba{--display:flex;}.elementor-22731 .elementor-element.elementor-element-9d327f4{--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;}.elementor-22731 .elementor-element.elementor-element-bb25f61{--display:flex;}.elementor-22731 .elementor-element.elementor-element-f870cac .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-22731 .elementor-element.elementor-element-e41c0c4{--display:flex;}.elementor-22731 .elementor-element.elementor-element-a42fa18{--display:flex;}.elementor-22731 .elementor-element.elementor-element-828e201 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-22731 .elementor-element.elementor-element-e5c4f6a{--display:flex;}.elementor-22731 .elementor-element.elementor-element-a2fac25{--display:flex;}.elementor-22731 .elementor-element.elementor-element-ddc5a1d .elementor-button{background-color:#00000000;}.elementor-22731 .elementor-element.elementor-element-e63b1a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22731 .elementor-element.elementor-element-51654ef{--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;}.elementor-22731 .elementor-element.elementor-element-da16727{--display:flex;}.elementor-22731 .elementor-element.elementor-element-9a319fb{--display:flex;}.elementor-22731 .elementor-element.elementor-element-6d360b3{--display:flex;}.elementor-22731 .elementor-element.elementor-element-ec0a512{--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;}.elementor-22731 .elementor-element.elementor-element-68c8a39{--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;}.elementor-22731 .elementor-element.elementor-element-d145430{--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;}.elementor-22731 .elementor-element.elementor-element-1de1d5c{--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;}.elementor-22731 .elementor-element.elementor-element-7c6e413{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22731 .elementor-element.elementor-element-d9c16e7{--display:flex;}.elementor-22731 .elementor-element.elementor-element-c69e733{--display:flex;}.elementor-22731 .elementor-element.elementor-element-5bd9ca6{--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;}.elementor-22731 .elementor-element.elementor-element-e975dcb{--display:flex;}.elementor-22731 .elementor-element.elementor-element-f2834ee{--display:flex;}.elementor-22731 .elementor-element.elementor-element-7af56e0{--display:flex;}.elementor-22731 .elementor-element.elementor-element-6bb9217{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22731 .elementor-element.elementor-element-10f46ed{--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;}.elementor-22731 .elementor-element.elementor-element-76d3f0c{--display:flex;}.elementor-22731 .elementor-element.elementor-element-b1c59b9{--display:flex;}.elementor-22731 .elementor-element.elementor-element-4dde797 .elementor-button{background-color:#00000000;}.elementor-22731 .elementor-element.elementor-element-e7e6250{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22731 .elementor-element.elementor-element-e4a050e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22731 .elementor-element.elementor-element-0e3eb82{--display:flex;}.elementor-22731 .elementor-element.elementor-element-416de10 .elementor-button{background-color:#00000000;}@media(min-width:769px){.elementor-22731 .elementor-element.elementor-element-339c62a{--content-width:1200px;}.elementor-22731 .elementor-element.elementor-element-b2da2ef{--width:100%;}.elementor-22731 .elementor-element.elementor-element-4545737{--content-width:1140px;}.elementor-22731 .elementor-element.elementor-element-34cb1fc{--width:100%;}.elementor-22731 .elementor-element.elementor-element-ad3a41c{--content-width:1140px;}.elementor-22731 .elementor-element.elementor-element-dcc548d{--width:100%;}.elementor-22731 .elementor-element.elementor-element-bc01f38{--content-width:1140px;}.elementor-22731 .elementor-element.elementor-element-e63b1a9{--width:100%;}.elementor-22731 .elementor-element.elementor-element-51654ef{--content-width:1140px;}.elementor-22731 .elementor-element.elementor-element-6d360b3{--content-width:1140px;}.elementor-22731 .elementor-element.elementor-element-d9c16e7{--content-width:1140px;}.elementor-22731 .elementor-element.elementor-element-10f46ed{--content-width:1140px;}.elementor-22731 .elementor-element.elementor-element-0e3eb82{--content-width:1140px;}}/* Start custom CSS for text-editor, class: .elementor-element-60711f1 */.ma-none{
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec00ab3 *//* ============ HERO SECTION ============ */
.ma-moshaf-hero-section {
  background: linear-gradient(180deg, #E6EFFD 0%, #F8FAFF 60%);
  padding: 64px 0 56px;
  overflow: hidden;
}

.ma-moshaf-hero-grid {
  display: flex;
  align-items: center;
  gap: 56px;
}

/* ============ TEXT COLUMN ============ */
.ma-moshaf-hero-text-col {
  display: flex;
  flex-direction: column;
  flex: 1.15 1 0%;
}

.ma-moshaf-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-family: 'Tajawal', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #1C61E7;
  background: #FFFFFF;
  border: 1px solid #E6EFFD;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 22px;
}

.ma-moshaf-hero-heading {
  font-family: 'Tajawal', sans-serif;
  font-size: 52px;
  font-weight: 900;
  line-height: 1.28;
  color: #04294F;
  margin: 0 0 18px;
}

.ma-moshaf-hero-lead {
  font-family: 'Tajawal', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #5B6472;
  line-height: 1.7;
  max-width: 46ch;
  margin: 0 0 30px;
}

/* ============ PRICE ROW ============ */
.ma-moshaf-hero-price-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 28px;
}

.ma-moshaf-hero-price {
  font-family: 'Tajawal', sans-serif;
  font-size: 36px;
  font-weight: 900;
  color: #04294F;
}

.ma-moshaf-hero-price-note {
  font-family: 'Tajawal', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #5B6472;
}

/* ============ CTA ROW ============ */
.ma-moshaf-hero-cta-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 22px;
}

.ma-moshaf-hero-btn-primary,
.ma-moshaf-hero-btn-ghost {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px 32px !important;
  font-family: 'Tajawal', sans-serif;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px !important;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.ma-moshaf-hero-btn-primary {
  background-color: #1C61E7 !important;
  color: #FFFFFF !important;
  border: 1.5px solid transparent !important;
  box-shadow: 0 12px 24px -10px rgba(28,97,231,.45);
}
.ma-moshaf-hero-btn-primary:hover {
  background-color: #1650C4 !important;
  transform: translateY(-1px);
}

.ma-moshaf-hero-btn-ghost {
  background-color: #FFFFFF !important;
  color: #04294F !important;
  border: 1.5px solid #E4EAF3 !important;
}
.ma-moshaf-hero-btn-ghost:hover {
  background-color: #F4F9FE !important;
}

/* ============ TRUST MINI (Icon List) ============ */
.ma-moshaf-hero-trust-mini .elementor-icon-list-item {
  padding: 0;
}

.ma-moshaf-hero-trust-mini .elementor-icon-list-items {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}

.ma-moshaf-hero-trust-mini .elementor-icon-list-text {
  font-family: 'Tajawal', sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #5B6472;
}

.ma-moshaf-hero-trust-mini .elementor-icon-list-icon {
  color: #1C61E7;
  margin-inline-end: 6px;
}
.ma-moshaf-hero-trust-mini .elementor-icon-list-icon i,
.ma-moshaf-hero-trust-mini .elementor-icon-list-icon svg {
  width: 15px;
  height: 15px;
}

/* ============ VISUAL COLUMN — capped so it stays smaller than the text column ============ */
.ma-moshaf-hero-visual-col {
  flex: 0.85 1 0%;
  max-width: 420px;
  position: relative;
}

.ma-moshaf-hero-frame {
  position: relative;
  background: #FFFFFF;
  border-radius: 16px;
  border: 1px solid #E4EAF3;
  padding: 18px;
  box-shadow: 0 30px 60px -30px rgba(4,41,79,.35);
  max-width: 100%;
}

.ma-moshaf-hero-frame-img img {
  width: 100%;
  max-width: 380px;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 10px;
  background-color: #F4F9FE;
  margin: 0 auto;
  display: block;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1024px) {
  .ma-moshaf-hero-grid {
    flex-direction: column;
    gap: 34px;
  }
  .ma-moshaf-hero-heading {
    font-size: 36px;
  }
  .ma-moshaf-hero-visual-col {
    max-width: 320px;
    margin: 0 auto;
  }
}

@media (max-width: 620px) {
  .ma-moshaf-hero-section {
    padding: 44px 0;
  }
  .ma-moshaf-hero-heading {
    font-size: 28px;
  }
  .ma-moshaf-hero-price {
    font-size: 28px;
  }
  .ma-moshaf-hero-cta-row {
    width: 100%;
  }
  .ma-moshaf-hero-cta-row > * {
    flex: 1 1 auto;
  }
  .ma-moshaf-hero-visual-col {
    max-width: 260px;
  }
}
.ma-bold{color:#042950;
    font-weight:bold;
    font-size:15px;
}
body.product_tag-almoshaf .wd-buy-now-btn {
  font-size: 0;
}
body.product_tag-almoshaf .wd-buy-now-btn::after {
  content: "تبرّع الآن";
  font-size: 15.5px;
  font-family: 'Tajawal', sans-serif;
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2da2ef *//* ============ BENEFITS SECTION ============ */
.ma-moshaf-benefits-section {
  background-color: #FFFFFF;
  padding: 76px 0;
}

/* ============ SECTION HEAD ============ */
.ma-moshaf-benefits-head {
  max-width: 640px;
  margin-bottom: 44px;
}

.ma-moshaf-benefits-kicker,
.ma-moshaf-benefits-kicker .elementor-heading-title {
  display: block;
  font-family: 'Tajawal', sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: #1C61E7;
  letter-spacing: 0.04em;
  margin: 0 0 10px;
}

.ma-moshaf-benefits-title,
.ma-moshaf-benefits-title .elementor-heading-title {
  font-family: 'Tajawal', sans-serif;
  font-size: 34px;
  font-weight: 900;
  color: #04294F;
  line-height: 1.35;
  margin: 0;
}

.ma-moshaf-benefits-subtext,
.ma-moshaf-benefits-subtext p {
  font-family: 'Tajawal', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #5B6472;
  margin-top: 12px;
}

/* ============ GRID ============ */
.ma-moshaf-benefits-grid {
  display: flex;
  gap: 18px;
}

/* ============ EACH CARD ============ */
.ma-moshaf-benefit-card {
  flex: 1;
  background-color: #f4f9fe;
  border-radius: 14px;
  padding: 28px 24px;
}

/* Number badge — box centered within the card, text centered inside the box */
.ma-moshaf-benefit-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background-color: #FFFFFF;
  margin: 0 auto 16px;
}

.ma-moshaf-benefit-num,
.ma-moshaf-benefit-num p {
  font-family: 'Tajawal', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: #1C61E7;
  text-align: center !important;
  margin: 0;
  line-height: 1;
}

/* Card title — fix: target the nested h3 Elementor actually renders text into */
.ma-moshaf-benefit-title,
.ma-moshaf-benefit-title .elementor-heading-title {
  font-family: 'Tajawal', sans-serif;
  font-size: 16.5px;
  font-weight: 700;
  color: #04294F;
  margin: 0 0 8px;
  line-height: 1.4;
}

.ma-moshaf-benefit-desc,
.ma-moshaf-benefit-desc p {
  font-family: 'Tajawal', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #5B6472;
  margin: 0;
  line-height: 1.65;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1024px) {
  .ma-moshaf-benefits-grid {
    flex-wrap: wrap;
  }
  .ma-moshaf-benefit-card {
    flex: 1 1 calc(50% - 9px);
  }
  .ma-moshaf-benefits-title,
  .ma-moshaf-benefits-title .elementor-heading-title {
    font-size: 28px;
  }
}

@media (max-width: 620px) {
  .ma-moshaf-benefits-section {
    padding: 48px 0;
  }
  .ma-moshaf-benefit-card {
    flex: 1 1 100%;
    padding: 22px 20px;
  }
  .ma-moshaf-benefits-title,
  .ma-moshaf-benefits-title .elementor-heading-title {
    font-size: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-34cb1fc *//* ============ STATS SECTION ============ */
.ma-moshaf-stats-section {
  background-color: #04294F;
  padding: 76px 0;
}

/* ============ STATS ROW ============ */
.ma-moshaf-stats-row {
  display: flex;
  gap: 24px;
  text-align: center;
}

/* ============ EACH STAT ITEM ============ */
.ma-moshaf-stat-item {
  flex: 1;
}

.ma-moshaf-stat-num,
.ma-moshaf-stat-num .elementor-heading-title,
.ma-moshaf-stat-num p {
  font-family: 'Tajawal', sans-serif;
  font-size: 34px;
  font-weight: 900;
  color: #2F7FD8;
  margin: 0 0 6px;
  line-height: 1.2;
}

.ma-moshaf-stat-lbl,
.ma-moshaf-stat-lbl p {
  font-family: 'Tajawal', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  opacity: .85;
  margin: 0;
  line-height: 1.5;
}

/* ============ NOTE LINE ============ */
.ma-moshaf-stats-note,
.ma-moshaf-stats-note p {
  text-align: center;
  font-family: 'Tajawal', sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  color: #FFFFFF;
  opacity: .6;
  margin-top: 28px;
  display: flex;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 620px) {
  .ma-moshaf-stats-section {
    padding: 48px 0;
  }
  .ma-moshaf-stats-row {
    flex-wrap: wrap;
    gap: 28px;
  }
  .ma-moshaf-stat-item {
    flex: 1 1 100%;
  }
  .ma-moshaf-stat-num,
  .ma-moshaf-stat-num .elementor-heading-title,
  .ma-moshaf-stat-num p {
    font-size: 28px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcc548d *//* ============ GALLERY SECTION ============ */
.ma-moshaf-gallery-section {
  background-color: #F8FAFF;
  padding: 76px 0;
}

/* ============ SECTION HEAD ============ */
.ma-moshaf-gallery-head {
  max-width: 640px;
  margin-bottom: 44px;
}

.ma-moshaf-gallery-kicker,
.ma-moshaf-gallery-kicker .elementor-heading-title {
  display: block;
  font-family: 'Tajawal', sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: #1C61E7;
  letter-spacing: 0.04em;
  margin: 0 0 10px;
}

.ma-moshaf-gallery-title,
.ma-moshaf-gallery-title .elementor-heading-title {
  font-family: 'Tajawal', sans-serif;
  font-size: 34px;
  font-weight: 900;
  color: #04294F;
  line-height: 1.35;
  margin: 0;
}

.ma-moshaf-gallery-subtext,
.ma-moshaf-gallery-subtext p {
  font-family: 'Tajawal', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #5B6472;
  margin-top: 12px;
}

/* ============ GRID — 4 equal cards, wraps as more are added ============ */
.ma-moshaf-gallery-grid {
  display: flex;
  flex-wrap:nowrap;
  gap: 16px;
}

/* ============ EACH ITEM — equal size, always square-ish ============ */
.ma-moshaf-gallery-item {
  position: relative;
  flex: 1 1 calc(25% - 12px);
  min-width: 220px;
  border-radius: 14px;
  overflow: hidden;
  background-color: #E6EFFD;}

.ma-moshaf-gallery-img,
.ma-moshaf-gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 4/5;
  display: block;
}

/* ============ CAPTION OVERLAY ============ */
.ma-moshaf-gallery-cap,
.ma-moshaf-gallery-cap p {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(4,41,79,.85), transparent);
  color: #FFFFFF;
  font-family: 'Tajawal', sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 28px 16px 14px;
  margin: 0;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 900px) {
  .ma-moshaf-gallery-item {
    flex: 1 1 calc(50% - 8px);
  }
}

@media (max-width: 620px) {
  .ma-moshaf-gallery-section {
    padding: 48px 0;
  }
  .ma-moshaf-gallery-title,
  .ma-moshaf-gallery-title .elementor-heading-title {
    font-size: 24px;
  }
  .ma-moshaf-gallery-item {
    flex: 1 1 100%;
  }
}
/* ============ RESPONSIVE — fixed for mobile wrapping ============ */
@media (max-width: 900px) {
  .ma-moshaf-gallery-grid {
    flex-wrap: wrap;
  }
  .ma-moshaf-gallery-item {
    flex: 1 1 calc(50% - 8px);
    min-width: 160px;
  }
}

@media (max-width: 620px) {
  .ma-moshaf-gallery-section,.ma-moshaf-gallery-grid {
    padding: 48px ;
  }
  .ma-moshaf-gallery-grid {
    flex-wrap: wrap;
  }
  .ma-moshaf-gallery-title,
  .ma-moshaf-gallery-title .elementor-heading-title {
    font-size: 24px;
  }
  .ma-moshaf-gallery-item {
    flex: 1 1 100%;
    min-width: 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e63b1a9 *//* ============ ABOUT / TRUST SECTION ============ */
.ma-moshaf-about-section {
  background-color: #FFFFFF;
  padding: 76px 0;
}

.ma-moshaf-about-grid {
  display: flex;
  gap: 56px;
  align-items: flex-start;
}

/* ============ LICENSE CARD ============ */
.ma-moshaf-license-card {
  flex: 0.9;
  background-color: #04294F;
  height: 250px;
  color: #FFFFFF;
  padding: 34px 30px;
  border-radius: 16px;
}

.ma-moshaf-license-title,
.ma-moshaf-license-title .elementor-heading-title {
  font-family: 'Tajawal', sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: #FFFFFF;
  margin: 0 0 14px;
  line-height: 1.4;
}

.ma-moshaf-license-desc,
.ma-moshaf-license-desc p {
  font-family: 'Tajawal', sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  color: #FFFFFF;
  opacity: .85;
  line-height: 1.7;
  margin: 0 0 18px;
}

.ma-moshaf-license-num,
.ma-moshaf-license-num p {
  font-family: 'Tajawal', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #2F7FD8;
  letter-spacing: .02em;
  border-top: 1px solid rgba(255,255,255,.15);
  padding-top: 14px;
  margin: 0;
}

/* ============ TEXT COLUMN ============ */
.ma-moshaf-about-text-col {
  flex: 1.1;
}

.ma-moshaf-about-kicker,
.ma-moshaf-about-kicker .elementor-heading-title {
  display: block;
  font-family: 'Tajawal', sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: #1C61E7;
  letter-spacing: .04em;
  margin: 0 0 10px;
}

.ma-moshaf-about-title,
.ma-moshaf-about-title .elementor-heading-title {
  font-family: 'Tajawal', sans-serif;
  font-size: 34px;
  font-weight: 900;
  color: #04294F;
  line-height: 1.35;
  margin: 0 0 24px;
}

/* ============ SERVICE LIST ============ */
.ma-moshaf-service-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ma-moshaf-service-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

/* Dot marker */
.ma-moshaf-service-dot,
.ma-moshaf-service-dot p {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #1C61E7;
  margin-top: 8px;
  padding: 0;
}

/* Text: bold lead-in followed by sentence, same line */
.ma-moshaf-service-text,
.ma-moshaf-service-text p {
  font-family: 'Tajawal', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #5B6472;
  line-height: 1.75;
  margin: 0;
}

.ma-moshaf-service-text strong,
.ma-moshaf-service-text p strong {
  color: #04294F;
  font-weight: 700;
  margin-inline-end: 4px;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1024px) {
  .ma-moshaf-about-grid {
    flex-direction: column;
    gap: 34px;
  }
  .ma-moshaf-license-card {
    width: 100%;
  }
  .ma-moshaf-about-title,
  .ma-moshaf-about-title .elementor-heading-title {
    font-size: 28px;
  }
}

@media (max-width: 620px) {
  .ma-moshaf-about-section {
    padding: 48px 0;
  }
  .ma-moshaf-license-card {
    padding: 26px 22px;
  }
  .ma-moshaf-about-title,
  .ma-moshaf-about-title .elementor-heading-title {
    font-size: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c6e413 *//* ============ STEPS SECTION ============ */
.ma-moshaf-steps-section {
  background-color: #fffff;
  padding: 76px 0;
}

/* ============ SECTION HEAD ============ */
.ma-moshaf-steps-head {
  max-width: 640px;
  margin-bottom: 44px;
}

.ma-moshaf-steps-kicker,
.ma-moshaf-steps-kicker .elementor-heading-title {
  display: block;
  font-family: 'Tajawal', sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: #1C61E7;
  letter-spacing: .04em;
  margin: 0 0 10px;
}

.ma-moshaf-steps-title,
.ma-moshaf-steps-title .elementor-heading-title {
  font-family: 'Tajawal', sans-serif;
  font-size: 34px;
  font-weight: 900;
  color: #04294F;
  line-height: 1.35;
  margin: 0;
}

/* ============ STEPS ROW ============ */
.ma-moshaf-steps-row {
  display: flex;
  gap: 18px;
}

/* ============ EACH STEP ============ */
.ma-moshaf-step {
  flex: 1;
  background-color: 
  #f4f9fe;
  padding: 10px;
}

.ma-moshaf-step-index,
.ma-moshaf-step-index p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background-color: #042950;
  font-family: 'Tajawal', sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #ffffff;
  margin: 0 0 18px;
  padding: 0;
  line-height: 1;
}

.ma-moshaf-step-title,
.ma-moshaf-step-title .elementor-heading-title {
  font-family: 'Tajawal', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #04294F;
  margin: 0 0 8px;
  line-height: 1.4;
}

.ma-moshaf-step-desc,
.ma-moshaf-step-desc p {
  font-family: 'Tajawal', sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  color: #5B6472;
  line-height: 1.7;
  margin: 0;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 900px) {
  .ma-moshaf-steps-row {
    flex-wrap: wrap;
    gap: 28px;
  }
  .ma-moshaf-step {
    flex: 1 1 calc(50% - 14px);
  }
}

@media (max-width: 620px) {
  .ma-moshaf-steps-section {
    padding: 48px 0;
  }
  .ma-moshaf-steps-head{
      padding: 20px;
  }
  .ma-moshaf-steps-title,
  .ma-moshaf-steps-title .elementor-heading-title {
    font-size: 24px;
  }
  
  .ma-moshaf-steps-row {
    flex-wrap: wrap;
  }
  .ma-moshaf-step {
    flex: 1 1 100%;
    
  }
}
@media (max-width: 620px) {
  #\33 steps-section,
  .elementor-element[data-id] .ma-moshaf-steps-row {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6bb9217 *//* ============ DONATE TODAY SECTION ============ */
.ma-moshaf-donate-section {
  padding: 0 0 76px;
}

/* ============ DONATE BOX ============ */
.ma-moshaf-donate-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  background-color: #042950;
  border-radius: 16px;
  padding: 40px 44px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/* ============ TEXT SIDE ============ */
.ma-moshaf-donate-text {
  flex: 1;
}

.ma-moshaf-donate-title,
.ma-moshaf-donate-title .elementor-heading-title {
  font-family: 'Tajawal', sans-serif;
  font-size: 26px;
  font-weight: 900;
  color: #FFFFFF;
  margin: 0 0 8px;
  line-height: 1.4;
}

.ma-moshaf-donate-desc,
.ma-moshaf-donate-desc p {
  font-family: 'Tajawal', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  opacity: .8;
  margin: 0;
  line-height: 1.6;
}

/* ============ CTA BUTTON ============ */
.ma-moshaf-donate-cta {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.ma-moshaf-donate-btn {
  display: inline-flex !important;
  width: auto !important;
  max-width: 260px;
  align-items: center;
  justify-content: center;
  background-color: #1C61E7 !important;
  color: #FFFFFF !important;
  border: none !important;
  font-family: 'Tajawal', sans-serif;
  font-size: 15.5px;
  font-weight: 700;
  padding: 15px 32px !important;
  border-radius: 10px !important;
  cursor: pointer;
  transition: .2s ease;
  text-decoration: none !important;
}

.ma-moshaf-donate-btn:hover {
  background-color: #1650C4 !important;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 700px) {
  .ma-moshaf-donate-section {
    padding: 32px 20px 60px;
  }
  .ma-moshaf-donate-box{
      border-radius: 0;
  }
  .ma-moshaf-donate-box {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    padding: 28px 22px;
    gap: 18px;
  }
  .ma-moshaf-donate-title,
  .ma-moshaf-donate-title .elementor-heading-title {
    font-size: 22px;
  }
  .ma-moshaf-donate-cta {
    justify-content: center;
  }
  .ma-moshaf-donate-btn {
    width: 100% !important;
    max-width: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4a050e *//* ============ FINAL CTA SECTION ============ */
.ma-moshaf-final-cta-section {
  background-color: #042950;
  padding: 76px 20px 88px;
  text-align: center;
}

.ma-moshaf-final-cta-inner {
  max-width: 620px;
  margin: 0 auto;
}

.ma-moshaf-final-cta-title,
.ma-moshaf-final-cta-title .elementor-heading-title {
  font-family: 'Tajawal', sans-serif;
  font-size: 34px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1.4;
  margin: 0 0 16px;
}

.ma-moshaf-final-cta-desc,
.ma-moshaf-final-cta-desc p {
  font-family: 'Tajawal', sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #FFFFFF;
  opacity: .8;
  line-height: 1.7;
  margin: 0 0 30px;
}

.ma-moshaf-final-cta-desc .price,
.ma-moshaf-final-cta-desc span.price {
  font-weight: 800;
  color: #5B9BFF;
  opacity: 1;
}

.ma-moshaf-final-cta-btn {
  display: inline-flex !important;
  width: auto !important;
  max-width: 280px;
  align-items: center;
  justify-content: center;
  background-color: #1C61E7 !important;
  color: #FFFFFF !important;
  border: none !important;
  font-family: 'Tajawal', sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 15px 40px !important;
  border-radius: 10px !important;
  cursor: pointer;
  box-shadow: 0 12px 24px -10px rgba(28,97,231,.45);
  transition: transform .15s ease, background .15s ease;
  text-decoration: none !important;
  margin: 0 auto;
}

.ma-moshaf-final-cta-btn:hover {
  background-color: #1650C4 !important;
  transform: translateY(-1px);
}

/* ============ RESPONSIVE ============ */
@media (max-width: 620px) {
  .ma-moshaf-final-cta-section {
    padding: 52px 20px 60px;
  }
  
  .ma-moshaf-final-cta-title,
  .ma-moshaf-final-cta-title .elementor-heading-title {
    font-size: 24px;
  }
  .ma-moshaf-final-cta-desc,
  .ma-moshaf-final-cta-desc p {
    font-size: 15px;
  }
  .ma-moshaf-final-cta-btn {
    width: 100% !important;
    max-width: none;
  }
}
/* ============ FINAL CTA SECTION — light outer background ============ */
.ma-moshaf-final-cta-section {
  background-color: #F8FAFF;
  padding: 60px 20px;
}

/* ============ THE ACTUAL CARD — navy, boxed, with white space around it ============ */
.ma-moshaf-final-cta-inner {
  background-color: #042950;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 40px;
  text-align: center;
  border-radius: 20px;
}
@media (max-width: 620px) {
    .ma-moshaf-final-cta-inner{
        border-radius: 0px;
    }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   FULL WIDTH PAGE OVERRIDE
   Sections: 100% width (background bleeds edge to edge)
   Containers: boxed at 1140px, centered
   ============================================================ */

/* Theme wrapper + Elementor outer section containers: full width */
.content-layout-wrapper.container,
main#main-content.content-layout-wrapper,
.e-con.e-parent {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* remove Woodmart's extra top/bottom padding around content */
main#main-content.content-layout-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* container directly inside each section: boxed and centered at 1140px */
.e-con.e-parent > .e-con {
  max-width: 1140px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}/* End custom CSS */