.checkmark {
            width: 100px;
            margin: 0 auto;
            padding-top: 40px;
        }

        .path {
            stroke-dasharray: 1000;
            stroke-dashoffset: 0;
            animation: dash 2s ease-in-out;
            -webkit-animation: dash 2s ease-in-out;
        }

        .spin {
            animation: spin 2s;
            -webkit-animation: spin 2s;
            transform-origin: 50% 50%;
            -webkit-transform-origin: 50% 50%;
        }

.contact-success p {
    color: #168039;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    animation: text .5s linear .5s;
    -webkit-animation: text .4s linear .3s;
}

.contact-success h3 {
    color: #168039;
    margin-top: 20px;
    text-align: center;
    animation: text .5s linear .5s;
    -webkit-animation: text .4s linear .3s;
}

        @-webkit-keyframes dash {
            0% {
                stroke-dashoffset: 1000;
            }

            100% {
                stroke-dashoffset: 0;
            }
        }

        @keyframes dash {
            0% {
                stroke-dashoffset: 1000;
            }

            100% {
                stroke-dashoffset: 0;
            }
        }

        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
            }
        }

        @keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
            }
        }

        @-webkit-keyframes text {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

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

            100% {
                opacity: 1;
            }
        }