.solution {
    /* background-image: url(); */
    background-color: #fefeff;
}


.prog_item {
    border: 1px solid #c2c2c2;
    height: 200px;
    text-align: center;
    cursor: pointer;
    padding: 50px 30px;
    /* transition: all .3s ease-in-out; */

}

.prog_item a {
    color: #000;
}

.prog_item_img {
    color: #2e363f;
    /* color: #086ad8; */
}

.prog_item_text {
    font-size: 20px;
    color: #000;
}

.prog_item:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: translate3d(0px, -2px, 10px);

}



.prog_item:hover .prog_item_text {
    color: #086ad8;
    animation: slide 0.5s ease;
    /* animation: easeInOut 3s ease-in-out; */
}

.prog_item:hover svg {
    stroke-dasharray: 160;
    stroke-dashoffset: 0;
    animation: moves 1s linear;
    color: #086ad8;
}

@keyframes moves {
    from {
        stroke-dashoffset: 160;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes easeInOut {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
}

@keyframes slide {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}