#how_it_works{ position:relative; padding:43px 0px; min-height: 390px;}
#how_it_works ul{ display: flex; flex-flow:row; padding: 0px; margin: 0px; list-style: none;}
#how_it_works ul li{ position: relative; padding: 0px; margin: 0px; width: 20%;}
#how_it_works ul li .flow_content{ position: relative; background: #FFF;}
#how_it_works .icon_container .icon{ width: 60px; height: 60px; border-radius: 50%; padding: 15px;
 display: block; margin: auto; text-align: center; margin-bottom: 7px;}
#how_it_works .icon_container .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); 
 transition:all ease-in 0.3s;}
#how_it_works .icon_container .label{ text-align: center; margin-bottom: 16px; display: block; font-size: 16px; color:#FFF;
 letter-spacing:1px;}
#how_it_works ul li.active .icon{ color: #4C74B4;}
#how_it_works ul li.passed .icon{ color: #4C74B4;}
#how_it_works ul li.active .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#how_it_works ul li.passed .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#how_it_works .flow_step_cont{ width: 60px; height: 60px; border-radius: 50%; border: 1px solid #4C74B4; text-align: center;
 margin: auto; margin-bottom: 25px; font-weight: 500; font-size: 30px; line-height:60px; cursor: pointer; position: relative;
 color:#FFF;}
#how_it_works .flow_step_cont:hover, #how_it_works li.active .flow_step_cont{ background: #FFF; color: #4C74B4;}
#how_it_works .flow_step_cont:before{ content:""; width: 150%; top: 30px; right: 50%; margin-right: 30px; height: 1px;
 background: rgba(255, 255, 255, 0.3); position: absolute;}
#how_it_works .flow_step_cont:after{ content:""; width: 169%; top: 30px; left: 50%; margin-left: 30px; height: 1px;
 background: rgba(255, 255, 255, 0.3); position: absolute;}
#how_it_works .flow li:first-child .flow_step_cont:before, #how_it_works .flow li:last-child .flow_step_cont:after{ display:none;}
#how_it_works .flow .flow_content{ color: #4E4E4E; padding: 30px 25px; text-align: center; border-radius: 7px; display: none;
 width: 380px; position: absolute; z-index: 15;}
#how_it_works .flow .flow_content i{ position: absolute; color: #FFF; top: -21px; font-size: 30px; left: 30%; }
#how_it_works .flow .flow_content h4{ color: #4C74B4; font-weight: 500; text-align: center; font-size: 16px; 
 margin-bottom:16px; letter-spacing: 0.88px;}
#how_it_works .flow .flow_content p{ color:#4E4E4E; font-size:16px; line-height:25px; font-weight:normal; margin-bottom:25px;
 letter-spacing:0.88px;}
#how_it_works .flow .active .flow_content{ display: block; left:0;}
#how_it_works .flow li:last-child .flow_content{ right:0; left: auto;}
#how_it_works .flow li:last-child .flow_content i{ position: absolute; color: #FFF; top: -21px; font-size: 30px; right: 30%;
 left:auto;}
#how_it_works .flow .flow_content button{ background: transparent linear-gradient(180deg, #4C74B4 0%, #EB9E2C 100%) 0% 0% no-repeat; 
 color: #FFF; margin: 0px 15px; padding: 9px; min-width: 120px; border: 0px; border-radius: 10px; font-size: 14px; letter-spacing:0.88px;}
#how_it_works ul li.passed .icon{ color: #4C74B4;}
#how_it_works li.passed .flow_step_cont {background: #FFF; color: #4C74B4;}
#how_it_works .flow_step_cont:after, #how_it_works .flow_step_cont:before{}
#how_it_works .flow{ position: relative;}
#how_it_works .flow_path{ 
    position: absolute; width: 0%; 
    transition:all linear 2.5s;
    height: 3px; background: #4C74B4; content: " "; top: 173px; left: 10%; z-index: 5;}

#how_it_works .flow_step_cont{ background: #4C74B4;}
#how_it_works ul li{ z-index: 10;}
#how_it_works ul li.active{ z-index: 50;}

