.digital-marketing-banner {
    position: relative;
    padding: 160px 0 0;
    background-color: #f0f2f4;
    min-height: 100vh;
    display: flex;
    align-items: center
}

.round-shape {
    border-radius: 50%;
    position: absolute;
    -webkit-animation: animation-6nxpq9 linear infinite 5s;
    animation: animation-6nxpq9 linear infinite 5s
}

.shape-1 {
    background-color: #f6825a;
    height: 25px;
    width: 25px;
    top: 110px;
    left: 46px;
    -webkit-animation: animation-6nxpq9 linear infinite 8s;
    animation: animation-6nxpq9 linear infinite 8s
}

.shape-2 {
    background-color: #eb4435;
    height: 15px;
    width: 15px;
    top: 272px;
    left: 200px;
    -webkit-animation: animation-6nxpq9 linear infinite 8s;
    animation: animation-6nxpq9 linear infinite 8s
}

.shape-3 {
    background-color: #532e5b;
    height: 10px;
    width: 10px;
    top: 346px;
    left: 48px;
    -webkit-animation: animation-6nxpq9 linear infinite 8s;
    animation: animation-6nxpq9 linear infinite 8s
}

.shape-4 {
    border-radius: 50%;
    position: absolute;
    background-color: #532e5b;
    height: 15px;
    width: 15px;
    top: 114px;
    right: 146px;
    -webkit-animation: animation-1elkuyb linear infinite 8s;
    animation: animation-1elkuyb linear infinite 8s
}

.shape-5 {
    background-color: #73dad4;
    height: 30px;
    width: 30px;
    top: 336px;
    right: 100px;
    -webkit-animation: animation-1elkuyb linear infinite 5s;
    animation: animation-1elkuyb linear infinite 5s
}

.shape-6 {
    background-color: #ffd547;
    height: 60px;
    width: 60px;
    bottom: 236px;
    left: 100px;
    -webkit-animation: animation-6nxpq9 linear infinite 5s;
    animation: animation-6nxpq9 linear infinite 5s
}

.shape-7 {
    position: absolute;
    background-color: #8453cf;
    height: 60px;
    width: 60px;
    bottom: 54px;
    right: 125px;
    -webkit-animation: animation-6nxpq9 linear infinite 5s;
    animation: animation-6nxpq9 linear infinite 5s
}

@keyframes animation-1elkuyb {
    0% {
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        -moz-transform: translateY(0) translateX(0) rotate(0);
        -ms-transform: translateY(0) translateX(0) rotate(0);
        transform: translateY(0) translateX(0) rotate(0)
    }

    30% {
        -webkit-transform: translateY(20px) translateX(30px) rotate(15deg);
        -webkit-transform: translateY(20px) translateX(30px) rotate(15deg);
        -moz-transform: translateY(20px) translateX(30px) rotate(15deg);
        -ms-transform: translateY(20px) translateX(30px) rotate(15deg);
        transform: translateY(20px) translateX(30px) rotate(15deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    50% {
        -webkit-transform: translateY(32px) translateX(50px) rotate(35deg);
        -webkit-transform: translateY(32px) translateX(50px) rotate(35deg);
        -moz-transform: translateY(32px) translateX(50px) rotate(35deg);
        -ms-transform: translateY(32px) translateX(50px) rotate(35deg);
        transform: translateY(32px) translateX(50px) rotate(35deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    80% {
        -webkit-transform: translateY(20px) translateX(30px) rotate(15deg);
        -webkit-transform: translateY(20px) translateX(30px) rotate(15deg);
        -moz-transform: translateY(20px) translateX(30px) rotate(15deg);
        -ms-transform: translateY(20px) translateX(30px) rotate(15deg);
        transform: translateY(20px) translateX(30px) rotate(15deg);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

    100% {
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        -moz-transform: translateY(0) translateX(0) rotate(0);
        -ms-transform: translateY(0) translateX(0) rotate(0);
        transform: translateY(0) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@keyframes animation-6nxpq9 {
    0% {
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        -moz-transform: translateY(0) translateX(0) rotate(0);
        -ms-transform: translateY(0) translateX(0) rotate(0);
        transform: translateY(0) translateX(0) rotate(0)
    }

    30% {
        -webkit-transform: translateY(15px) translateX(10px) rotate(5deg);
        -moz-transform: translateY(15px) translateX(10px) rotate(5deg);
        -ms-transform: translateY(15px) translateX(10px) rotate(5deg);
        transform: translateY(15px) translateX(10px) rotate(5deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    50% {
        -webkit-transform: translateY(15px) translateX(10px) rotate(15deg);
        -moz-transform: translateY(15px) translateX(10px) rotate(15deg);
        -ms-transform: translateY(15px) translateX(10px) rotate(15deg);
        transform: translateY(15px) translateX(10px) rotate(15deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    80% {
        -webkit-transform: translateY(15px) translateX(10px) rotate(5deg);
        -moz-transform: translateY(15px) translateX(10px) rotate(5deg);
        -ms-transform: translateY(15px) translateX(10px) rotate(5deg);
        transform: translateY(15px) translateX(10px) rotate(5deg);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

    100% {
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        -moz-transform: translateY(0) translateX(0) rotate(0);
        -ms-transform: translateY(0) translateX(0) rotate(0);
        transform: translateY(0) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@media only screen and (max-width:1024px) {
    .digital-marketing-banner {
        padding-top: 130px
    }
}

@media only screen and (max-width:991.98px) {
    .digital-marketing-banner {
        min-height: unset;
        display: block
    }

    .digital-banner-img {
        margin-top: 40PX
    }
}