Contact Us

/* Wrapper */ .cf7-wrapper { background: #ffffff; padding: 30px; border-radius: 14px; } /* Rows */ .cf7-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 20px; } /* Full width */ .cf7-field.full { grid-column: span 2; } /* Fields */ .cf7-field { position: relative; } /* Inputs & Select */ .cf7-field input, .cf7-field select, .cf7-field textarea { width: 100%; padding: 16px 48px 16px 16px; border-radius: 12px; border: none; background: #f5f5f5; font-size: 15px; outline: none; box-sizing: border-box; } .cf7-field input, .cf7-field select{ height:60px; } /* Textarea */ .cf7-field textarea { height: 180px; resize: none; } /* Submit Button */ .cf7-field input[type="submit"] { background: #000; color: #fff; font-size: 16px; font-weight: 600; border-radius: 12px; cursor: pointer; padding: 18px; transition: all 0.3s ease; } .cf7-field input[type="submit"]:hover { background: #222; } /* Icons */ .cf7-field::after { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-family: "Dashicons"; font-size: 18px; color: #000; pointer-events: none; } /* Icon mapping */ .icon-user::after { content: "\f110"; } .icon-email::after { content: "\f466"; } .icon-phone::after { content: "\f525"; } .icon-subject::after { content: "\f347"; } .icon-message::after { content: "\f119"; top: 32px; } /* ---------- Tablet ---------- */ @media (max-width: 1024px) { .cf7-wrapper { padding: 24px; } .cf7-row { gap: 16px; } .cf7-field textarea { height: 160px; } } /* ---------- Mobile ---------- */ @media (max-width: 768px) { .cf7-row { grid-template-columns: 1fr; } .cf7-field.full { grid-column: span 1; } .cf7-field input, .cf7-field select, .cf7-field textarea { font-size: 14px; padding: 14px 44px 14px 14px; } .cf7-field textarea { height: 140px; } .cf7-field input[type="submit"] { padding: 16px; font-size: 15px; } }