.elementor-5654 .elementor-element.elementor-element-64e1ff59{--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-5654 .elementor-element.elementor-element-24b468b9{--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);--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-5654 .elementor-element.elementor-element-24b468b9:not(.elementor-motion-effects-element-type-background), .elementor-5654 .elementor-element.elementor-element-24b468b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5654 .elementor-element.elementor-element-1edf9c7c{text-align:center;}.elementor-5654 .elementor-element.elementor-element-1edf9c7c img{width:100%;border-radius:20px 20px 0px 0px;}.elementor-5654 .elementor-element.elementor-element-2c1e12a9{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-5654 .elementor-element.elementor-element-9368494{--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:8px 8px;--row-gap:8px;--column-gap:8px;--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-5654 .elementor-element.elementor-element-514095d2{width:auto;max-width:auto;background-color:var( --e-global-color-e21719c );padding:2px 20px 5px 20px;border-radius:100px 100px 100px 100px;text-align:center;}.elementor-5654 .elementor-element.elementor-element-514095d2.elementor-element{--align-self:flex-start;}.elementor-5654 .elementor-element.elementor-element-514095d2 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:14px;font-weight:600;text-decoration:none;color:var( --e-global-color-primary );}.elementor-5654 .elementor-element.elementor-element-711dedd{width:var( --container-widget-width, 765px );max-width:765px;--container-widget-width:765px;--container-widget-flex-grow:0;}.elementor-5654 .elementor-element.elementor-element-711dedd .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:36px;font-weight:700;line-height:130%;color:var( --e-global-color-primary );}.elementor-5654 .elementor-element.elementor-element-0342bbe .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;line-height:150%;color:#1A1A1A;}.elementor-widget-button .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-5654 .elementor-element.elementor-element-4bd520dc{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5654 .elementor-element.elementor-element-4bd520dc .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:600;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:20px 0px 20px 0px;}.elementor-5654 .elementor-element.elementor-element-43656533{--display:flex;--min-height:653px;--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;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5654 .elementor-element.elementor-element-5869ec58{--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;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-5654 .elementor-element.elementor-element-75182527{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-5654 .elementor-element.elementor-element-9f4c7ee{padding:0px 30px 0px 30px;}.elementor-5654 .elementor-element.elementor-element-9f4c7ee .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:600;color:#1A1A1A;}.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-5654 .elementor-element.elementor-element-7d3731ab{--divider-border-style:solid;--divider-color:#CDCDCD;--divider-border-width:1.5px;}.elementor-5654 .elementor-element.elementor-element-7d3731ab .elementor-divider-separator{width:100%;}.elementor-5654 .elementor-element.elementor-element-7d3731ab .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-5654 .elementor-element.elementor-element-1b2b941{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-5654 .elementor-element.elementor-element-885d7c9{padding:0px 30px 0px 30px;}.elementor-5654 .elementor-element.elementor-element-885d7c9 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:600;color:#1A1A1A;}.elementor-5654 .elementor-element.elementor-element-2421435{--divider-border-style:solid;--divider-color:#CDCDCD;--divider-border-width:1.5px;}.elementor-5654 .elementor-element.elementor-element-2421435 .elementor-divider-separator{width:100%;}.elementor-5654 .elementor-element.elementor-element-2421435 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-5654 .elementor-element.elementor-element-beab3d9{padding:10px 30px 10px 30px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-icon i{color:#1A1A1A;transition:color 0.3s;}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-icon svg{fill:#1A1A1A;transition:fill 0.3s;}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-icon{padding-inline-end:4px;}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-item > a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-text{color:#1A1A1A;transition:color 0.3s;}.elementor-5654 .elementor-element.elementor-element-3e53ca91{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-5654 .elementor-element.elementor-element-27b9e479{padding:0px 30px 0px 30px;}.elementor-5654 .elementor-element.elementor-element-27b9e479 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:600;color:#1A1A1A;}.elementor-5654 .elementor-element.elementor-element-727b91f5{--divider-border-style:solid;--divider-color:#CDCDCD;--divider-border-width:1.5px;}.elementor-5654 .elementor-element.elementor-element-727b91f5 .elementor-divider-separator{width:100%;}.elementor-5654 .elementor-element.elementor-element-727b91f5 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.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-5654 .elementor-element.elementor-element-f3e5bf4{padding:20px 30px 0px 30px;font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;}.elementor-5654 .elementor-element.elementor-element-41f82349{--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-5654 .elementor-element.elementor-element-548f733{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5654 .elementor-element.elementor-element-548f733:not(.elementor-motion-effects-element-type-background), .elementor-5654 .elementor-element.elementor-element-548f733 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5654 .elementor-element.elementor-element-418b109e{padding:20px 20px 0px 24px;}.elementor-5654 .elementor-element.elementor-element-418b109e .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:700;color:var( --e-global-color-text );}.elementor-5654 .elementor-element.elementor-element-419b11db{--divider-border-style:solid;--divider-color:#A8A8A8;--divider-border-width:1px;}.elementor-5654 .elementor-element.elementor-element-419b11db .elementor-divider-separator{width:100%;}.elementor-5654 .elementor-element.elementor-element-419b11db .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-5654 .elementor-element.elementor-element-61d36ae1{--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:20px;--padding-left:16px;--padding-right:16px;}.elementor-5654 .elementor-element.elementor-element-59dfe92e{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-5654 .elementor-element.elementor-element-43272653 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;color:#282A30;}.elementor-5654 .elementor-element.elementor-element-1cd7ff78{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-5654 .elementor-element.elementor-element-1cd7ff78 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;text-decoration:line-through;color:#929292;}.elementor-5654 .elementor-element.elementor-element-39c2756b{margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-5654 .elementor-element.elementor-element-39c2756b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:24px;font-weight:700;}.elementor-5654 .elementor-element.elementor-element-5ea3afb5{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5654 .elementor-element.elementor-element-5ea3afb5 .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:600;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:20px 0px 20px 0px;}body.elementor-page-5654:not(.elementor-motion-effects-element-type-background), body.elementor-page-5654 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1023px){.elementor-5654 .elementor-element.elementor-element-24b468b9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5654 .elementor-element.elementor-element-9368494{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5654 .elementor-element.elementor-element-514095d2{padding:2px 10px 5px 10px;}.elementor-5654 .elementor-element.elementor-element-514095d2 .elementor-heading-title{font-size:12px;}.elementor-5654 .elementor-element.elementor-element-711dedd .elementor-heading-title{font-size:26px;}.elementor-5654 .elementor-element.elementor-element-4bd520dc{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5654 .elementor-element.elementor-element-4bd520dc .elementor-button{font-size:16px;padding:12px 0px 12px 0px;}.elementor-5654 .elementor-element.elementor-element-43656533{--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5654 .elementor-element.elementor-element-5869ec58{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:25px;}.elementor-5654 .elementor-element.elementor-element-9f4c7ee .elementor-heading-title{font-size:20px;}.elementor-5654 .elementor-element.elementor-element-885d7c9 .elementor-heading-title{font-size:20px;}.elementor-5654 .elementor-element.elementor-element-27b9e479 .elementor-heading-title{font-size:20px;}.elementor-5654 .elementor-element.elementor-element-418b109e .elementor-heading-title{font-size:20px;}.elementor-5654 .elementor-element.elementor-element-61d36ae1{--padding-top:0px;--padding-bottom:20px;--padding-left:4px;--padding-right:4px;}.elementor-5654 .elementor-element.elementor-element-43272653 .elementor-heading-title{font-size:14px;}.elementor-5654 .elementor-element.elementor-element-1cd7ff78 .elementor-heading-title{font-size:16px;}.elementor-5654 .elementor-element.elementor-element-39c2756b .elementor-heading-title{font-size:28px;}.elementor-5654 .elementor-element.elementor-element-5ea3afb5{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5654 .elementor-element.elementor-element-5ea3afb5 .elementor-button{font-size:16px;padding:12px 0px 12px 0px;}}@media(max-width:767px){.elementor-5654 .elementor-element.elementor-element-24b468b9{--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-5654 .elementor-element.elementor-element-1edf9c7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-5654 .elementor-element.elementor-element-1edf9c7c img{max-width:100%;border-radius:10px 10px 10px 10px;}.elementor-5654 .elementor-element.elementor-element-2c1e12a9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-5654 .elementor-element.elementor-element-9368494{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5654 .elementor-element.elementor-element-711dedd{text-align:left;}.elementor-5654 .elementor-element.elementor-element-711dedd .elementor-heading-title{font-size:24px;}.elementor-5654 .elementor-element.elementor-element-0342bbe .elementor-heading-title{font-size:14px;}.elementor-5654 .elementor-element.elementor-element-4bd520dc .elementor-button{padding:16px 24px 16px 24px;}.elementor-5654 .elementor-element.elementor-element-43656533{--margin-top:10px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5654 .elementor-element.elementor-element-5869ec58{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5654 .elementor-element.elementor-element-75182527{--width:95%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5654 .elementor-element.elementor-element-9f4c7ee{padding:0px 20px 0px 20px;}.elementor-5654 .elementor-element.elementor-element-1b2b941{--width:95%;}.elementor-5654 .elementor-element.elementor-element-885d7c9{padding:0px 20px 0px 20px;}.elementor-5654 .elementor-element.elementor-element-beab3d9{padding:10px 20px 10px 20px;}.elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5654 .elementor-element.elementor-element-beab3d9 .elementor-icon-list-item > a{font-size:14px;}.elementor-5654 .elementor-element.elementor-element-3e53ca91{--width:95%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5654 .elementor-element.elementor-element-27b9e479{padding:0px 20px 0px 20px;}.elementor-5654 .elementor-element.elementor-element-f3e5bf4{text-align:justify;font-size:14px;}.elementor-5654 .elementor-element.elementor-element-41f82349{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5654 .elementor-element.elementor-element-418b109e .elementor-heading-title{font-size:20px;}.elementor-5654 .elementor-element.elementor-element-43272653 .elementor-heading-title{font-size:16px;}.elementor-5654 .elementor-element.elementor-element-1cd7ff78 .elementor-heading-title{font-size:18px;}.elementor-5654 .elementor-element.elementor-element-39c2756b .elementor-heading-title{font-size:30px;}}@media(min-width:768px){.elementor-5654 .elementor-element.elementor-element-64e1ff59{--content-width:1140px;}.elementor-5654 .elementor-element.elementor-element-2c1e12a9{--width:70%;}.elementor-5654 .elementor-element.elementor-element-43656533{--content-width:1140px;}.elementor-5654 .elementor-element.elementor-element-5869ec58{--width:70%;}.elementor-5654 .elementor-element.elementor-element-41f82349{--width:30%;}}@media(max-width:1023px) and (min-width:768px){.elementor-5654 .elementor-element.elementor-element-2c1e12a9{--width:90%;}}/* Start custom CSS for heading, class: .elementor-element-514095d2 */.elementor-5654 .elementor-element.elementor-element-514095d2 a{
    text-decoration: none;
}/* End custom CSS */
/* Start custom CSS */.list-sesi{
    padding: 5px 0!important;
}
.flex{
    display: flex;
}
.justify-content-between{
    justify-content: space-between;
}
.show{
    height: auto;
    overflow: hidden;
}
.less{
    height: 260px;
    overflow: hidden;
}
.less-materi{
    height: 300px;
    overflow: hidden;
}
.code{
    font-weight: 700;
}
.ff-message-success {
    border: none!important;
    box-shadow: 0px!important;
    margin-top: 10px;
    margin-bottom: 20px;
}
.ff-message-success p {
    text-align: center;
}
.icon-unlock:hover, .icon-lock:hover{
    transform: scale(1.2);
}
.preview-materi{
    display: flex;
    gap: 4px;
    align-items: center;
}
#salin-code, #notif-salin{
    display: none;
}
#salin-code, #lihat-promo, .openModal{
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    }
    
    /* Style the accordion container */
