.elementor-712 .elementor-element.elementor-element-eeee1d8{--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-712 .elementor-element.elementor-element-edebcd5{--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-712 .elementor-element.elementor-element-61de106{--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-712 .elementor-element.elementor-element-2a62e35{--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-712 .elementor-element.elementor-element-141da5c{--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-712 .elementor-element.elementor-element-ae5878e{--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-712 .elementor-element.elementor-element-2d5d44d{--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-712 .elementor-element.elementor-element-9adb03c{--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-712 .elementor-element.elementor-element-5dc2786{--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-712 .elementor-element.elementor-element-8e3c8f6{--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-712 .elementor-element.elementor-element-1b434ad{--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-712 .elementor-element.elementor-element-3587c61{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-d1ba146 *//* Professional, Motion & Colourful Effects for Embryology in the Quran Intro */

.quran-intro {
  background: linear-gradient(120deg,#eef5fa 0%, #d1eaff 100%);
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(60,117,213,0.09), 0 1.5px 12px rgba(33,42,74,0.03);
  padding: 40px 36px 30px 36px;
  margin: 30px auto 0 auto;
  max-width: 820px;
  font-family: 'Segoe UI', 'Tahoma', Geneva, Verdana, sans-serif;
  transition: box-shadow 0.3s, background 0.6s cubic-bezier(0.4,0,0.2,1);
  position: relative;
}
.quran-intro:hover {
  box-shadow: 0 16px 56px rgba(30,65,168,0.16), 0 6px 36px rgba(34,86,195,0.09);
  background: linear-gradient(108deg,#e4f3fd 0%, #f5e8ef 100%);
}

.animate-fadein {
  animation: fadeInMove 1.2s cubic-bezier(.39,.575,.565,1) 0.07s both;
}
@keyframes fadeInMove {
  0% { opacity:0; transform: translateY(24px) scale(0.97);}
  100% {opacity:1; transform: translateY(0) scale(1);}
}

.intro-headline {
  font-size: 2.2rem;
  font-weight: 700;
  color: #203269;
  margin-bottom: 20px;
  letter-spacing: 2px;
  line-height: 1.25;
  text-shadow: 0 1px 7px #e3e9ef76;
}

/* Attention-grabbing keyword */
.intro-keyword {
  background: linear-gradient(90deg, #2e8bce 15%, #4f9e57 85%);
  color: #fff;
  padding: 6px 14px 6px 14px;
  border-radius: 8px;
  font-weight: 800;
  font-size: 1.06em;
  transition: background 0.3s;
}
.intro-keyword:hover {
  background: linear-gradient(90deg, #f09819 25%, #67e8f9 85%);
  color: #222;
  letter-spacing: 2px;
}

.intro-paragraph {
  color: #323e5e;
  font-size: 1.15rem;
  line-height: 1.7;
  margin-bottom: 28px;
}

/* Highlights for important words */
.highlight-1 { color: #1976d2; background: #d0f0fd; padding:2px 7px; border-radius:6px; font-weight: 600;}
.highlight-2 { color: #7b1fa2; background: #f3e5f5; padding:2px 7px; border-radius:6px;}
.highlight-3 { color: #c62828; background: #ffe0e0; padding:2px 7px; border-radius:6px;}
.highlight-4 { color: #ef6c00; background: #fff3e0; padding:2px 7px; border-radius:6px;}
.highlight-5 { color: #00897b; background: #e0fff9; padding:2px 7px; border-radius:6px; font-weight:600;}
.highlight-1:hover, .highlight-2:hover, .highlight-3:hover, .highlight-4:hover, .highlight-5:hover {
  filter: brightness(112%) drop-shadow(0 0 2px #d1d1d1);
  cursor: pointer;
}

/* Quran and Hadith Verses Styling */
.verse-box {
  border-radius: 10px;
  margin: 22px 0;
  padding: 18px 22px 13px 22px;
  background: #f0faf7;
  border-left: 7px solid #16b3ae;
  box-shadow: 0 2px 10px rgba(17,176,174,0.08);
  transition: background 0.35s, border-color 0.35s;
  position: relative;
  font-style:normal;
}
.verse-box:hover {
  background: #e0f5ee;
  border-left: 7px solid #9c27b0;
  box-shadow: 0 8.5px 22px rgba(82,53,160,0.09);
  transform: scale(1.016) translateY(-1px);
}

.motion-pop {
  animation: popAnim 1.4s cubic-bezier(.32,.71,.56,1.39) both;
}
@keyframes popAnim {
  0% {opacity:0; transform: scale(.91) translateY(32px);}
  100% {opacity:1; transform: scale(1) translateY(0);}
}

/* Verse Labels */
.verse-label {
  font-size: .90rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #1a8cc6;
  background: #e3f6fe;
  border-radius: 0 0 20px 20px;
  padding: 2px 10px;
  font-weight: 700;
  margin-bottom: 9px;
  display:inline-block;
  transition:color 0.3s, background 0.3s;
  box-shadow: 0 1px 4px #3eb7a622;
}
.verse-box:hover .verse-label { color: #8e24aa; background: #fff9c4; }
.hadith-label { color: #ff9100; background: #fff8e1;}

/* Arabic Text in Verses */
.arabic-text-ayat,
.arabic-text-hadith {
  display: block;
  font-size: 1.4rem;
  color: #087239;
  font-weight: 700;
  font-family: 'Scheherazade New', 'Amiri', serif;
  letter-spacing: 1px;
  text-align:right;
  direction: rtl;
  margin-bottom: 10px;
  text-shadow: 0 2px 8px #d8eaf1cc;
  line-height:1.57;
  transition:color 0.3s;
}
.verse-box:hover .arabic-text-ayat, 
.verse-box:hover .arabic-text-hadith {
  color: #ad1457;
}

.highlight-word {
  background: linear-gradient(90deg, #fcf6ba 10%, #f7b267 90%);
  color: #d84315;
  border-radius: 6px;
  padding:2px 5px;
  font-size:1.12em;
  font-weight:800;
  transition: background 0.3s;
}
.highlight-word:hover {
  background: #ffe082;
  color: #00695c;
  box-shadow: 0 1.5px 8px #ffecb385;
}

.verse-translation {
  display: block;
  font-size: 1.08rem;
  color: #27292a;
  margin-top:2px;
  padding-left: 6px;
  border-left: 3px solid #b2dfdb;
  line-height: 1.58;
  font-style:italic;
}
.verse-ref { font-weight: 700; color: #1565c0; margin-left: 8px; }

/* Hadith-specific box */
.hadith-box {
  border-left: 7px solid #ffb300;
  background: #fff8e1;
}
.hadith-box:hover {
  border-color: #8d6e63;
  background: #fff3e0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-883e534 *//* SECTION CSS: What is Embryology? – Modern & Motion Effects */

.embryology-section {
  background: linear-gradient(110deg, #f8fcfd 0%, #eaf5fa 100%);
  border-radius: 16px;
  padding: 38px 34px 28px 34px;
  max-width: 780px;
  margin: 32px auto;
  box-shadow: 0 7px 30px rgba(90,188,215,.09), 0 1.5px 16px rgba(42,42,108,0.04);
  font-family: 'Segoe UI', Arial, sans-serif;
  position: relative;
  transition: box-shadow 0.35s, background 0.6s cubic-bezier(0.4,0,0.2,1);
}
.embryology-section:hover {
  background: linear-gradient(115deg, #ecfaf7 0%, #f9e5f6 95%);
  box-shadow: 0 14px 60px rgba(32,76,210,0.12), 0 7px 23px rgba(98,121,210,0.08);
}

.animate-slidein {
  animation: slideInAnim 1.15s cubic-bezier(.41,.8,.62,1.05) 0.10s both;
}
@keyframes slideInAnim {
  0% { opacity:0; transform: translateX(-36px) scale(0.98);}
  100% {opacity:1; transform: translateX(0) scale(1);}
}

.embryo-headline {
  font-size: 2rem;
  font-weight: 700;
  color: #134074;
  margin-bottom: 16px;
  letter-spacing: 1px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}
.headline-keyword {
  background: linear-gradient(90deg,#43cea2 10%,#185a9d 90%);
  color: #fff;
  padding: 7px 17px;
  border-radius: 10px;
  font-weight: 800;
  box-shadow: 0 1.5px 7px #d5ecf3;
  transition: background 0.35s;
}
.headline-keyword:hover {
  background: linear-gradient(90deg,#f7971e 25%,#ffd200 85%);
  color: #222;
}
.headline-highlight {
  color: #ba2990;
  background: #fbeffa;
  border-radius: 7px;
  padding: 6px 14px;
  font-size: 1.06em;
  font-weight: 600;
}
.headline-highlight:hover { color: #1fa175; background: #e9f6f3;}

.embryo-paragraph {
  color: #2a425b;
  font-size: 1.11rem;
  line-height: 1.7;
  margin-bottom: 22px;
}
.embryo-highlight-1 { color:#1565c0; background: #dbf0fc; font-weight:700; padding:2px 7px; border-radius:6px;}
.embryo-highlight-2 { color:#b71c1c; background:#ffebee; font-weight:600; padding:2px 7px; border-radius:6px;}
.embryo-highlight-3 { color:#388e3c; background:#e8f5e9; font-weight:600; padding:2px 7px; border-radius:6px;}
.embryo-highlight-4 { color: #ff9800; background:#fffde7; font-weight: 600; padding:2px 7px; border-radius:6px;}
.embryo-highlight-5 { color: #7b1fa2; background:#ede7f6; font-weight:700; padding:2px 7px; border-radius:6px;}
.embryo-highlight-qe { color:#1976d2; background: #cbe7fd; font-weight:600; padding:2px 7px; border-radius:6px;}
.embryo-highlight-science { color: #009688; background: #e0fcf3; font-weight:600; padding:2px 7px; border-radius:6px;}
.embryo-highlight-faith { color:#ce0094; background:#ffe1f8; font-weight:600; padding:2px 7px; border-radius:6px;}
.embryo-highlight-discovery { color:#ef6c00; background:#fff3e0; padding:2px 6px; border-radius:6px;}

.embryo-highlight-1:hover, .embryo-highlight-2:hover, .embryo-highlight-3:hover, .embryo-highlight-4:hover, .embryo-highlight-5:hover,
.embryo-highlight-qe:hover, .embryo-highlight-science:hover, .embryo-highlight-faith:hover, .embryo-highlight-discovery:hover {
  filter:brightness(113%) drop-shadow(1px 1px 3px #c1d2ec99);
  cursor:pointer;
}

.embryo-verse-box {
  border-radius: 11px;
  margin: 26px 0 0 0;
  padding: 17px 25px 13px 25px;
  background: #eaf7f0;
  border-left: 8px solid #009688;
  box-shadow: 0 3px 13px rgba(20,170,152,0.09);
  position: relative;
  transition: background 0.38s, border-color 0.38s, transform 0.32s;
  font-style: normal;
}
.embryo-verse-box:hover {
  background: #e3ffe6;
  border-left: 8px solid #fd53c7;
  box-shadow: 0 7.5px 26px rgba(148,40,140,0.12);
  transform: scale(1.018) translateY(-1.5px);
}

/* Verse animated bounce */
.motion-bounce {
  animation: bounceAnim .98s cubic-bezier(.34,.64,.41,1.39) both;
}
@keyframes bounceAnim {
  0%   {opacity:0; transform: translateY(32px) scale(.91);}
  80%  {opacity:1; transform:translateY(-7px) scale(1.03);}
  100% {opacity:1; transform:translateY(0) scale(1);}
}

.verse-box-label {
  font-size: .88rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #009688;
  background: #e0f9f7;
  border-radius: 0 0 16px 16px;
  padding: 2px 11px;
  font-weight: 800;
  margin-bottom: 8px;
  display:inline-block;
  transition:color 0.3s, background 0.3s;
  box-shadow: 0 1.5px 6px #3eb7a622;
}
.embryo-verse-box:hover .verse-box-label { color: #d4088f; background: #ffe6fc;}

.embryo-arabic-text {
  display: block;
  font-size: 1.3rem;
  color: #127512;
  font-family: 'Scheherazade New', 'Amiri', serif;
  font-weight: 700;
  direction: rtl;
  letter-spacing: 1px;
  text-align:right;
  margin-bottom: 10px;
  text-shadow: 0 2px 7px #ecffd7ba;
  line-height:1.58;
  transition:color 0.29s;
}
.embryo-verse-box:hover .embryo-arabic-text { color: #bb1069;}

.embryo-verse-translation {
  display: block;
  font-size: 1.08rem;
  color: #2d2e32;
  margin-top: 2px;
  padding-left: 6px;
  border-left: 3px solid #81d4fa;
  line-height: 1.58;
  font-style:italic;
}
.embryo-verse-ref { font-weight: bold; color: #26a69a; margin-left: 8px; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cda7d36 *//* CSS: Human Development in Islam – Professional, Motion, Hover, and Colourful */

.islamic-development-section {
  background: linear-gradient(120deg, #fcf7ff 0%, #e5f5ff 100%);
  border-radius: 16px;
  box-shadow: 0 7px 29px rgba(145,111,210,0.11), 0 1px 17px rgba(23,42,74,0.07);
  padding: 42px 36px 30px 36px;
  margin: 34px auto 0 auto;
  max-width: 840px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  position: relative;
  transition: box-shadow 0.35s, background 0.6s cubic-bezier(0.4,0,0.2,1);
}
.islamic-development-section:hover {
  background: linear-gradient(115deg, #f5e8ef 0%, #e2ffe7 100%);
  box-shadow: 0 13px 53px rgba(52,64,168,0.13), 0 7px 23px rgba(86,98,210,0.09);
}

.animate-reveal {
  animation: revealAnim 1.2s cubic-bezier(.34,.7,.76,1.2) 0.09s both;
}
@keyframes revealAnim {
  0% { opacity:0; transform: translateY(33px) scale(0.98);}
  100% {opacity:1; transform: translateY(0) scale(1);}
}

.islamic-headline {
  font-size: 2rem;
  font-weight: 700;
  color: #4e0958;
  margin-bottom: 20px;
  letter-spacing: 1.2px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55em;
}
.spiritual-keyword {
  background: linear-gradient(90deg,#c33764 15%,#1d2671 85%);
  color: #fff;
  padding: 7px 17px;
  border-radius: 13px 4px 10px 17px;
  font-weight: 800;
  box-shadow: 0 1.5px 7px #fce3fc;
  transition: background 0.35s;
}
.spiritual-keyword:hover {
  background: linear-gradient(90deg,#09f1b8 25%,#6563ff 85%);
  color: #111;
}
.spiritual-highlight {
  color: #23b381;
  background: #eff7fe;
  border-radius: 7px;
  padding: 7px 16px;
  font-size: 1.04em;
  font-weight: 600;
}

.islamic-intro {
  color: #2b255e;
  font-size: 1.12rem;
  line-height: 1.72;
  margin-bottom: 27px;
}
.islamic-highlight-1 { color:#1b5e20; background: #e8f5e9; font-weight:700; padding:2px 7px; border-radius:5px;}
.islamic-highlight-2 { color:#ef6c00; background:#fff3e0; font-weight:600; padding:2px 8px; border-radius:5px;}
.islamic-highlight-3 { color:#1565c0; background:#d3e7fd; font-weight:600; padding:2px 7px; border-radius:5px;}
.islamic-highlight-4 { color:#9c27b0; background:#ede7f6; font-weight:600; padding:2px 7px; border-radius:5px;}
.islamic-highlight-5 { color:#e53935; background:#ffd6d6; font-weight:700; padding:2px 7px; border-radius:5px;}
.islamic-highlight-6 { color:#00bcd4; background:#e0f7fa; font-weight:700; padding:2px 8px; border-radius:5px;}

.islamic-highlight-1:hover,
.islamic-highlight-2:hover,
.islamic-highlight-3:hover,
.islamic-highlight-4:hover,
.islamic-highlight-5:hover,
.islamic-highlight-6:hover {
  filter:brightness(113%) drop-shadow(0 0 2px #ddc6fa99);
  cursor:pointer;
}

.islamic-verse-box {
  border-radius: 10px;
  margin: 26px 0;
  padding: 19px 27px 13px 27px;
  background: #f7f9ff;
  border-left: 8px solid #8e24aa;
  box-shadow: 0 3.5px 13px rgba(91,10,140,0.08);
  position: relative;
  transition: background 0.33s, border-color 0.33s, transform 0.27s;
  font-style: normal;
}
.islamic-verse-box:hover {
  background: #e8ffe7;
  border-left: 8px solid #00bcd4;
  box-shadow: 0 12px 38px rgba(39,76,120,0.13);
  transform: scale(1.014) translateY(-2px);
}
.motion-glow {
  animation: glowAnim 1.17s cubic-bezier(.32,.77,.58,1.28) both;
}
@keyframes glowAnim {
  0% {opacity:0; filter: blur(6px);}
  95% {opacity:1; filter: blur(.4px);}
  100% {opacity:1; filter: blur(0);}
}

.islamic-verse-label {
  font-size: .91rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #7c248b;
  background: #f5e1fa;
  border-radius: 0 0 15px 18px;
  padding: 2px 14px;
  font-weight: 800;
  margin-bottom: 9px;
  display:inline-block;
  transition:color 0.33s, background 0.33s;
  box-shadow: 0 1px 6px #aa85ba21;
}
.islamic-verse-box:hover .islamic-verse-label { color: #00a7c8; background: #f3e5f5; }

.islamic-arabic-text {
  display: block;
  font-size: 1.25rem;
  color: #045c6c;
  font-weight: 700;
  font-family: 'Scheherazade New', 'Amiri', serif;
  text-align: right;
  direction: rtl;
  letter-spacing: 1px;
  margin-bottom: 11px;
  text-shadow: 0 2px 7px #f7ffefbf;
  line-height:1.6;
  transition:color 0.3s;
}
.islamic-verse-box:hover .islamic-arabic-text { color: #af40b2; }

.verse-highlight-word {
  background: linear-gradient(90deg, #f9e79f 10%, #ffb878 90%);
  color: #e57300;
  border-radius: 7px;
  padding:2px 5px;
  font-size:1.13em;
  font-weight:800;
  transition: background 0.33s;
}
.verse-highlight-word:hover {
  background: #fff4c5;
  color: #2874a6;
  box-shadow: 0 1.5px 8px #ffecd087;
}

.islamic-verse-translation {
  display: block;
  font-size: 1.08rem;
  color: #2f2547;
  margin-top:2px;
  padding-left: 8px;
  border-left: 3px solid #e1bee7;
  line-height: 1.58;
  font-style:italic;
}
.islamic-ref { font-weight: 700; color: #7e57c2; margin-left: 8px; }

.islamic-hadith-box {
  border-radius: 10px;
  background: #f6fff8;
  margin: 23px 0 0 0;
  padding: 18px 26px 13px 26px;
  border-left: 8px solid #23b381;
  box-shadow: 0 2.5px 8px rgba(40,163,101,0.10);
  transition: background 0.33s, border-color 0.33s;
}
.islamic-hadith-box:hover {
  border-color: #ee9800;
  background: #fffdea;
  box-shadow: 0 9px 21px rgba(232,181,67,0.16);
}
.motion-float {
  animation: floatAnim 1.15s cubic-bezier(.65,.04,.43,1.31) both;
}
@keyframes floatAnim {
  0% {opacity:0; transform: translateY(34px) scale(0.97);}
  100% {opacity:1; transform: translateY(0) scale(1);}
}
.islamic-arabic-text-hadith {
  display: block;
  font-size: 1.11rem;
  color: #257d1c;
  font-weight: 700;
  font-family: 'Scheherazade New', 'Amiri', serif;
  text-align: right;
  direction: rtl;
  margin-bottom: 10px;
  letter-spacing: 1px;
  text-shadow: 0 2px 7px #eafdeabb;
  line-height:1.52;
  transition:color 0.25s;
}
.islamic-hadith-box:hover .islamic-arabic-text-hadith { color:#b27300; }

.hadith-label {
  color: #23b381;
  background: #f0ffe1;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e96e17b *//* CSS: Key Quranic Verses on Human Development with Professional Motion & Highlights */

.key-verses-section {
  background: linear-gradient(125deg, #f7fbff 0%, #e3f1ff 100%);
  border-radius: 16px;
  padding: 42px 40px 36px 40px;
  max-width: 900px;
  margin: 35px auto 50px auto;
  box-shadow: 0 12px 40px rgba(47,80,158,0.1);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: background 0.4s ease, box-shadow 0.35s ease;
  position: relative;
}
.key-verses-section:hover {
  background: linear-gradient(120deg, #e4f1ff 0%, #faf5ff 100%);
  box-shadow: 0 20px 55px rgba(30,70,155,0.18);
}

.animate-slideup {
  animation: slideUpFade 1.2s cubic-bezier(0.4, 0, 0.2, 1) both;
}
@keyframes slideUpFade {
  0% {opacity: 0; transform: translateY(40px);}
  100% {opacity: 1; transform: translateY(0);}
}

.kv-headline {
  font-size: 2.3rem;
  font-weight: 800;
  color: #164b8c;
  margin-bottom: 15px;
  letter-spacing: 2px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: baseline;
}
.kv-title-highlight {
  background: linear-gradient(90deg, #4781d5 15%, #7f5de8 85%);
  color: white;
  padding: 10px 22px;
  border-radius: 12px;
  box-shadow: 0 2px 10px #a3b9f2cc;
  font-weight: 900;
  transition: background 0.3s ease;
}
.kv-title-highlight:hover {
  background: linear-gradient(90deg, #f9bb2d 20%, #7097c7 85%);
  color: #222;
  cursor: default;
}
.kv-subtitle {
  font-size: 1.18rem;
  color: #3669a6;
  background: #dae9ff;
  padding: 7px 16px;
  border-radius: 10px;
  font-weight: 600;
}

.kv-intro-text {
  font-size: 1.15rem;
  color: #2f4050;
  line-height: 1.65;
  margin-bottom: 30px;
  max-width: 780px;
}

.kv-highlight-quran {
  color: #1a3d7c;
  font-weight: 700;
  background: #d3e1ff;
  padding: 3px 8px;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}
.kv-highlight-quran:hover {
  background: #a2b9f6;
}
.kv-highlight-human {
  color: #b23a48;
  font-weight: 700;
  background: #fbd8db;
  padding: 3px 8px;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}
.kv-highlight-human:hover {
  background: #f9a9b0;
}
.kv-highlight-verses {
  color: #04847d;
  font-weight: 700;
  background: #caf0e8;
  padding: 3px 7px;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}
.kv-highlight-verses:hover {
  background: #8bdcd3;
}
.kv-highlight-stages {
  color: #794c8a;
  font-weight: 700;
  background: #e4d7f6;
  padding: 3px 7px;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}
.kv-highlight-stages:hover {
  background: #c2a8f4;
}
.kv-highlight-time {
  color: #ce785f;
  font-weight: 700;
  background: #ffe0d8;
  padding: 3px 7px;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}
.kv-highlight-time:hover {
  background: #ffb8ac;
}

.kv-verse-box {
  background: #fff;
  border-left: 8px solid #4781d5;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(71,129,213,0.15);
  padding: 20px 25px 18px 25px;
  margin-bottom: 25px;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  font-style: normal;
}
.kv-verse-box:hover {
  background: #f5faff;
  border-left-color: #7f5de8;
  transform: scale(1.02) translateY(-4px);
  cursor: default;
}

.motion-zoom {
  animation: zoomFadeIn 1.1s ease forwards;
}
@keyframes zoomFadeIn {
  0% {opacity: 0; transform: scale(0.9);}
  100% {opacity:1; transform: scale(1);}
}

.kv-verse-label {
  font-size: 0.9rem;
  color: #4791d7;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
  user-select: none;
}

.kv-arabic-text {
  font-family: 'Scheherazade New', 'Amiri', serif;
  font-weight: 700;
  font-size: 1.26rem;
  line-height: 1.6;
  color: #22527a;
  text-align: right;
  direction: rtl;
  margin-bottom: 14px;
  user-select: text;
  transition: color 0.3s;
}
.kv-verse-box:hover .kv-arabic-text {
  color: #7e57c2;
}

.kv-translation {
  font-style: italic;
  font-size: 1.07rem;
  color: #2a4253;
  margin-bottom: 8px;
  padding-left: 12px;
  border-left: 4px solid #a0c3ff;
  user-select: text;
  line-height: 1.54;
}

.kv-ref {
  font-weight: 700;
  color: #4a7eb8;
  margin-left: 10px;
  font-style: normal;
  user-select: text;
}

.kv-highlight-key {
  background: linear-gradient(90deg, #fcefcc 15%, #f9b461 85%);
  color: #9d4f00;
  padding: 3px 7px;
  border-radius: 7px;
  font-weight: 700;
  transition: background-color 0.3s ease;
}
.kv-highlight-key:hover {
  background: #ffec9a;
  color: #3a5c00;
  cursor: default;
}

.kv-summary {
  background: #dff0ff;
  color: #235380;
  font-weight: 600;
  font-size: 1.03rem;
  padding: 9px 14px;
  border-radius: 9px;
  transition: background 0.3s ease, color 0.3s ease;
}
.kv-verse-box:hover .kv-summary {
  background: #f4e1ff;
  color: #7e42c8;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7c7fde *//* CSS: Embryonic Stages in the Quran - Animated, Colorful & Professional */

.embryo-stages-section {
  background: linear-gradient(120deg, #fbfaff 0%, #e2f2ff 100%);
  border-radius: 18px;
  box-shadow: 0 9px 35px rgba(66,111,197,0.13), 0 1.5px 11px rgba(61,68,107,0.05);
  padding: 48px 38px 40px 38px;
  margin: 40px auto 0 auto;
  max-width: 950px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: background 0.5s, box-shadow 0.34s;
  position: relative;
}
.embryo-stages-section:hover {
  background: linear-gradient(115deg, #f5eafd 0%, #e4f9fa 95%);
  box-shadow: 0 21px 76px rgba(77,92,168,0.14);
}

.animate-rise {
  animation: riseAndFade 1.26s cubic-bezier(.33,.8,.69,1.21) both;
}
@keyframes riseAndFade {
  0% { opacity:0; transform: translateY(48px) scale(0.98);}
  100% {opacity:1; transform: translateY(0) scale(1);}
}

.es-headline {
  font-size: 2.2rem;
  font-weight: 800;
  color: #144272;
  margin-bottom: 14px;
  letter-spacing: 2px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55em;
  align-items: baseline;
}
.es-main-title {
  background: linear-gradient(90deg, #654ae6 15%, #2695d9 85%);
  color: white;
  padding: 9px 20px;
  border-radius: 13px;
  font-weight: 900;
  box-shadow: 0 2px 10px #ddeeffbb;
  transition: background 0.3s;
}
.es-main-title:hover {
  background: linear-gradient(90deg, #f5904b 20%, #6ed9c7 85%);
  color: #282828;
}
.es-main-subtitle {
  font-size: 1.10rem;
  color: #36b197;
  background: #e8f3ff;
  padding: 8px 17px;
  border-radius: 11px;
  font-weight: 600;
}

.es-stage-box {
  margin-top: 35px;
  margin-bottom: 13px;
  background: #fff;
  border-left: 9px solid #4b87e6;
  border-radius: 14px;
  box-shadow: 0 6px 22px rgba(74,135,230,0.08);
  padding: 22px 29px 17px 29px;
  transition: background 0.33s, border-color 0.32s, box-shadow 0.28s, transform 0.28s;
  font-style: normal;
  position: relative;
  opacity: 1;
}
.es-stage-box:hover {
  background: #f7fafc;
  border-left-color: #8c53e7;
  transform: scale(1.013) translateY(-2px);
  box-shadow: 0 13px 25px rgba(46,160,168,0.10);
  cursor: default;
}
.es-move-in {
  animation: moveInAnim 1s cubic-bezier(.37,.6,.42,1.17) both;
}
@keyframes moveInAnim {
  0% {opacity:0; transform:scale(.93) translateY(38px);}
  75% {opacity:.99; transform: scale(1.023);}
  100% {opacity:1; transform: scale(1);}
}

.es-stage-label {
  font-size: 1.1rem;
  font-weight: 700;
  color: #4b2987;
  margin-bottom: 13px;
  letter-spacing: 1.1px;
}
.es-highlight-key,
.es-highlight-key-alq,
.es-highlight-key-mdg,
.es-highlight-key-bone,
.es-highlight-key-womb {
  background: linear-gradient(90deg, #fbe7c6 15%, #fed18c 89%);
  color: #d78f00;
  padding: 3px 9px;
  border-radius: 8px;
  font-weight: 800;
  transition: background 0.3s;
}
.es-highlight-key-alq {background: linear-gradient(90deg, #e6f7e1 10%, #aef3c4 91%); color: #268746;}
.es-highlight-key-mdg {background: linear-gradient(90deg, #fee3ee 14%, #ffa5b8 85%); color: #bb4072;}
.es-highlight-key-bone {background: linear-gradient(90deg, #e6f6fa 20%, #b7e7f7 77%); color: #008cb7;}
.es-highlight-key-womb {background: linear-gradient(90deg, #ede7f6 17%, #b39ddb 88%); color: #6a1b9a;}

.es-highlight-key-womb2 {
  font-weight: 700;
  color: #00897b;
  background: #d9f7ee;
  padding: 2px 6px;
  border-radius: 7px;
}
.es-arabic {
  display: block;
  font-size: 1.19rem;
  color: #24437a;
  font-family: 'Scheherazade New', 'Amiri', serif;
  font-weight: 700;
  text-align: right;
  direction: rtl;
  margin-bottom: 11px;
  text-shadow: 0 1.5px 7px #e8f4fbab;
  transition: color 0.2s;
  user-select: text;
}
.es-stage-box:hover .es-arabic {
  color: #9831c0;
}

.es-translation {
  font-style: italic;
  font-size: 1.08rem;
  color: #2c3d56;
  margin-bottom: 9px;
  padding-left: 12px;
  border-left: 3px solid #8cb8fc;
  line-height: 1.44;
  user-select: text;
}

.es-ref {
  font-weight: 700;
  color: #3978bd;
  margin-left: 10px;
}

.es-stage-summary {
  background: #f1f6fa;
  color: #2c506a;
  font-weight: 600;
  font-size: 1.04rem;
  padding: 8px 15px;
  border-radius: 9px;
  margin-top: 5px;
  max-width: 700px;
  transition: background 0.29s, color 0.23s;
}
.es-stage-box:hover .es-stage-summary {
  background: #ede7f6;
  color: #6f31c2;
}
.es-color-nutfah {color:#d3941a;}
.es-color-alaqah {color:#268946;}
.es-color-mudghah {color:#bb4072;}
.es-color-womb {color:#6a1b9a;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7dfcaa0 *//* CSS: Modern Science and the Quran: Comparative Insights */

.science-quran-section {
  background: linear-gradient(120deg, #f3fcff 0%, #eaf4ff 98%);
  border-radius: 18px;
  box-shadow: 0 11px 37px rgba(31,75,165,.13), 0 1px 9px rgba(49,58,107,.05);
  padding: 50px 40px 36px 40px;
  margin: 45px auto 55px auto;
  max-width: 920px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: background 0.5s, box-shadow 0.32s;
  position: relative;
}
.science-quran-section:hover {
  background: linear-gradient(120deg, #f5eaff 0%, #e6f7fa 100%);
  box-shadow: 0 25px 70px rgba(42,76,180,.14);
}

.animate-sciencefade {
  animation: scienceFadeIn 1.28s cubic-bezier(.37,.8,.68,1.19) both;
}
@keyframes scienceFadeIn {
  0% {opacity:0; transform: translateY(44px) scale(0.98);}
  100% {opacity:1; transform: translateY(0) scale(1);}
}

.sq-headline {
  font-size: 2.15rem;
  font-weight: 800;
  color: #185a92;
  margin-bottom: 16px;
  letter-spacing: 1.8px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55em;
  align-items: baseline;
}
.sq-title-highlight {
  background: linear-gradient(95deg, #17b8eb 10%, #5f72c0 88%);
  color: white;
  padding: 11px 22px;
  border-radius: 13px;
  font-weight: 900;
  box-shadow: 0 2px 14px #c6e0fa92;
  transition: background 0.33s;
}
.sq-title-highlight:hover {
  background: linear-gradient(90deg, #fcb33b 20%, #64cceb 85%);
  color: #232323;
}

.sq-subtitle {
  font-size: 1.08rem;
  color: #1989a1;
  background: #e7eeff;
  padding: 7px 15px;
  border-radius: 10px;
  font-weight: 600;
}

.sq-intro {
  font-size: 1.13rem;
  color: #244460;
  line-height: 1.62;
  margin-bottom: 30px;
}
.sq-highlight-modern {
  color: #1f8b9a; background: #e6fafd; font-weight: 700; padding: 2px 9px; border-radius: 6px;
}
.sq-highlight-quran {
  color: #512ba6; background: #eaeaff; font-weight: 700; padding: 2px 8px; border-radius: 6px;
}
.sq-highlight-stages {
  color: #a01e5c; background: #ffe6f8; font-weight: 700; padding: 2px 8px; border-radius: 6px;
}
.sq-highlight-expert {
  color: #ed9807; background: #fffbe5; font-weight: 700; padding: 2px 8px; border-radius: 6px;
}
.sq-highlight-verses {
  color: #00897b; background: #d0f7f6; font-weight: 700; padding: 2px 8px; border-radius: 6px;
}
.sq-highlight-development {
  color: #128844; background: #defbe4; font-weight: 700; padding: 2px 8px; border-radius: 6px;
}

.sq-verse-box {
  background: #f7fcff;
  border-left: 8px solid #35b5e4;
  border-radius: 14px;
  box-shadow: 0 5px 14px rgba(25,138,161,0.12);
  padding: 22px 27px 13px 27px;
  margin-bottom: 23px;
  transition: background 0.3s, border-color 0.3s, transform 0.26s;
}
.sq-verse-box:hover {
  background: #f4eaff;
  border-left-color: #845edf;
  transform: scale(1.017) translateY(-2px);
  cursor: default;
}
.sq-motion-pop {
  animation: sqPop 1.18s cubic-bezier(.54,.51,.74,1.22) both;
}
@keyframes sqPop {
  0% {opacity:0; transform:scale(.94) translateY(34px);}
  100% {opacity:1; transform:scale(1);}
}

.sq-verse-label {
  font-size: .92rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #1fa6c9;
  background: #e2eeff;
  border-radius: 0 0 15px 17px;
  padding: 3px 14px;
  font-weight: 800;
  margin-bottom: 9px;
  display:inline-block;
  transition:color 0.33s, background 0.33s;
  box-shadow: 0 1px 6px #7cdff421;
}
.sq-verse-box:hover .sq-verse-label { color: #7e42c8; background: #e9e5ff; }

.sq-arabic-text {
  font-size: 1.15rem;
  color: #336ea6;
  font-family: 'Scheherazade New', 'Amiri', serif;
  font-weight: 700;
  text-align: right;
  direction: rtl;
  margin-bottom: 11px;
  text-shadow: 0 2px 8px #e3ecfbaf;
  transition: color 0.3s;
}
.sq-verse-box:hover .sq-arabic-text {
  color: #845edf;
}

.sq-translation {
  font-style: italic;
  font-size: 1.08rem;
  color: #253e56;
  margin-bottom: 9px;
  padding-left: 12px;
  border-left: 3px solid #cce6ff;
  line-height: 1.44;
  user-select: text;
}
.sq-ref { font-weight: 700; color: #3791c1; margin-left: 10px; }

.sq-keyword-alaqah {
  background: linear-gradient(120deg,#e3facb 25%,#8afdbe 100%);
  color: #108a32;
  border-radius: 7px;
  padding: 2px 7px;
  font-weight: 800;
}
.sq-keyword-mudghah {
  background: linear-gradient(120deg, #ffdce6 15%, #ffb1c9 80%);
  color: #cb2b6a;
  border-radius: 7px;
  padding: 2px 7px;
  font-weight: 800;
}
.sq-keyword-alaqah:hover,
.sq-keyword-mudghah:hover {
  filter: brightness(112%) drop-shadow(0 0 2px #ddc6fa99);
}

.sq-comparison {
  background: #e0f6fa;
  color: #223f53;
  border-radius: 10px;
  padding: 17px 24px;
  margin: 19px 0 19px 0;
  font-size: 1.09rem;
  box-shadow: 0 3px 11px #48cffa23;
  font-style: normal;
}
.sq-compare-title {
  font-weight: 700;
  color: #1f8b9a;
  font-size: 1.07rem;
}
.sq-list {
  margin-top: 12px;
  margin-bottom: 0;
  padding-left: 22px;
  list-style-type: disc;
}
.sq-list-key {
  color: #e57300; font-weight:700;
}

.sq-factbox {
  background: linear-gradient(90deg, #f6f6ff 20%, #fffbe7 100%);
  color: #4c3432;
  border-radius: 10px;
  font-size: 1.12rem;
  padding: 11px 18px;
  font-style: normal;
  margin-top: 23px;
  margin-bottom: 3px;
  box-shadow: 0 3px 10px #e5bb3d19;
  display: flex;
  align-items: center;
  gap: 20px;
}
.sq-fact-head {
  font-weight: 900;
  color: #f9ad00;
  background: #fffde8;
  padding: 4px 13px;
  border-radius: 8px;
  font-size: 1.05rem;
  margin-right: 6px;
  box-shadow: 0 2px 10px #ffea0080;
}
.sq-fact-main {
  font-weight: 600; color: #145e86;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-23f7c51 *//* CSS: Significance of the Stages of Fetus in the Quran - Animated & Highlighted Design */

.significance-section {
  background: linear-gradient(120deg, #f8fff7 0%, #eaf1fd 98%);
  border-radius: 18px;
  box-shadow: 0 11px 38px rgba(56,41,180,.13), 0 1.2px 8px rgba(52,54,101,.06);
  padding: 50px 40px 42px 40px;
  margin: 40px auto 52px auto;
  max-width: 930px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: background 0.5s, box-shadow 0.35s;
  position: relative;
}
.significance-section:hover {
  background: linear-gradient(120deg, #f2ebff 0%, #e7fcec 100%);
  box-shadow: 0 18px 62px rgba(80,132,206,.14);
}

.animate-sigfade {
  animation: sigFadeIn 1.18s cubic-bezier(.32,.85,.66,1.25) both;
}
@keyframes sigFadeIn {
  0% {opacity:0; transform: translateY(47px);}
  100% {opacity:1; transform: translateY(0);}
}

.sig-headline {
  font-size: 2.14rem;
  font-weight: 800;
  color: #19446d;
  margin-bottom: 17px;
  letter-spacing: 1.7px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.58em;
  align-items: baseline;
}
.sig-title-highlight {
  background: linear-gradient(90deg,#09cab7 10%,#7d6bd5 88%);
  color: white;
  padding: 11px 23px;
  border-radius: 13px;
  font-weight: 900;
  box-shadow: 0 2px 14px #ccfbea92;
  transition: background 0.33s;
}
.sig-title-highlight:hover {
  background: linear-gradient(90deg, #feca76 20%, #70dedc 80%);
  color: #232323;
}
.sig-subtitle {
  font-size: 1.14rem;
  color: #46a75c;
  background: #e4f6ef;
  padding: 7px 16px;
  border-radius: 10px;
  font-weight: 600;
}

.sig-intro {
  font-size: 1.14rem;
  color: #274256;
  line-height: 1.68;
  margin-bottom: 29px;
  max-width: 760px;
}
.sig-highlight-quran {
  color: #2753b8;
  font-weight: 700;
  background: #dde7fe;
  padding: 2px 8px;
  border-radius: 6px;
}
.sig-highlight-sequential {
  color: #18b891;
  font-weight: 700;
  background: #dcfaf5;
  padding: 2px 7px;
  border-radius: 6px;
}
.sig-highlight-human {
  color: #cd554e;
  font-weight: 700;
  background: #fff1ed;
  padding: 2px 7px;
  border-radius: 6px;
}
.sig-highlight-stage {
  color: #8942bf;
  font-weight: 700;
  background: #efdefa;
  padding: 2px 8px;
  border-radius: 6px;
}
.sig-highlight-trust {
  color: #1984b0;
  font-weight: 600;
  background: #c6f0ff;
  padding: 2px 8px;
  border-radius: 6px;
}
.sig-highlight-dignity {
  color: #e58e00;
  font-weight: 700;
  background: #fbeedc;
  padding: 2px 8px;
  border-radius: 6px;
}

.sig-verse-box, .sig-hadith-box {
  background: #f9fcfb;
  border-left: 8px solid #0fcab7;
  border-radius: 14px;
  box-shadow: 0 5px 17px rgba(15,202,183,0.1);
  padding: 25px 26px 15px 26px;
  margin-bottom: 27px;
  transition: background 0.33s, border-color 0.31s, transform 0.25s;
}
.sig-verse-box:hover, .sig-hadith-box:hover {
  background: #f1eaff;
  border-left-color: #7d6bd5;
  transform: scale(1.017) translateY(-2px);
  cursor: default;
}
.sig-hadith-box {
  background: #eef9f9;
  border-left-color:#e9ae06;
  box-shadow: 0 5px 20px #f5e5b76e;
}
.sig-hadith-box:hover {
  border-left-color: #faa274;
}

.sig-motion-rise {
  animation: sigRiseIn 1.09s cubic-bezier(.41,.77,.5,1.11) both;
}
@keyframes sigRiseIn {
  0% {opacity:0; transform:translateY(45px) scale(.92);}
  90% {opacity:1; transform:scale(1.032);}
  100% {opacity:1; transform:scale(1);}
}

.sig-verse-label {
  font-size: .91rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #099cb9;
  background: #e2fafa;
  border-radius: 0 0 15px 16px;
  padding: 2px 14px;
  font-weight: 800;
  margin-bottom: 10px;
  display:inline-block;
  transition:color 0.31s, background 0.31s;
  box-shadow: 0 1px 6px #27c9c968;
}
.sig-verse-box:hover .sig-verse-label,
.sig-hadith-box:hover .sig-verse-label {
  color: #864be4; background: #e8ecfa;
}
.sig-hadith-label {
  color: #e9ae06;
  background: #fffae3;
}

.sig-arabic, .sig-arabic-hadith {
  font-family: 'Scheherazade New', 'Amiri', serif;
  font-weight: 700;
  font-size: 1.19rem;
  color: #2471a3;
  text-align: right;
  direction: rtl;
  margin-bottom: 12px;
  text-shadow: 0 2px 8px #f3fcf2ba;
  transition: color 0.22s;
}
.sig-verse-box:hover .sig-arabic,
.sig-hadith-box:hover .sig-arabic-hadith {
  color: #864be4;
}

.sig-translation {
  font-style: italic;
  font-size: 1.09rem;
  color: #20436e;
  margin-bottom: 7px;
  padding-left: 11px;
  border-left: 4px solid #bef0f1;
  line-height: 1.53;
}
.sig-ref { font-weight: 700; color: #2097a6; margin-left: 9px; }
.sig-highlight-key {
  background: linear-gradient(90deg, #f9e2bc 10%, #faca68 91%);
  color: #a65700;
  border-radius: 7px;
  padding: 2px 9px;
  font-weight: 800;
}
.sig-summary {
  background: #eafcfa;
  color: #116964;
  font-weight: 600;
  font-size: 1.03rem;
  padding: 9px 15px;
  border-radius: 8px;
  margin-top: 6px;
  transition: background 0.25s, color 0.22s;
}
.sig-verse-box:hover .sig-summary,
.sig-hadith-box:hover .sig-summary {
  background: #ece2ff;
  color: #9405a2;
}

.sig-highlight-seq2 {
  color:#20889d; font-weight:700; background:#d8fcfe; padding:2px 7px; border-radius:7px;
}
.sig-highlight-trust2 {
  color:#7729a3; font-weight:700; background:#e9dbf9; padding:2px 7px; border-radius:7px;
}
.sig-highlight-wisdom {
  color:#098858; font-weight:700; background:#e8fbe9; padding:2px 7px; border-radius:7px;
}
.sig-highlight-stage2 {
  color:#814cb0; font-weight:700; background:#efdbfa; padding:2px 7px; border-radius:7px;
}

.sig-meaningbox {
  background: #fff7ec;
  color: #73338d;
  border-radius: 10px;
  font-size: 1.13rem;
  padding: 14px 17px;
  font-style: normal;
  margin-top: 28px;
  margin-bottom: 2px;
  box-shadow: 0 3px 10px #e2d9fd19;
  display: flex;
  align-items: center;
  gap: 15px;
}
.sig-meaning-head {
  font-weight: 900;
  color: #e38432;
  background: #fffadc;
  padding: 5px 13px;
  border-radius: 8px;
  font-size: 1.08rem;
  margin-right: 6px;
  box-shadow: 0 2px 8px #fcd06366;
}
.sig-meaning-main {
  font-weight: 600; color: #224b73;
  transition: color 0.2s;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a9a8fd6 *//* CSS: Critiques and Debates - Quranic Embryology | Animated, Professional, Colorful */

.critique-section {
  background: linear-gradient(120deg, #f9f8ff 0%, #eef9fa 100%);
  border-radius: 18px;
  box-shadow: 0 10px 38px rgba(80,90,170,0.13), 0 1px 10px rgba(35,47,100,0.05);
  padding: 49px 38px 36px 38px;
  margin: 40px auto 55px auto;
  max-width: 940px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: background 0.4s, box-shadow 0.3s;
  position: relative;
}
.critique-section:hover {
  background: linear-gradient(120deg, #ebf5fa 0%, #f6f2ff 100%);
  box-shadow: 0 22px 60px rgba(54,73,209,0.16);
}

.animate-critfade {
  animation: critFadeIn 1.24s cubic-bezier(.33,.85,.68,1.13) both;
}
@keyframes critFadeIn {
  0% {opacity:0; transform: translateY(56px);}
  100% {opacity:1; transform: translateY(0);}
}

.crit-headline {
  font-size: 2.1rem;
  font-weight: 800;
  color: #254197;
  margin-bottom: 18px;
  letter-spacing: 1.7px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.66em;
  align-items: baseline;
}
.crit-title-highlight {
  background: linear-gradient(90deg,#8e44ad 20%,#2980b9 80%);
  color: white;
  padding: 10px 22px;
  border-radius: 14px;
  font-weight: 900;
  box-shadow: 0 2px 10px #b198e6b0;
  transition: background 0.3s;
}
.crit-title-highlight:hover {
  background: linear-gradient(90deg,#fde07e 20%,#8fe0cf 80%);
  color: #232323;
}
.crit-subtitle {
  font-size: 1.14rem;
  color: #5b749b;
  background: #efeaff;
  padding: 7px 16px;
  border-radius: 10px;
  font-weight: 600;
}

.crit-intro {
  font-size: 1.13rem;
  color: #3b4d63;
  line-height: 1.68;
  margin-bottom: 34px;
  max-width: 790px;
}
.crit-highlight-quran {
  color: #358ddb;
  font-weight: 700;
  background: #d8eaff;
  padding: 2px 8px;
  border-radius: 6px;
}
.crit-highlight-support {
  color: #14aa87;
  font-weight: 700;
  background: #e2fff6;
  padding: 2px 7px;
  border-radius: 6px;
}
.crit-highlight-critics {
  color: #d73263;
  font-weight: 700;
  background: #ffe7ee;
  padding: 2px 7px;
  border-radius: 6px;
}
.crit-highlight-scholars {
  color: #7e42e8;
  font-weight: 700;
  background: #efdbfa;
  padding: 2px 7px;
  border-radius: 6px;
}
.crit-highlight-modern {
  color: #c27335;
  font-weight: 700;
  background: #fff1dd;
  padding: 2px 8px;
  border-radius: 6px;
}
.crit-highlight-origins {
  color: #e59400;
  font-weight: 700;
  background: #fdfae0;
  padding: 2px 8px;
  border-radius: 6px;
}
.crit-highlight-accuracy {
  color: #577ca8;
  font-weight: 700;
  background: #ecf2fc;
  padding: 2px 8px;
  border-radius: 6px;
}

.crit-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 34px;
  margin-bottom: 34px;
  justify-content: center;
}
.crit-box {
  background: #f9f8ff;
  border-left: 7px solid #258d68;
  border-radius: 14px;
  box-shadow: 0 5px 25px rgba(34,141,104,0.08);
  padding: 25px 28px 18px 28px;
  min-width: 305px;
  flex: 1 1 350px;
  transition: background 0.35s, border-color 0.35s, transform 0.25s;
  margin-bottom: 7px;
  position: relative;
  animation: slideLeftIn 1.06s cubic-bezier(.39,.575,.589,1) both;
  opacity: 1;
}
.motion-slideleft {
  animation: slideLeftIn 1.05s cubic-bezier(.35,.7,.62,1.19) both;
}
.motion-slideright {
  animation: slideRightIn 1.05s cubic-bezier(.48,.79,.52,1.19) both;
}
@keyframes slideLeftIn {
  0% {opacity:0; transform:translateX(-58px);}
  100% {opacity:1; transform:translateX(0);}
}
@keyframes slideRightIn {
  0% {opacity:0; transform:translateX(58px);}
  100% {opacity:1; transform:translateX(0);}
}
.crit-support {border-left-color: #24c978;}
.crit-critique {border-left-color: #e94560;}
.crit-box:hover {
  background: #fff2f7;
  border-left-color: #995de8;
  transform: scale(1.016) translateY(-2px);
  box-shadow: 0 11px 20px rgba(80,129,206,0.13);
}
.crit-label {
  font-size: .88rem;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: #16ba8a;
  background: #e2fff6;
  border-radius: 0 0 16px 14px;
  padding: 2px 13px;
  font-weight: 800;
  margin-bottom: 7px;
  display:inline-block;
  transition:color 0.33s, background 0.33s;
  box-shadow: 0 1.5px 8px #03c89d16;
}
.support-label {color:#14aa87; background:#e2fff6;}
.critique-label {color:#ee7575; background:#ffeae0;}
.crit-icon {
  font-size: 1.5rem; margin-left: 8px; vertical-align: middle;
}
.crit-summary-text {
  font-size: 1.08rem; color: #29745b; margin: 13px 0 7px 0;
}

.crit-highlight-drmoore {
  color: #e6a400; background: #fffee6; font-weight:700; padding:1px 7px; border-radius:7px;
}
.crit-highlight-divine {
  color: #7736bc; background: #e9dbfa; font-weight:700; padding:2px 7px; border-radius:7px;
}
.crit-highlight-science {
  color: #127498; background: #e6faff; font-weight:700; padding:2px 7px; border-radius:7px;
}
.crit-highlight-fetus {
  color: #e95412; background: #ffede6; font-weight:700; padding:2px 7px; border-radius:7px;
}
.crit-highlight-universal {
  color: #2077c9; background: #eaf4ff; font-weight:700; padding:2px 7px; border-radius:7px;
}

.crit-verse-box, .crit-hadith-box {
  background: #f8f7ff;
  border-left: 8px solid #8e44ad;
  border-radius: 10px;
  box-shadow: 0 2px 7px rgba(110,44,191,0.11);
  padding: 18px 23px 10px 23px;
  margin: 18px 0 8px 0;
  transition: background 0.35s, border-color 0.35s;
}
.crit-verse-box:hover, .crit-hadith-box:hover {
  background: #eaf3ff;
  border-left-color: #24c978;
}
.crit-hadith-box {background: #fff8ee; border-left:8px solid #e9ae06;}
.crit-hadith-label { color:#e9ae06; background: #fff9e1; }

.crit-verse-label {
  font-size: .91rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #5f26bd;
  background: #e6d4fd;
  border-radius: 0 0 13px 12px;
  padding: 2.2px 13px;
  font-weight: 800;
  margin-bottom: 8px;
  display:inline-block;
  transition:color 0.33s, background 0.33s;
}
.crit-verse-box:hover .crit-verse-label,
.crit-hadith-box:hover .crit-verse-label { color: #3dbcb6; background: #e3ffee; }

.crit-arabic, .crit-arabic-hadith {
  font-family: 'Scheherazade New', 'Amiri', serif;
  font-weight: 700;
  font-size: 1.17rem;
  color: #555db0;
  text-align: right;
  direction: rtl;
  margin-bottom: 11px;
  text-shadow: 0 2px 9px #f3fcf6b7;
  transition: color 0.24s;
}
.crit-verse-box:hover .crit-arabic,
.crit-hadith-box:hover .crit-arabic-hadith { color: #13857e; }

.crit-translation {
  font-style: italic;
  font-size: 1.08rem;
  color: #3b4054;
  margin-bottom: 6px;
  padding-left: 11px;
  border-left: 4px solid #ecdcfa;
  line-height: 1.54;
}
.crit-ref { font-weight: 700; color: #642fe1; margin-left: 9px; }
.crit-highlight-key {
  background: linear-gradient(90deg, #f8e9bc 10%, #fad481 89%);
  color: #e17300;
  border-radius: 6px;
  padding: 2px 8px;
  font-weight: 800;
  transition: background 0.27s;
}
.crit-highlight-key:hover {
  background: #fff7c2;
  color: #00a27e;
}
.crit-summary {
  background: #ecfbfa;
  color: #17826e;
  font-weight: 600;
  font-size: 1.03rem;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 5px;
}
.crit-box:hover .crit-summary { background: #f9e7fa; color: #97238a; }

.crit-discussionbox {
  background: #faf7ff;
  color: #7f43cd;
  border-radius: 11px;
  font-size: 1.12rem;
  padding: 13px 18px;
  font-style: normal;
  margin-top: 32px;
  margin-bottom: 4px;
  box-shadow: 0 3px 10px #f7edff19;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.motion-up { animation: moveUpCrit 1s cubic-bezier(.41,.7,.54,1.13) both;}
@keyframes moveUpCrit {
  0% {opacity:0; transform:translateY(37px);}
  100% {opacity:1; transform:translateY(0);}
}
.crit-discussion-head {
  font-weight: 900;
  color: #e38432;
  background: #fffae4;
  padding: 5px 13px;
  border-radius: 8px;
  font-size: 1.09rem;
  margin-right: 7px;
  box-shadow: 0 2px 8px #fde0a366;
}
.crit-discussion-main {
  font-weight: 600; color: #25497d;
}
.crit-highlight-think { color:#824edd;font-weight:700;background:#efe7ff;padding:2px 7px; border-radius:7px;}
.crit-highlight-dialogue {color:#2097a8;font-weight:700;background:#e8fcfd;padding:2px 7px;border-radius:7px;}
.crit-highlight-miracle {color:#c44141;font-weight:700;background:#ffeaed;padding:2px 7px;border-radius:7px;}
.crit-highlight-curiosity {color:#eaa830;font-weight:700;background:#faf1ea;padding:2px 7px;border-radius:7px;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d451966 *//* CSS: Conclusion - Harmony between Quranic Revelation and Scientific Discovery */

.conclusion-section {
  background: linear-gradient(120deg, #f7fffa 0%, #eef6fe 97%);
  border-radius: 18px;
  box-shadow: 0 12px 44px rgba(47,80,158,0.13), 0 1.2px 8px rgba(35,48,107,0.06);
  padding: 53px 40px 44px 40px;
  margin: 45px auto 56px auto;
  max-width: 940px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: background 0.47s, box-shadow 0.37s;
  position: relative;
}
.conclusion-section:hover {
  background: linear-gradient(118deg, #eafbf2 0%, #fbeff7 100%);
  box-shadow: 0 30px 80px rgba(80,130,180,0.13);
}

.animate-concfade {
  animation: concFadeIn 1.21s cubic-bezier(.38,.95,.6,1.15) both;
}
@keyframes concFadeIn {
  0% {opacity:0; transform: translateY(60px);}
  100% {opacity:1; transform: translateY(0);}
}

.conc-headline {
  font-size: 2.1rem;
  font-weight: 800;
  color: #19446b;
  margin-bottom: 18px;
  letter-spacing: 1.7px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
  align-items: baseline;
}
.conc-title-highlight {
  background: linear-gradient(90deg,#19898b 15%,#8657ea 80%);
  color: white;
  padding: 12px 25px;
  border-radius: 13px;
  font-weight: 900;
  box-shadow: 0 2px 13px #c9faeb70;
  transition: background 0.3s;
}
.conc-title-highlight:hover {
  background: linear-gradient(90deg,#ffd452 27%,#7addb2 91%);
  color: #232323;
}
.conc-subtitle {
  font-size: 1.13rem;
  color: #36b197;
  background: #eaf7f7;
  padding: 7px 16px;
  border-radius: 10px;
  font-weight: 600;
}

.conc-intro {
  font-size: 1.13rem;
  color: #254464;
  line-height: 1.62;
  margin-bottom: 30px;
  max-width: 780px;
}
.conc-highlight-quran { color: #024996; font-weight: 700; background: #daeaff; padding: 2px 8px; border-radius: 6px;}
.conc-highlight-science { color: #b53c54; font-weight: 700; background: #fce3eb; padding: 2px 9px; border-radius: 6px;}
.conc-highlight-harmony { color: #43ba7f; font-weight: 700; background: #ebfff6; padding: 2px 7px; border-radius: 6px;}
.conc-highlight-revelation { color: #8f2ad6; font-weight: 700; background: #eaddfa; padding: 2px 7px; border-radius: 6px;}
.conc-highlight-discovery { color: #edb503; font-weight: 700; background: #fffadd; padding: 2px 7px; border-radius: 6px;}
.conc-highlight-growth { color: #0e9472; font-weight: 700; background: #e6fcec; padding: 2px 7px; border-radius: 6px;}

.conc-verse-box {
  background: #f8fcfb;
  border-left: 8px solid #43ba7f;
  border-radius: 13px;
  box-shadow: 0 6px 19px rgba(15,202,183,0.11);
  padding: 23px 27px 13px 27px;
  margin-bottom: 25px;
  transition: background 0.31s, border-color 0.29s, transform 0.21s;
}
.conc-verse-box:hover {
  background: #fcf0fe;
  border-left-color: #8c53e7;
  transform: scale(1.017) translateY(-2px);
  cursor: default;
}
.conc-motion-glow {
  animation: concGlow 1.08s cubic-bezier(.51,.96,.49,1.15) both;
}
@keyframes concGlow {
  0% {opacity:0; filter: blur(9px);}
  95% {opacity:1; filter: blur(.5px);}
  100% {opacity:1; filter: blur(0);}
}

.conc-verse-label {
  font-size: .91rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #33ad8c;
  background: #e2fff6;
  border-radius: 0 0 15px 16px;
  padding: 2px 15px;
  font-weight: 800;
  margin-bottom: 10px;
  display:inline-block;
  transition: color 0.31s, background 0.31s;
  box-shadow: 0 1px 6px #25c9c968;
}
.conc-verse-box:hover .conc-verse-label { color: #5e38ea; background: #f3e8fa; }

.conc-arabic {
  font-family: 'Scheherazade New', 'Amiri', serif;
  font-weight: 700;
  font-size: 1.17rem;
  color: #218869;
  text-align: right;
  direction: rtl;
  margin-bottom: 11px;
  text-shadow: 0 2px 8px #d7fcecba;
  transition: color 0.27s;
}
.conc-verse-box:hover .conc-arabic { color: #864be4; }

.conc-translation {
  font-style: italic;
  font-size: 1.08rem;
  color: #22436f;
  margin-bottom: 7px;
  padding-left: 11px;
  border-left: 4px solid #e6f0fa;
  line-height: 1.53;
}
.conc-ref { font-weight: 700; color: #33ad8c; margin-left: 8px; }
.conc-summary {
  background: #eafcfb;
  color: #148c80;
  font-weight: 600;
  font-size: 1.04rem;
  padding: 8px 13px;
  border-radius: 8px;
  margin-top: 6px;
  transition: background 0.25s, color 0.18s;
}
.conc-verse-box:hover .conc-summary { background: #ece5fc; color: #642fe1; }

.conc-final-box {
  background: #fff9ea;
  color: #6739b4;
  border-radius: 12px;
  font-size: 1.14rem;
  padding: 13px 17px;
  font-style: normal;
  margin-top: 30px;
  margin-bottom: 0;
  box-shadow: 0 3px 12px #efdcc619;
  display: flex;
  align-items: center;
  gap: 15px;
}
.conc-final-head {
  font-weight: 900;
  color: #edb503;
  background: #fffadc;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 1.08rem;
  margin-right: 7px;
  box-shadow: 0 1px 6px #ffd0374d;
}
.conc-final-main {
  font-weight: 600; color: #21647a;
  transition: color 0.2s;
}
.conc-highlight-holistic { color:#3e2198; background:#e7e3fa; font-weight:700; padding:2px 7px; border-radius:7px;}
.conc-highlight-soul { color:#23b381; background:#e8ffe6; font-weight:700; padding:2px 7px; border-radius:7px;}
.conc-highlight-dignity { color:#dd8107; background:#fbeedc; font-weight:700; padding:2px 7px; border-radius:7px;}
.conc-highlight-science2 { color:#2ea98c; background:#e4fefa; font-weight:700; padding:2px 7px; border-radius:7px;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4fbc986 *//* CSS: Frequently Asked Questions - Animated, Elegant, Colorful FAQ Design */

.faq-section {
  background: linear-gradient(115deg, #fafffd 7%, #f3f6fc 98%);
  border-radius: 18px;
  box-shadow: 0 12px 44px rgba(31,75,165,.13), 0 1px 10px rgba(16,36,77,.05);
  padding: 56px 42px 44px 42px;
  margin: 47px auto 57px auto;
  max-width: 940px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: background 0.48s, box-shadow 0.32s;
  position: relative;
}
.faq-section:hover {
  background: linear-gradient(120deg,#f4fcff 2%, #faeafc 99%);
  box-shadow: 0 23px 79px rgba(66,128,206,.14);
}

.animate-faqfade {
  animation: fadeFaqIn 1.19s cubic-bezier(.32,.7,.64,1.12) both;
}
@keyframes fadeFaqIn {
  0% {opacity:0; transform: translateY(58px);}
  100% {opacity:1; transform: translateY(0);}
}

.faq-headline {
  font-size: 2.16rem;
  font-weight: 800;
  color: #1e5478;
  margin-bottom: 18px;
  letter-spacing: 1.8px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.64em;
  align-items: baseline;
}
.faq-title-highlight {
  background: linear-gradient(90deg,#269494 12%,#8b6cd4 81%);
  color: white;
  padding: 10px 26px;
  border-radius: 13px;
  font-weight: 900;
  box-shadow: 0 3px 13px #b1eefa74;
  transition: background 0.33s;
}
.faq-title-highlight:hover {
  background: linear-gradient(90deg,#ffd157 18%,#53e3c7 80%);
  color: #232323;
}
.faq-subtitle {
  font-size: 1.13rem;
  color: #3581b8;
  background: #ebf5fe;
  padding: 7px 16px;
  border-radius: 10px;
  font-weight: 600;
}

.faq-box {
  margin-top: 33px;
  margin-bottom: 17px;
  background: #fff;
  border-left: 7px solid #269494;
  border-radius: 13px;
  box-shadow: 0 2px 17px rgba(38,148,148,0.10);
  padding: 23px 30px 16px 30px;
  font-style: normal;
  position: relative;
  opacity: 1;
  transition: background 0.33s, border-color 0.32s, box-shadow 0.28s, transform 0.22s;
}
.faq-box:hover {
  background: #fafdff;
  border-left-color: #8b6cd4;
  transform: scale(1.017) translateY(-2.5px);
  box-shadow: 0 13px 29px rgba(46,160,168,.10);
  cursor: default;
}
.faq-bounce-in {
  animation: faqBounceIn 1.02s cubic-bezier(.33,.82,.49,1.1) both;
}
@keyframes faqBounceIn {
  0% {opacity:0; transform: scale(.91) translateY(33px);}
  80% {opacity: .96; transform:scale(1.025);}
  100% {opacity:1; transform: scale(1);}
}

.faq-q {
  font-size: 1.11rem;
  font-weight: 700;
  color: #239488;
  margin-bottom: 14px;
}
.faq-qnum {
  color: #9852e4;
  background: #ededfd;
  border-radius: 5px;
  padding: 3px 9px;
  font-size: 1.08em;
  margin-right: 7px;
}
.faq-hl-question { color:#6b277a; background:#ebdbfa; font-weight:700; padding:2px 7px; border-radius:6px;}
.faq-hl-life { color:#d48806; background:#fff8e6; font-weight:700; padding:2px 7px; border-radius:7px;}
.faq-hl-science { color:#1976d2; background:#d2ebfc; font-weight:700; padding:2px 7px; border-radius:7px;}
.faq-hl-match { color:#198b64; background:#e9fff2; font-weight:700; padding:2px 7px; border-radius:7px;}
.faq-hl-remark { color:#884cdc; background:#f3e7ff; font-weight:700; padding:2px 7px; border-radius:7px;}
.faq-hl-tools { color:#228899; background:#e0fafc; font-weight:700; padding:2px 7px; border-radius:7px;}
.faq-hl-start { color:#128844; background:#ddfbea; font-weight:700; padding:2px 7px; border-radius:7px;}
.faq-hl-40days { color:#f8ad16; background:#fffbe3; font-weight:700; padding:2px 7px; border-radius:7px;}
.faq-hl-dignity { color:#3e2198; background:#e7e3fa; font-weight:700; padding:2px 7px; border-radius:7px;}

.faq-label {
  font-size: .93rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #239488;
  background: #e8fcf6;
  border-radius: 0 0 14px 13px;
  padding: 3px 14px;
  font-weight: 800;
  margin-bottom: 8px;
  display:inline-block;
  transition: color 0.28s, background 0.28s;
  box-shadow: 0 1px 7px #07f8bc22;
}
.faq-verse-block, .faq-hadith-block {
  background: #fafffd;
  border-left: 8px solid #269494;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(38,148,148,0.10);
  padding: 20px 23px 11px 23px;
  margin: 14px 0 7px 0;
  transition: background 0.28s, border-color 0.28s;
}
.faq-verse-block:hover, .faq-hadith-block:hover {
  background: #e6ebfc;
  border-left-color: #8b6cd4;
}

.faq-arabic, .faq-arabic-hadith {
  font-family: 'Scheherazade New', 'Amiri', serif;
  font-weight: 700;
  font-size: 1.17rem;
  color: #387eb1;
  text-align: right;
  direction: rtl;
  margin-bottom: 11px;
  text-shadow: 0 2px 8px #deeeffb3;
  transition: color 0.22s;
}
.faq-verse-block:hover .faq-arabic,
.faq-hadith-block:hover .faq-arabic-hadith { color: #774eea; }

.faq-translation {
  font-style: italic;
  font-size: 1.07rem;
  color: #345416;
  margin-bottom: 8px;
  padding-left: 12px;
  border-left: 4px solid #e0fafc;
  line-height: 1.52;
}
.faq-ref { font-weight: 700; color: #239488; margin-left: 8px; }

.faq-keyword-nutfah {background:#fae6c9;color:#b48124;font-weight:800;padding:2px 8px;border-radius:8px;}
.faq-keyword-alaqah {background: #e7fbe6; color:#079742; font-weight:800;padding:2px 8px;border-radius:8px;}
.faq-keyword-mudghah {background: #fed6e3; color:#ba4b8b; font-weight:800;padding:2px 8px;border-radius:8px;}
.faq-keyword-expert {background: #fffbe5; color:#f58a00; font-weight:700;padding:2px 7px;border-radius:7px;}

.faq-list, .faq-comparelist {
  margin-top: 9px;
  margin-bottom: 5px;
  padding-left: 23px;
  list-style-type: disc;
  font-size: 1.07rem;
}
.faq-list li, .faq-comparelist li { margin-bottom: 3px; }

.faq-hadith-label { color: #f58a00; background: #fffbe0; }

.faq-ans {
  background: #eefaf7;
  color: #287952;
  border-radius: 9px;
  font-size: 1.06rem;
  padding: 10px 18px;
  margin-top: 13px;
  transition: background 0.23s, color 0.19s;
}
.faq-box:hover .faq-ans { background: #faeaff; color: #894cea; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-722e446 *//* CSS: References Section - Modern Design, Animation & Visual Highlights */

.reference-section {
  background: linear-gradient(115deg, #f7faff 9%, #f2edfc 99%);
  border-radius: 19px;
  box-shadow: 0 11px 42px rgba(51,81,160,0.12);
  padding: 51px 38px 39px 38px;
  margin: 46px auto 65px auto;
  max-width: 950px;
  font-family: 'Segoe UI', 'Tahoma', Geneva, Verdana, sans-serif;
  transition: background 0.42s, box-shadow 0.3s;
  position: relative;
}
.reference-section:hover {
  background: linear-gradient(115deg, #eef9ff 5%, #f7f0fa 99%);
  box-shadow: 0 28px 90px rgba(74,100,206,0.13);
}

.animate-reffade {
  animation: refFadeIn 1.15s cubic-bezier(.36,.84,.59,1.13) both;
}
@keyframes refFadeIn {
  0% { opacity:0; transform: translateY(60px);}
  100% {opacity:1; transform: translateY(0);}
}

.ref-headline {
  font-size: 2.05rem;
  font-weight: 800;
  color: #31539c;
  margin-bottom: 19px;
  letter-spacing: 1.3px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
  align-items: baseline;
}
.ref-title-highlight {
  background: linear-gradient(90deg, #4d69e6 15%, #20b388 85%);
  color: white;
  padding: 11px 23px;
  border-radius: 14px;
  font-weight: 900;
  box-shadow: 0 2px 13px #cdefea70;
  transition: background 0.3s;
}
.ref-title-highlight:hover {
  background: linear-gradient(90deg, #ffb74d 24%, #60cdf2 88%);
  color: #2a2a2a;
}
.ref-subtitle {
  font-size: 1.11rem;
  color: #27899a;
  background: #e8f7f6;
  padding: 7px 15px;
  border-radius: 11px;
  font-weight: 600;
}

.ref-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.ref-list li {
  background: #fff;
  border-left: 8px solid #20b388;
  border-radius: 11px;
  box-shadow: 0 2px 15px rgba(32,179,136,0.10);
  padding: 16px 24px 12px 24px;
  margin-bottom: 18px;
  font-size: 1.07rem;
  color: #334354;
  display: flex;
  flex-direction: column;
  gap: 2px;
  transition: background 0.28s, border-color 0.3s, box-shadow 0.22s, transform 0.2s;
  position: relative;
}
.ref-list li:hover {
  background: #f8faff;
  border-left-color: #7d5be6;
  box-shadow: 0 10px 23px rgba(74,135,230,0.14);
  transform: scale(1.018) translateY(-2px);
}

.ref-title {
  font-weight: 700;
  color: #2957b6;
  letter-spacing: 0.2px;
  margin-bottom: 1.5px;
}
.ref-desc {
  color: #3b9f8c;
  margin-bottom: 1.5px;
  font-size: .98em;
}
.ref-link {
  color: #8e43e7;
  background: #f1eaff;
  font-size: 1em;
  font-weight: 800;
  text-decoration: none;
  border-radius: 6px;
  padding: 2.5px 11px;
  transition: background 0.22s, color 0.22s;
  display: inline-block;
  margin-top: 2px;
}
.ref-link:hover {
  background: #20b388;
  color: white;
}/* End custom CSS */