:root {
    --mash-blue: #1A3A5F;
    --mash-blue-lite: #3D7FCC;
    --mash-blue-lite-bg: #EDF5FC;
    --mash-text: #797979;
    --mash-yellow: #FFC635;
    --mash-error: #FF3B3F;
    --mash-error-bg: #FFE5E3;
    --mash-success: #009245;
    --mash-success-bg: #EAF1EE;
    --mash-bg: #FAFAFA;
    --mash-border: #D5D5D5;
    --mash-font-family: 'Nunito';
}

.portal-body.care-provider,
.portal-body.care-provider p,
.portal-body.care-provider h1,
.portal-body.care-provider h2,
.portal-body.care-provider h3,
.portal-body.care-provider h4,
.portal-body.care-provider h5,
.portal-body.care-provider h6,
.portal-body.care-provider ul,
.portal-body.care-provider ul li,
.portal-body.care-provider form input,
.portal-body.care-provider form textarea,
.portal-body.care-provider form select {
    font-family: var(--mash-font-family);
}

.care-provider .button-primary {
    background: var(--mash-blue) !important;
}

.care-provider .button-primary:hover {
    background: var(--mash-yellow);
}

h2.portal-title {
    font-size: 40px;
    font-weight: bold;
    color: var(--mash-blue);
}

form#care_provider-setup-profile-form .step-sub-text {
    font-size: 20px;
}

form#care_provider-setup-profile-form .form-group span.small {
    display: block;
    color: var(--mash-text);
    font-size: 12px;
    font-family: var(--mash-font-family);
    font-weight: 500;
}

form#care_provider-setup-profile-form .form-group .checkbox .checkbox-label {
    font-size: 14px;
    font-weight: bold;
    color: var(--mash-blue);
}

form#care_provider-setup-profile-form .form-group .checkbox .checkbox-label span.small {
    padding-top: 10px;
}

form#care_provider-setup-profile-form .form-step[data-step="1"],
form#care_provider-setup-profile-form .form-step[data-step="2"],
form#care_provider-setup-profile-form .form-step[data-step="success"] {
    max-width: 580px;
    margin: auto;
}

form#care_provider-setup-profile-form .form-step textarea#profile_summary {
    height: 235px;
}

form#care_provider-setup-profile-form .form-step .form-group {
    margin: 10px 0;
}

form#care_provider-setup-profile-form label.form-control-file span.remove-doc {
    padding: 0;
    border: 0 !important;
}

form#care_provider-setup-profile-form label.form-control-file .form-control-file-label {
    border: 0 !important;
    padding: 0 !important;
}

form#care_provider-setup-profile-form label.form-control-file {
    border: 1px solid var(--mash-border);
    padding: 12px 25px;
    border-radius: 8px;
    align-items: center;
}

form#care_provider-setup-profile-form label.form-control-file span.remove-doc i {
    padding-left: 10px;
    font-size: 22px;
}

.form-control {
    font-weight: 400;
}

/* Qualification & Documents Card Styling */
.doc-card {
    border: 1px solid #e1e9f1 !important;
}

.bg-light-blue {
    background-color: #f1f7fd !important;
}

.doc-card-header {
    border-bottom: 1px solid #e1e9f1;
}

.doc-title {
    font-family: 'Nunito', sans-serif;
    color: #1A3A5F;
    font-size: 15px;
}

.text-primary-blue {
    color: #37C8E1;
}

.doc-card-body .text-primary {
    color: #37C8E1 !important;
}

.doc-card-header .button2 {
    font-size: 12px !important;
    padding: 6px 12px !important;
}

.doc-remove-btn {
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

.doc-remove-btn:hover {
    color: #d11a2a !important;
}

.edit-mode-btns .button2,
.edit-mode-btns .button {
    font-size: 14px !important;
}

.marked-for-removal {
    border-color: #ffc1c1 !important;
    background-color: #fffafa !important;
}

.highlight-slot {
    outline: 2px solid #37C8E1;
    outline-offset: 2px;
    transition: outline 0.3s ease;
}