.drawn-svg path,
.animated-svg svg path {
stroke-dasharray: 2000;
stroke-dashoffset: 2000;
}
.animated-svg svg path {
transition: none;
}
body.scroll-down .animated-svg svg.animate path {
animation: draw-down 2s ease-out forwards;
}
body.scroll-up .animated-svg svg.animate path {
animation: none !important;
stroke-dashoffset: 0 !important;
}
.animated-svg svg.animate path {
animation-name: draw-down;
animation-fill-mode: forwards;
}
@keyframes draw-down {
from {
stroke-dashoffset: 2000;
}
to {
stroke-dashoffset: 0;
}
}
@keyframes draw-up {
from {
stroke-dashoffset: 0;
}
to {
stroke-dashoffset: 2000;
}
}
.elementor-editor-active .animated-svg svg path,
.elementor-editor-active .drawn-svg path {
stroke-dashoffset: 0 !important;
animation: none !important;
}
.svg-responsive {
display: none;
}
@media (min-width: 1024px) {
.svg-responsive.svg-desktop {
display: block;
}
}
@media (min-width: 767px) and (max-width: 1024px) {
.svg-responsive.svg-tablet {
display: block;
}
}
@media (max-width: 767px) {
.svg-responsive.svg-mobile {
display: block;
}
}