.elementor-621 .elementor-element.elementor-element-fbeb0f8{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-621 .elementor-element.elementor-element-0c4a737{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-621 .elementor-element.elementor-element-81a650c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:61px;font-weight:600;color:#003C58;}.elementor-621 .elementor-element.elementor-element-8a39baf{--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-621 .elementor-element.elementor-element-8711948{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-621 .elementor-element.elementor-element-de32f72{--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-621 .elementor-element.elementor-element-963c06f{--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-621 .elementor-element.elementor-element-7e1563a{--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-621 .elementor-element.elementor-element-f281f55{--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-621 .elementor-element.elementor-element-1c7b289{--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;}/* Start custom CSS for text-editor, class: .elementor-element-57d1a43 */.intro-section {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1.15rem;
  line-height: 1.8;
  background: #f8f9fa;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(70, 85, 120, 0.08);
  padding: 30px 36px 24px 36px;
  margin-bottom: 32px;
  transition: background 0.4s;
}
.intro-section .highlight-gold { color: #C28821; font-weight: 600; }
.intro-section .highlight-blue { color: #1769aa; font-weight: 600;}
.intro-section .highlight-green { color: #38a533; font-weight: 600;}
.intro-section .highlight-red { color: #c0392b; font-weight: 600;}
.intro-section .highlight-orange { color: #e67e22; font-weight: 600;}
.intro-section .highlight-turquoise { color: #008b8b; font-weight: 600;}
.intro-section .highlight-purple { color: #7a2984; font-weight: 600;}
.quranic-verse {
  font-family: 'Amiri', serif;
  font-size: 1.1rem;
  background: linear-gradient(90deg, #f6e5b2 0%, #dfd6f7 100%);
  border-left: 8px solid #C28821;
  border-radius: 10px;
  margin: 24px 0 18px 0;
  padding: 14px 22px;
  color: #4B3529;
  text-align: center;
}
.verse-arabic { display: block; font-size: 1.4rem; color: #1769aa; font-weight: bold; }
.verse-translation { display: block; margin-top: 8px; color: #2b3856; font-style: italic;}
.verse-source { display: block; margin-top: 4px; font-size: 1rem; color: #6c757d;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-829417d */.greatest-scholars-section {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1.13rem;
  background: linear-gradient(100deg, #f7fafd 60%, #fbeed6 100%);
  border-radius: 22px;
  padding: 36px 42px 30px 42px;
  box-shadow: 0 8px 28px rgba(52,73,94,0.11);
  margin-bottom: 44px;
}
.scientist-card {
  background: #fffbeee8;
  border-left: 7px solid #C28821;
  border-radius: 15px;
  box-shadow: 0 2px 8px rgba(110,110,110,.05);
  margin-bottom: 30px;
  padding: 22px 30px 14px 28px;
  transition: border 0.3s;
}
.scientist-card:hover {
  border-left: 7px solid #1769aa;
  background: #f6faff;
}
.scientist-name {
  font-size: 1.23rem;
  font-weight: 700;
  margin-bottom: 6px;
  display: block;
}
.date {
  font-size: 1rem;
  color: #888abe;
  font-weight: 400;
}
.color-gold    { color: #C28821; font-weight: 700;}
.color-blue    { color: #1769aa; font-weight: 600;}
.color-emerald { color: #2baa6b; font-weight: 600;}
.color-purple  { color: #7a2984; font-weight: 600;}
.color-orange  { color: #e67e22; font-weight: 600;}
.color-green   { color: #36a169; font-weight: 600;}
ul { margin-top: 7px; margin-bottom: 0; padding-left: 22px; }
ul li { margin-bottom: 6px; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-948150d */.notable-mentions-section {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1.09rem;
  background: linear-gradient(92deg, #fafafc 60%, #e8f5e9 100%);
  border-radius: 18px;
  padding: 34px 38px 26px 38px;
  box-shadow: 0 7px 22px rgba(80, 90, 120, 0.07);
  margin-bottom: 35px;
}
.mentions-title {
  font-size: 1.22rem;
  font-weight: 700;
  color: #C28821;
  margin-bottom: 18px;
  letter-spacing: 0.5px;
}
.notable-mentions-list {
  list-style-type: disc;
  color: #222235;
  margin-left: 16px;
  padding-left: 18px;
}
.notable-mentions-list li {
  margin-bottom: 15px;
  padding-left: 6px;
}
.mention-name {
  font-weight: 700;
  font-size: 1.08rem;
  margin-right: 4px;
}
.mention-desc {
  font-size: 1.01rem;
}
.color-gold    { color: #C28821; }
.color-blue    { color: #1769aa; }
.color-emerald { color: #2baa6b; }
.color-purple  { color: #7a2984; }
.color-orange  { color: #e67e22; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3b3b52d */.legacy-impact-section {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1.13rem;
  background: linear-gradient(100deg, #f8fafc 65%, #f4f0ff 100%);
  border-radius: 20px;
  padding: 36px 40px 30px 40px;
  box-shadow: 0 8px 28px rgba(52, 73, 94, 0.11);
  margin-bottom: 40px;
}
.legacy-title {
  font-size: 1.27rem;
  font-weight: 700;
  color: #C28821;
  margin-bottom: 18px;
  letter-spacing: 0.5px;
}
.color-gold    { color: #C28821; font-weight: 700; }
.color-blue    { color: #1769aa; font-weight: 600; }
.color-purple  { color: #7a2984; font-weight: 600; }
.color-green   { color: #36a169; font-weight: 600; }
.color-orange  { color: #e67e22; font-weight: 600; }
.color-emerald { color: #2baa6b; font-weight: 600; }
.quranic-verse {
  font-family: 'Amiri', serif;
  font-size: 1.08rem;
  background: linear-gradient(90deg, #f6e5b2 0%, #dfd6f7 100%);
  border-left: 8px solid #C28821;
  border-radius: 10px;
  margin: 24px 0 20px 0;
  padding: 14px 22px 15px 25px;
  color: #4B3529;
  text-align: center;
}
.verse-arabic {
  display: block;
  color: #1769aa;
  font-size: 1.37rem;
  font-weight: bold;
  margin-bottom: 8px;
  direction: rtl;
  text-align: right;
}
.verse-translation {
  display: block;
  margin-top: 8px;
  color: #2b3856;
  font-style: italic;
}
.verse-highlight { color: #C28821; font-weight: bold; }
.hadith-block {
  font-family: 'Amiri', serif;
  font-size: 1.09rem;
  background: linear-gradient(90deg, #ede0c9 0%, #fbe0e0 100%);
  border-left: 8px solid #7a2984;
  border-radius: 12px;
  margin: 26px 0 20px 0;
  padding: 14px 22px 17px 22px;
  color: #4B3529;
  position: relative;
}
.hadith-arabic {
  display: block;
  color: #1769aa;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 8px;
  direction: rtl;
  text-align: right;
}
.hadith-translation {
  display: block;
  margin-top: 7px;
  color: #2b3856;
  font-style: italic;
}
.hadith-source {
  display: block;
  margin-top: 3px;
  font-size: 1rem;
  color: #75797d;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abf1b4b */.custom-faq-section {
  background: linear-gradient(100deg,#fafcff 75%,#f8ecce 100%);
  border-radius: 20px;
  box-shadow: 0 6px 18px rgba(130,130,155,0.07);
  padding: 38px 36px 24px 36px;
  margin: 24px auto 40px auto;
  max-width: 800px;
}
.faq-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #C28821;
  margin-bottom: 18px;
  letter-spacing: 0.5px;
}
.faq-subtitle {
  font-size: 1.06rem;
  color: #1769aa;
  font-weight: 500;
  display: block;
  margin-top: 6px;
}
.faq-accordion {}
.faq-accordion-item {
  border-radius: 14px;
  margin-bottom: 15px;
  background: #f8fafb;
  box-shadow: 0 2px 8px rgba(230,230,215,0.06);
  border: 1px solid #f1e3c4;
}
.faq-accordion-btn {
  background: none;
  border: none;
  outline: none;
  width: 100%;
  padding: 18px 20px;
  color: #C28821;
  font-weight: 600;
  font-size: 1.12rem;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: background 0.2s;
}
.faq-accordion-btn:focus {
  background: #f3ede3;
}
.faq-arrow {
  color: #7a2984;
  font-size: 1.18rem !important;
  margin-left: 16px;
  transition: transform 0.3s;
}
.faq-accordion-btn.active .faq-arrow {
  transform: rotate(180deg);
}
.faq-accordion-content {
  max-height: 0;
  overflow: hidden;
  background: #fff9ed;
  font-size: 1.04rem;
  font-weight: 500;
  transition: max-height 0.37s cubic-bezier(.25,.8,.25,1), padding 0.29s;
  padding: 0 20px;
  color: #333;
}
.faq-accordion-content.open {
  padding: 17px 20px 13px 20px;
  max-height: 250px;
  transition: max-height 0.39s cubic-bezier(.25,.8,.25,1), padding 0.32s;
}
.color-gold    { color: #C28821; }
.color-blue    { color: #1769aa; }
.color-purple  { color: #7a2984; }
.color-emerald { color: #2baa6b; }
.color-orange  { color: #e67e22; }
.color-green   { color: #35b561; }
@media (max-width:700px){
  .custom-faq-section { padding: 18px 6vw 14px 6vw; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-186e22e */.references-section {
  font-family: 'Segoe UI', Arial, sans-serif;
  background: linear-gradient(100deg,#f9fafc 75%,#fbeed6 100%);
  border-radius: 18px;
  box-shadow: 0 6px 22px rgba(52,73,94,0.11);
  padding: 36px 38px 24px 38px;
  margin-top: 22px;
  margin-bottom: 50px;
  max-width: 850px;
}
.references-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #C28821;
  margin-bottom: 18px;
  letter-spacing: 0.5px;
}
.references-list {
  list-style-type: disc;
  margin-left: 15px;
  padding-left: 16px;
  color: #343460;
}
.references-list li {
  margin-bottom: 13px;
  font-size: 1.04rem;
  line-height: 1.7;
}
.ref-name {
  font-weight: 700;
  font-size: 1.06rem;
  margin-right: 4px;
}
.ref-link {
  text-decoration: underline;
  transition: color 0.15s;
}
.ref-link:visited { color: #74747c; }
.ref-link:hover { color: #1769aa; }
.color-gold    { color: #C28821; }
.color-blue    { color: #1769aa; }
.color-emerald { color: #2baa6b; }
.color-purple  { color: #7a2984; }
.color-red     { color: #e11d48; }
.color-green   { color: #36a169; }
.color-orange  { color: #e67e22; }
@media (max-width:600px){
  .references-section { padding: 18px 4vw 13px 4vw; }
}/* End custom CSS */