.materi-kelas {
  max-width: 100%;
  margin: 0px auto;
}

/* Style the accordion item */
.accordion-item {
  margin-bottom: 12px;
}

/* Style the accordion header */
.accordion-header {
  padding: 16px 24px;
  background-color: #333;
  color: #181e23;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  border-radius: 15px;
  border:1px solid #d9d9d9;
  background-color: #f7f9fb;
}
.accordion-header h3, .accordion-icon{
    font-size: 16px;
}
.accordion-header h3{
    margin: 0;
    padding: 0;
    line-height: 24px;
}
.accordion-icon{
    align-content:center;
    margin-right: 0px;
}

/* Style the accordion content */
.accordion-content {
  padding: 20px 0px;
  background-color: #f7f7f7;
  border-top: 1px solid #ddd;
  display: none; /* Hide the content by default */
}

/* Style the active accordion item */
.accordion-item.active.accordion-content {
  display: block; /* Show the content when the item is active */
}

/* Style the active accordion header */
.accordion-item.active .accordion-header {
  color:#652F8E;
  border: 1px solid #652F8E;
  border-radius: 15px 15px 0 0;
}
.accordion-item.active .accordion-header .icon-arrow {
  transform:rotate(180deg);
}
.accordion-item.active .accordion-header h3{
  font-weight: bold;
}
.accordion-item.active .accordion-content {
  border: 1px solid #652F8E;
  border-radius: 0px 0px 15px 15px;
  padding: 20px 0px;
}
.materi-kelas .accordion-content ul{ 
  list-style-type: none;
  padding-left: 24px;
  padding-right: 24px;
}
.materi-kelas .accordion-content li{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.materi-kelas .accordion-content .materi-list .text-materi{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 80%;
}
.materi-kelas .accordion-content li.materi-list:not(:last-child) { 
   margin-bottom: 15px;  
}
.materi-kelas .accordion-content .materi-list .text-materi span{
    font-size: 14px;
}
.icon-video, .icon-unlock, .icon-lock{
    vertical-align: middle;
    width: 30px;
}
/*.materi-kelas .accordion-content{*/
/*    font-size: 22px;*/
/*}*/
.duration-materi{
    margin-right: 40px;
    color:#B8B2B2;
    font-weight: 400;
    font-size: 14px;
}

/*Modal*/
/* Modal Style */
.modal {
    display: none; /* Tersembunyi secara default */
    position: fixed; /* Tetap di posisi */
    z-index: 1; /* Di atas semua elemen */
    left: 0;
    top: 0;
    width: 100%; /* Lebar penuh */
    height: 100%; /* Tinggi penuh */
    overflow: auto; /* Jika perlu, tambahkan scroll */
    background-color: rgb(0,0,0); /* Warna latar belakang */
    background-color: rgba(0,0,0,0.4); /* Latar belakang transparan */
    overflow: hidden;
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% dari atas dan tengah */
    padding: 20px;
    border: 1px solid #888;
    border-radius: 10px;
    width: 650px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.header h5{
    margin: 0;
}
.video-frame{
    height: 350px!important;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.btn-beli{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: #652F8E;
    color: #fff;
    border-radius: 100px;
    font-weight: 500;
}
.btn-beli:hover{
    color: #fff!important;
    background-color: #552779;
}
/* Responsive width */
@media (min-width:768px) and (max-width:1023.98px){
    .accordion-header h3, .accordion-icon{
    font-size: 18px;
    }
    .materi-kelas .accordion-content .materi-list .text-materi span{
    font-size: 16px;
    }
    .duration-materi{
        font-size: 16px;
    }
}

@media (max-width:767.98px){
    .accordion-header {
      padding: 24px 15px;
    }
    .accordion-header h3{
        padding-right: 14px;
    }
    .accordion-header h3, .accordion-icon{
        font-size: 14px;
    }
    .materi-kelas .accordion-content .materi-list .text-materi span{
        font-size: 14px;
    }
   .materi-kelas .accordion-content ul{ 
      padding: 0 10px;
    }
    .text-materi{
        display: flex;
        gap: 10px;
        margin-right: 10px;
    }
    .text-preview{
        font-size:12px;
    }
    .duration-materi{
        align-content:center;
        margin-right: 0;
        font-size: 14px;
    }
    .icon-video{
        width: 24px;
    }
    .icon-unlock, .icon-lock{
        width: 20px;
    }
    .modal-content {
        width: 90%;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-BlackItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-Semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://iodacademy.id/wp-content/uploads/2024/06/SourceSansPro-SemiboldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */