.elementor-19783 .elementor-element.elementor-element-d868dbd > .elementor-container{max-width:500px;}.elementor-19783 .elementor-element.elementor-element-d868dbd:not(.elementor-motion-effects-element-type-background), .elementor-19783 .elementor-element.elementor-element-d868dbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDEBEA00;}.elementor-19783 .elementor-element.elementor-element-d868dbd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19783 .elementor-element.elementor-element-d868dbd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19783 .elementor-element.elementor-element-6b1c57e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-19783 .elementor-element.elementor-element-6b1c57e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D6E8F0;}.elementor-19783 .elementor-element.elementor-element-6b1c57e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19783 .elementor-element.elementor-element-6b1c57e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19783 .elementor-element.elementor-element-b30c935{text-align:center;}.elementor-19783 .elementor-element.elementor-element-b30c935 .elementor-heading-title{color:#415E5D;font-family:"Times New Roman", Sans-serif;}.elementor-19783 .elementor-element.elementor-element-b30c935 > .elementor-widget-container{margin:100px 50px 0px 50px;}.elementor-19783 .elementor-element.elementor-element-af370a8{--spacer-size:50px;}.elementor-19783 .elementor-element.elementor-element-8053f66{--spacer-size:50px;}.elementor-19783 .elementor-element.elementor-element-714423a > .elementor-container{max-width:500px;}.elementor-19783 .elementor-element.elementor-element-714423a:not(.elementor-motion-effects-element-type-background), .elementor-19783 .elementor-element.elementor-element-714423a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDEBEA00;}.elementor-19783 .elementor-element.elementor-element-714423a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19783 .elementor-element.elementor-element-714423a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19783 .elementor-element.elementor-element-8f1754f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-19783 .elementor-element.elementor-element-8f1754f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19783 .elementor-element.elementor-element-8f1754f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19783 .elementor-element.elementor-element-8f1754f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19783 .elementor-element.elementor-element-25c6a3f .elementor-icon-wrapper{text-align:center;}.elementor-19783 .elementor-element.elementor-element-25c6a3f.elementor-view-stacked .elementor-icon{background-color:#415E5D;}.elementor-19783 .elementor-element.elementor-element-25c6a3f.elementor-view-framed .elementor-icon, .elementor-19783 .elementor-element.elementor-element-25c6a3f.elementor-view-default .elementor-icon{color:#415E5D;border-color:#415E5D;}.elementor-19783 .elementor-element.elementor-element-25c6a3f.elementor-view-framed .elementor-icon, .elementor-19783 .elementor-element.elementor-element-25c6a3f.elementor-view-default .elementor-icon svg{fill:#415E5D;}.elementor-19783 .elementor-element.elementor-element-ffb0a6c .elementor-icon-wrapper{text-align:center;}.elementor-19783 .elementor-element.elementor-element-ffb0a6c.elementor-view-stacked .elementor-icon{background-color:#415E5D;}.elementor-19783 .elementor-element.elementor-element-ffb0a6c.elementor-view-framed .elementor-icon, .elementor-19783 .elementor-element.elementor-element-ffb0a6c.elementor-view-default .elementor-icon{color:#415E5D;border-color:#415E5D;}.elementor-19783 .elementor-element.elementor-element-ffb0a6c.elementor-view-framed .elementor-icon, .elementor-19783 .elementor-element.elementor-element-ffb0a6c.elementor-view-default .elementor-icon svg{fill:#415E5D;}.elementor-19783 .elementor-element.elementor-element-f66e242 .elementor-icon-wrapper{text-align:center;}.elementor-19783 .elementor-element.elementor-element-f66e242.elementor-view-stacked .elementor-icon{background-color:#415E5D;}.elementor-19783 .elementor-element.elementor-element-f66e242.elementor-view-framed .elementor-icon, .elementor-19783 .elementor-element.elementor-element-f66e242.elementor-view-default .elementor-icon{color:#415E5D;border-color:#415E5D;}.elementor-19783 .elementor-element.elementor-element-f66e242.elementor-view-framed .elementor-icon, .elementor-19783 .elementor-element.elementor-element-f66e242.elementor-view-default .elementor-icon svg{fill:#415E5D;}.elementor-19783 .elementor-element.elementor-element-1f7e1dc .elementor-icon-wrapper{text-align:center;}.elementor-19783 .elementor-element.elementor-element-1f7e1dc.elementor-view-stacked .elementor-icon{background-color:#415E5D;}.elementor-19783 .elementor-element.elementor-element-1f7e1dc.elementor-view-framed .elementor-icon, .elementor-19783 .elementor-element.elementor-element-1f7e1dc.elementor-view-default .elementor-icon{color:#415E5D;border-color:#415E5D;}.elementor-19783 .elementor-element.elementor-element-1f7e1dc.elementor-view-framed .elementor-icon, .elementor-19783 .elementor-element.elementor-element-1f7e1dc.elementor-view-default .elementor-icon svg{fill:#415E5D;}@media(max-width:767px){.elementor-19783 .elementor-element.elementor-element-d868dbd{padding:0px 0px 0px 0px;}.elementor-19783 .elementor-element.elementor-element-6b1c57e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-19783 .elementor-element.elementor-element-b30c935{text-align:center;}.elementor-19783 .elementor-element.elementor-element-b30c935 .elementor-heading-title{font-size:29px;}.elementor-19783 .elementor-element.elementor-element-b30c935 > .elementor-widget-container{margin:100px 0px 30px 0px;}.elementor-19783 .elementor-element.elementor-element-8db4e3d{width:25%;}.elementor-19783 .elementor-element.elementor-element-289e00a > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-45632be{width:25%;}.elementor-19783 .elementor-element.elementor-element-2ad3606 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-9b81905{width:25%;}.elementor-19783 .elementor-element.elementor-element-4bff129 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-b012fb4{width:25%;}.elementor-19783 .elementor-element.elementor-element-f859962 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-b99b3c0{width:25%;}.elementor-19783 .elementor-element.elementor-element-4efd094 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-40f3876{width:25%;}.elementor-19783 .elementor-element.elementor-element-6e7cb2c > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-3dbcfa2{width:25%;}.elementor-19783 .elementor-element.elementor-element-dfda5f1 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-354df7a{width:25%;}.elementor-19783 .elementor-element.elementor-element-b15202b > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-38ec60b{width:25%;}.elementor-19783 .elementor-element.elementor-element-aa9a5ea > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-4a4cbfb{width:25%;}.elementor-19783 .elementor-element.elementor-element-a69be68 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-4bea734{width:25%;}.elementor-19783 .elementor-element.elementor-element-998fdce > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-fd6df25{width:25%;}.elementor-19783 .elementor-element.elementor-element-bcfdd7b > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-436e47d{width:25%;}.elementor-19783 .elementor-element.elementor-element-d6d1380 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-0c6e293{width:25%;}.elementor-19783 .elementor-element.elementor-element-9354589 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-51568b9{width:25%;}.elementor-19783 .elementor-element.elementor-element-8c33f49 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-fa45b84{width:25%;}.elementor-19783 .elementor-element.elementor-element-44f25a6 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-bda4879{width:25%;}.elementor-19783 .elementor-element.elementor-element-f2539e2 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-907d7bb{width:25%;}.elementor-19783 .elementor-element.elementor-element-d7183f6 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-5fb81a3{width:25%;}.elementor-19783 .elementor-element.elementor-element-711873f > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-46d9fcd{width:25%;}.elementor-19783 .elementor-element.elementor-element-94cb4f4 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-e861fa5{width:25%;}.elementor-19783 .elementor-element.elementor-element-2888a10 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-b799a6e{width:25%;}.elementor-19783 .elementor-element.elementor-element-6ca143e > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-4cd9952{width:25%;}.elementor-19783 .elementor-element.elementor-element-fdbb9bb > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-3958a31{width:25%;}.elementor-19783 .elementor-element.elementor-element-35e0d3e > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-19783 .elementor-element.elementor-element-af370a8{--spacer-size:49px;}.elementor-19783 .elementor-element.elementor-element-8053f66{--spacer-size:156px;}.elementor-19783 .elementor-element.elementor-element-714423a > .elementor-container{max-width:500px;}.elementor-19783 .elementor-element.elementor-element-714423a, .elementor-19783 .elementor-element.elementor-element-714423a > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-19783 .elementor-element.elementor-element-714423a{margin-top:-149px;margin-bottom:0px;padding:0px 15px 26px 15px;}.elementor-19783 .elementor-element.elementor-element-8f1754f > .elementor-element-populated, .elementor-19783 .elementor-element.elementor-element-8f1754f > .elementor-element-populated > .elementor-background-overlay, .elementor-19783 .elementor-element.elementor-element-8f1754f > .elementor-background-slideshow{border-radius:44px 44px 44px 44px;}.elementor-19783 .elementor-element.elementor-element-8f1754f > .elementor-element-populated{margin:015px 015px 015px 015px;--e-column-margin-right:015px;--e-column-margin-left:015px;}.elementor-19783 .elementor-element.elementor-element-c5c174a{width:25%;}.elementor-19783 .elementor-element.elementor-element-25c6a3f .elementor-icon{font-size:21px;}.elementor-19783 .elementor-element.elementor-element-25c6a3f .elementor-icon svg{height:21px;}.elementor-19783 .elementor-element.elementor-element-b9df36b{width:25%;}.elementor-19783 .elementor-element.elementor-element-ffb0a6c .elementor-icon{font-size:21px;}.elementor-19783 .elementor-element.elementor-element-ffb0a6c .elementor-icon svg{height:21px;}.elementor-19783 .elementor-element.elementor-element-1dfe679{width:25%;}.elementor-19783 .elementor-element.elementor-element-f66e242 .elementor-icon{font-size:21px;}.elementor-19783 .elementor-element.elementor-element-f66e242 .elementor-icon svg{height:21px;}.elementor-19783 .elementor-element.elementor-element-090795c{width:25%;}.elementor-19783 .elementor-element.elementor-element-1f7e1dc .elementor-icon{font-size:21px;}.elementor-19783 .elementor-element.elementor-element-1f7e1dc .elementor-icon svg{height:21px;}}/* Start custom CSS for image, class: .elementor-element-289e00a */.elementor-19783 .elementor-element.elementor-element-289e00a {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2ad3606 */.elementor-19783 .elementor-element.elementor-element-2ad3606 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bff129 */.elementor-19783 .elementor-element.elementor-element-4bff129 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f859962 */.elementor-19783 .elementor-element.elementor-element-f859962 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4efd094 */.elementor-19783 .elementor-element.elementor-element-4efd094 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e7cb2c */.elementor-19783 .elementor-element.elementor-element-6e7cb2c {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dfda5f1 */.elementor-19783 .elementor-element.elementor-element-dfda5f1 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b15202b */.elementor-19783 .elementor-element.elementor-element-b15202b {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aa9a5ea */.elementor-19783 .elementor-element.elementor-element-aa9a5ea {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a69be68 */.elementor-19783 .elementor-element.elementor-element-a69be68 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-998fdce */.elementor-19783 .elementor-element.elementor-element-998fdce {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bcfdd7b */.elementor-19783 .elementor-element.elementor-element-bcfdd7b {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d6d1380 */.elementor-19783 .elementor-element.elementor-element-d6d1380 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9354589 */.elementor-19783 .elementor-element.elementor-element-9354589 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c33f49 */.elementor-19783 .elementor-element.elementor-element-8c33f49 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-44f25a6 */.elementor-19783 .elementor-element.elementor-element-44f25a6 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f2539e2 */.elementor-19783 .elementor-element.elementor-element-f2539e2 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7183f6 */.elementor-19783 .elementor-element.elementor-element-d7183f6 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-711873f */.elementor-19783 .elementor-element.elementor-element-711873f {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94cb4f4 */.elementor-19783 .elementor-element.elementor-element-94cb4f4 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2888a10 */.elementor-19783 .elementor-element.elementor-element-2888a10 {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6ca143e */.elementor-19783 .elementor-element.elementor-element-6ca143e {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fdbb9bb */.elementor-19783 .elementor-element.elementor-element-fdbb9bb {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35e0d3e */.elementor-19783 .elementor-element.elementor-element-35e0d3e {
  animation: pulseZoom 1.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d868dbd *//* Container untuk Efek 3D */
.foto-3d-container {
    perspective: 1000px; /* Menentukan perspektif 3D */
    width: 300px; /* Lebar container, sesuaikan */
    height: 300px; /* Tinggi container, sesuaikan */
    margin: 0 auto; /* Tengahkankan jika ingin */
    display: flex; /* Untuk menengahkan gambar di dalamnya */
    justify-content: center;
    align-items: center;
}

/* Gambar yang akan Diputar */
.foto-3d-item {
    width: 100%; /* Gambar mengisi lebar container */
    height: 100%; /* Gambar mengisi tinggi container */
    object-fit: cover; /* Pastikan gambar mengisi tanpa terdistorsi */
    transition: transform 0.8s ease-in-out; /* Transisi untuk animasi halus */
    transform-style: preserve-3d; /* Penting untuk efek 3D */
    border-radius: 10px; /* Sudut membulat, opsional */
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3); /* Bayangan, opsional */
}

/* Efek Putar saat di-Hover */
.foto-3d-container:hover .foto-3d-item {
    transform: rotateY(180deg); /* Putar 180 derajat pada sumbu Y */
    /* Anda bisa coba:
    rotateX(180deg) - untuk putar vertikal
    rotateZ(90deg) - untuk putar miring
    rotate3d(1, 1, 0, 180deg) - untuk putar diagonal */
}

/* Tambahan: Untuk efek pop-out sedikit saat di-hover */
.foto-3d-container:hover .foto-3d-item {
    transform: rotateY(180deg) scale(1.05); /* Putar dan sedikit perbesar */
}/* End custom CSS */