/* Start custom CSS for html, class: .elementor-element-1e64016 */body {
        font-family: 'Inter', sans-serif;
      }
      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
    
      .flip-horizontal {
        transform: scaleX(-1);
      }
    
      details > summary::-webkit-details-marker {
        display: none;
      }
      details > summary {
        list-style: none;
      }
    
      .hero-card-background {
        background-image: url('https://anymhost.id/wp-content/uploads/2025/10/wmremove-transformed.jpeg');
        background-size: cover;
        background-position: center;
        position: relative;
      }
    
      .hero-card-background::before {
        content: "";
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 0;
        border-radius: 1.5rem;
      }
    
      .hero-card-background > div {
        position: relative;
        z-index: 1;
      }
    
      .hero-image-wrapper img {
        display: block;
        max-width: 100%;
        height: auto;
        object-fit: contain;
        object-position: bottom center;
        transform: scaleX(-1);
      }
    
      .hero-heading-override,
      .hero-paragraph-override {
        text-align: center !important;
      }
    
      @media (min-width: 768px) {
        .hero-heading-override,
        .hero-paragraph-override {
          text-align: left !important;
        }
      }
    
      @media (min-width: 768px) {
        .hero-button {
          font-size: 1.125rem;
          padding: 0.9rem 2.25rem;
          border-radius: 0.875rem;
        }
      }
      
      /* Custom Footer Styles (to isolate from other elements) */
      .footer-section {
        background-color: #f8fafc; /* bg-slate-50 */
        padding-top: 4rem; /* py-16 */
        padding-bottom: 4rem; /* py-16 */
      }
      .footer-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 80rem; /* max-w-7xl */
        padding-left: 1.5rem; /* px-6 */
        padding-right: 1.5rem; /* px-6 */
      }
      .footer-card {
        background-color: #ffffff; /* bg-white */
        border-radius: 1.5rem; /* rounded-3xl */
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow-xl */
        overflow: hidden; /* overflow-hidden */
        display: grid;
      }
      .footer-text-col {
        padding: 2rem; /* p-8 */
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center; /* ALIGN MOBILE KE TENGAH */
      }
      .footer-btn-grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr)); /* grid-cols-1 */
        gap: 1rem; /* gap-4 */
        margin-top: 1rem; /* mt-4 */
      }
      .footer-btn {
        width: 100%;
        padding: 0.75rem 1.25rem; /* px-5 py-3 */
        text-align: center;
        font-size: 0.875rem; /* text-sm */
        font-weight: 600; /* font-semibold */
        background-color: #ffffff; /* bg-white */
        border-width: 2px;
        border-radius: 0.75rem; /* rounded-xl */
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
        text-decoration: none;
      }
      .footer-btn-email {
        color: #db2777; /* text-pink-600 */
        border-color: #db2777; /* border-pink-500 */
      }
      .footer-btn-email:hover {
        background-color: #db2777; /* hover:bg-pink-500 */
        color: #ffffff; /* hover:text-white */
        transform: translateY(-0.125rem); /* hover:-translate-y-0.5 */
      }
      .footer-btn-wa {
        color: #16a34a; /* text-green-600 */
        border-color: #22c55e; /* border-green-500 */
      }
      .footer-btn-wa:hover {
        background-color: #22c55e; /* hover:bg-green-500 */
        color: #ffffff; /* hover:text-white */
        transform: translateY(-0.125rem); /* hover:-translate-y-0.5 */
      }
      .footer-btn-tele {
        color: #2563eb; /* text-blue-600 */
        border-color: #3b82f6; /* border-blue-500 */
      }
      .footer-btn-tele:hover {
        background-color: #3b82f6; /* hover:bg-blue-500 */
        color: #ffffff; /* hover:text-white */
        transform: translateY(-0.125rem); /* hover:-translate-y-0.5 */
      }
      .footer-img-col {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        height: 400px; /* h-[400px] */
        overflow: hidden;
      }
      .footer-img {
        /* height diatur oleh inline style clamp() */
        width: auto;
        object-fit: contain;
        z-index: 10;
        transform: scaleX(-1); /* flip-horizontal */
      }

      /* Responsive styles for footer */
      @media (min-width: 768px) {
        .footer-section {
          padding-top: 6rem; /* md:py-24 */
          padding-bottom: 6rem; /* md:py-24 */
        }
        .footer-text-col {
          padding: 3rem; /* md:p-12 */
        }
      }
      @media (min-width: 1024px) {
        .footer-card {
          grid-template-columns: repeat(2, minmax(0, 1fr)); /* lg:grid-cols-2 */
        }
        .footer-text-col {
          padding: 4rem; /* lg:p-16 */
          text-align: left; /* ALIGN DESKTOP KEMBALI KE KIRI */
        }
        .footer-btn-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr)); /* lg:grid-cols-3 */
        }
        .footer-img-col {
          height: auto; /* lg:h-auto */
        }
        .footer-img {
          /* height diatur oleh inline style clamp() */
        }
      }/* End custom CSS */