.elementor-394 .elementor-element.elementor-element-d108773{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overlay-opacity:0.8;--padding-top:190px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-394 .elementor-element.elementor-element-d108773:not(.elementor-motion-effects-element-type-background), .elementor-394 .elementor-element.elementor-element-d108773 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spospelov.com/wp-content/uploads/2025/10/unnamed.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-394 .elementor-element.elementor-element-d108773::before, .elementor-394 .elementor-element.elementor-element-d108773 > .elementor-background-video-container::before, .elementor-394 .elementor-element.elementor-element-d108773 > .e-con-inner > .elementor-background-video-container::before, .elementor-394 .elementor-element.elementor-element-d108773 > .elementor-background-slideshow::before, .elementor-394 .elementor-element.elementor-element-d108773 > .e-con-inner > .elementor-background-slideshow::before, .elementor-394 .elementor-element.elementor-element-d108773 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(266deg, var( --e-global-color-secondary ) 8%, var( --e-global-color-accent ) 100%);}.elementor-394 .elementor-element.elementor-element-81132ce{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-394 .elementor-element.elementor-element-8d48e1b .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:#FFFFFF;}.elementor-394 .elementor-element.elementor-element-1ec04c2{--display:flex;--justify-content:center;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-394 .elementor-element.elementor-element-6e156ff{left:75px;}body.rtl .elementor-394 .elementor-element.elementor-element-6e156ff{right:75px;}.elementor-394 .elementor-element.elementor-element-6e156ff{top:246px;}.elementor-394 .elementor-element.elementor-element-6e156ff img{width:100%;max-width:100%;height:137px;}.elementor-394 .elementor-element.elementor-element-142062d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.04;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-394 .elementor-element.elementor-element-142062d:not(.elementor-motion-effects-element-type-background), .elementor-394 .elementor-element.elementor-element-142062d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-394 .elementor-element.elementor-element-142062d::before, .elementor-394 .elementor-element.elementor-element-142062d > .elementor-background-video-container::before, .elementor-394 .elementor-element.elementor-element-142062d > .e-con-inner > .elementor-background-video-container::before, .elementor-394 .elementor-element.elementor-element-142062d > .elementor-background-slideshow::before, .elementor-394 .elementor-element.elementor-element-142062d > .e-con-inner > .elementor-background-slideshow::before, .elementor-394 .elementor-element.elementor-element-142062d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://spospelov.com/wp-content/uploads/2025/07/1678451309_gas-kvas-com-p-kniga-risunok-cherno-belii-na-prozrachnom-49-scaled.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-394 .elementor-element.elementor-element-00a1fd0{--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;}@media(min-width:768px){.elementor-394 .elementor-element.elementor-element-81132ce{--width:54%;}.elementor-394 .elementor-element.elementor-element-1ec04c2{--width:46%;}.elementor-394 .elementor-element.elementor-element-00a1fd0{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-394 .elementor-element.elementor-element-8d48e1b .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-394 .elementor-element.elementor-element-8d48e1b .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for html, class: .elementor-element-940c890 */.main-book-sec {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .bookshelf {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
        align-items: center;
    }
    .book-content {
        width: 100%;
        margin-top: 60px;
        padding-inline: 130px;
    }
    .book-content h2, .book-content p{
        text-align: center;
    }
    .book-content a{
        display: block;
        margin: auto;
        width: fit-content;
    }
    .book-shelf {
        width: 50px;
        position: relative;
        transform-style: preserve-3d;
        transform: translateZ(0) rotateY(0);
        transition: transform 1s;
    }
    .side-book {
        position: absolute;
        border: 2px solid black;
        border-radius: 3px;
        font-weight: bold;
        color: black;
        text-align: center;
        transform-origin: center left;
    }

    .spine-book {
        position: relative;
        width: 60px;
        height: 310px;
        transform: rotateY(0deg) translateZ(0px);
    }
    .top {
        width: 60px;
        height: 190px;
        top: 1px;
        background-image: linear-gradient(90deg, white 90%, gray 10%);
        background-size: 5px 5px;
        transform: rotateX(90deg) translateZ(95px) translateY(-95px);
    }
    .cover {
        width: 190px;
        height: 310px;
        top: 0px;
        background-size: contain;
        background-repeat: round;
        left: 59px;
        transform: rotateY(90deg) translateZ(0);
        transition: transform 1s;
    }

    .book-shelf:hover {
        z-index: 1;
        transform: rotateX(-25deg) rotateY(-40deg) rotateZ(-15deg) translateY(50px) translateX(-30px);
    }

    .book1-show {
        opacity: 0;
        display: none;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    .book1-show.active {
        display: block;
        opacity: 1;
        pointer-events: auto;
    }
    
    .book-content .book1-show p{
        font-size: 16px;
        font-family: 'Inter';
    }
    .bookshelf:before{
        content: '';
        position: absolute;
        left: 20%;
        width: 100%;
        bottom: -30%;
        background-image: url('https://spospelov.com/wp-content/uploads/2025/07/1691822877_grizly-club-p-kartinki-polki-bez-fona-2.png');
        height: 140px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .book-content div{
        transition: all ease-in-out 0.3s;
    }/* End custom CSS */