/* Common icon styling */
.top-item::first-letter {
  font-size: 15px;
  color: #000; /* icon black */
}

/* Agar emoji/icon span me ho */
.top-item i,
.top-item .icon {
  font-size: 15px;
  color: #000;
}

/* WhatsApp icon special */
.whatsapp i,
.whatsapp::first-letter {
  color: #000;
}

.whatsapp:hover i,
.whatsapp:hover::first-letter {
  color: #25D366; /* whatsapp green on hover */
}

/* Contact Form 7 Specific Styles */
.wpcf7-form {
    margin: 0;
    padding: 0;
}

.wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 20px;
}

.wpcf7-not-valid-tip {
    color: #e74c3c;
    font-size: 0.9em;
    margin-top: 5px;
}

.wpcf7-response-output {
    margin: 20px 0 0 0 !important;
    padding: 15px !important;
    border-radius: 10px !important;
}

.wpcf7-mail-sent-ok {
    border: 2px solid #27ae60 !important;
    background-color: rgba(39, 174, 96, 0.1) !important;
    color: #27ae60 !important;
}

.wpcf7-mail-sent-ng,
.wpcf7-aborted,
.wpcf7-spam-blocked,
.wpcf7-validation-errors {
    border: 2px solid #e74c3c !important;
    background-color: rgba(231, 76, 60, 0.1) !important;
    color: #e74c3c !important;
}

.wpcf7 .ajax-loader {
    display: none !important;
}

/* Ensure Contact Form 7 inputs use our styles */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    padding: 15px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    font-size: 1rem;
    transition: all 0.3s;
    background-color: white;
    box-sizing: border-box;
    font-family: inherit;
}

.wpcf7 input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    accent-color: #5ce1e6;
}

.wpcf7 input[type="submit"] {
    background: linear-gradient(135deg, #ffde59, #f9d74a);
    color: #000;
    border: none;
    padding: 18px;
    width: 100%;
    border-radius: 10px;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px;
}

.wpcf7 input[type="submit"]:hover {
    background: linear-gradient(135deg, #f9d74a, #ffde59);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255, 222, 89, 0.3);
}