/* New employee record; original profile styling remains unchanged. */
.employee-record { color:#17365d; width:100%; min-width:0; }
.employee-record-header { display:flex; align-items:center; gap:22px; padding:20px 12px 24px; background:linear-gradient(110deg,#f1f7ff,#fff); border-radius:12px 12px 0 0; }
.employee-record-avatar { display:grid; place-items:center; flex:0 0 78px; width:78px; height:78px; border-radius:50%; background:#dbeafe; color:#164997; font-size:28px; font-weight:700; }
.employee-record-identity { flex:1; min-width:0; }
.employee-record-identity h2 { font-size:26px; font-weight:700; margin:0 0 7px; color:#123979; }
.employee-record-identity p { margin:0 0 8px; }
.employee-record-meta { display:flex; flex-wrap:wrap; gap:8px 22px; font-size:12px; }
.employee-record-tabs { display:flex; flex-wrap:wrap; gap:4px 18px; border-bottom:1px solid #d5e1ef; margin-bottom:14px; }
.employee-record-tabs a { padding:13px 7px; color:#284775; text-decoration:none; font-size:13px; border-bottom:3px solid transparent; }
.employee-record-tabs a.active { border-color:#087df1; color:#0756bb; font-weight:600; }
.employee-record-tabs a:focus-visible { outline:2px solid #087df1; outline-offset:2px; }
.employee-record-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.employee-record-card { display:flex; flex-direction:column; min-width:0; padding:16px; border:1px solid #dce6f1; border-radius:7px; background:linear-gradient(#fff,#f9fcff); box-shadow:0 2px 5px #12397906; }
.employee-record-card h3 { color:#12418a; font-size:15px; font-weight:700; margin:0 0 14px; }
.employee-record-card h4 { font-size:13px; font-weight:600; margin:10px 0; }
.employee-record-card dl { display:grid; grid-template-columns:minmax(85px,1fr) minmax(0,1.6fr); font-size:12px; margin:0 0 16px; }
.employee-record-card dt,.employee-record-card dd { margin:0; padding:7px 0; border-bottom:1px solid #ecf1f8; overflow-wrap:anywhere; }
.employee-record-card dt { font-weight:500; padding-right:10px; }
.employee-record-card small { display:block; margin-top:4px; }
.employee-record-card-link { margin-top:auto; font-size:12px; text-decoration:none; }
.employee-record-empty { color:#667891; font-size:13px; }
.employee-record-learning { grid-column:span 2; }
.employee-record-course { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #e6eef7; font-size:13px; }
.employee-record-course:last-of-type { margin-bottom:14px; }
.employee-record-actions { position:relative; align-self:flex-start; }
.employee-record-actions summary { list-style:none; font-size:13px; min-width:100px; }
.employee-record-actions summary::-webkit-details-marker { display:none; }
.employee-record-actions-panel { position:absolute; right:0; top:calc(100% + 6px); width:min(440px,80vw); max-height:65vh; overflow:auto; padding:16px; background:#fff; border:1px solid #d5e1ef; box-shadow:0 8px 24px #18395d25; border-radius:8px; z-index:50; }
.employee-record-editor .profile-tab-panel { border:1px solid #dce6f1; border-radius:8px; background:#fff; padding:20px; }
.employee-record-editor .company-employment-card { border:1px solid #dce6f1; border-radius:8px; background:#f8fbff; padding:18px; }
.employee-record-editor .profile-tab-panel > .form-floating,.employee-record-editor .company-employment-card > .form-floating,.employee-record-editor .record-field-group > .form-floating { display:inline-block; vertical-align:top; width:calc(50% - 12px); margin-right:10px; }
.employee-record-preferences { margin-top:18px; padding:10px 0; }
.employee-record-account-links ul { flex-direction:row!important; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
@media(max-width:1050px) { .employee-record-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .employee-record-learning { grid-column:auto; } }
@media(max-width:650px) { .employee-record-header { gap:12px; flex-wrap:wrap; } .employee-record-avatar { flex-basis:54px; width:54px; height:54px; font-size:20px; } .employee-record-identity h2 { font-size:22px; } .employee-record-actions { margin-left:auto; } .employee-record-grid { grid-template-columns:minmax(0,1fr); } .employee-record-tabs { gap:0 5px; } .employee-record-tabs a { font-size:12px; } .employee-record-editor .profile-tab-panel > .form-floating,.employee-record-editor .company-employment-card > .form-floating,.employee-record-editor .record-field-group > .form-floating { width:100%; margin-right:0; } }

/* Reference-style employee overview: three compact rows of employee widgets. */
.employee-record-header { padding:18px 14px 22px; min-height:120px; }
.employee-record-motto { flex:0 0 205px; color:#174fa0; font-family:"Segoe Print","Comic Sans MS",cursive; font-size:17px; line-height:1.15; transform:rotate(-7deg); text-align:center; margin-right:25px; }
.employee-record-motto strong { font-weight:500; border-bottom:2px solid #279bfc; }
.employee-record-grid { gap:10px; align-items:stretch; }
.employee-record-card { padding:12px; border-radius:5px; box-shadow:none; min-height:185px; }
.employee-record-card dl { font-size:12px; margin-bottom:6px; }
.employee-record-card dt,.employee-record-card dd { padding:5px 0; }
.employee-record-card h4 { font-size:12px; margin:6px 0; }
.record-card-heading { display:flex; align-items:center; gap:8px; margin-bottom:7px; }
.record-card-heading h3 { display:flex; align-items:center; gap:7px; margin:0; flex:1; font-size:13px; }
.record-card-heading .employee-record-card-link { margin:0; flex-shrink:0; font-size:10px; }
.record-icon { width:18px; height:18px; flex:0 0 18px; color:#0875e5; vertical-align:middle; }
.record-emergency-heading { padding-top:9px; margin-top:6px; border-top:1px solid #e5edf7; }
.record-emergency-heading .record-icon { color:#e99422; }
.employee-record-learning { grid-column:auto; }
.employee-record-learning .record-card-heading .record-icon { color:#7533c5; }
.record-learning-layout { display:grid; grid-template-columns:110px minmax(0,1fr); gap:10px; flex:1; }
.record-learning-summary { font-size:10px; }
.record-progress-ring { display:grid; place-items:center; width:72px; height:72px; background:conic-gradient(#159b65 calc(var(--completion)*1%),#e4f3ec 0); border-radius:50%; margin:7px auto; }
.record-progress-ring span { display:grid; place-items:center; width:59px; height:59px; background:white; border-radius:50%; color:#166341; font-size:18px; font-weight:700; }
.record-learning-summary > strong { display:block; text-align:center; }
.employee-record-card .record-learning-counts { grid-template-columns:1fr auto; font-size:10px; margin-top:7px; }
.record-learning-counts dt,.record-learning-counts dd { padding:2px 0; border:0; }
.record-upcoming { border:1px solid #e0eafb; border-radius:5px; padding:7px; margin:5px 0 8px; background:#f9fbff; }
.record-upcoming h4 { margin:0 0 4px; }
.employee-record-course { justify-content:flex-start; align-items:flex-start; gap:7px; font-size:11px; padding:7px 0; }
.employee-record-course > div { min-width:0; overflow-wrap:anywhere; }
.employee-record-course strong { font-weight:600; }
.employee-record-course small { font-size:10px; color:#667995; margin:2px 0 0; }
.employee-record-course .record-icon { color:#e44b5e; width:15px; flex-basis:15px; }
.employee-record-card-link { font-size:11px; }
.employee-record-learning > .employee-record-card-link { align-self:flex-end; border:1px solid #a5caff; border-radius:4px; padding:5px 9px; }
.record-status { font-weight:600; }
.record-status-good { color:#177d48; }
.record-unconnected { position:relative; }
.record-unconnected > strong { font-size:12px; margin:10px 0 5px; }
.record-unconnected > p { font-size:11px; color:#687c94; margin-bottom:10px; max-width:32em; }
.record-empty-illustration { width:38px; height:38px; display:grid; place-items:center; border-radius:9px; background:#edf5ff; margin-top:6px; }
.record-empty-illustration .record-icon { width:23px; height:23px; opacity:.65; }
.record-connection-label { margin-top:auto; align-self:flex-start; font-size:10px; color:#647993; background:#edf2f7; border-radius:4px; padding:3px 7px; }
.record-activity { display:flex; align-items:flex-start; gap:7px; padding:8px 0; border-bottom:1px solid #ecf1f8; font-size:11px; }
.record-activity > span,.record-activity > strong { flex:1; min-width:0; overflow-wrap:anywhere; }
.record-activity time { color:#687c94; font-size:10px; flex-shrink:0; }
.record-activity .record-icon { width:14px; height:14px; flex-basis:14px; }
.employee-record-activity > .employee-record-card-link { padding-top:10px; }
.record-learning-history { margin-bottom:15px; min-height:0; }
@media(max-width:1100px) { .employee-record-motto { flex-basis:150px; font-size:14px; margin-right:0; } .record-card-heading { flex-wrap:wrap; } }
@media(max-width:1050px) { .employee-record-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .employee-record-motto { display:none; } .employee-record-grid { grid-template-columns:minmax(0,1fr); } .employee-record-card { min-height:0; } .record-unconnected { min-height:175px; } .record-card-heading { flex-wrap:nowrap; } .record-learning-layout { grid-template-columns:100px minmax(0,1fr); } }

/* Keep every edit tab aligned with the compact overview design. */
.employee-record-editor .profile-tab-panel,
.employee-record-editor .record-field-group,
.employee-record-editor .company-employment-card,
.employee-record-editor .profile-tab-panel > div:has(> .form-floating) {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; align-items:start;
}
.employee-record-editor .profile-tab-panel > *,
.employee-record-editor .record-field-group > *,
.employee-record-editor .company-employment-card > *,
.employee-record-editor .profile-tab-panel > div:has(> .form-floating) > * { grid-column:1/-1; min-width:0; }
.employee-record-editor .profile-tab-panel > .form-floating,
.employee-record-editor .record-field-group > .form-floating,
.employee-record-editor .company-employment-card > .form-floating,
.employee-record-editor .profile-tab-panel > div:has(> .form-floating) > .form-floating {
    display:block; grid-column:auto; width:100%; margin:0!important;
}
.employee-record-editor .profile-tab-panel h5 {
    color:#16418a; font-size:16px; font-weight:600; padding-bottom:9px;
    border-bottom:1px solid #e2eaf4; margin:12px 0 2px!important;
}
.employee-record-editor .company-employment-card h6 { color:#16418a; font-weight:600; margin:0!important; }
.employee-record-editor .form-floating > .form-control::placeholder { color:transparent!important; opacity:0!important; }
.employee-record-editor .form-floating > label { left:0!important; right:auto!important; max-width:100%; }
.employee-record-editor .form-control,.employee-record-editor .form-select { font-size:14px; border-color:#d5e1ee; }
.employee-record-editor .form-floating > .form-control,.employee-record-editor .form-floating > .form-select { min-height:54px; height:54px; }
.employee-record-editor .availability-day-list { max-width:760px; width:100%; padding:12px; border:1px solid #e0e9f3; border-radius:6px; background:#f8fbff; }
.employee-record-editor .availability-day-row { grid-template-columns:minmax(110px,1fr) repeat(2,minmax(0,150px)); gap:10px; }
.employee-record-editor .availability-day-row .form-control { min-width:0; padding:6px; }
.employee-record-editor .record-field-group > button { justify-self:start; }
.employee-record-editor .course-assignment-row { background:#f9fcff; padding:14px; }
.employee-record-editor .k-multiselect { width:100%; min-width:0; }
@media(max-width:650px) {
 .employee-record-editor .profile-tab-panel,.employee-record-editor .record-field-group,.employee-record-editor .company-employment-card,.employee-record-editor .profile-tab-panel > div:has(> .form-floating) { grid-template-columns:minmax(0,1fr); }
 .employee-record-editor .profile-tab-panel { padding:14px; }
 .employee-record-editor .company-employment-card { padding:12px; }
 .employee-record-editor .availability-day-list { padding:8px; }
 .employee-record-editor .availability-day-row { grid-template-columns:minmax(75px,1fr) repeat(2,minmax(0,1fr)); gap:5px; font-size:12px; }
 .employee-record-editor .availability-day-row .form-control { font-size:12px; padding:4px; }
}
@media(max-width:650px) {
 .employee-record-editor .availability-day-row { grid-template-columns:repeat(2,minmax(0,1fr)); padding-bottom:7px; border-bottom:1px solid #e0e9f3; }
 .employee-record-editor .availability-day-row > .form-check { grid-column:1/-1; }
 .employee-record-editor .availability-day-row .form-control { font-size:13px; padding:6px; }
 .employee-record-editor .availability-day-row:last-child { border-bottom:0; padding-bottom:0; }
}
/* Long employee/company values and validation feedback must stay within the record. */
.employee-record-identity,.employee-record-meta,.employee-record-meta > *,
.employee-record-identity h2,.employee-record-identity p { min-width:0; overflow-wrap:anywhere; }
.employee-record-meta { max-width:100%; }
.employee-record-editor .validation-message { font-size:12px; line-height:1.4; margin-top:5px; overflow-wrap:anywhere; }
.employee-record-actions-panel { overflow-wrap:anywhere; }
.employee-record-actions-panel .btn { white-space:normal; }
@media(max-width:650px) {
 .employee-record-header { align-items:flex-start; }
 .employee-record-identity { flex-basis:calc(100% - 70px); }
 .employee-record-actions { flex:0 0 auto; }
}

.sample-data-switch { margin:0 0 14px; padding:12px 16px; background:#f8fbff; border:1px solid #cedbea; border-radius:7px; color:#17365d; }
.sample-data-switch small { display:block; color:#516880; margin-top:5px; }
.sample-data-banner { background:#fff2d8; color:#63430e; border:1px solid #e8ca90; border-radius:6px; padding:10px 14px; font-size:13px; }
.sample-record-row { display:flex; flex-wrap:wrap; gap:5px 12px; align-items:center; border-bottom:1px solid #e4edf6; padding:9px 0; font-size:12px; }
.sample-record-row > span { flex:1; }
.sample-record-row small { color:#26774e; }
.sample-skill-track { flex-basis:100%; height:7px; background:#dbe7f6; border-radius:2px; }
.sample-skill-track span { display:block; height:100%; background:#075ec0; }
.sample-dashboard { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; color:#17365d; font-family:Arial,sans-serif; }
.sample-home-banner { grid-column:span 9; padding:22px; border-radius:6px; color:white; background:linear-gradient(90deg,#062a50c9,transparent),url('/images/home/home-mountains.png') center 45%/cover; }
.sample-home-banner h2 { font-size:28px; color:white; margin:0 0 5px; font-weight:700; }
.sample-home-banner p { margin:0; }
.sample-home-quote { grid-column:span 3; display:grid; place-content:center; padding:20px; background:#e0f1ff; color:#14559c; font-family:'Segoe Print',cursive; text-align:center; border-radius:6px; }
.sample-home-card { grid-column:span 4; min-width:0; border:1px solid #d5e1ee; border-radius:6px; background:white; padding:12px; display:flex; flex-direction:column; overflow-wrap:anywhere; }
.sample-home-card h3 { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:#153c82; margin:0 0 12px; }
.sample-home-card h3 > span { color:#007be7; }
.sample-home-rows > div { border-bottom:1px solid #e8eff7; padding:8px 0; font-size:12px; }
.sample-home-rows small,.sample-learning-summary small { display:block; font-size:11px; color:#627993; margin-top:3px; }
.sample-learning-summary { display:flex; align-items:center; gap:16px; font-size:15px; }
.sample-learning-summary .record-progress-ring { margin:0 0 12px; flex-shrink:0; }
.sample-home-news .news-carousel { margin:0; }
.sample-home-news .news-carousel-stage { min-height:210px; }
.sample-home-congratulations { background:#e6f6ef; }
.sample-achievement { margin:auto; padding:22px; text-align:center; }
.sample-achievement > span { display:block; font-size:46px; color:#d99113; }
.sample-achievement small,.sample-achievement strong { display:block; }
.sample-recognition { display:flex; gap:12px; align-items:center; margin-bottom:14px; }
.sample-recognition strong { display:block; }
.sample-home-recognition p { font-size:12px; }
.sample-person-avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#d6e9fa; color:#1e5089; font-weight:700; }
.sample-birthdays { display:flex; gap:8px; justify-content:space-around; margin:auto 0; }
.sample-birthdays > div { display:flex; flex-direction:column; align-items:center; font-size:11px; gap:7px; }
.sample-blog { display:flex; gap:12px; font-size:12px; }.sample-blog img { width:90px; height:90px; object-fit:cover; border-radius:4px; }
.sample-home-promotion { grid-column:span 12; padding:0; }.sample-home-promotion h3 { display:none; }
.sample-promotion { position:relative; padding:25px; color:white; min-height:120px; overflow:hidden; border-radius:6px; }
.sample-promotion img { position:absolute; inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%; }
.sample-promotion strong { position:relative; display:block; font-size:22px; text-shadow:0 2px 8px #123; }
@media(max-width:1050px) { .sample-home-card { grid-column:span 6; }.sample-home-promotion {grid-column:span 12;} }
@media(max-width:650px) { .sample-home-card,.sample-home-banner,.sample-home-quote {grid-column:span 12;} .sample-home-banner h2 {font-size:24px;} }

/* Reference sample details: scoped to fictional previews. */
.sample-active-status{display:inline-block;vertical-align:middle;font-size:12px;padding:4px 9px;border-radius:20px;color:#17623a;background:#daf4e4;white-space:nowrap}
.sample-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sample-quick-links>div{background:#edf6ff;border-radius:6px;padding:14px 5px;text-align:center;overflow-wrap:anywhere}.sample-quick-links span{display:block;color:#0673d5;font-size:24px}.sample-quick-links strong{font-size:12px}
.sample-count{border-radius:50%;background:#dc2545;color:white;padding:2px 6px;font-size:12px}.sample-news-summary{font-size:12px;margin:6px 0 0}.sample-news-summary small{display:block;color:#526b89;margin-top:3px}.sample-schedule-date{float:left;text-align:center;padding:12px;margin-right:10px;color:#1252a0;background:#edf6ff}.sample-schedule-date strong{display:block;font-size:24px}

/* Sample-only controls and images mirror the supplied reference without business writes. */
.employee-record-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sample-person-avatar{object-fit:cover}.sample-active-status{margin-left:7px}
.sample-card-heading{display:flex;align-items:start;justify-content:space-between;gap:6px;margin-bottom:8px}.sample-card-heading h3{margin:0}.sample-card-icon{width:20px;height:20px;flex-shrink:0;color:#0575d1}
.sample-detail{position:relative;font-size:12px;margin-top:6px}.sample-detail>summary{cursor:pointer;color:#0670c9;list-style:none;display:inline-block;border-radius:4px;padding:4px 7px;background:#eff7ff}.sample-detail>summary::-webkit-details-marker{display:none}.sample-detail>summary:focus-visible{outline:2px solid #006dcc;outline-offset:2px}.sample-detail[open]>summary{background:#dbeeff}.sample-detail-content{background:#f3f8fd;border:1px solid #c8ddec;border-radius:5px;padding:10px;margin-top:5px;color:#17365d}.sample-detail-content>small{display:block;margin:5px 0 8px}.sample-detail-content p:last-child{margin-bottom:0}
.sample-card-heading>.sample-detail{margin:0;flex-shrink:0}.sample-card-heading>.sample-detail[open]{flex-shrink:1}.sample-card-heading>.sample-detail>summary{font-size:10px;background:none;white-space:nowrap}
.sample-learning-items>div{display:flex;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #e8eff7;font-size:11px}.sample-learning-items>div>div{flex:1;min-width:0}.sample-learning-items small{display:block;color:#627993}.sample-learning-items .sample-detail{margin:0}.sample-learning-items>div:has(.sample-detail[open]){flex-wrap:wrap}.sample-learning-items .sample-detail[open]{flex-basis:100%}
.sample-quick-links .sample-detail{margin:0}.sample-quick-links .sample-detail>summary{font-weight:600;font-size:11px;background:none}.sample-quick-links>div:has(details[open]){grid-column:1/-1}
.sample-badge{width:65px;height:75px}.sample-achievement{display:flex;flex-direction:column;align-items:center;gap:4px;margin:10px auto;padding:6px}.sample-home-congratulations>.sample-detail{margin-top:auto}
.sample-mountain{width:100px;height:100px;position:relative;color:#006cc4}.sample-promotion{background:#eaf5ff;color:#14529b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;height:100%}.sample-promotion strong{color:#14529b;font:20px 'Segoe Print',cursive;text-shadow:none}.sample-promotion .sample-detail>summary{border:1px solid #aecbf3;background:white}.sample-home-news .news-carousel-stage{min-height:150px}.sample-home-news .news-carousel-slide figcaption{font-size:16px}
.sample-record-detail{max-width:100%;margin-top:12px}.sample-record-detail h4{font-size:16px;margin-top:20px}
@media(min-width:1100px){
 .sample-dashboard{grid-template-columns:repeat(24,minmax(0,1fr));gap:10px}
 .sample-home-banner{grid-column:1/19;grid-row:1}.sample-home-quote{grid-column:19/25;grid-row:1}
 .sample-home-learning{grid-column:1/9;grid-row:2}.sample-home-news{grid-column:9/19;grid-row:2}.sample-home-congratulations{grid-column:19/25;grid-row:2}
 .sample-home-updates{grid-column:1/9;grid-row:3}.sample-home-policies{grid-column:9/19;grid-row:3}.sample-home-links{grid-column:19/25;grid-row:3}
 .sample-home-schedule{grid-column:1/8;grid-row:4}.sample-home-jobs{grid-column:8/15;grid-row:4}.sample-home-recognition{grid-column:15/22;grid-row:4}
 .sample-home-birthdays{grid-column:1/8;grid-row:5}.sample-home-feedback{grid-column:8/15;grid-row:5}.sample-home-blog{grid-column:15/22;grid-row:5}.sample-home-promotion{grid-column:22/25;grid-row:4/6}
 .sample-home-promotion .sample-promotion{padding:10px}.sample-promotion strong{font-size:16px}
}

.sample-recognition small{display:block}.sample-home-jobs>small{font-size:11px;color:#627993;margin:3px 0 7px}.sample-record-row .sample-status-warning{color:#a95e00}.sample-record-row .sample-status-muted{color:#66758b}.employee-record-card dd>a{display:block;margin-top:3px}
.sample-schedule-layout{display:grid;grid-template-columns:55px minmax(0,1fr);gap:8px}.sample-schedule-date{align-self:start;float:none;padding:10px 5px;margin:0;font-size:11px}.sample-schedule-date strong{font-size:22px}
.sample-quick-links>div>.sample-card-icon{margin:0 auto 5px;width:24px;height:24px;display:block}
.sample-home-news .news-carousel{flex:initial}.sample-home-news .news-carousel-stage{aspect-ratio:auto;height:220px;flex:initial}.sample-home-news .news-carousel-slide figcaption{white-space:pre-line;font-size:11px;font-weight:400;line-height:1.3;padding:36px 12px 30px}.sample-home-news .news-carousel-slide figcaption::first-line{font-size:16px;font-weight:700}
.sample-home-card .sample-count{color:white}.sample-home-congratulations>.sample-detail{margin-top:12px}

.sample-home-banner{position:relative;padding-right:145px}.sample-banner-motto{position:absolute;right:20px;top:22px;font:18px 'Segoe Print',cursive;text-align:center;color:white;text-shadow:0 1px 4px #123}
.sample-home-news .sample-card-icon,.sample-home-updates .sample-card-icon{color:#f16a24}.sample-home-congratulations .sample-card-icon,.sample-home-jobs .sample-card-icon{color:#008454}.sample-home-recognition .sample-card-icon,.sample-home-birthdays .sample-card-icon{color:#7039bd}.sample-home-feedback .sample-card-icon{color:#e3a400}.sample-quick-links>div:nth-child(5)>.sample-card-icon{color:#008c58}.sample-quick-links>div:nth-child(6)>.sample-card-icon{color:#e7a900}
@media(max-width:650px){.sample-home-banner{padding-right:22px}.sample-banner-motto{position:static;display:block;text-align:right;font-size:14px;margin-top:8px}}