.elementor-26785 .elementor-element.elementor-element-af351c2{--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;}.elementor-26785 .elementor-element.elementor-element-95a4cad{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-26785 .elementor-element.elementor-element-95a4cad:not(.elementor-motion-effects-element-type-background), .elementor-26785 .elementor-element.elementor-element-95a4cad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26785 .elementor-element.elementor-element-88210fe{--display:flex;--position:absolute;--min-height:550px;--justify-content:center;top:0px;--z-index:1;}.elementor-26785 .elementor-element.elementor-element-88210fe:not(.elementor-motion-effects-element-type-background), .elementor-26785 .elementor-element.elementor-element-88210fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9C9C9C;}body:not(.rtl) .elementor-26785 .elementor-element.elementor-element-88210fe{left:0px;}body.rtl .elementor-26785 .elementor-element.elementor-element-88210fe{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-26785 .elementor-element.elementor-element-2295140{text-align:center;}.elementor-26785 .elementor-element.elementor-element-8169107{--display:flex;--position:absolute;--min-height:550px;--justify-content:center;top:0px;--z-index:2;}.elementor-26785 .elementor-element.elementor-element-8169107:not(.elementor-motion-effects-element-type-background), .elementor-26785 .elementor-element.elementor-element-8169107 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF8E8E;}body:not(.rtl) .elementor-26785 .elementor-element.elementor-element-8169107{left:0px;}body.rtl .elementor-26785 .elementor-element.elementor-element-8169107{right:0px;}.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-26785 .elementor-element.elementor-element-b918892{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-26785 .elementor-element.elementor-element-395a0e4{--display:flex;--position:absolute;--min-height:550px;--justify-content:center;top:0px;--z-index:3;}.elementor-26785 .elementor-element.elementor-element-395a0e4:not(.elementor-motion-effects-element-type-background), .elementor-26785 .elementor-element.elementor-element-395a0e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8EFFF2;}body:not(.rtl) .elementor-26785 .elementor-element.elementor-element-395a0e4{left:0px;}body.rtl .elementor-26785 .elementor-element.elementor-element-395a0e4{right:0px;}.elementor-26785 .elementor-element.elementor-element-23a0865{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-26785 .elementor-element.elementor-element-90f2957{--display:flex;--position:absolute;--min-height:550px;--justify-content:center;top:0px;--z-index:4;}.elementor-26785 .elementor-element.elementor-element-90f2957:not(.elementor-motion-effects-element-type-background), .elementor-26785 .elementor-element.elementor-element-90f2957 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98A8FF;}body:not(.rtl) .elementor-26785 .elementor-element.elementor-element-90f2957{left:0px;}body.rtl .elementor-26785 .elementor-element.elementor-element-90f2957{right:0px;}.elementor-26785 .elementor-element.elementor-element-92e5b4f{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-26785 .elementor-element.elementor-element-c54cf40{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-26785 .elementor-element.elementor-element-be62de1{--display:flex;--position:absolute;--min-height:550px;--justify-content:center;top:0px;--z-index:5;}.elementor-26785 .elementor-element.elementor-element-be62de1:not(.elementor-motion-effects-element-type-background), .elementor-26785 .elementor-element.elementor-element-be62de1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D5D077;}body:not(.rtl) .elementor-26785 .elementor-element.elementor-element-be62de1{left:0px;}body.rtl .elementor-26785 .elementor-element.elementor-element-be62de1{right:0px;}.elementor-26785 .elementor-element.elementor-element-adc5611{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-26785 .elementor-element.elementor-element-3cda67d{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}@media(min-width:768px){.elementor-26785 .elementor-element.elementor-element-95a4cad{--content-width:500px;}.elementor-26785 .elementor-element.elementor-element-88210fe{--width:85%;}.elementor-26785 .elementor-element.elementor-element-8169107{--width:85%;}.elementor-26785 .elementor-element.elementor-element-395a0e4{--width:85%;}.elementor-26785 .elementor-element.elementor-element-90f2957{--width:85%;}.elementor-26785 .elementor-element.elementor-element-be62de1{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-95a4cad *//* Mengaktifkan ruang 3D pada buku */
.elementor-26785 .elementor-element.elementor-element-95a4cad {
    perspective: 1500px;
    position: relative;
}

/* Mengatur properti dasar setiap halaman */
.elementor-26785 .elementor-element.elementor-element-95a4cad .page {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-origin: left center; /* Engsel buku di sebelah kiri */
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    transform-style: preserve-3d;
    backface-visibility: hidden; /* Menyembunyikan bagian belakang saat dibalik */
    z-index: 1;
}

/* Mengatur urutan tumpukan halaman awal (Z-Index) */
.elementor-26785 .elementor-element.elementor-element-95a4cad .p1 { z-index: 5; }
.elementor-26785 .elementor-element.elementor-element-95a4cad .p2 { z-index: 4; }
.elementor-26785 .elementor-element.elementor-element-95a4cad .p3 { z-index: 3; }
.elementor-26785 .elementor-element.elementor-element-95a4cad .p4 { z-index: 2; }

/* EFEK MEMBALIK: Ketika halaman memiliki class 'flipped' */
.elementor-26785 .elementor-element.elementor-element-95a4cad .page.flipped {
    transform: rotateY(-180deg);
    z-index: 0;
}

/* Simulasi bayangan leukan kertas di tengah (Optional) */
.elementor-26785 .elementor-element.elementor-element-95a4cad .page::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.15), rgba(0,0,0,0));
    z-index: 10;
}/* End custom CSS */