.elementor-7541 .elementor-element.elementor-element-dee52d2 > .elementor-container{max-width:500px;}.elementor-7541 .elementor-element.elementor-element-f3e8714 > .elementor-element-populated{padding:25px 15px 25px 40px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for section, class: .elementor-element-5d77817 */.book{--open-time: 1s;
}
.book{
transform: perspective(2000px);
transition: all var(--open-time);
position: relative;
}
.book .book-open{
transition: all var(--open-time);
transform-origin: right;
}
.book:hover .book-open{
transform: perspective(2000px) rotateY(135deg);
}
.book>.elementor-widget-wrap{
box-shadow: inset 300px 0px 50px rgba(0,0,0,0.5);
transition: all var(--open-time) !important;
}
.book:hover>.elementor-widget-wrap{
box-shadow: inset 20px 0px 50px rgba(0,0,0,0.5);
}.book-text{
position: absolute;
left: 0;
top: 0;
}
.book:hover{
transform: perspective(2000px) translateX(10%);
z-index: 10 !important;
}
/*RESPONSIVE*/
@media (max-width: 767px) {
.book:hover .book-open{
transform: unset;
}
.book>.elementor-widget-wrap{
box-shadow: none;
}
.book:hover>.elementor-widget-wrap{
box-shadow: none;
}
.book:hover{
transform: unset;
}
.book-text{
position: relative;
}
}/* End custom CSS */