.elementor-915 .elementor-element.elementor-element-49fe3c6{text-align:center;}.elementor-915 .elementor-element.elementor-element-75cdd09{color:var( --e-global-color-secondary );}.elementor-915 .elementor-element.elementor-element-499e60e{text-align:center;}.elementor-915 .elementor-element.elementor-element-01f0583{text-align:center;}.elementor-915 .elementor-element.elementor-element-d77d820.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-915 .elementor-element.elementor-element-d77d820.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-915 .elementor-element.elementor-element-d77d820.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-915 .elementor-element.elementor-element-d77d820 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-915 .elementor-element.elementor-element-d77d820 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-915 .elementor-element.elementor-element-d77d820 .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-915 .elementor-element.elementor-element-d77d820 .elementor-image-box-description{color:var( --e-global-color-secondary );}.elementor-915 .elementor-element.elementor-element-a2e228b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-915 .elementor-element.elementor-element-a2e228b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-915 .elementor-element.elementor-element-a2e228b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-915 .elementor-element.elementor-element-a2e228b .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-915 .elementor-element.elementor-element-a2e228b .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-915 .elementor-element.elementor-element-a2e228b .elementor-image-box-description{color:var( --e-global-color-secondary );}.elementor-915 .elementor-element.elementor-element-2bb8eec .elementor-image-box-wrapper{text-align:center;}.elementor-915 .elementor-element.elementor-element-2bb8eec.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-915 .elementor-element.elementor-element-2bb8eec.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-915 .elementor-element.elementor-element-2bb8eec.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-915 .elementor-element.elementor-element-2bb8eec .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-915 .elementor-element.elementor-element-2bb8eec .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-915 .elementor-element.elementor-element-2bb8eec .elementor-image-box-description{color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-915 .elementor-element.elementor-element-d77d820 .elementor-image-box-img{margin-bottom:15px;}.elementor-915 .elementor-element.elementor-element-a2e228b .elementor-image-box-img{margin-bottom:15px;}.elementor-915 .elementor-element.elementor-element-2bb8eec .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for html, class: .elementor-element-1f93b9a */*{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}
body{
  background: #fff;
}
.timeline{
  position: relative;
  max-width: 1200px;
  margin: 100px auto;
}
.container{
  padding: 10px 50px;
  position: relative;
  width: 50%;
  animation: movedown 1s linear forwards;
  opacity: 0;
}
@keyframes movedown {
  0%{
    opacity: 1;
    transform: translateY(-30px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}

.container:nth-child(1){
  animation-delay: 0s;
}
.container:nth-child(2){
  animation-delay: 1s;
}
.container:nth-child(3){
  animation-delay: 2s;
}
.container:nth-child(4){
  animation-delay: 3s;
}
.container:nth-child(5){
  animation-delay: 4s;
}
.container:nth-child(6){
  animation-delay: 5s;
}

.text-box{
  padding: 20px 30px;
  background: #20532c; /* Changed background color to green */
  position: relative;
  border-radius: 6px;
  font-size: 15px;
  color: #FFF; /* Ensure all text inside the box is white */
}
.text-box h2, .text-box small, .text-box p {
  color: #FFFF; /* Set headings, years, and subtext to white */
}

.left-container{
  left: 0;
}
.right-container{
  left: 50%;
}
.container img{
  position: absolute;
  width: 40px;
  border-radius: 50%;
  right: -20px;
  top: 32px;
  z-index: 10;
}
.right-container img{
  left: -20px;
}

.timeline::after{
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  background: #B3BBB7;
  top: 0;
  left: 50%;
  margin-left: -3px;
  z-index: -1;
  animation: moveline 6s linear forwards;
}
@keyframes moveline {
  0%{
    height: 0;
  }
  100%{
    height: 100%;
  }
}

.left-container-arrow{
  height: 0;
  width: 0;
  position: absolute;
  top: 28px;
  z-index: 1;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #20532c; /* Match arrow color to box color */
  right: -15px;
}
.right-container-arrow{
  height: 0;
  width: 0;
  position: absolute;
  top: 28px;
  z-index: 1;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #20532c; /* Match arrow color to box color */
  left: -15px;
}

@media screen and (max-width: 600px){
  .timeline{
    margin: 50px auto;
  }
  .timeline::after{
    left: 31px;
  }
  .container{
    width: 100%;
    padding-left: 80px;
    padding-right: 25px;
  }
  .text-box{
    font-size: 13px;
  }
  .text-box small{
    margin-bottom: 10px;
  }
  .right-container{
    left: 0;
  }
  .left-container img, .right-container img{
    left: 10px;
  }
  .left-container-arrow, .right-container-arrow{
    border-right: 15px solid #20532c; /* Match arrow color to box color */
    border-left: 0;
    left: -15px;
  }
}/* End custom CSS */