.elementor-583 .elementor-element.elementor-element-95457fb{--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;--overlay-opacity:0.09;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-583 .elementor-element.elementor-element-95457fb::before, .elementor-583 .elementor-element.elementor-element-95457fb > .elementor-background-video-container::before, .elementor-583 .elementor-element.elementor-element-95457fb > .e-con-inner > .elementor-background-video-container::before, .elementor-583 .elementor-element.elementor-element-95457fb > .elementor-background-slideshow::before, .elementor-583 .elementor-element.elementor-element-95457fb > .e-con-inner > .elementor-background-slideshow::before, .elementor-583 .elementor-element.elementor-element-95457fb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ayuryog.iemlstaging.online/wp-content/uploads/2025/06/fevicon-min.png");--background-overlay:'';}.elementor-583 .elementor-element.elementor-element-84d6a9e{--display:flex;}.elementor-583 .elementor-element.elementor-element-099359d > .elementor-widget-container{background-color:#FFFFFF;padding:40px 0px 0px 0px;}.elementor-583 .elementor-element.elementor-element-099359d.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}@media(max-width:767px){.elementor-583 .elementor-element.elementor-element-95457fb{--min-height:364px;}}@media(min-width:768px){.elementor-583 .elementor-element.elementor-element-95457fb{--content-width:1300px;}}/* Start custom CSS */.df-book {
    width: 100%;
    height: 100vh; /* Full viewport height */
    max-width: 100%;
    max-height: 100vh;
}

.df-3dcanvas {
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    transform-style: preserve-3d;
    perspective: 1000px; /* Optional: Adjust the 3D perspective for visual effect */
}

.df-viewer-container {
    width: 100%;
    height: 100%;
}

.df-viewer-wrapper {
    width: 100%;
    height: 100%;
}

.df-page-content {
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
}/* End custom CSS */