.elementor-485 .elementor-element.elementor-element-4c47a0a{--display:flex;--position:absolute;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;top:0px;--z-index:100;}body:not(.rtl) .elementor-485 .elementor-element.elementor-element-4c47a0a{left:0px;}body.rtl .elementor-485 .elementor-element.elementor-element-4c47a0a{right:0px;}.elementor-485 .elementor-element.elementor-element-36c6256{--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;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#350044;--border-color:#350044;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-485 .elementor-element.elementor-element-36c6256:not(.elementor-motion-effects-element-type-background), .elementor-485 .elementor-element.elementor-element-36c6256 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-485 .elementor-element.elementor-element-197550c{--display:flex;}.elementor-485 .elementor-element.elementor-element-4fb8a3b{text-align:center;}.elementor-485 .elementor-element.elementor-element-4fb8a3b img{width:85%;max-width:100%;height:80px;object-fit:contain;object-position:center center;}.elementor-485 .elementor-element.elementor-element-ee6a355{--display:flex;}.elementor-485 .elementor-element.elementor-element-1e33c90 .elementor-menu-toggle{margin:0 auto;}.elementor-485 .elementor-element.elementor-element-1e33c90 .elementor-nav-menu .elementor-item{font-size:23px;}.elementor-485 .elementor-element.elementor-element-1e33c90 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-485 .elementor-element.elementor-element-1e33c90 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-485 .elementor-element.elementor-element-1e33c90 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-485 .elementor-element.elementor-element-1e33c90 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-485 .elementor-element.elementor-element-1e33c90 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor1 );fill:var( --e-global-color-astglobalcolor1 );}.elementor-485 .elementor-element.elementor-element-b7d6ab1{--display:flex;}.elementor-485 .elementor-element.elementor-element-13fdc8e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-485 .elementor-element.elementor-element-13fdc8e .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-485 .elementor-element.elementor-element-13fdc8e .elementor-button{fill:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor2 );}.elementor-485 .elementor-element.elementor-element-13fdc8e .elementor-button:hover, .elementor-485 .elementor-element.elementor-element-13fdc8e .elementor-button:focus{color:var( --e-global-color-astglobalcolor4 );}.elementor-485 .elementor-element.elementor-element-13fdc8e .elementor-button:hover svg, .elementor-485 .elementor-element.elementor-element-13fdc8e .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-485 .elementor-element.elementor-element-6fdecad{--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:200px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-485 .elementor-element.elementor-element-6fdecad:not(.elementor-motion-effects-element-type-background), .elementor-485 .elementor-element.elementor-element-6fdecad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(140deg, #350044 30%, #9820BA 75%);}.elementor-485 .elementor-element.elementor-element-687e4e0 .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-485 .elementor-element.elementor-element-e036976{--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:space-between;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-485 .elementor-element.elementor-element-61a21f0{--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-485 .elementor-element.elementor-element-20c10e1{--grid-columns:3;}@media(min-width:768px){.elementor-485 .elementor-element.elementor-element-197550c{--width:25%;}.elementor-485 .elementor-element.elementor-element-b7d6ab1{--width:25%;}}@media(max-width:1024px){.elementor-485 .elementor-element.elementor-element-20c10e1{--grid-columns:2;}}@media(max-width:767px){.elementor-485 .elementor-element.elementor-element-20c10e1{--grid-columns:1;}}/* Start custom CSS for button, class: .elementor-element-13fdc8e *//* Ukuran ikon & posisi */
#arrow .elementor-button-icon {
    font-size: 24px !important; /* ukuran ikon */
    vertical-align: middle !important;
    transition: color 0.3s ease !important; /* smooth transition */
    color: #350044 !important; /* warna normal */
}

/* Hover tombol → ikon jadi putih */
#arrow:hover .elementor-button-icon {
    color: #ffffff !important;
}

/* Jika ikon SVG inline (Icon Widget Elementor) */
#arrow:hover svg path {
    fill: #ffffff !important;
}

/* Jika ikon pakai <img> (upload SVG) */
#arrow .elementor-button-icon img {
    transition: filter 0.3s ease !important;
}

#arrow:hover .elementor-button-icon img {
    filter: brightness(0) invert(1) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c47a0a */.header-absolute {
    position: absolute;
    top: 20px; /* jarak dari atas */
    left: 0;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7b144d */.kategori-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.kategori-btn {
  padding: 10px 16px;
  border-radius: 20px;
  background: #f1f1f1;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  transition: 0.3s;
}

.kategori-btn:hover {
  background: #000;
  color: #fff;
}

/* active state */
.kategori-btn.active {
  background: #000;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6cc91a */.search-post-form {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.search-post-form input {
  flex: 1;
  padding: 10px 15px;
  border-radius: 20px;
  border: 1px solid #ddd;
  outline: none;
}

.search-post-form button {
  padding: 10px 20px;
  border-radius: 20px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}

.search-post-form button:hover {
  background: #333;
}/* End custom CSS */