.elementor-5 .elementor-element.elementor-element-4aa27f2{--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-5 .elementor-element.elementor-element-4eca4d9{--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-5 .elementor-element.elementor-element-973cdab{--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-5 .elementor-element.elementor-element-0d8a782{--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-5 .elementor-element.elementor-element-94c48f1{--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-5 .elementor-element.elementor-element-e2db5fd{--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;}body.elementor-page-5:not(.elementor-motion-effects-element-type-background), body.elementor-page-5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-3ffd5c8 */:root {
  --logo-green: #2e7d3a;
  --logo-darkgreen: #234a28;
  --logo-gold: #e4c072;
  --logo-sky: #4dbad8;
  --logo-cream: #f8f7f2;
  --logo-richbrown: #463e2b;
  --logo-softorange: #ec984a;
  --logo-softblue: #9ad0d3;
  --logo-purple: #9567a8;
  --logo-steel: #466c5e;
  --bg-light: #f8f7f2;
  --text-dark: #234a28;
}

.alameen-hero {
  background: radial-gradient(circle at 75% 25%, var(--logo-gold) 0%, var(--logo-cream) 45%, var(--logo-green) 120%);
  color: var(--text-dark);
  padding: 60px 30px 40px 30px;
  border-radius: 22px;
  box-shadow: 0 8px 32px rgba(46,125,58,.09);
  text-align: center;
  animation: fadeInDown 1.2s both;
}

.alameen-logo { 
  max-height: 106px; 
  margin-bottom: 15px; 
  animation: popIn .9s; 
}

.tagline {
  font-size: 1.3em;
  font-weight: 500;
  color: var(--logo-gold);
  margin-top: 9px;
  letter-spacing: 1.2px;
  text-shadow: 0 2px 10px var(--logo-cream);
}

.campus-slide { 
  width: 110px; 
  height: 85px; 
  object-fit: cover; 
  border-radius: 16px; 
  margin: 8px; 
  box-shadow: 0 2px 14px #234a280c;
  transition: transform .4s cubic-bezier(.25,1.5,.7,1), box-shadow .3s;
  cursor: pointer;
  opacity: 0.93;
}
.campus-slide:hover { 
  transform: scale(1.09) rotate(-2deg); 
  box-shadow: 0 6px 24px var(--logo-green);
  opacity: 1; 
}

.alameen-quicklinks {
  display: flex; 
  justify-content: center; 
  gap: 32px; 
  margin: 38px 0 18px 0;
  flex-wrap: wrap;
}

.quicklink {
  padding: 13px 30px;
  background: var(--logo-green);
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  box-shadow: 0 4px 14px #234a2817;
  font-size: 1.13em;
  text-decoration: none;
  letter-spacing: 1px;
  transition: all .24s cubic-bezier(.17,.67,.83,.67);
  position: relative;
  overflow: hidden;
}
.quicklink:hover, .quicklink:focus {
  background: var(--logo-gold);
  color: var(--logo-darkgreen);
  box-shadow: 0 1px 12px var(--logo-gold);
  transform: translateY(-6px) scale(1.07);
}
.apply-btn {
  background: linear-gradient(90deg, var(--logo-gold) 60%, var(--logo-softorange) 100%);
  color: var(--logo-richbrown) !important;
  border: 2px solid var(--logo-darkgreen);
  font-weight: 700;
  box-shadow: 0 2px 18px #e4c07250;
}

.alameen-about {
  background: var(--bg-light);
  color: var(--logo-darkgreen);
  margin: 26px auto 12px auto;
  padding: 33px 24px 22px 24px;
  border-radius: 22px;
  box-shadow: 0 2px 24px #466c5e16;
  max-width: 900px;
  text-align: center;
}
.alameen-about h2 .highlight-accent {color: var(--logo-softorange);}
.alameen-about .highlight-focus {color: var(--logo-sky); font-weight: 700;}
.alameen-about .highlight-core {color: var(--logo-purple); font-weight: 700;}
.alameen-about .highlight-islamic {color: var(--logo-green);}
.alameen-about .highlight-hostel {color: var(--logo-gold);}
.alameen-about .highlight-faculty {color: var(--logo-softblue); font-style: italic;}
.alameen-ayah, .alameen-hadith {
  margin: 21px auto 0 auto;
  padding: 17px 15px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 17px #e4c07212;
  font-size: 1.15em;
  color: var(--logo-green);
  animation: fadeInUp 1s;
  border-left: 5px solid var(--logo-gold);
}
.quran-arabic, .hadith-arabic {
  display: block;
  font-size: 1.32em;
  color: var(--logo-purple);
  font-weight: 600;
  margin-bottom: 2px;
  letter-spacing: 1.4px;
}
.quran-translate, .hadith-translate {color: var(--logo-darkgreen);}

.alameen-highlights {
  background: linear-gradient(120deg, var(--logo-softblue), var(--logo-sky) 100%);
  color: var(--logo-richbrown);
  margin: 25px 0 21px 0;
  border-radius: 17px;
  box-shadow: 0 2px 14px #234a280d;
  padding: 32px 10px 19px 10px;
  max-width: 950px;
  text-align: center;
}
.highlight-list { 
  text-align: left; 
  list-style: none; 
  margin: 0 auto 15px auto; 
  max-width: 740px;
  padding: 0; 
}
.highlight-list li { 
  font-size: 1.16em; 
  margin-bottom: 10px; 
  background: #ffffffd8; 
  padding: 9px 22px; 
  border-radius: 10px; 
  transition: background .18s, color .21s, transform .19s; 
  box-shadow: 0 1px 4px #234a2820;
  border-left: 3px solid var(--logo-gold);
}
.highlight-list li:hover { 
  background: var(--logo-green); 
  color: #fff; 
  transform: translateX(9px) scale(1.045); 
  cursor: pointer;
}
.highlight-color1 { color: var(--logo-gold); font-weight: bold; }
.highlight-color2 { color: var(--logo-green); font-weight: bold; }
.highlight-color3 { color: var(--logo-sky); font-weight: bold; }
.highlight-color4 { color: var(--logo-softorange); font-weight: bold; }
.highlight-color5 { color: var(--logo-softblue); font-weight: bold; }

@keyframes fadeInDown {
  0% { opacity:0; transform: translateY(-60px);}
  100% { opacity:1; transform: translateY(0);}
}
@keyframes popIn {
  0% { opacity:0; transform: scale(.8);}
  100% { opacity:1; transform: scale(1);}
}
@keyframes fadeInUp {
  0% { opacity:0; transform: translateY(60px);}
  100% { opacity:1; transform: translateY(0);}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f5a193d */.alameen-secretary-desk {
  background: linear-gradient(96deg, var(--logo-cream) 60%, #fff 98%);
  color: var(--logo-darkgreen);
  border-radius: 19px;
  box-shadow: 0 2px 18px #2e7d3a17;
  max-width: 1060px;
  margin: 0 auto 38px auto;
  padding: 36px 18px 30px 18px;
}
.secretary-flex {
  display: flex;
  align-items: flex-start;
  gap: 36px;
  flex-wrap: wrap;
}
.secretary-photo {
  flex: 0 0 190px;
  text-align: center;
}
.secretary-photo img {
  max-width: 155px;
  border-radius: 15px;
  box-shadow: 0 4px 21px #234a2824;
  border: 4px solid var(--logo-gold);
  margin-bottom: 12px;
}
.secretary-content {
  flex: 1 1 340px;
}
.secretary-content h2 {
  margin-bottom: 15px;
}
.secretary-sign {
  text-align: right;
  color: var(--logo-steel);
  font-size: 1.06em;
  font-style: italic;
  margin-top: 14px;
}
/* Responsive */
@media (max-width: 775px) {
  .secretary-flex { flex-direction: column; align-items: center; }
  .secretary-content { text-align: center; }
  .secretary-sign { text-align: center; }
  .secretary-photo img { margin-bottom: 6px;}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f40c6f0 */.alameen-mission-vision {
  background: linear-gradient(100deg, var(--logo-cream) 70%, var(--logo-gold) 100%);
  color: var(--logo-darkgreen);
  border-radius: 18px;
  box-shadow: 0 2px 21px #2e7d3a13;
  text-align: center;
  padding: 32px 18px 28px 18px;
  margin-bottom: 28px;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.mission-vision-row {
  display: flex;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
  margin-top: 19px;
}
.mission-box, .vision-box {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 12px #e4c07215;
  padding: 24px 18px 16px 18px;
  flex: 1 1 320px;
  min-width: 270px;
  max-width: 400px;
}
.mission-box h3, .vision-box h3 {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-34b9868 */.alameen-success {
  background: linear-gradient(93deg, var(--logo-cream) 40%, var(--logo-gold) 98%);
  color: var(--logo-darkgreen);
  border-radius: 18px;
  box-shadow: 0 2px 15px #2e7d3a13;
  text-align: center;
  padding: 25px 8px 25px 8px;
  margin-bottom: 24px;
}
.achievement-stats {
  display: flex; justify-content: center; gap: 32px; flex-wrap: wrap; margin: 22px 0;
}
.stat-box {
  padding: 15px 25px; border-radius: 14px; font-weight: 600;
  background: #fff; min-width: 120px; box-shadow: 0 1px 7px #234a280d;
  transition: transform .2s, box-shadow .2s;
}
.stat-box:hover { transform: scale(1.06); box-shadow: 0 4px 16px var(--logo-gold);}
.stat-number { font-size: 2.0em; display: block;}
.alameen-testimonials {
  background: var(--logo-softblue);
  color: var(--logo-darkgreen);
  border-radius: 16px;
  box-shadow: 0 2px 11px #2e7d3a0e;
  padding: 23px 7px 18px 7px;
  margin-bottom: 28px;
  text-align: center;
}
.testimonial-list blockquote {
  background: #fff;
  border-left: 5px solid var(--logo-gold);
  border-radius: 10px;
  margin: 14px auto;
  padding: 15px 20px;
  font-style: italic;
  animation: fadeInUp 0.7s;
}
.alameen-gallery-preview {
  background: var(--logo-cream);
  color: var(--logo-darkgreen);
  border-radius: 15px;
  box-shadow: 0 1px 9px #466c5e18;
  padding: 19px;
  margin-bottom: 26px;
  text-align: center;
}
.gallery-row {
  display: flex; gap: 18px;justify-content: center; margin: 13px 0 0 0;
}
.gallery-thumb {
  width: 93px; height: 65px; object-fit: cover;
  border-radius: 10px; box-shadow: 0 2px 8px #463e2b11;
  transition: transform .17s;
}
.gallery-thumb:hover { transform: scale(1.07) rotate(2deg);}
.alameen-news {
  background: linear-gradient(95deg, var(--logo-softblue) 50%, var(--logo-gold) 100%);
  color: var(--logo-darkgreen);
  margin-bottom: 25px;
  padding: 17px 9px 14px 9px;
  border-radius: 12px;
  box-shadow: 0 2px 11px #e4c07218;
  text-align: center;
}
.news-list {list-style: none; margin: 9px auto 0 auto; padding: 0; text-align: left; display: inline-block;}
.news-list li {padding: 7px 0; border-bottom: 1px dashed #ddd;}
.news-list li:last-child {border-bottom: none;}
.alameen-contact-cta {
  background: var(--logo-green);
  color: #fff;
  text-align: center;
  border-radius: 16px;
  margin-top: 30px;
  padding: 27px 7px 17px 7px;
  box-shadow: 0 2px 18px #2e7d3a12;
}/* End custom CSS */