.elementor-593 .elementor-element.elementor-element-bb062d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-593 .elementor-element.elementor-element-82d1a78{text-align:center;}.elementor-593 .elementor-element.elementor-element-82d1a78 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:46px;font-weight:700;line-height:2.2lh;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-593 .elementor-element.elementor-element-8e2f5aa{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-593 .elementor-element.elementor-element-8e2f5aa.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-593 .elementor-element.elementor-element-82d1a78 .elementor-heading-title{font-size:36px;line-height:42px;}.elementor-593 .elementor-element.elementor-element-8e2f5aa{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:575px){.elementor-593 .elementor-element.elementor-element-bb062d1{--padding-top:50px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-593 .elementor-element.elementor-element-82d1a78 .elementor-heading-title{font-size:26px;line-height:36px;}.elementor-593 .elementor-element.elementor-element-8e2f5aa{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-bb062d1 */.book-item {
    position: relative;
    width: 220px;
    height: 330px;
    cursor: pointer;
    border-radius: 8px;
    background-color: #f5f5f5;
    transform-style: preserve-3d;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: visible;
}

.book-item:hover {
    transform: translateY(0px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.book-item:hover .light{
    opacity: 0;
}

.book-item:hover .effect{
    opacity: 0;
    margin-left: 0;
}

.book-item:hover .book-cover {
    transform: perspective(2000px) rotateY(-25deg);
}

.book-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    transform-style: preserve-3d;
    background-size: cover;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.5s ease-in-out;
    z-index: 2;
}

.book-cover .effect {
    position: absolute;
    left: 0;
    top: 0;
    width: 10%;
    height: 100%;
    margin-left: 5%;
    border-left: 2% solid #333;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    transition: all 0.5s ease;
    pointer-events: none;
    z-index: 1;
}

.book-cover .light {
    width: 90%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
    top: 0;
    right: 0;
    opacity: .1;
    transition: all 0.5s ease;
    pointer-events: none;
    z-index: 1;
}

.book-inside {
    position: absolute;
    width: 98%;
    height: 97%;
    top: 1.5%;
    left: 1%;
    border: 2% solid #666;
    border-radius: 8px;
    background: #fff;
    box-shadow: 10px 40px 40px -10px rgba(0, 0, 0, .188), inset -2px 0 0 #666, inset -3px 0 0 #dbdbdb, inset -4px 0 0 #fff, inset -5px 0 0 #dbdbdb, inset -6px 0 0 #fff, inset -7px 0 0 #dbdbdb, inset -8px 0 0 #fff, inset -9px 0 0 #dbdbdb;
    pointer-events: none;
    z-index: 1;
}/* End custom CSS */