/*
Theme Name:		 Vault Child
Theme URI:		 https://vault.uicore.co/
Description:	 Child theme for Vault - Multi-Purpose Elementor WordPress Theme
Author:			 UiCore
Author URI:		 https://uicore.co
Template:		 vault
Version:		 1.0.0
Text Domain:	 vault
*/


/*
    Add your custom styles here
*/

.sec-class{
    margin: auto !important;
    max-width: 900px !important;
}
.sec-class .elementor-icon-box-icon svg path {
    fill: #fff !important;
}
/* .color-sec{
	background-position: left bottom;
    color: #0f9ffa;
    border-color: #fff;
}
.color-sec:hover{
	   background: linear-gradient(to right, #fff 50%, #0f9ffa 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
} */

.color-sec{
  background: linear-gradient(to right, #E55B35  50%, #fff 50%);
    background-size: 202% 200%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.color-sec:hover{
	 background-position: left bottom;
    color: #0f9ffa;
    border-color: #fff;
	
}
.color-sec img {
    transition: .5s ease-in-out;
}

.color-sec:hover img {
    transform: scale(1.2);
    filter: invert(1);
}
.color-sec:hover .sec-two h2 {
    color: #fff !important;
}  
.divider-sec span.elementor-divider-separator {
    display: inline-block; / Ensures the element can be animated /
    position: relative; / Necessary for the translateY effect /
    animation: trainMove 8s ease-in-out infinite;
}

/ Keyframes for the up and down motion /
@keyframes trainMove {
   0% {
    transform: translateX(-200px) scale(0);
}
25% {
    transform: translateX(-100px) scale(.3);
}
50% {
    transform: translateX(-40px) scale(.6);
}
	70% {
    transform: translateX(-10px) scale(.9);
}
85% {
    transform: translateX(0px) scale(1);
}
100% {
    transform: translateX(-200px) scale(0);
 }
}