.elementor-44656 .elementor-element.elementor-element-fc065db{--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;}/* Start custom CSS for html, class: .elementor-element-358b711 */.process-timeline{
    width:min(1100px,90%);
    margin:80px auto;
    position:relative;
}

.timeline-item{
    position:relative;
    padding:60px 0;
}

/* horizontal line */
.timeline-item::before{
    content:"";
    position:absolute;
    top:0;
    left:70px;
    right:70px;
    height:2px;
    background:#dfe8ff;
}

/* vertical connector */
.timeline-item::after{
    content:"";
    position:absolute;
    width:2px;
    background:#dfe8ff;
    top:0;
    bottom:0;
}

.timeline-item.left::after{
    left:70px;
}

.timeline-item.right::after{
    right:70px;
}

.step{
    width:58px;
    height:58px;
    border-radius:50%;
    background:#edf3ff;
    color:#3c7dff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    font-weight:bold;
    position:absolute;
    z-index:2;
}

.timeline-item.left .step{
    left:41px;
    top:-28px;
}

.timeline-item.right .step{
    right:41px;
    top:-28px;
}

.timeline-content{
    display:flex;
    align-items:center;
    gap:50px;
    width:80%;
    margin:auto;
}

.timeline-content.reverse{
    flex-direction:row-reverse;
}

.image img{
    width:180px;
    height:180px;
    border-radius:50%;
    object-fit:cover;
}

.text{
    flex:1;
}

.text h3{
    font-size:38px;
    margin-bottom:20px;
}

.text p{
    color:#666;
    line-height:1.8;
}
@media(max-width:768px){

.timeline-content,
.timeline-content.reverse{
    flex-direction:column;
    text-align:center;
}

.timeline-item::after{
    left:30px !important;
}

.timeline-item::before{
    left:30px;
    right:0;
}

.timeline-item .step{
    left:0 !important;
    right:auto !important;
}

}/* End custom CSS */