@keyframes slider-in-ltr {
    from {
        translate: -5rem 0;
        opacity: 0;
    }
    to {
        translate: 0 0;
        opacity: 1;
    }
}

@keyframes slider-in-rtl {
    from {
        translate: 5rem 0;
        opacity: 0;
    }
    to {
        translate: 0 0;
        opacity: 1;
    }
}

@keyframes slider-in-tbb {
    from {
        translate: 0 -5rem;
        opacity: 0;
    }
    to {
        translate: 0 0;
        opacity: 1;
    }
}

@keyframes slider-in-btt {
    from {
        translate: 0 5rem;
        opacity: 0;
    }
    to {
        translate: 0 0;
        opacity: 1;
    }
}

@keyframes flip {
    from {
        transform: rotateX(90deg);
        opacity: 0;
    }
    to {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes rotate {
    from {
        transform: rotateZ(-180deg);
        opacity: 0;
    }
    to {
        transform: rotateZ(0deg);
        opacity: 1;
    }
}

@keyframes bounce {
	0%, 1.20%, 50%, 70%, 100% {transform: translateY(0);}
	40% {transform: translateY(-60px);}
	60% {transform: translateY(-45px);}
    80% {transform: translateY(-30px);}
    90% {transform: translateY(-15px);}
}

.animation {
    opacity: 0;
}

.slider-ltr.scroll-animation {
    animation: slider-in-ltr 1.2s ease-in;
    opacity: 1 !important;
}

.slider-rtl.scroll-animation {
    animation: slider-in-rtl 1.2s ease-in ;
    opacity: 1;
}

.slider-tbb.scroll-animation {
    animation: slider-in-tbb 1.2s ease-in;
    opacity: 1;
}

.slider-btt.scroll-animation {
    animation: slider-in-btt 1.2s ease-in;
    opacity: 1;
}

.flip.scroll-animation {
    animation: flip 1.2s ease-in;
    opacity: 1;
}

.fade-in.scroll-animation {
    animation: fade-in 1.2s ease-in;
    opacity: 1;
}

.rotate.scroll-animation {
    animation: rotate 1.2s ease-in;
    opacity: 1;
}

.bounce.scroll-animation {
    animation: bounce 1.2s ease-in;
    opacity: 1;
}

.process-tab {
    align-self: initial !important;
}

.process-tab * {
    opacity: 1 !important;
}

.comp-m2if3trh-pinned-layer, .comp-kd5px9q0-pinned-layer, .comp-lxlx9xwp-pinned-layer, .comp-m2if4d40-pinned-layer, .comp-m2if4d40-pinned-layer {
    margin-top: 0px !important;
}

.u4cNtA>.saNEb7 {
    display: inherit !important;
    opacity: 1 !important;
}

.bold-text {
    font-weight: 700 !important;
}

/* * {
    font: var(--font2) !important;
} */