.roadmap-section { 
	background-color: #f6f6f6;
    padding: 80px 0 3.125rem; 
}

@media (max-width:767px){
    .ut-countdown-module-with-border .countdown-section{
        margin-bottom:40px
    }
    .ut-countdown-module{
        text-align:center!important;
        line-height:250%!important
    }
}
.ut-pie-chart-wrap{
    position:relative;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.ut-pie-chart-wrap .ut-pie-chart-container{
    position:relative;
    width:100%
}
.ut-pie-chart-wrap.ut-pie-chart-legend-left,.ut-pie-chart-wrap.ut-pie-chart-legend-right{
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:center;
    justify-content:center;
    align-items:center
}
.ut-pie-chart-wrap.ut-pie-chart-legend-left .ut-pie-chart-legend,.ut-pie-chart-wrap.ut-pie-chart-legend-right .ut-pie-chart-legend{
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto
}
.ut-pie-chart-wrap.ut-pie-chart-legend-left .ut-pie-chart-legend{
    margin-right:40px
}
.ut-pie-chart-wrap.ut-pie-chart-legend-right .ut-pie-chart-legend{
    -ms-flex-order:2;
    -webkit-order:2;
    order:2;
    margin-left:40px
}
.ut-pie-chart-wrap-align-center .ut-pie-chart-container{
    margin:0 auto
}
.ut-pie-chart-wrap-align-right .ut-pie-chart-container{
    margin:0 0 0 auto
}
.ut-pie-chart-with-legend-top .ut-pie-chart-legend{
    -ms-flex-order:1;
    -webkit-order:1;
    order:1;
    margin-bottom:40px
}
.ut-pie-chart-with-legend-top .ut-pie-chart{
    -ms-flex-order:2;
    -webkit-order:2;
    order:2
}
.ut-pie-chart-with-legend-bottom .ut-pie-chart-legend{
    -ms-flex-order:2;
    -webkit-order:2;
    order:2;
    margin-top:40px
}
.ut-pie-chart-with-legend-bottom .ut-pie-chart{
    -ms-flex-order:1;
    -webkit-order:1;
    order:1
}
.ut-pie-chart-legend-top-center .ut-pie-chart-legend{
    margin:0 auto 40px
}
.ut-pie-chart-legend-bottom-center .ut-pie-chart-legend{
    margin:40px auto 0
}
.ut-pie-chart-legend-top-right .ut-pie-chart-legend{
    margin:0 0 40px auto
}
.ut-pie-chart-legend-bottom-right .ut-pie-chart-legend{
    margin:40px 0 0 auto
}
.ut-pie-chart-legend ul{
    list-style:none!important;
    margin:0
}
.ut-pie-chart-legend-item span{
    display:inline-block;
    width:20px;
    height:10px;
    margin-right:10px
}
@media (max-width:767px){
    .ut-pie-chart-container{
        max-width:100%!important
    }
}
.ut-simple-time-line-wrap{
    position:relative
}
.ut-simple-time-line-wrap::before{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    bottom:0;
    width:1px;
    border-width:1px;
    border-style:dashed;
    border-color:#efefef;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%)
}
.ut-simple-time-line{
    /* width:calc(100% - 80px); */
    /* max-width:800px; */
	left:-5px;
    margin:auto;
    position:relative;
    
}
.ut-simple-time-line-event {
	background: #fff;
    padding: 25px 30px;
    border-radius: 20px;
	transition: 0.3s;
	-webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
}

.ut-simple-time-line-event{
    clear:both;
    float:left;
    position:relative;
    text-align:right;
    margin-bottom:30px;
    width:calc(50% - 80px)
}
.ut-simple-time-line-event:hover{
   -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
    	
}
.ut-simple-time-line-event:nth-child(2n){
    float:right;
    text-align:left
}
.ut-simple-time-line-event-marker-large,.ut-simple-time-line-event-marker-small{
    position:absolute;
    width:18px;
    height:18px;
    border:2px solid #1d1d1d;
    background-color:#fff;
    top:27px;
    right:-94px;
    z-index:1000;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%)
}
.ut-simple-time-line-event:nth-child(2n) .ut-simple-time-line-event-marker-small{
    left:-94px;
    -webkit-transform:translate(10px,-50%);
    -moz-transform:translate(10px,-50%);
    transform:translate(10px,-50%)
}
.ut-simple-time-line-event-marker-large{
    right:-94px;
    width:36px;
    height:36px;
    -webkit-transform:translate(9px,-50%);
    -moz-transform:translate(9px,-50%);
    transform:translate(9px,-50%)
}
.ut-simple-time-line-event:nth-child(2n) .ut-simple-time-line-event-marker-large{
    left:-94px;
    -webkit-transform:translate(1px,-50%);
    -moz-transform:translate(1px,-50%);
    transform:translate(1px,-50%)
}
.ut-marker-large-animation-1,.ut-marker-large-animation-2,.ut-marker-large-animation-3,.ut-marker-large-animation-4{
    border-width:1px;
    border-style:solid;
    height:36px;
    position:absolute;
    width:36px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    opacity:0;
    left:-2px;
    top:-2px
}
.ut-marker-large-animation-1{
    border-color:#fff
}
.ut-marker-large-animation-2{
    border-color:#fff
}
.ut-marker-large-animation-3{
    border-color:#fff
}
.ut-marker-large-animation-4{
    border-color:#fff
}
.ut-marker-large-animation-1.ut-marker-animation-on{
    -webkit-animation:3s ease-in-out .75s infinite normal none running ut-marker-border-animation;
    -moz-animation:3s ease-in-out .75s infinite normal none running ut-marker-border-animation;
    animation:3s ease-in-out .75s infinite normal none running ut-marker-border-animation
}
.ut-marker-large-animation-2.ut-marker-animation-on{
    -webkit-animation:3s ease-in-out 1.5s infinite normal none running ut-marker-border-animation;
    -moz-animation:3s ease-in-out 1.5s infinite normal none running ut-marker-border-animation;
    animation:3s ease-in-out 1.5s infinite normal none running ut-marker-border-animation
}
.ut-marker-large-animation-3.ut-marker-animation-on{
    -webkit-animation:3s ease-in-out 2.25s infinite normal none running ut-marker-border-animation;
    -moz-animation:3s ease-in-out 2.25s infinite normal none running ut-marker-border-animation;
    animation:3s ease-in-out 2.25s infinite normal none running ut-marker-border-animation
}
.ut-marker-large-animation-4.ut-marker-animation-on{
    -webkit-animation:3s ease-in-out 3s infinite normal none running ut-marker-border-animation;
    -moz-animation:3s ease-in-out 3s infinite normal none running ut-marker-border-animation;
    animation:3s ease-in-out 3s infinite normal none running ut-marker-border-animation
}
@keyframes ut-marker-border-animation{
    0%{
        -webkit-transform:scale(1);
        -moz-transofrom:scale(1);
        transform:scale(1)
    }
    50%{
        opacity:.7
    }
    75%{
        opacity:.1
    }
    100%{
        opacity:0;
        -webkit-transform:scale(2.5);
        -moz-transofrom:scale(2.5);
        transform:scale(2.5)
    }
}
@media (max-width:767px){
    .ut-simple-time-line-event-marker-large,.ut-simple-time-line-event-marker-small,.ut-simple-time-line-wrap::before{
        display:none
    }
    .ut-simple-time-line-event{
        float:none;
        text-align:left;
        width:100%
    }
    .ut-simple-time-line{
        left:0;
        width:100%
    }
}
@media (max-width:767px){
    .ut-custom-heading-module,.vc_custom_heading{
        text-align:center!important
    }
}
@media (max-width:767px){
    .cl-effect-18{
        font-size:inherit!important
    }
}


