/* Start custom CSS */html, body{
    width: 100%;
    overflow-x: hidden;
}

.scroll-left{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all;
    transform: translate3d(-30px, 0, 0);
}

.scroll-bottom{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all;
    transform: translate3d(0, 30px, 0);
}

.scroll-right{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all;
    transform: translate3d(30px, 0, 0);
}

.scroll-top{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all;
    transform: translate3d(0, -30px, 0);
}

.ativado{
    opacity: 1;
    filter: blur(0px);
    transform: translate3d(0, 0, 0);
}

.lista .elementor-icon-list-item{
    opacity: 0;
    transition: .5s all;
    transform: translate3d(-30px, 0, 0);
    filter: blur(10px);
}

.lista .elementor-icon-list-item.ativado{
    opacity: 1;
    transition: .5s all;
    transform: translate3d(0, 0, 0);
    filter: blur(0px);
}

.elementor-editor-active .scroll-bottom,
.elementor-editor-active .scroll-top,
.elementor-editor-active .scroll-left,
.elementor-editor-active .scroll-right,
.elementor-editor-active .ativado,
.elementor-editor-active .lista .elementor-icon-list-item {
    opacity: 1 !important;
    filter: blur(0px) !important;
    transform: none !important;
    transition: none !important;
}/* End custom CSS */