@-webkit-keyframes animate-logo-amir {
    0%, 100% { /* Complete cycle */
        stroke-dashoffset: 1911.351318359375px;
        stroke-dasharray: 1911.351318359375px;
        fill: transparent;
    }
    6.72%, 19.15% { /* Animation of Amir */
        stroke-dashoffset: 3822.70263671875px;
        fill: rgb(239, 230, 221);
    }
}

@keyframes animate-logo-amir {
    0%, 100% {
        stroke-dashoffset: 1911.351318359375px;
        stroke-dasharray: 1911.351318359375px;
        fill: transparent;
    }
    6.72%, 19.15% {
        stroke-dashoffset: 3822.70263671875px;
        fill: rgb(239, 230, 221);
    }
}

@-webkit-keyframes animate-logo-ahmed {
    0%, 100% { /* Complete cycle */
        stroke-dashoffset: 3950.605224609375px;
        stroke-dasharray: 3950.605224609375px;
        fill: transparent;
    }
    22.39%, 34.82% { /* Animation of Ahmed */
        stroke-dashoffset: 0;
        fill: rgb(239, 230, 221);
    }
}

@keyframes animate-logo-ahmed {
    0%, 100% {
        stroke-dashoffset: 3950.605224609375px;
        stroke-dasharray: 3950.605224609375px;
        fill: transparent;
    }
    22.39%, 34.82% {
        stroke-dashoffset: 0;
        fill: rgb(239, 230, 221);
    }
}

.svg-logo-amir {
    -webkit-animation: animate-logo-amir 13.4s linear 0s infinite;
    animation: animate-logo-amir 13.4s linear 0s infinite;
}

.svg-logo-ahmed {
    -webkit-animation: animate-logo-ahmed 13.4s linear 0s infinite;
    animation: animate-logo-ahmed 13.4s linear 0s infinite;
}