#ut_simple_time_line_5c925185d299b::before {
     border-color: #dddfe7;
}

#ut_simple_time_line_5c925185d299b .ut-simple-time-line-event-title {
	 font-weight: 600;
	 padding-bottom: 10px;
}
#ut_simple_time_line_5c925185d299b .ut-simple-time-line-event-subtitle {
     color: #232323;
	 font-weight: 700;
}
#ut_simple_time_line_5c925185d299b .ut-simple-time-line-event-text {
     color: #595f6f;
}
#ut_simple_time_line_5c925185d299b .ut-simple-time-line-event-animation {
     opacity:0;
}
#ut_simple_time_line_5c925185d299b .ut-simple-time-line-event-marker {
     opacity:0;
}
#ut_simple_time_line_5c925185d299b .ut-simple-time-line-event-marker p {
     margin: 0;
}

#ut_simple_time_line_5c925185d299b .ut-marker-large-animation-1 {
     border-width: 3px;
}
#ut_simple_time_line_5c925185d299b .ut-marker-large-animation-1 {
     border-style: double;
}
#ut_simple_time_line_5c925185d299b .ut-marker-large-animation-2 {
     border-color: #709be7;
}
#ut_simple_time_line_5c925185d299b .ut-marker-large-animation-2 {
     border-style: solid;
}

#ut_simple_time_line_5c925185d299b .ut-marker-large-animation-3 {
     border-style: dashed;
}
#ut_simple_time_line_5c925185d299b .ut-marker-large-animation-4 {
     border-color: #709be7;
}
#ut_simple_time_line_5c925185d299b .ut-marker-large-animation-4 {
     border-style: dotted;
}