.marquee-container { 
    display: flex; 
/*    overflow: hidden; */ 
    white-space: nowrap; 
    animation: marquee 40s linear infinite; 
} 
.partner-box .marquee-container {
    animation: marquee 15s linear infinite; 
}

.marquee-content { 
    font-size: 6em; 
    margin-right: 20px; 
    width: calc(200%);
/*    animation: textAnimation 5s linear infinite; */
} 
.row-box-04 .list-items .item .icon::before,
.row-box-04 .main-image .element-laptop-close,
.row-box-04 .main-image .element-laptop-open,
.banner-section .col-right .element,
.row-box-01 .main-image .element {
    -webkit-animation: floating 6s ease-in-out infinite;
    animation: floating 6s ease-in-out infinite;  
}
.row-box-04 .list-items .item-1 .icon::before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.row-box-04 .list-items .item-2 .icon::before {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.row-box-04 .list-items .item-2 .icon::before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.row-box-04 .list-items .item-4 .icon::before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.banner-section .col-right .element-ipad-back {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.banner-section .col-right .element-ipad-front {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.banner-section .col-right .element-pen {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-animation: floating 3s ease-in-out infinite;
    animation: floating 3s ease-in-out infinite;  
}
.row-box-01 .main-image .element-messenger {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.row-box-01 .main-image .element-upload {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.row-box-01 .main-image .element-ecommerce {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.row-box-04 .main-image .element-laptop-close {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.row-box-04 .main-image .element-laptop-open {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.row-box-09 .title .highlight-text {
    animation: textWrap 5s linear infinite;
}
.row-box-09 .element-phone-01 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    -webkit-animation: floating 6s ease-in-out infinite;
    animation: floating 6s ease-in-out infinite; 
}
.row-box-09 .element-phone-02 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation: floating 5s ease-in-out infinite;
    animation: floating 5s ease-in-out infinite; 

}
.banner-section .col-right .element-line.active {
    -webkit-animation: changeWidth 3s ease-in-out forwards;
    animation: changeWidth 3s ease-in-out forwards; 
} 
.row-box-09 .element-circle {
    animation: resizeAnimation 10s infinite;
}

@keyframes marquee { 
    0% { 
        transform: translateX(0); 
    } 

    100% { 
        transform: translateX(-50%); 
    } 
} 

@keyframes textAnimation { 

    0%, 
    100% { 
        transform: translateY(0); 
    } 

    50% { 
        transform: translateY(-10px); 
    } 
} 


@keyframes floating {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}

@keyframes textWrap {
    100% {
        background-position: 100% 0,0 100%,0 0,100% 100%
    }
}

@keyframes fadeEffect {
  from { 
    opacity: 0;
  }
  to { 
    opacity: 1;
  }
}

@keyframes changeWidth {
  from { 
    width: 0px;
    opacity: 0;
  }
  to { 
    width: 480px;
    opacity: 1;
  }
}