.elementor-18 .elementor-element.elementor-element-5bf3433{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18 .elementor-element.elementor-element-92f6e7d{--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18 .elementor-element.elementor-element-7570a97{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18 .elementor-element.elementor-element-f3d8b41 .elementor-menu-toggle{margin-right:auto;}.elementor-18 .elementor-element.elementor-element-f3d8b41 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:22px;}.elementor-18 .elementor-element.elementor-element-f3d8b41 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-18 .elementor-element.elementor-element-f3d8b41 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0A0178;}.elementor-18 .elementor-element.elementor-element-b5847ca{--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:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18 .elementor-element.elementor-element-a75d043 .elementor-button{background-color:#0A0178;font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:20px;fill:#FFFFFF;color:#FFFFFF;border-radius:6px 6px 6px 6px;padding:8px 16px 8px 16px;}.elementor-18 .elementor-element.elementor-element-0fe2569 .elementor-icon-wrapper{text-align:center;}.elementor-18 .elementor-element.elementor-element-3592fe5{--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;--overlay-opacity:1;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-3592fe5:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-3592fe5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8FF;}.elementor-18 .elementor-element.elementor-element-3592fe5::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ruangkelas.ai/wp-content/uploads/2025/09/Mask-group.png");--background-overlay:'';background-position:top left;background-repeat:no-repeat;background-size:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-7570a97{--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:flex-end;}.elementor-18 .elementor-element.elementor-element-0fe2569 .elementor-icon{font-size:25px;}.elementor-18 .elementor-element.elementor-element-0fe2569 .elementor-icon svg{height:25px;}.elementor-18 .elementor-element.elementor-element-3592fe5::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:350px auto;}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-5bf3433{--content-width:1240px;}.elementor-18 .elementor-element.elementor-element-92f6e7d{--width:25%;}.elementor-18 .elementor-element.elementor-element-7570a97{--width:50%;}.elementor-18 .elementor-element.elementor-element-b5847ca{--width:25%;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-92f6e7d{--width:45%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-7570a97{--width:15%;--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:space-evenly;--align-items:center;}.elementor-18 .elementor-element.elementor-element-b5847ca{--width:40%;}.elementor-18 .elementor-element.elementor-element-0fe2569 .elementor-icon{font-size:21px;}.elementor-18 .elementor-element.elementor-element-0fe2569 .elementor-icon svg{height:21px;}.elementor-18 .elementor-element.elementor-element-3592fe5::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-3592fe5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:top left;background-size:300px auto;}}/* Start custom CSS for container, class: .elementor-element-7570a97 */a.elementor-item.elementor-item-active {
  font-weight: 600 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bf3433 */.elementor-18 .elementor-element.elementor-element-5bf3433 {
    height:80px;}
    
.elementor-18 .elementor-element.elementor-element-5bf3433.elementor-sticky--effects{
background: linear-gradient(180deg, #FFFFFF 32.95%, rgba(255, 255, 255, 0) 148.3%);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
border-bottom: 1px solid #FFFFFF;
}
.elementor-18 .elementor-element.elementor-element-5bf3433{
transition: background-color is ease !important;
}

.elementor-18 .elementor-element.elementor-element-5bf3433{
transition: min-height 1s ease !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3592fe5 */.elementor-18 .elementor-element.elementor-element-3592fe5 {
    height:320px;}
.elementor-element-3592fe5::before{
     z-index: 2;
}/* End custom CSS */