.newaddsection{
 background: #ffe3c5 url(../images/sign-up.png) 0 0 no-repeat;
 background-size: contain;
 }
 .iconbox {
    width: 70px;
    height: 70px;
    background-color: #333b4f;
    border-radius: 100px;
    margin-right: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    position: relative;
  }
  .text-small {
    font-size: 12px;
    letter-spacing: 2px;
  }
  .fath {
    background:#212735 url(../images/World-map.svg) 50% 50% no-repeat; 
   padding: 100px 0;
   background-size: 80%; 
  }
  .text-light2 {
   color: #666; 
  }
  .membersection li {
  margin-bottom: 70px;  
  }
  .support{
    background: #fff7ee url(../images/sign-up.png) 50% 50% no-repeat;
    padding: 100px 0;
    margin-top: 100px;
  }
  .iconbox::before {
    border-radius: 42px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    -webkit-animation: pulse-blue-medium-sm 3.5s infinite;
    animation: pulse-blue-medium-sm 3.5s infinite;
  }
  .iconbox::after {
    border-radius: 42px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    -webkit-animation: pulse-blue-small-sm 3.5s infinite;
    animation: pulse-blue-small-sm 3.5s infinite;
  }

  @-webkit-keyframes pulse-blue-small-sm {
    0% {
     box-shadow:0 0 0 0 rgba(255, 251, 244, 0.7)
    }
    30%,
    to {
     box-shadow:0 0 0 12px transparent
    }
   }
   @keyframes pulse-blue-small-sm {
    0% {
     box-shadow:0 0 0 0 rgba(253, 247, 236, 0.7)
    }
    30%,
    to {
     box-shadow:0 0 0 12px transparent
    }
   }
   
   @-webkit-keyframes pulse-blue-medium-sm {
       0% {
        box-shadow:0 0 0 0 rgba(rgba(192, 192, 191, 0.4))
       }
       30%,
       to {
        box-shadow:0 0 0 20px transparent
       }
      }
      @keyframes pulse-blue-medium-sm {
       0% {
        box-shadow:0 0 0 0 rgba(198, 198, 198, 0.4)
       }
       30%,
       to {
        box-shadow:0 0 0 20px transparent
       }
      }
      @-webkit-keyframes pulse-white-small-sm {
       0% {
        box-shadow:0 0 0 0 hsla(0,0%,99%,.7)
       }
       30%,
       to {
        box-shadow:0 0 0 12px transparent
       }
      }
      @keyframes pulse-white-small-sm {
       0% {
        box-shadow:0 0 0 0 hsla(0,0%,99%,.7)
       }
       30%,
       to {
        box-shadow:0 0 0 12px transparent
       }
      }
      @-webkit-keyframes pulse-white-medium-sm {
       0% {
        box-shadow:0 0 0 0 hsla(0,0%,100%,.4)
       }
       30%,
       to {
        box-shadow:0 0 0 20px transparent
       }
      }
      @keyframes pulse-white-medium-sm {
       0% {
        box-shadow:0 0 0 0 hsla(0,0%,100%,.4)
       }
       30%,
       to {
        box-shadow:0 0 0 20px transparent
       }
      }	
   
   .prosses{
   padding: 100px 0; 
   background: url('../images/testi-bg.png') 50% 20% no-repeat;
   }

   .timeline {
    display: flex;
    flex-direction: column;
    margin: 20px auto;
    position: relative;
  }
   .timeline__event:nth-child(2n+1) {
    flex-direction: row-reverse;
  }
  .animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
  }
  .timeline__event {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 20px 0;
    border-radius: 6px;
    align-self: center;
    width: 50vw;
  }
  .timeline__event__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 20px;
    align-self: center;
    margin: 0 20px;
    background: #f7650a;
    border-radius: 100%;
    width: 40px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
    padding: 40px;
    height: 40px;
    position: relative;
  }
  .timeline__event:nth-child(2n+1) .timeline__event__date {
    border-radius: 0 6px 6px 0;
  }
  .timeline__event__date {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 0 20px;
    border-radius: 100px !important;
    width: 150px;
    height: 150px;
    margin: 0 20px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
  }
  .timeline__event:nth-child(2n+1) .timeline__event__content {
    border-radius: 6px 0 0 6px;
  }
  .timeline__event__content {
    padding: 20px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
    background: #fff url(../images/sign-up.png) 10% 50% no-repeat;
    width: calc(40vw - 84px);
    border-radius: 0 6px 6px 0;
    background-size: contain;
  }

.timeline__event:nth-child(2n+1) .timeline__event__icon::before {
    content: "";
    width: 2px;
    height: 100%;
    background: #f7650a;
    position: absolute;
    top: 0%;
    left: 50%;
    right: auto;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-animation: fillTop 2s forwards 4s ease-in-out;
    animation: fillTop 2s forwards 4s ease-in-out;
  }

  .timeline__event__icon {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
  }
  .timeline__event:nth-child(2n+1) .timeline__event__icon::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #f7650a;
    position: absolute;
    right: 0;
    z-index: -1;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    -webkit-animation: fillLeft 2s forwards 4s ease-in-out;
    animation: fillLeft 2s forwards 4s ease-in-out;
  }
  .timeline__event__icon::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #f7650a;
    position: absolute;
    left: 0%;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-animation: fillLeftOdd 2s forwards 4s ease-in-out;
    animation: fillLeftOdd 2s forwards 4s ease-in-out;
  }
  .timeline__event--type2 .timeline__event__icon {
    background: #303e51;
    color: #fff;
  }
  .timeline__event--type2 .timeline__event__icon::before, .timeline__event--type2 .timeline__event__icon::after {
    background: #303e51;
  }
  .timeline__event--type2 .timeline__event__icon::before, .timeline__event--type2 .timeline__event__icon::after {
    background: #303e51;
  }
  .timeline__event__icon::before {
    content: "";
    width: 2px;
    height: 100%;
    background: #f7650a;
    position: absolute;
    top: 0%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    -webkit-animation: fillTop 2s forwards 4s ease-in-out;
    animation: fillTop 2s forwards 4s ease-in-out;
  }
.timeline__event__title {
  color: #303e51;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;  
  margin-top: 10px;
}
.timeline__event:last-child .timeline__event__icon:before{
	content: none;
}
@keyframes fillLeft {
	100% {
		right: 100%;
	}
}

@keyframes fillTop {
	100% {
		top: 100%;
	}
}

@keyframes fillLeftOdd {
	100% {
		left: 100%;
	}
}



@media  (max-width:500px){
.ml-sm-0{
 margin-left: 0 !important; 
}  
}
@media (max-width: 786px) {
  .timeline__event:nth-child(2n+1) {
    flex-direction: column;
    align-self: center;
  }
  .timeline__event{
    flex-direction: column;
    width: 90vw;
    align-items: center;
  }
  .timeline__event__content {
    width: 100%;
  }
 .timeline__event__icon::after {
    display: none;
  }
}