/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 18 2023 | 19:52:54 */
.cstm-hoverbox{
	perspective: 1700px;
    perspective-origin: 5% 50%;
}
.cstm-hoverbox > .elementor-container{
	position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.cstm-col{
    opacity: 0;
    backface-visibility: hidden;
    transform-origin: 0 0;
    transform: rotateY(-90deg);
    transition: transform 0.4s,opacity 0.1s 0.5s;

}
.cstm-hoverbox:hover .cstm-col{
	
    opacity: 1;
    transform: rotateY(0deg);
    transition: transform 0.4s,opacity 0.1s;
}
.cstm-sec-col .elementor-container {
	
    height: 180px !important;
    transition: all 0.5s ease-out;
    padding: 30px 0px !important;
}
.readmore-btn{

	opacity: 0;
    transition: all 0.5s ease-out;
}
.cstmicon{
	transition: all 0.5s ease-out;
}
.cstm-sec-col .elementor-container:hover {

    height: 230px !important;
	padding: 20px 10px !important;
}
.cstm-sec-col .elementor-container:hover .readmore-btn{
    opacity: 1;
}