.elementor-9101 .elementor-element.elementor-element-07c6ca6 > .elementor-element-populated{margin:60px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-bc-flex-widget .elementor-9101 .elementor-element.elementor-element-eec75f1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9101 .elementor-element.elementor-element-eec75f1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9101 .elementor-element.elementor-element-eec75f1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-9101 .elementor-element.elementor-element-a4f1dcb{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.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-9101 .elementor-element.elementor-element-87ecf79{text-align:center;}.elementor-9101 .elementor-element.elementor-element-87ecf79 .elementor-heading-title{font-family:"Jaldi", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-9101 .elementor-element.elementor-element-d952998 > .elementor-widget-container{margin:24px 24px 24px 24px;border-radius:0px 0px 0px 0px;}.elementor-9101 .elementor-element.elementor-element-d952998{text-align:justify;}.elementor-9101 .elementor-element.elementor-element-d952998 .elementor-heading-title{font-family:"Jaldi", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-9101 .elementor-element.elementor-element-e2a6e46{box-shadow:0px 0px 4px 0px rgba(0,0,0,0.5);}.elementor-9101 .elementor-element.elementor-element-2f9b740 > .elementor-widget-container{margin:24px 24px 24px 24px;border-radius:0px 0px 0px 0px;}.elementor-9101 .elementor-element.elementor-element-2f9b740{text-align:justify;}.elementor-9101 .elementor-element.elementor-element-2f9b740 .elementor-heading-title{font-family:"Jaldi", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-9101 .elementor-element.elementor-element-aab04da > .elementor-widget-container{margin:24px 24px 24px 24px;border-radius:0px 0px 0px 0px;}.elementor-9101 .elementor-element.elementor-element-aab04da{text-align:justify;}.elementor-9101 .elementor-element.elementor-element-aab04da .elementor-heading-title{font-family:"Jaldi", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-9101 .elementor-element.elementor-element-5ab222a > .elementor-widget-container{margin:24px 24px 24px 24px;border-radius:0px 0px 0px 0px;}.elementor-9101 .elementor-element.elementor-element-5ab222a{text-align:justify;}.elementor-9101 .elementor-element.elementor-element-5ab222a .elementor-heading-title{font-family:"Jaldi", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.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-9101 .elementor-element.elementor-element-9d31733 > .elementor-widget-container{margin:0px 0px -36px 0px;}.elementor-9101 .elementor-element.elementor-element-38462ff > .elementor-widget-container{margin:24px 24px 24px 24px;border-radius:0px 0px 0px 0px;}.elementor-9101 .elementor-element.elementor-element-38462ff{text-align:center;}.elementor-9101 .elementor-element.elementor-element-38462ff .elementor-heading-title{font-family:"Jaldi", Sans-serif;font-size:20px;font-weight:400;color:#000000;}@media(max-width:767px){.elementor-9101 .elementor-element.elementor-element-a4f1dcb{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.elementor-9101 .elementor-element.elementor-element-87ecf79 .elementor-heading-title{font-size:25px;}}/* Start custom CSS for html, class: .elementor-element-a4f1dcb */.product-container {
  width: 300px; /* Sesuaikan ukuran container produk */
  height: 300px;
  overflow: hidden; /* Sembunyikan bagian gambar yang di luar container */
  position: relative;
  justify-content: center;
  align-items: center;
}

.product-image img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
  cursor: zoom-in; /* Mengubah kursor saat hover */
}

.product-container:hover .product-image img {
  transform: scale(2); /* Skala zoom, sesuaikan dengan kebutuhan */
}/* End custom CSS */