.professionals-section { display: grid; grid-template-columns: minmax(310px, .8fr) minmax(510px, 1.2fr); align-items: center; gap: 8%; padding: 112px 9% 118px; background: #fffdf5; }
.professionals-intro h2 { margin: 18px 0 20px; color: var(--ink); font-size: clamp(38px, 4.3vw, 60px); line-height: 1.02; }
.professionals-intro > p { max-width: 410px; margin-bottom: 28px; color: var(--ink-soft); font-size: 14px; line-height: 1.75; }
.professional-note { display: flex; align-items: center; gap: 8px; margin-top: 18px; color: #82909d; font-size: 10px; font-weight: 700; }.professional-note span { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; color: #47836f; background: var(--mint); font-size: 10px; }
.professional-directory { padding: 25px; border: 1px solid rgba(198, 157, 64, .17); border-radius: 24px; background: rgba(255,255,255,.78); box-shadow: 0 26px 66px rgba(125, 108, 55, .1); }
.directory-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 0 3px 18px; border-bottom: 1px solid rgba(33, 61, 92, .09); }.directory-heading > span { color: var(--ink); font: 800 16px "Manrope", sans-serif; letter-spacing: -.03em; }.directory-heading small { color: #929b9d; font-size: 10px; text-align: right; }
.professional-category-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; padding-top: 17px; }.professional-category { display: flex; align-items: center; gap: 11px; min-height: 77px; padding: 11px; border: 1px solid transparent; border-radius: 14px; background: #fcfbf6; text-align: left; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }.professional-category:hover, .professional-category:focus-visible { border-color: rgba(31, 86, 211, .15); background: white; box-shadow: 0 10px 23px rgba(56, 85, 108, .07); transform: translateY(-2px); outline: none; }.category-icon { display: grid; flex: 0 0 34px; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: var(--ink); background: var(--mint); font-size: 15px; font-weight: 800; }.category-dental .category-icon { background: #fce1cd; }.category-behavioural .category-icon { background: #e7daf9; }.category-allied .category-icon { background: #dceafa; }.category-examination .category-icon { background: #fae9a6; }.category-diagnostics .category-icon { background: #d5f1e7; }.professional-category > span:nth-child(2) { display: grid; gap: 4px; }.professional-category strong { color: var(--ink); font-size: 11px; }.professional-category small { max-width: 165px; color: #9099a1; font-size: 9px; line-height: 1.35; }.professional-category > b { margin-left: auto; color: var(--teal); font-size: 16px; }.directory-footer { display: flex; align-items: center; gap: 8px; margin: 18px 3px 0; color: #82909d; font-size: 10px; font-weight: 700; }.directory-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(200, 238, 71, .16); }
.professional-modal { position: relative; width: min(100%, 760px); max-height: min(90vh, 780px); overflow: auto; padding: 35px 38px; border: 1px solid rgba(255,255,255,.6); border-radius: 25px; background: rgba(255,255,255,.98); box-shadow: 0 35px 80px rgba(8, 23, 54, .3); transform: translateY(18px) scale(.98); transition: transform .25s ease; }.modal-backdrop.is-open .professional-modal { transform: translateY(0) scale(1); }.professional-agent .modal-agent-face { background: #98b7ee; }.professional-modal h2 { margin: 17px 0 9px; font-size: 34px; }.professional-modal > p { max-width: 540px; margin-bottom: 22px; color: var(--ink-soft); font-size: 13px; line-height: 1.6; }.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }.professional-modal label { display: grid; gap: 7px; color: #6c7b90; font-size: 10px; font-weight: 800; letter-spacing: .01em; }.professional-modal input[type="text"], .professional-modal select { width: 100%; min-height: 43px; padding: 0 12px; border: 1px solid #dce4ee; border-radius: 11px; outline: none; color: var(--ink); background: #fbfcfe; font-size: 12px; font-weight: 500; }.professional-modal input:focus, .professional-modal select:focus { border-color: var(--teal); box-shadow: 0 0 0 4px rgba(33, 182, 177, .12); }.professional-modal fieldset { margin: 17px 0; padding: 13px; border: 1px solid #e3e9ef; border-radius: 13px; }.professional-modal legend { padding: 0 5px; color: #6c7b90; font-size: 10px; font-weight: 800; }.check-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }.check-item { display: flex !important; align-items: center; gap: 6px !important; padding: 10px 8px; border-radius: 9px; color: var(--ink-soft) !important; background: #f7f9fb; font-size: 10px !important; font-weight: 600 !important; }.check-item input { accent-color: var(--teal); }.upload-field { margin-top: 17px; padding: 14px; border: 1px dashed #b9c6d8; border-radius: 13px; background: #fbfcfe; }.upload-field > span { margin-left: 6px; color: #9da8b7; font-size: 9px; font-weight: 500; }.upload-field input { margin-top: 2px; color: var(--ink-soft); font-size: 11px; }.upload-field small { color: #8d99aa; font-size: 9px; font-weight: 500; }.professional-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 20px; }.form-security { color: #96a1af; font-size: 9px; }.professional-success { display: none; align-items: center; gap: 12px; margin-top: 16px; padding: 13px; border-radius: 13px; color: #236456; background: var(--mint); }.professional-success.is-visible { display: flex; }.professional-success > span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: white; background: #3ab398; font-weight: 800; }.professional-success div { display: grid; gap: 3px; }.professional-success strong { font-size: 12px; }.professional-success small { color: #5d8a7d; font-size: 10px; line-height: 1.4; }
.language-fieldset { background: #fbfcfe; }
.language-fieldset legend small { margin-left: 7px; color: #9aa6b5; font-size: 9px; font-weight: 500; }
.language-group + .language-group { margin-top: 14px; }
.language-group > strong { display: block; margin: 0 0 8px 2px; color: var(--ink); font-size: 10px; }
.language-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.language-item { min-height: 34px; padding: 8px 7px; white-space: nowrap; }
.language-other { max-width: 250px; margin-top: 12px; }
@media (max-width: 880px) { .professionals-section { grid-template-columns: 1fr; gap: 45px; padding-right: 5%; padding-left: 5%; } }
@media (max-width: 620px) { .professionals-section { padding-top: 78px; padding-bottom: 80px; }.professional-directory { padding: 16px; }.directory-heading { align-items: start; flex-direction: column; gap: 6px; }.directory-heading small { text-align: left; }.professional-category-grid { grid-template-columns: 1fr; }.check-grid { grid-template-columns: repeat(2, 1fr); }.language-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.language-item { white-space: normal; }.professional-form-actions { align-items: flex-start; flex-direction: column; }.professional-form-actions .button { width: 100%; }.professional-modal { max-height: 92vh; padding: 30px 22px; }.form-grid { grid-template-columns: 1fr; } }

.team-lekha { background: #cbdc62; }.team-marg { background: #f5ca75; }.team-suraksha { background: #bba3e8; }

.professional-modal input[type="number"] { width: 100%; min-height: 43px; padding: 0 12px; border: 1px solid #dce4ee; border-radius: 11px; outline: none; color: var(--ink); background: #fbfcfe; font-size: 12px; font-weight: 500; }
.professional-modal input[type="number"]:focus { border-color: var(--teal); box-shadow: 0 0 0 4px rgba(33, 182, 177, .12); }
.field-hint { color: #8d99aa; font-size: 9px; font-weight: 500; }

.professional-network-explainer { margin: -3px 0 21px; padding: 14px; border: 1px solid rgba(33, 182, 177, .14); border-radius: 14px; background: #f1fbf8; }.professional-network-explainer > strong { display: block; margin-bottom: 10px; color: var(--ink); font: 800 11px "Manrope", sans-serif; }.professional-network-steps { display: grid; gap: 7px; }.professional-network-steps span { display: flex; align-items: flex-start; gap: 8px; color: var(--ink-soft); font-size: 10px; line-height: 1.4; }.professional-network-steps b { display: inline-grid; flex: 0 0 20px; place-items: center; width: 20px; height: 20px; border-radius: 7px; color: var(--blue); background: #e4effe; font-size: 8px; }.professional-network-explainer > small { display: block; margin-top: 10px; color: #7d9997; font-size: 9px; line-height: 1.45; }.professional-form-status { display: none; margin-top: 15px; padding: 11px 13px; border-radius: 12px; color: #8a4854; background: #fff0f0; font-size: 10px; line-height: 1.45; }.professional-form-status.is-visible { display: block; }.professional-form-status.success { color: #236456; background: var(--mint); }
@media (max-width: 620px) { .professional-network-explainer { margin-top: 2px; } }