Contact Us – Mascot Biotech (India) Pvt. Ltd.
renders on your live WordPress site.
The mb-form-panel scope prevents conflicts.
── */
.mb-form-panel .fluentform *,
.mb-form-panel .ff-el-group * { box-sizing: border-box; }
.mb-form-panel .ff-el-group,
.mb-form-panel .fluentform .ff-el-group { margin-bottom: 16px !important; }
.mb-form-panel .ff-el-group label,
.mb-form-panel .fluentform label {
font-family: 'DM Sans', sans-serif !important;
font-size: 10px !important; font-weight: 600 !important;
letter-spacing: 2px !important; text-transform: uppercase !important;
color: var(--navy) !important; margin-bottom: 8px !important;
display: block !important;
}
.mb-form-panel .ff-el-group input,
.mb-form-panel .ff-el-group select,
.mb-form-panel .ff-el-group textarea,
.mb-form-panel .fluentform input[type=text],
.mb-form-panel .fluentform input[type=email],
.mb-form-panel .fluentform input[type=tel],
.mb-form-panel .fluentform input[type=number],
.mb-form-panel .fluentform input[type=url],
.mb-form-panel .fluentform select,
.mb-form-panel .fluentform textarea {
width: 100% !important;
font-family: 'DM Sans', sans-serif !important;
font-size: 14px !important; color: var(--navy) !important;
background: var(--gray-bg) !important;
border: 1.5px solid transparent !important;
border-radius: 7px !important;
padding: 13px 15px !important;
outline: none !important; box-shadow: none !important;
-webkit-appearance: none !important; appearance: none !important;
transition: border-color 0.22s, background 0.22s, box-shadow 0.22s !important;
line-height: 1.4 !important;
}
.mb-form-panel .ff-el-group input:focus,
.mb-form-panel .ff-el-group select:focus,
.mb-form-panel .ff-el-group textarea:focus,
.mb-form-panel .fluentform input:focus,
.mb-form-panel .fluentform select:focus,
.mb-form-panel .fluentform textarea:focus {
border-color: var(--teal) !important;
background: var(--white) !important;
box-shadow: 0 0 0 3px rgba(37,152,150,0.11) !important;
}
.mb-form-panel .fluentform textarea,
.mb-form-panel .ff-el-group textarea {
min-height: 130px !important; resize: vertical !important;
}
.mb-form-panel .ff-btn-submit,
.mb-form-panel .fluentform button[type=submit],
.mb-form-panel .ff-el-group button[type=submit] {
font-family: 'DM Sans', sans-serif !important;
font-size: 13px !important; font-weight: 600 !important;
letter-spacing: 1.5px !important; text-transform: uppercase !important;
background: var(--teal) !important; color: var(--white) !important;
border: none !important; border-radius: 7px !important;
padding: 16px 40px !important; cursor: pointer !important;
width: 100% !important; min-height: 52px !important;
margin-top: 8px !important; display: block !important;
transition: background 0.22s, transform 0.18s !important;
}
.mb-form-panel .ff-btn-submit:hover,
.mb-form-panel .fluentform button[type=submit]:hover {
background: var(--teal-dark) !important;
transform: translateY(-1px) !important;
}
.mb-form-panel .ff-el-is-error input,
.mb-form-panel .ff-el-is-error select,
.mb-form-panel .ff-el-is-error textarea {
border-color: #d93025 !important;
}
.mb-form-panel .error.text-danger {
font-size: 11.5px !important; color: #d93025 !important;
margin-top: 5px !important; display: block !important;
}
.mb-form-panel .ff-message-success {
background: var(--teal-light) !important;
border-left: 3px solid var(--teal) !important;
color: var(--teal-dark) !important;
border-radius: 6px !important; padding: 14px 18px !important;
font-size: 14px !important;
}
/* ═══════════════════════════════════════
RESPONSIVE
═══════════════════════════════════════ */
/* Large desktop — cap grid column */
@media (min-width: 1200px) {
.mb-card { grid-template-columns: 400px 1fr; }
}
/* Small desktop */
@media (max-width: 1100px) {
.mb-card { grid-template-columns: 340px 1fr; }
}
/* Tablet landscape */
@media (max-width: 960px) {
.mb-card { grid-template-columns: 300px 1fr; }
.mb-row { gap: 12px; }
}
/* Tablet portrait — stack */
@media (max-width: 780px) {
.mb-card {
grid-template-columns: 1fr;
}
.mb-info { order: 1; }
.mb-form-panel { order: 2; }
.mb-row {
grid-template-columns: 1fr 1fr;
gap: 14px;
}
}
/* Large mobile */
@media (max-width: 600px) {
.mb-wrap {
padding-left: 14px; padding-right: 14px;
}
.mb-card { border-radius: 10px; }
.mb-row {
grid-template-columns: 1fr;
gap: 0;
}
.mb-row .mb-group { margin-bottom: 16px; }
}
/* Small mobile */
@media (max-width: 400px) {
.mb-info { padding: 28px 20px; }
.mb-form-panel { padding: 28px 18px; }
.mb-iblock-text { font-size: 12.5px; }
.mb-cert { font-size: 9.5px; padding: 3px 10px; }
/* Prevent iOS font-size zoom on input focus */
.mb-group input,
.mb-group select,
.mb-group textarea { font-size: 16px; }
.mb-form-panel .fluentform input,
.mb-form-panel .fluentform select,
.mb-form-panel .fluentform textarea { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
.mb-btn { transition: none; }
}
Get In Touch
Let's Connect With You
Reach out for product enquiries, partnerships, or general information. Our team will get back to you within 24 hours.
