.elementor-18963 .elementor-element.elementor-element-d868dbd > .elementor-container{max-width:500px;}.elementor-18963 .elementor-element.elementor-element-d868dbd:not(.elementor-motion-effects-element-type-background), .elementor-18963 .elementor-element.elementor-element-d868dbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDEBEA00;}.elementor-18963 .elementor-element.elementor-element-d868dbd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18963 .elementor-element.elementor-element-d868dbd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18963 .elementor-element.elementor-element-6b1c57e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-18963 .elementor-element.elementor-element-6b1c57e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDEBEA;}.elementor-18963 .elementor-element.elementor-element-6b1c57e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18963 .elementor-element.elementor-element-6b1c57e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18963 .elementor-element.elementor-element-b30c935{text-align:center;}.elementor-18963 .elementor-element.elementor-element-b30c935 .elementor-heading-title{color:#8C3850;font-family:"Times New Roman", Sans-serif;}.elementor-18963 .elementor-element.elementor-element-b30c935 > .elementor-widget-container{margin:100px 50px 0px 50px;}.elementor-18963 .elementor-element.elementor-element-89ba617 img{width:58%;}.elementor-18963 .elementor-element.elementor-element-89ba617 > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-18963 .elementor-element.elementor-element-773fb1e .elementor-button-content-wrapper{flex-direction:row;}.elementor-18963 .elementor-element.elementor-element-773fb1e .elementor-button{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:500;background-color:#D26F83;border-radius:150px 150px 150px 150px;}.elementor-18963 .elementor-element.elementor-element-773fb1e > .elementor-widget-container{margin:0px 0px 100px 0px;}@media(max-width:767px){.elementor-18963 .elementor-element.elementor-element-b30c935{text-align:center;}.elementor-18963 .elementor-element.elementor-element-b30c935 .elementor-heading-title{font-size:29px;}.elementor-18963 .elementor-element.elementor-element-b30c935 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-18963 .elementor-element.elementor-element-89ba617 img{width:74%;}.elementor-18963 .elementor-element.elementor-element-89ba617 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-18963 .elementor-element.elementor-element-773fb1e .elementor-button{font-size:12px;border-radius:50px 50px 50px 50px;}.elementor-18963 .elementor-element.elementor-element-773fb1e > .elementor-widget-container{margin:56px 0px 100px 0px;}}/* Start custom CSS for image, class: .elementor-element-89ba617 */.elementor-18963 .elementor-element.elementor-element-89ba617 img {
  animation: floatUpDown 2.5s ease-in-out infinite;
}

@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-773fb1e */.elementor-18963 .elementor-element.elementor-element-773fb1e {
  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 */