.process-outcomes__wrapper {


    display: flex;


    gap: 20px;


    flex-wrap: wrap;





    margin-bottom: 40px;





}





.process-outcomes__item,


.process-outcomes__bottom {


    padding: 24px;


    background: #ffffff;


    border-radius: 12px;


    border: 1px solid #e3e3e8;





    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);


    --tw-shadow-colored: 0 1px 2px 0 rgb(0 0 0 / .05);


    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05);








}


.process-outcomes__item{


    flex-basis: calc((100% - 20px) / 2);


    display: flex;


    gap: 16px;


}


.process-outcomes__item-icon {


    border-radius: 12px;


    height: 40px;


    width: 40px;


    flex-shrink: 0;





    display: flex;


    align-items: center;


    justify-content: center;


}





.process-outcomes__item-text{


    font-size: 16px;


    line-height: 1.625;


    color: #333333;


}


.process-outcomes__bottom{


    margin-bottom: 32px;


}


/*Icon Circle*/


.process-outcomes__item-list{


    border-radius: 50%;


    flex-shrink: 0;


    width: 10px;


    height: 10px;


    margin-top: 6px;


}


/*Columns 1*/


.process-outcomes__wrapper.process-columns-1 {


    flex-direction: column;


    gap: 16px;





}





.process-outcomes__wrapper.process-columns-1 .process-outcomes__item {


    flex-basis: unset;


}





/* End Columns1*/





@media  screen and (max-width: 763.98px) {


    .process-outcomes__wrapper {


        flex-direction: column;


        gap: 16px;





    }


    .process-outcomes__item{


        flex-basis: unset;


    }


}








/*Animation*/





.process-outcomes__item {


    opacity: 0;


    transition: opacity 0.5s ease, transform 0.5s ease;


}





.top-bottom-animation .process-outcomes__item {


    transform: translateY(-20px);


}





.top-bottom-animation .process-outcomes__item.animate {


    opacity: 1;


    transform: translateY(0);


}





.left-right-animation .process-outcomes__item {


    transform: translateX(-20px);


}





.left-right-animation .process-outcomes__item.animate {


    opacity: 1;


    transform: translateX(0);


}