.elementor-658 .elementor-element.elementor-element-f6e6109{--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;box-shadow:0px 0px 30px -2px rgba(0, 0, 0, 0.24);--margin-top:-10px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .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-658 .elementor-element.elementor-element-195e904 > .elementor-widget-container{margin:0px 0px 0px -80px;}.elementor-658 .elementor-element.elementor-element-195e904{text-align:right;}.elementor-658 .elementor-element.elementor-element-195e904 img{width:26%;}.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-658 .elementor-element.elementor-element-d6ff2be > .elementor-widget-container{margin:0px 0px 0px -10px;}.elementor-658 .elementor-element.elementor-element-d6ff2be{text-align:left;}.elementor-658 .elementor-element.elementor-element-d6ff2be .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;color:#000000;}.elementor-658 .elementor-element.elementor-element-1a954a5{--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;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.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-658 .elementor-element.elementor-element-58f5d8a .elementor-button{background-color:#45DCB3;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;border-style:solid;border-width:4px 4px 4px 4px;border-radius:15px 15px 15px 15px;padding:5px 6px 2px 6px;}.elementor-658 .elementor-element.elementor-element-58f5d8a .elementor-button:hover, .elementor-658 .elementor-element.elementor-element-58f5d8a .elementor-button:focus{background-color:#FE7FD1;}.elementor-658 .elementor-element.elementor-element-58116f6 .elementor-button{background-color:#9145DC;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;border-style:solid;border-width:4px 4px 4px 4px;border-radius:15px 15px 15px 15px;padding:8px 7px 5px 7px;}.elementor-658 .elementor-element.elementor-element-58116f6 .elementor-button:hover, .elementor-658 .elementor-element.elementor-element-58116f6 .elementor-button:focus{background-color:#FE7FD1;}.elementor-658:not(.elementor-motion-effects-element-type-background), .elementor-658 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFE5FC;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for shortcode, class: .elementor-element-18bd338 */.elementor-658 .elementor-element.elementor-element-18bd338 {
    display: none;
}/* End custom CSS */
/* Start custom CSS *//* Memanggil font Roboto dari Google Fonts */
  body {
    font-family: 'Roboto', sans-serif;
  }

  .menubutton {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-family: 'Roboto', sans-serif; /* Gunakan font Roboto */
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #333333;
    background-color: #ffe5fc;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.333);
    border-radius: 40px;
    padding: 5px 10px 5px 10px;
    transform: translate(0px, 0px) rotate(0deg);
    transition: 0.2s;
    box-shadow: -4px -2px 16px 0px #ffdbf3, 4px 2px 16px 0px rgb(95 157 231 / 45%);
  }

  .menubutton:hover {
    color: #fe7fd1;
    background-color: #E5EDF5;
    box-shadow: -2px -1px 8px 0px #ffdbf3, 2px 1px 8px 0px rgb(95 157 231 / 45%);
  }

  .menubutton:active {
    box-shadow: none;
  }

  svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.5;
  }


.header-menu {
    background-color: rgba(255, 229, 252, 0.1); 

    backdrop-filter: blur(10px); /* Blur latar belakang */

    transition: background-color 0.3s; /* Efek transisi saat hover *//* End custom CSS */