.elementor-3367 .elementor-element.elementor-element-3866b17{--display:flex;}.elementor-3367 .elementor-element.elementor-element-46849d4d{--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-3367 .elementor-element.elementor-element-591c3861{--display:flex;}.elementor-3367 .elementor-element.elementor-element-6979e5db{font-family:"Cairo", Sans-serif;font-size:18px;}.elementor-3367 .elementor-element.elementor-element-758b1181 .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-681067b8{--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-3367 .elementor-element.elementor-element-694f0938{--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-3367 .elementor-element.elementor-element-14627835 .cart button, .elementor-3367 .elementor-element.elementor-element-14627835 .cart .button{transition:all 0.2s;}.elementor-3367 .elementor-element.elementor-element-14627835 .quantity .qty{transition:all 0.2s;}.elementor-3367 .elementor-element.elementor-element-6523cda1 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3367 .elementor-element.elementor-element-6523cda1 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3367 .elementor-element.elementor-element-6523cda1{--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-3367 .elementor-element.elementor-element-6523cda1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3367 .elementor-element.elementor-element-6523cda1 .elementor-icon-list-item > a{font-size:13px;}.elementor-3367 .elementor-element.elementor-element-6523cda1 .elementor-icon-list-text{transition:color 0.3s;}.elementor-3367 .elementor-element.elementor-element-709153c3{--display:flex;}.elementor-3367 .elementor-element.elementor-element-7a300ac{--display:flex;}.elementor-3367 .elementor-element.elementor-element-35ca2893{--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-3367 .elementor-element.elementor-element-5f4cd1f7{--display:flex;}.elementor-3367 .elementor-element.elementor-element-7b2f77ee{--display:flex;}.elementor-3367 .elementor-element.elementor-element-7fd9a84e .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-6be58419{--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-3367 .elementor-element.elementor-element-5e9f5a05{--display:flex;}.elementor-3367 .elementor-element.elementor-element-2feb8e38 .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-754a2fac{--display:flex;}.elementor-3367 .elementor-element.elementor-element-728476d6 .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-5f182ead{--display:flex;}.elementor-3367 .elementor-element.elementor-element-1e8a378f{text-align:start;}.elementor-3367 .elementor-element.elementor-element-48da061f .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-27e1a0ce{--display:flex;}.elementor-3367 .elementor-element.elementor-element-1935702e{text-align:center;}.elementor-3367 .elementor-element.elementor-element-25a8337c .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-2a3a76f5{--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-3367 .elementor-element.elementor-element-4822052c{--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-3367 .elementor-element.elementor-element-1de115a5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3367 .elementor-element.elementor-element-4fb1450b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3367 .elementor-element.elementor-element-280f49b8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3367 .elementor-element.elementor-element-2eb8d1fb.elementor-element{--align-self:center;}.elementor-3367 .elementor-element.elementor-element-2eb8d1fb{text-align:center;}.elementor-3367 .elementor-element.elementor-element-349f17c4{--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-3367 .elementor-element.elementor-element-349f17c4.e-con{--align-self:center;}.elementor-3367 .elementor-element.elementor-element-3c1f345c{--display:flex;}.elementor-3367 .elementor-element.elementor-element-f293593{--display:flex;}.elementor-3367 .elementor-element.elementor-element-57bd9abc .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-351c4b5d{--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-3367 .elementor-element.elementor-element-3cc71159{--display:flex;}.elementor-3367 .elementor-element.elementor-element-6a2ae2 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-3367 .elementor-element.elementor-element-389c2e29{--display:flex;}.elementor-3367 .elementor-element.elementor-element-23ea863e{--display:flex;}.elementor-3367 .elementor-element.elementor-element-7fb55ff8 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-3367 .elementor-element.elementor-element-e0314f3{--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-3367 .elementor-element.elementor-element-6e371db{--display:flex;}.elementor-3367 .elementor-element.elementor-element-0bbc1fb{--display:flex;}.elementor-3367 .elementor-element.elementor-element-cc8341e .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-3367 .elementor-element.elementor-element-7bfcc1f{--display:flex;}.elementor-3367 .elementor-element.elementor-element-b6f39f3{--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-3367 .elementor-element.elementor-element-71b5d2f{--display:flex;}.elementor-3367 .elementor-element.elementor-element-98b3c73{--display:flex;}.elementor-3367 .elementor-element.elementor-element-1769697 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-3367 .elementor-element.elementor-element-7989dcf{--display:flex;}.elementor-3367 .elementor-element.elementor-element-4c95220a{--display:flex;}.elementor-3367 .elementor-element.elementor-element-1e640cf6 .elementor-button{background-color:#00000000;}.elementor-3367 .elementor-element.elementor-element-1ad1846f{--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-3367 .elementor-element.elementor-element-29a422cb{--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-3367 .elementor-element.elementor-element-250985de{--display:flex;}.elementor-3367 .elementor-element.elementor-element-668a476a{--display:flex;}.elementor-3367 .elementor-element.elementor-element-61440b35 .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-4fa1d65a{--display:flex;}.elementor-3367 .elementor-element.elementor-element-522ffe09{--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-3367 .elementor-element.elementor-element-610cd50{--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-3367 .elementor-element.elementor-element-1685563c{--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-3367 .elementor-element.elementor-element-368f6370{--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-3367 .elementor-element.elementor-element-7b17b7c9{--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-3367 .elementor-element.elementor-element-307ae630{--display:flex;}.elementor-3367 .elementor-element.elementor-element-168d437{--display:flex;}.elementor-3367 .elementor-element.elementor-element-28646eca .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-65fbb5e5{--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-3367 .elementor-element.elementor-element-6a6f55e1{--display:flex;}.elementor-3367 .elementor-element.elementor-element-2a10c99d .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-572a210f{--display:flex;}.elementor-3367 .elementor-element.elementor-element-759a553f .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-4de09a4{--display:flex;}.elementor-3367 .elementor-element.elementor-element-47edcd45 .elementor-heading-title{color:#222222;}.elementor-3367 .elementor-element.elementor-element-2bcff2c8{--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-3367 .elementor-element.elementor-element-23c3e3b2{--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-3367 .elementor-element.elementor-element-7957d266{--display:flex;}.elementor-3367 .elementor-element.elementor-element-33bfeaa8{--display:flex;}.elementor-3367 .elementor-element.elementor-element-7c2da74a .elementor-button{background-color:#00000000;}.elementor-3367 .elementor-element.elementor-element-15a49f46{--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-3367 .elementor-element.elementor-element-2b92e4c7{--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-3367 .elementor-element.elementor-element-4142d48d{--display:flex;}.elementor-3367 .elementor-element.elementor-element-1d26aaf0 .elementor-button{background-color:#00000000;}.elementor-3367 .elementor-element.elementor-element-6490da8{--display:flex;}@media(max-width:767px){.elementor-3367 .elementor-element.elementor-element-6979e5db{font-size:15px;}.elementor-3367 .elementor-element.elementor-element-250985de{--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;}}@media(min-width:768px){.elementor-3367 .elementor-element.elementor-element-46849d4d{--content-width:1200px;}.elementor-3367 .elementor-element.elementor-element-35ca2893{--width:100%;}.elementor-3367 .elementor-element.elementor-element-5f4cd1f7{--content-width:1140px;}.elementor-3367 .elementor-element.elementor-element-2a3a76f5{--width:100%;}.elementor-3367 .elementor-element.elementor-element-4822052c{--content-width:1140px;}.elementor-3367 .elementor-element.elementor-element-349f17c4{--width:100%;}.elementor-3367 .elementor-element.elementor-element-3c1f345c{--content-width:1140px;}.elementor-3367 .elementor-element.elementor-element-1ad1846f{--width:100%;}.elementor-3367 .elementor-element.elementor-element-29a422cb{--content-width:1140px;}.elementor-3367 .elementor-element.elementor-element-4fa1d65a{--content-width:1140px;}.elementor-3367 .elementor-element.elementor-element-307ae630{--content-width:1140px;}.elementor-3367 .elementor-element.elementor-element-23c3e3b2{--content-width:1140px;}.elementor-3367 .elementor-element.elementor-element-4142d48d{--content-width:1140px;}}/* Start custom CSS for text-editor, class: .elementor-element-362df44f */.ma-none{
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3866b17 *//* ============ HERO SECTION ============ */
.ma-moshaf-hero-section {
  background: linear-gradient(180deg, #F3ECDC 0%, #FBF7EE 60%);
  padding: 40px 0 36px;
  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: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #B8892E;
  background: #FFFFFF;
  border: 1px solid #E6DFCB;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 22px;
}

.ma-moshaf-hero-heading {
  font-family: 'Amiri', serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.28;
  color: #3B2414;
  margin: 0 0 18px;
}

.ma-moshaf-hero-lead {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #4A5266;
  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: 'Amiri', serif;
  font-size: 36px;
  font-weight: 700;
  color: #3B2414;
}

.ma-moshaf-hero-price-note {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #4A5266;
}

/* ============ 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: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 16px;
  font-weight: 700;
  border-radius: 999px !important;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.ma-moshaf-hero-btn-primary {
  background-color: #C9A227 !important;
  color: #3B2414 !important;
  border: 1.5px solid transparent !important;
  box-shadow: 0 12px 24px -10px rgba(59,36,20,.45);
}
.ma-moshaf-hero-btn-primary:hover {
  background-color: #E4C77C !important;
  transform: translateY(-1px);
}

.ma-moshaf-hero-btn-ghost {
  background-color: #FFFFFF !important;
  color: #3B2414 !important;
  border: 1.5px solid #E6DFCB !important;
}
.ma-moshaf-hero-btn-ghost:hover {
  background-color: #F3ECDC !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: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #4A5266;
}

.ma-moshaf-hero-trust-mini .elementor-icon-list-icon {
  color: #B8892E;
  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 #E6DFCB;
  padding: 18px;
  box-shadow: 0 30px 60px -30px rgba(59,36,20,.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: #F3ECDC;
  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: 32px 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:#3B2414;
  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: 'IBM Plex Sans Arabic', sans-serif;
  font-weight: 700;
}

/* ===== HERO TIGHTENING (desktop + tablet) ===== */
@media (min-width: 768px) {
  .ma-moshaf-hero-section .ma-moshaf-hero-text-col,
  .ma-moshaf-hero-section .ma-moshaf-hero-visual-col {
    --gap: 12px; --row-gap: 12px; --column-gap: 12px;
    --padding-top: 0px; --padding-bottom: 0px;
    gap: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .ma-moshaf-hero-section .ma-moshaf-hero-price-row,
  .ma-moshaf-hero-section .ma-moshaf-hero-cta-row {
    --padding-top: 0px; --padding-bottom: 0px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .ma-moshaf-hero-section .ma-moshaf-hero-price-row { margin-bottom: 4px; }
  .ma-moshaf-hero-section .ma-moshaf-hero-cta-row { margin-bottom: 12px; }
  .ma-moshaf-hero-section .ma-moshaf-hero-cta-row p.stock { margin-bottom: 8px !important; }
  .ma-moshaf-hero-section .ma-moshaf-hero-grid { gap: 40px; }
  .ma-moshaf-hero-section .ma-moshaf-hero-frame { padding: 14px; }
}
@media (max-width: 767px) {
  .ma-moshaf-hero-section .ma-moshaf-hero-price-row { margin-bottom: 6px; }
  .ma-moshaf-hero-section .ma-moshaf-hero-cta-row p.stock { margin-bottom: 10px !important; }
}

/* hero: remove hidden paragraph margin in the badge + tighten price line-height */
.ma-moshaf-hero-section .ma-moshaf-hero-eyebrow p { margin: 0 !important; }
.ma-moshaf-hero-section .ma-moshaf-hero-price,
.ma-moshaf-hero-section .ma-moshaf-hero-price * { line-height: 1.15 !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35ca2893 *//* ============ BENEFITS SECTION ============ */
.ma-moshaf-benefits-section {
  background-color: #FFFFFF;
  padding: 56px 0;
}
/* ============ SECTION HEAD ============ */
.ma-moshaf-benefits-head {
  max-width: 640px;
  margin-bottom: 32px;
}
.ma-moshaf-benefits-kicker,
.ma-moshaf-benefits-kicker .elementor-heading-title {
  display: block;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #B8892E;
  letter-spacing: 0.04em;
  margin: 0 0 10px;
}
.ma-moshaf-benefits-title,
.ma-moshaf-benefits-title .elementor-heading-title {
  font-family: 'Amiri', serif;
  font-size: 34px;
  font-weight: 700;
  color: #3B2414;
  line-height: 1.35;
  margin: 0;
}
.ma-moshaf-benefits-subtext,
.ma-moshaf-benefits-subtext p {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #4A5266;
  margin-top: 12px;
}
/* ============ GRID ============ */
.ma-moshaf-benefits-grid {
  display: flex;
  gap: 18px;
}
/* ============ EACH CARD ============ */
.ma-moshaf-benefit-card {
  flex: 1;
  background-color: #F3ECDC;
  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: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #B8892E;
  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: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 16.5px;
  font-weight: 700;
  color: #3B2414;
  margin: 0 0 8px;
  line-height: 1.4;
}
.ma-moshaf-benefit-desc,
.ma-moshaf-benefit-desc p {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #4A5266;
  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: 36px 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-2a3a76f5 *//* ============ STATS SECTION ============ */
.ma-moshaf-stats-section {
  background-color: #3B2414;
  padding: 56px 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: 'Amiri', serif;
  font-size: 34px;
  font-weight: 700;
  color: #E4C77C;
  margin: 0 0 6px;
  line-height: 1.2;
}
.ma-moshaf-stat-lbl,
.ma-moshaf-stat-lbl p {
  font-family: 'IBM Plex Sans Arabic', 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: 'IBM Plex Sans Arabic', 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: 36px 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-349f17c4 *//* ============ GALLERY SECTION ============ */
.ma-moshaf-gallery-section {
  background-color: #FBF7EE;
  padding: 56px 0;
}
/* ============ SECTION HEAD ============ */
.ma-moshaf-gallery-head {
  max-width: 640px;
  margin-bottom: 32px;
}
.ma-moshaf-gallery-kicker,
.ma-moshaf-gallery-kicker .elementor-heading-title {
  display: block;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #B8892E;
  letter-spacing: 0.04em;
  margin: 0 0 10px;
}
.ma-moshaf-gallery-title,
.ma-moshaf-gallery-title .elementor-heading-title {
  font-family: 'Amiri', serif;
  font-size: 34px;
  font-weight: 700;
  color: #3B2414;
  line-height: 1.35;
  margin: 0;
}
.ma-moshaf-gallery-subtext,
.ma-moshaf-gallery-subtext p {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #4A5266;
  margin-top: 12px;
}
/* ============ GRID — 3 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(33.333% - 11px);
  min-width: 220px;
  aspect-ratio: 4/5;
  border-radius: 14px;
  overflow: hidden;
  background-color: #F3ECDC;
}
/* Force BOTH <img> and <video> elements inside every gallery item to
   the exact same fixed size, regardless of the media's native
   dimensions/aspect ratio — this is what makes the 2 videos and the
   1 image line up identically instead of each keeping its own size. */
.ma-moshaf-gallery-item img,
.ma-moshaf-gallery-item video,
.ma-moshaf-gallery-img,
.ma-moshaf-gallery-img img {
  width: 100% !important;
  height: 100% !important;
  display: block;
}
/* Videos: fill the frame completely (cropping slightly is fine for video).
   IMPORTANT: Elementor's own "Aspect Ratio" dropdown (in the widget's Style
   tab) sets its own aspect-ratio/padding-hack on the wrapper, which fights
   with our fixed 4/5 container ratio and causes stretching. These rules
   force Elementor's own wrapper to ignore its aspect-ratio setting and
   just fill our container completely instead — this works no matter what
   you have that dropdown set to per-video, so you don't need to match
   every video's individual aspect ratio setting manually. */
.ma-moshaf-gallery-item .elementor-widget-video,
.ma-moshaf-gallery-item .elementor-widget-video .elementor-wrapper,
.ma-moshaf-gallery-item .elementor-video-wrapper,
.ma-moshaf-gallery-item .elementor-fit-aspect-ratio {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  aspect-ratio: unset !important;
}
.ma-moshaf-gallery-item video {
  position: absolute !important;
  inset: 0 !important;
  object-fit: cover !important;
  background-color: #16130F;
}
/* The certificate image: use "contain" instead of "cover" so none of its
   text gets cropped off — the cream background (set above on the item)
   fills any empty space around it instead of leaving plain white gaps */
.ma-moshaf-gallery-item img,
.ma-moshaf-gallery-img img {
  object-fit: contain !important;
  background-color: #F3ECDC;
}
/* ============ CAPTION OVERLAY ============ */
.ma-moshaf-gallery-cap,
.ma-moshaf-gallery-cap p {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(59,36,20,.85), transparent);
  color: #FFFFFF;
  font-family: 'IBM Plex Sans Arabic', 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: 36px 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;
  }
}

/* ===== VIEW MORE (extra documentation rows hidden until clicked) ===== */
body:not(.elementor-editor-active) .ma-moshaf-gallery-more { display: none !important; }
body:not(.elementor-editor-active) .ma-moshaf-gallery-more.is-open { display: flex !important; }
.ma-moshaf-more-wrap { display: flex; justify-content: center; margin: 8px 0 4px; }
.ma-moshaf-more-btn {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 15.5px; font-weight: 700;
  color: #3B2414; background: transparent;
  border: 1.5px solid #C9A227; border-radius: 999px;
  padding: 12px 32px; cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.ma-moshaf-more-btn:hover, .ma-moshaf-more-btn:focus-visible { background: #C9A227; color: #3B2414; outline: none; }

/* new documentation photos are landscape: fill the 4:5 card instead of letterboxing */
.ma-moshaf-gallery-more .ma-moshaf-gallery-item img { object-fit: cover !important; object-position: center !important; }


/* tablet + mobile: all cards evenly spaced (no extra padding/gap between the grid wrappers) */
@media (max-width: 900px) {
  .ma-moshaf-gallery-section .ma-moshaf-gallery-grid { padding-top: 0 !important; padding-bottom: 0 !important; --padding-top: 0px; --padding-bottom: 0px; row-gap: 16px; }
  .ma-moshaf-gallery-section :has(> .ma-moshaf-gallery-grid) { row-gap: 16px !important; --row-gap: 16px; --gap: 16px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ad1846f *//* ============ ABOUT / TRUST SECTION ============ */
.ma-moshaf-about-section {
  background-color: #FFFFFF;
  padding: 56px 0;
}
.ma-moshaf-about-grid {
  display: flex;
  gap: 56px;
  align-items: flex-start;
}
/* ============ LICENSE CARD ============ */
.ma-moshaf-license-card {
  flex: 0.9;
  background-color: #3B2414;
  height: 250px;
  color: #FFFFFF;
  padding: 34px 30px;
  border-radius: 16px;
}
.ma-moshaf-license-title,
.ma-moshaf-license-title .elementor-heading-title {
  font-family: 'Amiri', serif;
  font-size: 22px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 14px;
  line-height: 1.4;
}
.ma-moshaf-license-desc,
.ma-moshaf-license-desc p {
  font-family: 'IBM Plex Sans Arabic', 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: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #E4C77C;
  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: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #B8892E;
  letter-spacing: .04em;
  margin: 0 0 10px;
}
.ma-moshaf-about-title,
.ma-moshaf-about-title .elementor-heading-title {
  font-family: 'Amiri', serif;
  font-size: 34px;
  font-weight: 700;
  color: #3B2414;
  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: #B8892E;
  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: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #4A5266;
  line-height: 1.75;
  margin: 0;
}
.ma-moshaf-service-text strong,
.ma-moshaf-service-text p strong {
  color: #3B2414;
  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: 36px 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-7b17b7c9 *//* ============ STEPS SECTION ============ */
.ma-moshaf-steps-section {
  background-color: #FFFFFF;
  padding: 56px 0;
}
/* ============ SECTION HEAD ============ */
.ma-moshaf-steps-head {
  max-width: 640px;
  margin-bottom: 32px;
}
.ma-moshaf-steps-kicker,
.ma-moshaf-steps-kicker .elementor-heading-title {
  display: block;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #B8892E;
  letter-spacing: .04em;
  margin: 0 0 10px;
}
.ma-moshaf-steps-title,
.ma-moshaf-steps-title .elementor-heading-title {
  font-family: 'Amiri', serif;
  font-size: 34px;
  font-weight: 700;
  color: #3B2414;
  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: #F3ECDC;
  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: #3B2414;
  font-family: 'Amiri', serif;
  font-size: 18px;
  font-weight: 700;
  color: #E4C77C;
  margin: 0 0 18px;
  padding: 0;
  line-height: 1;
}
.ma-moshaf-step-title,
.ma-moshaf-step-title .elementor-heading-title {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #3B2414;
  margin: 0 0 8px;
  line-height: 1.4;
}
.ma-moshaf-step-desc,
.ma-moshaf-step-desc p {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  color: #4A5266;
  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: 36px 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-2bcff2c8 *//* ============ DONATE TODAY SECTION ============ */
.ma-moshaf-donate-section {
  padding: 0 0 56px;
}
/* ============ DONATE BOX ============ */
.ma-moshaf-donate-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  background-color: #3B2414;
  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: 'Amiri', serif;
  font-size: 26px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 8px;
  line-height: 1.4;
}
.ma-moshaf-donate-desc,
.ma-moshaf-donate-desc p {
  font-family: 'IBM Plex Sans Arabic', 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: #C9A227 !important;
  color: #3B2414 !important;
  border: none !important;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 15.5px;
  font-weight: 700;
  padding: 15px 32px !important;
  border-radius: 999px !important;
  cursor: pointer;
  transition: .2s ease;
  text-decoration: none !important;
}
.ma-moshaf-donate-btn:hover {
  background-color: #E4C77C !important;
}
/* ============ RESPONSIVE ============ */
@media (max-width: 700px) {
  .ma-moshaf-donate-section {
    padding: 28px 20px 44px;
  }
  .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-2b92e4c7 *//* ============ FINAL CTA SECTION ============ */
.ma-moshaf-final-cta-section {
  background-color: #3B2414;
  padding: 56px 20px 64px;
  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: 'Amiri', serif;
  font-size: 34px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.4;
  margin: 0 0 16px;
}
.ma-moshaf-final-cta-desc,
.ma-moshaf-final-cta-desc p {
  font-family: 'IBM Plex Sans Arabic', 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: 700;
  color: #E4C77C;
  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: #C9A227 !important;
  color: #3B2414 !important;
  border: none !important;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 15px 40px !important;
  border-radius: 999px !important;
  cursor: pointer;
  box-shadow: 0 12px 24px -10px rgba(59,36,20,.45);
  transition: transform .15s ease, background .15s ease;
  text-decoration: none !important;
  margin: 0 auto;
}
.ma-moshaf-final-cta-btn:hover {
  background-color: #E4C77C !important;
  transform: translateY(-1px);
}
/* ============ RESPONSIVE ============ */
@media (max-width: 620px) {
  .ma-moshaf-final-cta-section {
    padding: 40px 20px 48px;
  }
  
  .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: #FBF7EE;
  padding: 44px 20px;
}
/* ============ THE ACTUAL CARD — brown, boxed, with light space around it ============ */
.ma-moshaf-final-cta-inner {
  background-color: #3B2414;
  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 for container, class: .elementor-element-6490da8 *//* ============================================
   ZAD AL-MU'TAMIREEN — STICKY SIDE TAB (left, vertically centered)
   Paste into: Elementor > Site Settings > Custom CSS
   ============================================ */

.ma-sticky-cta{
  position: fixed !important;
  top: 50% !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 9999 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  backdrop-filter: none !important;
  width: auto !important;
}

a.ma-sticky-cta-btn,
.ma-sticky-cta-btn a,
.elementor-button.ma-sticky-cta-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap;
  background-color: #C9A227 !important;
  color: #3B2414 !important;
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border-radius: 0 999px 999px 0 !important;
  padding: 10px 16px !important;
  border: none !important;
  box-shadow: 4px 0 14px -4px rgba(59,36,20,0.3);
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, padding .2s ease;
}
a.ma-sticky-cta-btn:hover,
.ma-sticky-cta-btn a:hover,
.elementor-button.ma-sticky-cta-btn:hover{
  background-color: #E4C77C !important;
  padding-left: 22px !important;
  box-shadow: 6px 0 18px -4px rgba(59,36,20,0.4);
}

@media (max-width: 640px){
  a.ma-sticky-cta-btn,
  .ma-sticky-cta-btn a{
    font-size: 12px !important;
    padding: 8px 12px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  a.ma-sticky-cta-btn{
    transition: none !important;
  }
}

/* smooth jump to the hero + keep the hero clear of the sticky header */
html { scroll-behavior: smooth; }
#ma-moshf-hero { scroll-margin-top: 90px; }


/* the tab's wrapper must never block clicks on the page behind it */
.ma-sticky-cta { pointer-events: none !important; width: fit-content !important; max-width: 100% !important; --width: fit-content; --content-width: auto; }
.ma-sticky-cta .e-con-inner { width: auto !important; max-width: none !important; }
.ma-sticky-cta a.elementor-button { pointer-events: auto !important; }


/* beat the theme's width:100% rule on containers inside the page wrapper */
html body #ma-sticky-cta-mushaf.ma-sticky-cta.e-con.e-con { width: fit-content !important; max-width: fit-content !important; right: auto !important; left: 0 !important; }/* 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 */