.elementor-400 .elementor-element.elementor-element-8e9a2f7{--display:flex;--min-height:60vh;--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;--justify-content:flex-end;}.elementor-400 .elementor-element.elementor-element-dd050bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;--z-index:10;}.elementor-400 .elementor-element.elementor-element-29f7901{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-400 .elementor-element.elementor-element-4751697{text-align:start;}.elementor-400 .elementor-element.elementor-element-4751697 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#00689B;}.elementor-400 .elementor-element.elementor-element-e8cb137{text-align:start;}.elementor-400 .elementor-element.elementor-element-e8cb137 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:3rem;font-weight:600;font-style:italic;color:#043546;}.elementor-400 .elementor-element.elementor-element-5de0966{--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-400 .elementor-element.elementor-element-1cde6be{--display:flex;}@media(min-width:768px){.elementor-400 .elementor-element.elementor-element-29f7901{--width:1200px;}}@media(max-width:1024px){.elementor-400 .elementor-element.elementor-element-8e9a2f7{--min-height:30vh;}.elementor-400 .elementor-element.elementor-element-dd050bb{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-400 .elementor-element.elementor-element-4751697{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-400 .elementor-element.elementor-element-4751697.elementor-element{--align-self:flex-end;}.elementor-400 .elementor-element.elementor-element-e8cb137{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-400 .elementor-element.elementor-element-e8cb137.elementor-element{--align-self:flex-end;}}@media(max-width:767px){.elementor-400 .elementor-element.elementor-element-8e9a2f7{--min-height:40vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-dd050bb{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-400 .elementor-element.elementor-element-4751697{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-400 .elementor-element.elementor-element-e8cb137{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-400 .elementor-element.elementor-element-e8cb137 .elementor-heading-title{font-size:2.4rem;}}/* Start custom CSS for container, class: .elementor-element-8e9a2f7 *//* Required for layering */
.elementor-400 .elementor-element.elementor-element-8e9a2f7 {
    position: relative;
    overflow: hidden;
}

/* ANIMATED GRADIENT BACKGROUND using ::after */
.elementor-400 .elementor-element.elementor-element-8e9a2f7::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background: linear-gradient(
  315deg,
  #D2F229 3%,   /* rgba(101, 0, 94, 1)   */
  #165F69 38%,  /* rgba(60, 132, 206, 1) */
  #7ac1fe 68%,  /* rgba(48, 238, 226, 1) */
  #00689B 98%   /* rgba(255, 25, 25, 1)  */
);
    background-size: 200% 200%;
    animation: gradientFlow 9s linear infinite;
}

/* BLUE BLOB (cursor follow) using ::before */
.elementor-400 .elementor-element.elementor-element-8e9a2f7::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    background: #fff;
    opacity: 0.7;
    filter: blur(90px);
    border-radius: 50%;
    pointer-events: none;

    left: var(--cx, 50%);
    top: var(--cy, 50%);
    transform: translate(-50%, -50%);
    transition: left 0.12s ease-out, top 0.12s ease-out;

    z-index: 1; /* ABOVE gradient, BELOW content */
}

/* Put Elementor widgets above everything */
.elementor-400 .elementor-element.elementor-element-8e9a2f7 > .elementor-container {
    position: relative;
    z-index: 5;
}

/* KEYFRAMES */
@keyframes gradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9e115cd */.timeline-section {
  
  padding: 2rem 0;
  display: grid;
  grid-template-columns: 50% 50%;
  width: 90%;
  gap: 30px;
  margin: 0 auto;     /* centers horizontally */
    max-width: 1200px;
  justify-content: space-between;
  }
  
  
  


   .accordion {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto; 
    overflow: hidden;
  }
  
  .application-section {
      max-width: 100%;
      margin: 60px auto;
      padding: 0 20px;
    }
    
    .application-item {
      border-bottom: 1px solid #ccc;
      overflow: hidden;
      transition: all 0.3s ease;
    }
    
    .app-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      padding: 10px 0;
    }

    .app-header h2 {
      font-size: 26px;
      margin: 0;
    }
   
   /* Circle icon via pseudo-element */
    .app-header::after {
      content: "+";
      display: flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      border: 1px solid #0a7ea6;
      color: #0a7ea6;
      font-size: 22px;
      font-weight: 200;
      line-height: 1;
      flex-shrink: 0;
      transition: all 0.3s ease;
    }

    .application-item.open .app-header::after {
      content: "−";
      background: #0a7ea6;
      color: #fff;
    }
   .app-content {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 40px;
      padding: 0 0 20px 0;
      opacity: 0;
      height: 0;
      transition: all 0.4s ease;
    }

    .application-item.open .app-content {
      opacity: 1;
      height: auto;
      padding-top: 10px;
    }

    .app-text {
      flex: 1;
      min-width: 280px;
    }

    .app-text p {
      font-size: 17px;
      line-height: 1.6;
      margin-bottom: 15px;
    }

    .learn-btn {
      display: inline-block;
      padding: 10px 22px;
      border: 2px solid #00689b;
      border-radius: 50px;
      color: #00689b;
      text-decoration: none;
      font-size: 15px;
      transition: 0.3s;
    }

    .learn-btn:hover {
      background: #00689b;
      color: #fff;
    }

    .about-image img {
      
      height: 400px;
      border-radius: 10px;
    }
    
    @media screen and (max-width: 990px) {
    
        
    .timeline-section {
  
  padding: 2rem 0;
  display: grid;
  grid-template-columns: auto;
  width: 92%;
  gap: 30px;
  margin: 0 auto;     /* centers horizontally */
    max-width: 1200px;
  justify-content: space-between;
  }    
    }/* End custom CSS */