.elementor-3305 .elementor-element.elementor-element-f439002{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3305 .elementor-element.elementor-element-885ac9b{--display:flex;--min-height:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3305 .elementor-element.elementor-element-69c995e{--display:grid;--min-height:100%;--e-con-grid-template-columns:repeat(8, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 24px;--row-gap:0px;--column-gap:24px;--grid-auto-flow:row;--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-3305 .elementor-element.elementor-element-2969ab6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 2;grid-row:span 1;}.elementor-3305 .elementor-element.elementor-element-8c23b88{--display:flex;--min-height:40px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-c079590 );--border-color:var( --e-global-color-c079590 );--border-radius:6px 6px 6px 6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3305 .elementor-element.elementor-element-42a8cdf{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3305 .elementor-element.elementor-element-42a8cdf .elementor-icon-wrapper{text-align:center;}.elementor-3305 .elementor-element.elementor-element-42a8cdf .elementor-icon{font-size:20px;}.elementor-3305 .elementor-element.elementor-element-42a8cdf .elementor-icon svg{height:20px;}.elementor-3305 .elementor-element.elementor-element-42a8cdf .elementor-icon-wrapper svg{width:auto;}.elementor-3305 .elementor-element.elementor-element-b8cb3fa{--display:flex;--min-height:300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--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-3305 .elementor-element.elementor-element-5602636{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 12px 0px;}.elementor-3305 .elementor-element.elementor-element-5602636 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#171717;}.elementor-3305 .elementor-element.elementor-element-fdcc762{--display:flex;--min-height:300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3305 .elementor-element.elementor-element-c81fccc{--e-filter-direction:column;--e-filter-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-active-text-color:#FFFFFF;--e-filter-item-border-radius:32px 32px 32px 32px;}.elementor-3305 .elementor-element.elementor-element-c81fccc .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-c079590 );}.elementor-3305 .elementor-element.elementor-element-c81fccc .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-6a58c81 );}.elementor-3305 .elementor-element.elementor-element-c81fccc .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;}.elementor-3305 .elementor-element.elementor-element-c81fccc .e-filter-item{padding:8px 16px 8px 16px;}.elementor-3305 .elementor-element.elementor-element-3f8c4ba{--display:flex;--min-height:300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3305 .elementor-element.elementor-element-9cb20c7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 12px 0px;}.elementor-3305 .elementor-element.elementor-element-9cb20c7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#171717;}.elementor-3305 .elementor-element.elementor-element-4c0facb{--display:flex;--min-height:300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3305 .elementor-element.elementor-element-55f64fe{--e-filter-direction:column;--e-filter-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-active-text-color:#FFFFFF;--e-filter-item-border-radius:32px 32px 32px 32px;}.elementor-3305 .elementor-element.elementor-element-55f64fe .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-c079590 );}.elementor-3305 .elementor-element.elementor-element-55f64fe .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-6a58c81 );}.elementor-3305 .elementor-element.elementor-element-55f64fe .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;}.elementor-3305 .elementor-element.elementor-element-55f64fe .e-filter-item{padding:8px 16px 8px 16px;}.elementor-3305 .elementor-element.elementor-element-86f0f71{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3305 .elementor-element.elementor-element-96a31fe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3305 .elementor-element.elementor-element-96a31fe:not(.elementor-motion-effects-element-type-background), .elementor-3305 .elementor-element.elementor-element-96a31fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6a58c81 );}.elementor-3305 .elementor-element.elementor-element-f2f53dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3305 .elementor-element.elementor-element-f2f53dc .elementor-icon-wrapper{text-align:center;}.elementor-3305 .elementor-element.elementor-element-f2f53dc .elementor-icon{font-size:14px;}.elementor-3305 .elementor-element.elementor-element-f2f53dc .elementor-icon svg{height:14px;}.elementor-3305 .elementor-element.elementor-element-77e8656{--display:flex;--min-height:300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3305 .elementor-element.elementor-element-0969714{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 12px 0px;}.elementor-3305 .elementor-element.elementor-element-0969714 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#171717;}.elementor-3305 .elementor-element.elementor-element-ab8f1ba{--display:flex;--min-height:300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3305 .elementor-element.elementor-element-1b19857{--e-filter-direction:column;--e-filter-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-active-text-color:#FFFFFF;--e-filter-item-border-radius:32px 32px 32px 32px;}.elementor-3305 .elementor-element.elementor-element-1b19857 .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-c079590 );}.elementor-3305 .elementor-element.elementor-element-1b19857 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-6a58c81 );}.elementor-3305 .elementor-element.elementor-element-1b19857 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;}.elementor-3305 .elementor-element.elementor-element-1b19857 .e-filter-item{padding:8px 16px 8px 16px;}.elementor-3305 .elementor-element.elementor-element-5ed67f5{--display:flex;--min-height:300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3305 .elementor-element.elementor-element-4b8f2ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 12px 0px;}.elementor-3305 .elementor-element.elementor-element-4b8f2ce .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#171717;}.elementor-3305 .elementor-element.elementor-element-28665e7{--display:flex;--min-height:300px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3305 .elementor-element.elementor-element-e559950{--e-filter-direction:column;--e-filter-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-active-text-color:#FFFFFF;--e-filter-item-border-radius:32px 32px 32px 32px;}.elementor-3305 .elementor-element.elementor-element-e559950 .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-c079590 );}.elementor-3305 .elementor-element.elementor-element-e559950 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-6a58c81 );}.elementor-3305 .elementor-element.elementor-element-e559950 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E5E5;}.elementor-3305 .elementor-element.elementor-element-e559950 .e-filter-item{padding:8px 16px 8px 16px;}.elementor-3305 .elementor-element.elementor-element-712534e{--display:flex;--min-height:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 6;grid-row:span 1;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3305 .elementor-element.elementor-element-ba9a65c{--grid-columns:3;--load-more-message-alignment:center;--e-loop-nothing-found-message-align:center;}.elementor-3305 .elementor-element.elementor-element-ba9a65c .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3305 .elementor-element.elementor-element-ba9a65c .e-loop-item > .elementor-section, .elementor-3305 .elementor-element.elementor-element-ba9a65c .e-loop-item > .elementor-section > .elementor-container, .elementor-3305 .elementor-element.elementor-element-ba9a65c .e-loop-item > .e-con, .elementor-3305 .elementor-element.elementor-element-ba9a65c .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-3305 .elementor-element.elementor-element-69c995e{--grid-auto-flow:row;}.elementor-3305 .elementor-element.elementor-element-ba9a65c{--grid-columns:2;}}@media(min-width:768px){.elementor-3305 .elementor-element.elementor-element-f439002{--content-width:1440px;}.elementor-3305 .elementor-element.elementor-element-8c23b88{--width:40px;}}@media(max-width:767px){.elementor-3305 .elementor-element.elementor-element-69c995e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3305 .elementor-element.elementor-element-2969ab6{--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;--justify-content:space-between;grid-column:span 1;}.elementor-3305 .elementor-element.elementor-element-cfc8f71{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-3305 .elementor-element.elementor-element-712534e{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;grid-column:span 1;}.elementor-3305 .elementor-element.elementor-element-ba9a65c{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-cfc8f71 */.is-form-id-5916 #is-search-input-5916{
    padding: 20px 12px !important;
    border-radius: 24px;
}

.is-form-id-5916 button{
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c23b88 */.elementor-3305 .elementor-element.elementor-element-8c23b88{
    width: 40px;
    height: 40px;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-c81fccc */.elementor-widget-taxonomy-filter .e-filter-item{
    width: 100%;
    text-align: left;
    display: block;
    height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdcc762 */.elementor-3305 .elementor-element.elementor-element-fdcc762{
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.elementor-3305 .elementor-element.elementor-element-fdcc762::-webkit-scrollbar {
    width: 8px;
}

.elementor-3305 .elementor-element.elementor-element-fdcc762::-webkit-scrollbar-thumb {
    background: #003049;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-55f64fe */.elementor-widget-taxonomy-filter .e-filter-item{
    width: 100%;
    text-align: left;
    display: block;
    height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0facb */.elementor-3305 .elementor-element.elementor-element-4c0facb{
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.elementor-3305 .elementor-element.elementor-element-4c0facb::-webkit-scrollbar {
    width: 8px;
}

.elementor-3305 .elementor-element.elementor-element-4c0facb::-webkit-scrollbar-thumb {
    background: #003049;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-f2f53dc */.elementor-3305 .elementor-element.elementor-element-f2f53dc{
    position: absolute;
    top: 0;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-1b19857 */.elementor-widget-taxonomy-filter .e-filter-item{
    width: 100%;
    text-align: left;
    display: block;
    height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab8f1ba */.elementor-3305 .elementor-element.elementor-element-ab8f1ba{
    max-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block !important;
}

.elementor-3305 .elementor-element.elementor-element-ab8f1ba::-webkit-scrollbar {
    width: 8px;
}

.elementor-3305 .elementor-element.elementor-element-ab8f1ba::-webkit-scrollbar-thumb {
    background: #003049;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77e8656 */.elementor-3305 .elementor-element.elementor-element-77e8656{
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-e559950 */.elementor-widget-taxonomy-filter .e-filter-item{
    width: 100%;
    text-align: left;
    display: block;
    height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28665e7 */.elementor-3305 .elementor-element.elementor-element-28665e7{
    max-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block !important;
}

.elementor-3305 .elementor-element.elementor-element-28665e7::-webkit-scrollbar {
    width: 8px;
}

.elementor-3305 .elementor-element.elementor-element-28665e7::-webkit-scrollbar-thumb {
    background: #003049;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ed67f5 */.elementor-3305 .elementor-element.elementor-element-5ed67f5{
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96a31fe */.elementor-3305 .elementor-element.elementor-element-96a31fe{
    display: block !important;
}/* End custom CSS */
/* Start custom CSS *//* Sembunyikan konten secara default (kode lama) */
.initial-hidden-filter {
    visibility: hidden; 
    opacity: 0; 
    transition: opacity 0.3s ease-in-out, visibility 0s 0.3s;
}

/* Gaya untuk menempatkan di tengah (kode lama) */
#target-content-filter {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); 
    z-index: 9999; 
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Gaya untuk Box Konten internal (modal) (kode lama) */
#target-content-filter .content-box-filter {
    position: absolute;
    max-width: 90%;
    padding: 30px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Gaya BARU untuk Ikon Tutup */
.close-icon {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 28px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
    line-height: 1;
}

.close-icon:hover {
    color: #000;
}

/* Kelas saat konten dimunculkan (kode lama) */
.is-visible {
    visibility: visible !important;
    opacity: 1 !important;
    transition-delay: 0s, 0s !important; 
}

@media (max-width: 600px) {

    /* Ubah gaya untuk Box Konten internal (modal) */
    #target-content-filter .content-box-filter {
        /* Hapus atau ganti posisi tetap */
        top: 0; /* Ubah agar dimulai dari atas */
        left: 0; /* Ubah agar dimulai dari kiri */
        transform: none; /* Hapus centering transform */
        
        /* Maksimalkan lebar dan gunakan margin */
        width: 100%;
        max-width: 100%;
        margin: 0;
        
        /* Atur tinggi */
        height: 80vh; /* Menggunakan 100% tinggi viewport */
        padding: 20px; /* Kurangi padding untuk efisiensi ruang */
        border-radius: 0; /* Hapus border-radius agar memenuhi layar penuh */
        
        /* Tambahkan scrolling internal jika konten melebihi tinggi layar */
        overflow-y: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 20px;
    }
    
    /* Atur penempatan ikon tutup agar tetap terlihat di bagian atas */
    .close-icon {
        top: 15px; /* Sesuaikan posisi agar tidak terlalu dekat ke tepi */
        right: 15px;
        z-index: 10; /* Pastikan ikon di atas konten box */
    }
}/* End custom CSS */