#how_it_works2{ position:relative; padding:43px 0px; min-height: 390px;}
#how_it_works2 ul{ display: flex; flex-flow:row; padding: 0px; margin: 0px; list-style: none;}
#how_it_works2 ul li{ position: relative; padding: 0px; margin: 0px; width: 20%;}
#how_it_works2 ul li .flow_content{ position: relative; background: #FFF;}
#how_it_works2 .icon_container .icon{ width: 60px; height: 60px; border-radius: 50%; padding: 15px;
 display: block; margin: auto; text-align: center; margin-bottom: 7px;}
#how_it_works2 .icon_container .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); 
 transition:all ease-in 0.3s;}
#how_it_works2 .icon_container .label{ text-align: center; margin-bottom: 16px; display: block; font-size: 16px; color:#FFF;
 letter-spacing:1px;}
#how_it_works2 ul li.active .icon{ color: #4C74B4;}
#how_it_works2 ul li.passed .icon{ color: #4C74B4;}
#how_it_works2 ul li.active .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#how_it_works2 ul li.passed .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#how_it_works2 .flow_step_cont{ width: 60px; height: 60px; border-radius: 50%; border: 1px solid #4C74B4; text-align: center;
 margin: auto; margin-bottom: 15px; font-weight: 500; font-size: 30px; line-height:60px; cursor: pointer; position: relative;
 color:#FFF;}
#how_it_works2 .flow_step_cont:hover, #how_it_works2 li.active .flow_step_cont{ background: #FFF; color: #4C74B4;}
#how_it_works2 .flow_step_cont:before{ content:""; width: 150%; top: 30px; right: 50%; margin-right: 30px; height: 1px;
 background: rgba(255, 255, 255, 0.3); position: absolute;}
#how_it_works2 .flow_step_cont:after{ content:""; width: 169%; top: 30px; left: 50%; margin-left: 30px; height: 1px;
 background: rgba(255, 255, 255, 0.3); position: absolute;}
#how_it_works2 .flow li:first-child .flow_step_cont:before, #how_it_works2 .flow li:last-child .flow_step_cont:after{ display:none;}
#how_it_works2 .flow .flow_content{ color: #4E4E4E; padding: 30px 25px; text-align: center; border-radius: 7px; display: none;
 width: 380px; position: absolute; z-index: 15;}
#how_it_works2 .flow .flow_content i{ position: absolute; color: #FFF; top: -21px; font-size: 30px; left: 30%; }
#how_it_works2 .flow .flow_content h4{ color: #4C74B4; font-weight: 500; text-align: center; font-size: 16px; 
 margin-bottom:16px; letter-spacing: 0.88px;}
#how_it_works2 .flow .flow_content p{ color:#4E4E4E; font-size:16px; line-height:25px; font-weight:normal; margin-bottom:25px;
 letter-spacing:0.88px;}
#how_it_works2 .flow .active .flow_content{ display: block; left:0;}
#how_it_works2 .flow li:last-child .flow_content{ right:0; left: auto;}
#how_it_works2 .flow li:last-child .flow_content i{ position: absolute; color: #FFF; top: -21px; font-size: 30px; right: 30%;
 left:auto;}
#how_it_works2 .flow .flow_content button{ background: transparent linear-gradient(180deg, #4C74B4 0%, #EB9E2C 100%) 0% 0% no-repeat; 
 color: #FFF; margin: 0px 15px; padding: 9px; min-width: 120px; border: 0px; border-radius: 10px; font-size: 14px; letter-spacing:0.88px;}
#how_it_works2 ul li.passed .icon{ color: #4C74B4;}
#how_it_works2 li.passed .flow_step_cont {background: #FFF; color: #4C74B4;}
#how_it_works2 .flow_step_cont:after, #how_it_works2 .flow_step_cont:before{}
#how_it_works2 .flow{ position: relative;}
#how_it_works2 .flow_path{ position: absolute; width: 0%; height: 3px; background: #4C74B4; content: ""; top: 173px; left: 10%;z-index: 5;}
#how_it_works2 .flow_step_cont{ background: #4C74B4;}
#how_it_works2 ul li{ z-index: 10;}
#how_it_works2 ul li.active{ z-index: 50;}



/* Defines the width of the carousel and centers it on the page */
.slick-carousel {
  margin: 0 auto;
  width: 1436px;
}

/* The width of each slide */
.slick-slide {
  width: 350px;
}

/* Color of the arrows */
.slick-next::before, .slick-prev::before {
  color: blue;
}