.elementor-5167 .elementor-element.elementor-element-62fb794{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5167 .elementor-element.elementor-element-2807933 .theme-btn-wrapper{text-align:left;}.elementor-5167 .elementor-element.elementor-element-f60becc{--display:flex;}.elementor-5167 .elementor-element.elementor-element-5becf79 .tv-cta-section.style-3 .overlay::before{background-image:url("https://sewasmartlocker.id/wp-content/uploads/2026/05/Untitled-design-scaled.png");}.elementor-5167 .elementor-element.elementor-element-5becf79 .theme-btn-wrapper{text-align:left;}/* Start custom CSS for inotek-collaborate, class: .elementor-element-5becf79 *//* Container Utama Form di dalam Popup */
.wpcf7 {
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* Styling Teks Label */
.wpcf7 label {
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 16px;
    text-align: left;
}

/* Elemen Input & Select (Rounded & Dinamis) */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select {
    width: 100%;
    padding: 14px 20px;
    margin-top: 8px;
    font-size: 15px;
    color: #4a5568;
    background-color: #f7fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 30px; /* Membuat input melengkung penuh (Rounded) */
    box-sizing: border-box;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* Efek transisi dinamis */
}

/* Efek Dinamis saat Input di-Klik (Focus) */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 select:focus {
    color: #1a202c;
    background-color: #ffffff;
    border-color: #111111; /* Berubah hitam saat aktif */
    outline: none;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.1); /* Efek bayangan halus (glowing) */
    transform: translateY(-1px); /* Efek sedikit terangkat */
}

/* Khusus Styling Dropdown Select (Rounded Fix) */
.wpcf7 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px;
    cursor: pointer;
}

/* Tombol Submit Utama (Sangat Rounded & Dinamis) */
.wpcf7 input[type="submit"] {
    width: 100%;
    padding: 16px 24px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    background: #111111;
    border: 2px solid #111111;
    border-radius: 30px; /* Menyamakan kelengkungan tombol */
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(17, 17, 17, 0.15);
    transition: all 0.3s ease;
}

/* Efek Hover Dinamis pada Tombol Submit */
.wpcf7 input[type="submit"]:hover {
    background: #ffffff;
    color: #111111;
    box-shadow: 0 6px 20px rgba(17, 17, 17, 0.2);
    transform: translateY(-2px); /* Efek pop-up naik ke atas */
}

/* Efek saat Tombol Submit di-klik (Active) */
.wpcf7 input[type="submit"]:active {
    transform: translateY(1px);
    box-shadow: 0 2px 6px rgba(17, 17, 17, 0.1);
}

/* Styling Pesan Error Validasi (Rounded) */
.wpcf7-not-valid-tip {
    color: #e53e3e;
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px;
    margin-left: 15px;
    display: block;
}

.wpcf7-response-output {
    border: 2px solid #e2e8f0 !important;
    border-radius: 20px !important;
    margin: 20px 0 0 0 !important;
    padding: 12px 20px !important;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

/* Spesifik Format Kolom Phone */
.wpcf7 input[type="tel"] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'></path></svg>");
    background-repeat: no-repeat;
    background-position: left 20px center; /* Posisi ikon di sebelah kiri */
    background-size: 18px;
    padding-left: 50px !important; /* Memberi ruang di kiri agar teks tidak menabrak ikon */
}

/* Spesifik Format Kolom Email */
.wpcf7 input[type="email"] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'></path><polyline points='22,6 12,13 2,6'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: left 20px center; /* Posisi ikon di sebelah kiri */
    background-size: 18px;
    padding-left: 50px !important; /* Memberi ruang di kiri agar teks tidak menabrak ikon */
}

/* Efek Dinamis: Warna Ikon Berubah Saat Kolom di-Klik (Focus) */
.wpcf7 input[type="tel"]:focus {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'></path></svg>");
}

.wpcf7 input[type="email"]:focus {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'></path><polyline points='22,6 12,13 2,6'></polyline></svg>");
}

/* Spesifik Format Kolom Your Name */
.wpcf7 input[name="your-name"] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'></path><circle cx='12' cy='7' r='4'></circle></svg>");
    background-repeat: no-repeat;
    background-position: left 20px center; /* Posisi ikon di sebelah kiri */
    background-size: 18px;
    padding-left: 50px !important; /* Memberi ruang di kiri agar teks tidak menabrak ikon */
}

/* Efek Dinamis: Warna Ikon Berubah Saat Kolom di-Klik (Focus) */
.wpcf7 input[name="your-name"]:focus {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'></path><circle cx='12' cy='7' r='4'></circle></svg>");
}/* End custom CSS */