img {
    pointer-events: none !important;
}

svg:not(.ast-arrow-svg) {
    display: block;
    overflow: visible !important;
}
.colorBG::after {
    top: 5% !important;
}

@keyframes stroke {
	0%   {
		stroke-dashoffset: 10%;
		stroke-dasharray: 0 50%;
	}
	100% {
		stroke-dashoffset: -10%;
		stroke-dasharray: 50% 0;
	}
}

.animate-me.drawText.in-view svg{
    animation: 2s stroke linear;
    animation-timing-function: ease-out;
    animation-fill-mode:forwards;
}

.animate-me.drawText .elementor-heading-title {
    display: inline !important;
}

.animate-me.drawText g {
    transform: translateY(0.85em);
}

.animate-me.drawText text{
    fill: none;
    stroke-width: 2px;

}

@media (max-width: 767px) {
    .animate-me.drawText text{
        stroke-width: 1.2px;
    }
}




/* CSS for COLUMN reveal animation */
.threeColumns > .elementor-widget-wrap::after {
    content:"";
    position: absolute;
    width: 33.333%;
    height: 100%;
    top:0;
    background-color: var(--e-global-color-secondary);
}

.threeColumns > .elementor-widget-wrap::before {
    content:"";
    position: absolute;
    width: 33.333%;
    height: 100%;
        background-color: var(--e-global-color-secondary);
    left:66.666%;
    top:0;
    z-index: 3;
}

.threeColumns .elementor-widget-spacer::before{
    content:"";
    position: absolute;
    width: 33.333%;
    height: 100%;
        background-color: var(--e-global-color-secondary);
    left:33.333%;
    bottom:0;
    z-index: 3;
}

.threeColumns.in-view > .elementor-widget-wrap::before, .threeColumns.in-view > .elementor-widget-wrap::after, .threeColumns.in-view .elementor-widget-spacer::before{
    animation-name: threeColumns;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}





/* CSS for Section Reveal Animation */
.threeColumnsSection::after {
    content:"";
    position: absolute;
    width: 33.333%;
    height: 100%;
    top:0;
    background-color: var(--e-global-color-secondary);
}

.threeColumnsSection::before {
    content:"";
    position: absolute;
    width: 33.333%;
    height: 100%;
        background-color: var(--e-global-color-secondary);
    left:66.666%;
    top:0;
    z-index: 3;
}

.threeColumnsSection > .elementor-container::before{
    content:"";
    position: absolute;
    width: 33.333%;
    height: 100%;
        background-color: var(--e-global-color-secondary);
    left:33.333%;
    bottom:0;
    z-index: 3;
}

.threeColumnsSection.in-view::before, .threeColumnsSection.in-view::after, .threeColumnsSection.in-view > .elementor-container::before{
    animation-name: threeColumns;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}


/* hide reveal animation layer in editor */
.elementor-editor-active .threeColumnsSection::before, .elementor-editor-active .threeColumnsSection::after, .elementor-editor-active .threeColumnsSection > .elementor-container::before, .elementor-editor-active .threeColumns > .elementor-widget-wrap::before, .elementor-editor-active .threeColumns > .elementor-widget-wrap::after, .elementor-editor-active .threeColumns .elementor-widget-spacer::before{
opacity: 0 !important;
display: none !important;
}

@keyframes threeColumns {
    0% {
        height: 100%;
    }
    100% { 
        height: 0;
    }
}