/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 24 2026 | 12:13:02 */
.pory{
    display:flex;
    flex-wrap:nowrap;
}

.pory > .e-con.e-child{
    min-width:1px;
    overflow:hidden;
    transition:all .5s linear;
    flex:1;
}

.pory .elementor-widget{
    width:400px;
    opacity:0;
    transition:all .5s linear;
}

.pory > .e-con.e-child:hover{
    flex:4;
}

.pory > .e-con.e-child:hover .elementor-widget{
    opacity:1;
}



@media (max-width:1024px){

.pory .elementor-widget{
    width:300px;
}

}

@media (max-width:767px){

.pory{
    flex-wrap: wrap;
}

.pory > .e-con.e-child{
    flex: none;
    width: 100%;
    max-height:300px;  
    overflow:hidden;
    transition: max-height .3s ease;
}

.pory > .e-con.e-child:hover{
    height: 500px;
	flex: none;
}

.pory .elementor-widget{
    width:100%;
    opacity:0;
    transition: opacity .3s ease;  
}

.pory > .e-con.e-child:hover .elementor-widget{
    opacity:1;
}

}