.p-app-development .b-svg {
    width: 123px;
}

.p-app-development__icons {
    position: absolute;
    width: 55px;
    height: 60px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.p-app-development__par-ref-3 .par-dual-text:not(:last-child) {
    color: var(--color-electricblue);
    margin-bottom: 10px;
}

.p-app-development__par-ref-3 .par-dual-text .field__item:first-child {
    color: var(--color-yellow);
    margin-bottom: 5px;
}

#svg-app-dev--icons {
    width: 99px;
    height: 130px;
    max-width: inherit;
    position: relative;
    left: -46px;
    -webkit-animation-name: appdev;
    animation-name: appdev;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes appdev {
    0% {
        left: 0;
        top: 0;
    }

    25% {
        left: 0;
        top: -67px;
    }

    50% {
        left: -46px;
        top: -67px;
    }

    75% {
        left: -46px;
        top: 0;
    }

    100% {
        left: 0;
        top: 0;
    }
}

@keyframes appdev {
    0% {
        left: 0;
        top: 0;
    }

    25% {
        left: 0;
        top: -67px;
    }

    50% {
        left: -46px;
        top: -67px;
    }

    75% {
        left: -46px;
        top: 0;
    }

    100% {
        left: 0;
        top: 0;
    }
}

@media (min-width: 768px) {
    .p-app-development__par-ref-3 .par-dual-text:not(:last-child) {
        margin-bottom: 30px;
    }

    .p-app-development__par-ref-3 .par-dual-text .field__item:first-child {
        margin-bottom: 15px;
    }
}

@media (min-width: 1024px) {
    .p-app-development .b-svg {
        width: 145px;
    }
}

@media (min-width: 1234px) {
    .p-app-development .b-svg {
        width: 223px;
    }

    .p-app-development__icons {
        width: 100px;
        height: 100px;
    }

    #svg-app-dev--icons {
        width: 174px;
        height: 229px;
        left: -80px;
    }

    @-webkit-keyframes appdev {
        0% {
            left: 0;
            top: 0;
        }

        25% {
            left: 0;
            top: -120px;
        }

        50% {
            left: -80px;
            top: -120px;
        }

        75% {
            left: -80px;
            top: 0;
        }

        100% {
            left: 0;
            top: 0;
        }
    }

    @keyframes appdev {
        0% {
            left: 0;
            top: 0;
        }

        25% {
            left: 0;
            top: -120px;
        }

        50% {
            left: -80px;
            top: -120px;
        }

        75% {
            left: -80px;
            top: 0;
        }

        100% {
            left: 0;
            top: 0;
        }
    }
}