.elementor-20227 .elementor-element.elementor-element-7e746b4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-20227 .elementor-element.elementor-element-1610ba94{--display:flex;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20227 .elementor-element.elementor-element-3631bce9{--display:grid;--e-con-grid-template-columns:repeat(9, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-20227 .elementor-element.elementor-element-623b7ef1 > .elementor-widget-container{margin:0% 7% 0% 7%;}.elementor-20227 .elementor-element.elementor-element-623b7ef1 .wd-info-box{padding:0px 0px 0px 0px;}.elementor-20227 .elementor-element.elementor-element-623b7ef1 .info-box-title{font-size:13px;}.elementor-20227 .elementor-element.elementor-element-7b357768 > .elementor-widget-container{margin:0% 7% 0% 7%;}.elementor-20227 .elementor-element.elementor-element-7b357768 .wd-info-box{padding:0px 0px 0px 0px;}.elementor-20227 .elementor-element.elementor-element-7b357768 .info-box-title{font-size:13px;}.elementor-20227 .elementor-element.elementor-element-29cddda0 > .elementor-widget-container{margin:0% 7% 0% 7%;}.elementor-20227 .elementor-element.elementor-element-29cddda0 .wd-info-box{padding:0px 0px 0px 0px;}.elementor-20227 .elementor-element.elementor-element-29cddda0 .info-box-title{font-size:13px;}.elementor-20227 .elementor-element.elementor-element-4987bbfe > .elementor-widget-container{margin:0% 7% 0% 7%;}.elementor-20227 .elementor-element.elementor-element-4987bbfe .wd-info-box{padding:0px 0px 0px 0px;}.elementor-20227 .elementor-element.elementor-element-4987bbfe .info-box-title{font-size:13px;}.elementor-20227 .elementor-element.elementor-element-1a8df1f1 > .elementor-widget-container{margin:0% 7% 0% 7%;}.elementor-20227 .elementor-element.elementor-element-1a8df1f1 .wd-info-box{padding:0px 0px 0px 0px;}.elementor-20227 .elementor-element.elementor-element-1a8df1f1 .info-box-title{font-size:13px;}.elementor-20227 .elementor-element.elementor-element-179ebb81 > .elementor-widget-container{margin:0% 7% 0% 7%;}.elementor-20227 .elementor-element.elementor-element-179ebb81 .wd-info-box{padding:0px 0px 0px 0px;}.elementor-20227 .elementor-element.elementor-element-179ebb81 .info-box-title{font-size:13px;}.elementor-20227 .elementor-element.elementor-element-fe0e542 > .elementor-widget-container{margin:0% 7% 0% 7%;}.elementor-20227 .elementor-element.elementor-element-fe0e542 .wd-info-box{padding:0px 0px 0px 0px;}.elementor-20227 .elementor-element.elementor-element-fe0e542 .info-box-title{font-size:13px;}.elementor-20227 .elementor-element.elementor-element-545b982d > .elementor-widget-container{margin:0% 7% 0% 7%;}.elementor-20227 .elementor-element.elementor-element-545b982d .wd-info-box{padding:0px 0px 0px 0px;}.elementor-20227 .elementor-element.elementor-element-545b982d .info-box-title{font-size:13px;}.elementor-20227 .elementor-element.elementor-element-60328ff3 > .elementor-widget-container{margin:0% 7% 0% 7%;}.elementor-20227 .elementor-element.elementor-element-60328ff3 .wd-info-box{padding:0px 0px 0px 0px;}.elementor-20227 .elementor-element.elementor-element-60328ff3 .info-box-title{font-size:13px;}.elementor-20227 .elementor-element.elementor-element-91ba77{--divider-border-style:solid;--divider-color:#EEEEEE;--divider-border-width:1px;}.elementor-20227 .elementor-element.elementor-element-91ba77 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-20227 .elementor-element.elementor-element-91ba77 .elementor-divider-separator{width:100%;}.elementor-20227 .elementor-element.elementor-element-91ba77 .elementor-divider{padding-block-start:20px;padding-block-end:20px;}.elementor-msie .elementor-20227 .elementor-element.elementor-element-bb6d510 .elementor-portfolio-item{width:calc( 100% / 4 );}.elementor-20227 .elementor-element.elementor-element-bb6d510 .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-20227 .elementor-element.elementor-element-bb6d510:after{content:"0.66";position:absolute;color:transparent;}.elementor-20227 .elementor-element.elementor-element-bb6d510{--grid-row-gap:10px;--grid-column-gap:10px;}@media(max-width:1024px){.elementor-20227 .elementor-element.elementor-element-7e746b4{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-20227 .elementor-element.elementor-element-3631bce9{--e-con-grid-template-columns:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-20227 .elementor-element.elementor-element-623b7ef1 > .elementor-widget-container{margin:0% 10% 0% 10%;}.elementor-20227 .elementor-element.elementor-element-7b357768 > .elementor-widget-container{margin:0% 10% 0% 10%;}.elementor-20227 .elementor-element.elementor-element-29cddda0 > .elementor-widget-container{margin:0% 10% 0% 10%;}.elementor-20227 .elementor-element.elementor-element-4987bbfe > .elementor-widget-container{margin:0% 10% 0% 10%;}.elementor-20227 .elementor-element.elementor-element-1a8df1f1 > .elementor-widget-container{margin:0% 10% 0% 10%;}.elementor-20227 .elementor-element.elementor-element-179ebb81 > .elementor-widget-container{margin:0% 10% 0% 10%;}.elementor-20227 .elementor-element.elementor-element-fe0e542 > .elementor-widget-container{margin:0% 10% 0% 10%;}.elementor-20227 .elementor-element.elementor-element-545b982d > .elementor-widget-container{margin:0% 10% 0% 10%;}.elementor-20227 .elementor-element.elementor-element-60328ff3 > .elementor-widget-container{margin:0% 10% 0% 10%;}.elementor-msie .elementor-20227 .elementor-element.elementor-element-bb6d510 .elementor-portfolio-item{width:calc( 100% / 2 );}}@media(max-width:768px){.elementor-20227 .elementor-element.elementor-element-7e746b4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20227 .elementor-element.elementor-element-3631bce9{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-msie .elementor-20227 .elementor-element.elementor-element-bb6d510 .elementor-portfolio-item{width:calc( 100% / 1 );}}@media(min-width:769px){.elementor-20227 .elementor-element.elementor-element-1610ba94{--width:100%;}}@media(max-width:1024px) and (min-width:769px){.elementor-20227 .elementor-element.elementor-element-1610ba94{--width:100%;}}/* Start custom CSS for portfolio, class: .elementor-element-bb6d510 */.elementor-16728 .elementor-element.elementor-element-46f60aa .elementor-portfolio__filter {
  display: inline-block;
  background-color: #000000; /* warna latar tombol */
  color: #FFFFFF;
  border-radius: 5px 15px 5px 15px;
  padding: 8px 16px;
  transition: all 0.3s ease;
}

.elementor-16728 .elementor-element.elementor-element-46f60aa .elementor-portfolio__filter:not(:first-child) {
  margin-left: 10px;
}

.elementor-16728 .elementor-element.elementor-element-46f60aa .elementor-portfolio__filter:hover,
.elementor-16728 .elementor-element.elementor-element-46f60aa .elementor-portfolio__filter.elementor-active {
  background-color: #EA1D2C; /* warna hover atau aktif */
  color: #FFFFFF;
}/* End custom CSS */