.elementor-10092 .elementor-element.elementor-element-62ec180{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-10092 .elementor-element.elementor-element-62ec180 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.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-10092 .elementor-element.elementor-element-bf0459e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-10092 .elementor-element.elementor-element-94b3b89 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:34px;font-weight:600;color:#FFFFFF;}.elementor-10092 .elementor-element.elementor-element-dd21e59{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:80px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-10092 .elementor-element.elementor-element-01fcf6b{text-align:center;}.elementor-10092 .elementor-element.elementor-element-01fcf6b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;color:#000000;}.elementor-10092 .elementor-element.elementor-element-e5e7d87 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-10092 .elementor-element.elementor-element-e5e7d87{text-align:center;}.elementor-10092 .elementor-element.elementor-element-e5e7d87 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:34px;font-weight:600;color:#000000;}.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-10092 .elementor-element.elementor-element-099c01d{text-align:center;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-10092 .elementor-element.elementor-element-f1f11d7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-10092 .elementor-element.elementor-element-7e6613d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:80px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-10092 .elementor-element.elementor-element-03da134 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-10092 .elementor-element.elementor-element-03da134{text-align:center;}.elementor-10092 .elementor-element.elementor-element-03da134 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:34px;font-weight:600;color:#000000;}.elementor-10092 .elementor-element.elementor-element-890896a{text-align:center;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.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-10092 .elementor-element.elementor-element-8d905d9{--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;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-10092 .elementor-element.elementor-element-8d905d9:not(.elementor-motion-effects-element-type-background), .elementor-10092 .elementor-element.elementor-element-8d905d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aemusa.org/wp-content/uploads/2025/07/what-we-do.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10092 .elementor-element.elementor-element-ae6acd5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-10092 .elementor-element.elementor-element-aff4322{text-align:center;}.elementor-10092 .elementor-element.elementor-element-aff4322 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;color:#FFFFFF;}.elementor-10092 .elementor-element.elementor-element-adc91b5 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-10092 .elementor-element.elementor-element-adc91b5{text-align:center;}.elementor-10092 .elementor-element.elementor-element-adc91b5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:34px;font-weight:600;color:#FFFFFF;}.elementor-10092 .elementor-element.elementor-element-228aca4{text-align:center;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-10092 .elementor-element.elementor-element-788c568{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for text-editor, class: .elementor-element-099c01d */.mw-container{
    max-width: 700px !important;
}

.mw-container-text{
    max-width: 800px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda1c93 *//* --- General Styles & Layout --- */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.time-line-elementor{
    width: 100%;
}

.timeline-container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

.timeline-cards-wrapper {
  display: flex;
  justify-content: center;
  align-items: end;
  min-height: 400px;
  margin-bottom: 32px;
}

/* --- Timeline Card Styles --- */
.timeline-card,
.timeline-card-spacer {
  overflow: hidden;
  position: relative;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.timeline-card.active {
  width: 100%;
  height: 420px;
  z-index: 20;
  transform: scale(1.05) translateY(-10px);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.timeline-card.inactive {
  width: 100%;
  height: 350px;
  z-index: 10;
  opacity: 0.7;
}

.timeline-card-spacer {
  width: 320px;
  height: 384px;
}

.card-content {
  position: relative;
  z-index: 10;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

/* --- Card Content Text --- */
.card-content h2 {
  color: #fff;
  font-weight: 700;
  margin-bottom: 16px;
}

.card-content.active h2 {
  font-size: 48px;
}

.card-content.inactive h2 {
  font-size: 42px;
}

.card-content h3 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content.active h3 {
  font-size: 24px;
}

.card-content.inactive h3 {
  font-size: 20px;
}

.card-content p {
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
}


/* --- Card Backgrounds & Effects --- */
.bg-pattern {
  position: absolute;
  inset: 0;
  opacity: 1;
}

.bg-pattern .gradient {
  width: 100%;
  height: 100%;
  background: #000;
  position: relative;
}

.bg-pattern .image {
  background-repeat: no-repeat;
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.7;
  filter: grayscale(100%) contrast(200%) brightness(40%);
}

.bg-pattern::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, #ff2020 0%, #ff0000 30%, #cc0000 70%, #000000 100%);
  mix-blend-mode: color;
  opacity: 1;
}

/* --- Navigation & Progress Bar --- */
.navigation-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-button {
  background-color: #fff;
  border: none;
  color: #FF0000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.nav-button:hover {
  color: #fff;
  background-color: #FF0000;
}

.nav-button:disabled {
  color: #ff000085;
  cursor: not-allowed;
}

.nav-button:disabled:hover {
  color: #ff000085;
  background-color: #fff;
}

.progress-bar-area {
  display: flex;
  align-items: center;
  position: relative;
  flex-grow: 1;
  margin: 0 32px;
}

.progress-bar-background {
  width: 100%;
  height: 8px;
  background-color: #e5e7eb;
  border-radius: 9999px;
}

.progress-bar-fill {
  height: 100%;
  background-color: #FF0000;
  border-radius: 9999px;
  transition: width 0.5s ease-out;
}

.progress-indicators-wrapper {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
}

.progress-indicator {
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  transition: all 0.3s;
}

.progress-indicator.completed {
  background-color: #FF0000;
  border-color: #FF0000;
}

.progress-indicator.pending {
  background-color: #e5e7eb;
  border-color: #e5e7eb;
}

/* --- Year Navigation --- */
.year-nav-wrapper {
  max-width: 1120px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 50px;
}

.year-nav-button {
  padding: 8px 16px;
  border: none;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
}

.year-nav-button.active {
  background-color: #ff0000;
  color: white;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.year-nav-button.completed {
  background-color: #fee2e2;
  color: #dc2626;
}

.year-nav-button.completed:hover {
  background-color: #fecaca;
}

.year-nav-button.pending {
  background-color: #f3f4f6;
  color: #6b7280;
}

.year-nav-button.pending:hover {
  background-color: #e5e7eb;
}

/* --- Color Utility Classes --- */
.bg-red-700 {
  background-color: #ff0000;
}

.bg-gray-700 {
  background-color: #374151;
}

.bg-blue-900 {
  background-color: #1e3a8a;
}

.bg-green-700 {
  background-color: #15803d;
}

.bg-purple-700 {
  background-color: #6b21a8;
}

.text-white {
  color: white;
}

/* --- Mobile Responsive Styles --- */
@media (max-width: 640px) {
  .timeline-card.inactive {
    display: none;
  }

  .timeline-card-spacer {
    display: none;
  }

  .timeline-cards-wrapper {
    justify-content: center;
  }

  .progress-bar-area {
    margin: 0 5px;
  }

  .nav-button {
    width: 24px;
    height: 24px;
  }

  .year-nav-wrapper {
      margin-top: 15px;
    padding: 0 10px;
  }

  .year-nav-button {
    padding: 4px 8px;
    font-size: 14px;
  }

  .timeline-card.active {
    transform: scale(1) translateY(0);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-890896a */.mw-container{
    max-width: 700px !important;
}

.mw-container-text{
    max-width: 800px !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-228aca4 */.mw-container{
    max-width: 700px !important;
}

.mw-container-text{
    max-width: 800px !important;
}/* End custom CSS */