.elementor-26 .elementor-element.elementor-element-c17244a{--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;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-c17244a:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-c17244a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://warkimsutarto.com/wp-content/uploads/2025/04/blue-pattern-background-768x509.webp");background-position:center center;background-repeat:repeat;}.elementor-26 .elementor-element.elementor-element-f34d3d5{--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-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-26 .elementor-element.elementor-element-ab542b3 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-26 .elementor-element.elementor-element-ab542b3{text-align:center;}.elementor-26 .elementor-element.elementor-element-ab542b3 .elementor-heading-title{font-family:"Merriweather Sans", Sans-serif;font-size:75px;font-weight:600;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-7c3944d > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-26 .elementor-element.elementor-element-7c3944d{text-align:center;}.elementor-26 .elementor-element.elementor-element-7c3944d .elementor-heading-title{font-family:"Merriweather Sans", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-26 .elementor-element.elementor-element-a65c67f{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:2px;}.elementor-26 .elementor-element.elementor-element-a65c67f .elementor-divider-separator{width:5%;margin:0 auto;margin-center:0;}.elementor-26 .elementor-element.elementor-element-a65c67f .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-26 .elementor-element.elementor-element-bd41cd3{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-bd41cd3.e-con{--align-self:center;}.elementor-26 .elementor-element.elementor-element-db14aff{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:-200px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-db14aff.e-con{--align-self:center;}.elementor-26 .elementor-element.elementor-element-a9ba4d3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-a9ba4d3.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-27e95e4{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:100px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-27e95e4.e-con{--align-self:center;}.elementor-26 .elementor-element.elementor-element-d72c69f{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-d72c69f.e-con{--align-self:center;}.elementor-26 .elementor-element.elementor-element-4e47855 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-4e47855.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-f34d3d5{--width:100%;}.elementor-26 .elementor-element.elementor-element-db14aff{--width:30%;}.elementor-26 .elementor-element.elementor-element-27e95e4{--width:30%;}.elementor-26 .elementor-element.elementor-element-d72c69f{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-26 .elementor-element.elementor-element-db14aff{--width:30%;}.elementor-26 .elementor-element.elementor-element-27e95e4{--width:30%;}.elementor-26 .elementor-element.elementor-element-d72c69f{--width:30px;}}@media(min-width:1025px){.elementor-26 .elementor-element.elementor-element-c17244a:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-c17244a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-bd41cd3{--margin-top:0px;--margin-bottom:0px;--margin-left:-70px;--margin-right:0px;}.elementor-26 .elementor-element.elementor-element-db14aff{--margin-top:0px;--margin-bottom:0px;--margin-left:-225px;--margin-right:100px;}.elementor-26 .elementor-element.elementor-element-27e95e4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:25px;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-c17244a.e-con{--align-self:center;}.elementor-26 .elementor-element.elementor-element-ab542b3 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-26 .elementor-element.elementor-element-ab542b3{text-align:center;}.elementor-26 .elementor-element.elementor-element-ab542b3 .elementor-heading-title{font-size:54px;}.elementor-26 .elementor-element.elementor-element-7c3944d > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-26 .elementor-element.elementor-element-7c3944d{text-align:center;}.elementor-26 .elementor-element.elementor-element-a65c67f .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-26 .elementor-element.elementor-element-a65c67f .elementor-divider{text-align:center;}.elementor-26 .elementor-element.elementor-element-bd41cd3{--margin-top:20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-26 .elementor-element.elementor-element-27e95e4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26 .elementor-element.elementor-element-d72c69f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Nekit custom element styles */.dflip-thumbnail img {
    width: 500px; /* Atur lebar sesuai kebutuhan */
    height: auto; 
}

.dflip-container {
    display: flex;
    justify-content: center; /* Center semua thumbnail */
    flex-wrap: wrap; /* Membuat thumbnail responsif */
    gap: 20px; /* Jarak antar thumbnail */
}/* Nekit custom element styles ends here */
/* Nekit custom element styles */.df-book-cover { width: 300px; /* Sesuaikan ukuran sesuai kebutuhan */ } .df-book-cover img { width: 100%; /* Membuat gambar responsif */ height: auto; /* Menjaga proporsi */ }/* Nekit custom element styles ends here */
/* Nekit custom element styles */.df-book-cover { width: 300px; /* Sesuaikan ukuran sesuai kebutuhan */ } .df-book-cover img { width: 100%; /* Membuat gambar responsif */ height: auto; /* Menjaga proporsi */ }/* Nekit custom element styles ends here */
/* Nekit custom element styles */.dflip-thumbnail img {
    width: 500px; /* Atur lebar sesuai kebutuhan */
    height: auto; 
}

.dflip-container {
    display: flex;
    justify-content: center; /* Center semua thumbnail */
    flex-wrap: wrap; /* Membuat thumbnail responsif */
    gap: 20px; /* Jarak antar thumbnail */
}/* Nekit custom element styles ends here */
/* Nekit custom element styles */.df-book-cover { width: 300px; /* Sesuaikan ukuran sesuai kebutuhan */ } .df-book-cover img { width: 100%; /* Membuat gambar responsif */ height: auto; /* Menjaga proporsi */ }/* Nekit custom element styles ends here */
/* Nekit custom element styles *//* Parent khusus widget flipbook */
.df-books {
    display: flex !important;
    justify-content: center !important;
    gap: 30px;
    flex-wrap: wrap;
}

/* Cover */
.df-book-cover {
    width: 300px;
}

/* Tablet */
@media (max-width: 1024px) {
    .df-books {
        justify-content: center !important;
    }

    .df-book-cover {
        width: 220px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .df-book-cover {
        width: 180px;
    }
}/* Nekit custom element styles ends here */