html,
body {
overflow-x: clip;
max-width: 100%;
}
img,
video {
max-width: 100%;
}
input,
select,
textarea {
max-width: 100%;
min-width: 0;
}
h1,
h2,
h3 {
overflow-wrap: break-word;
hyphens: auto;
text-wrap: balance;
}
p {
text-wrap: pretty;
} body::before {
content: '';
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 5px;
background: #E10600;
z-index: 70;
pointer-events: none;
}
@media (max-width: 1000px) {
body::before {
width: 3px;
}
} .sky,
.sw-hero,
.sw-hero-split,
.sw-single-insight__hero,
.sw-page-privacy__consent,
.sw-front-page__resources,
.sw-cta-band:not(.sw-cta-band--dim) {
background-color: #EEF5FB;
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22520%22%20viewBox%3D%220%200%20900%20520%22%20fill%3D%22none%22%3E%0A%3Cg%20stroke%3D%22%23001D3A%22%20stroke-opacity%3D%220.07%22%20stroke-width%3D%221%22%3E%0A%3Cpath%20d%3D%22M0%20130H900M0%20260H900M0%20390H900M150%200V520M300%200V520M450%200V520M600%200V520M750%200V520%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20stroke%3D%22%23001D3A%22%20stroke-opacity%3D%220.16%22%20stroke-width%3D%221.2%22%20stroke-dasharray%3D%224%207%22%3E%0A%3Cpath%20d%3D%22M150%20390C290%20210%20470%20150%20750%20130%22%2F%3E%0A%3Cpath%20d%3D%22M300%20390C420%20300%20560%20280%20750%20260%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23E10600%22%20fill-opacity%3D%220.55%22%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22390%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22390%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22750%22%20cy%3D%22130%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22750%22%20cy%3D%22260%22%20r%3D%223.5%22%2F%3E%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23001D3A%22%20fill-opacity%3D%220.22%22%20font-family%3D%22monospace%22%20font-size%3D%2210%22%20letter-spacing%3D%221%22%3E%3Ctext%20x%3D%22158%22%20y%3D%22410%22%3E19.43N%2099.13W%3C%2Ftext%3E%3Ctext%20x%3D%22680%22%20y%3D%22120%22%3E27.50N%2099.50W%3C%2Ftext%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E"), linear-gradient(180deg, #E4F0F9 0%, #F3F8FC 70%, #F7FAFD 100%);
background-repeat: no-repeat, no-repeat;
background-position: right -120px top 40px, 0 0;
background-size: 900px auto, 100% 100%;
}
.sky-soft,
.sw-services-showcase,
.sw-contact-teaser-section,
.sw-single-insight__lead-image {
background-color: #EEF5FB;
background-image: linear-gradient(180deg, #FFFFFF 0%, #EEF5FB 100%);
}
@media (max-width: 1000px) {
.sky,
.sw-hero,
.sw-hero-split,
.sw-single-insight__hero,
.sw-page-privacy__consent,
.sw-front-page__resources,
.sw-cta-band:not(.sw-cta-band--dim) {
background-position: right -260px top 20px, 0 0;
background-size: 700px auto, 100% 100%;
}
} .h1, .h2, h1, h2 { font-family: 'Plus Jakarta Sans', sans-serif !important; text-transform: none !important; letter-spacing: -0.012em !important; font-weight: 700 !important; overflow-wrap: break-word; }
h1, h1.h1 { font-family: 'Oswald', 'Plus Jakarta Sans', sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.01em !important; font-weight: 600 !important; font-size: 56px !important; line-height: 1.06 !important; max-width: 20em; }
h2, h2.h2, .h2 { font-size: 36px !important; line-height: 1.16 !important; max-width: 24em; }
h3.h1, h3.h2, div.h1, div.h2 { font-size: 26px !important; line-height: 1.22 !important; }
p.h1, p.h2 { font-size: 34px !important; line-height: 1.28 !important; font-weight: 600 !important; max-width: 960px !important; }
h1[data-len="l"] { font-size: 46px !important; line-height: 1.1 !important; }
h1[data-len="xl"] { font-size: 40px !important; line-height: 1.14 !important; }
h2[data-len="xl"] { font-size: 30px !important; line-height: 1.25 !important; }
@media (max-width: 1280px) {
h1, h1.h1 { font-size: 50px !important; }
h1[data-len="l"] { font-size: 42px !important; }
h1[data-len="xl"] { font-size: 36px !important; }
h2, h2.h2, .h2 { font-size: 33px !important; }
p.h1, p.h2 { font-size: 31px !important; }
}
@media (max-width: 1000px) {
h1, h1.h1 { font-size: 42px !important; line-height: 1.08 !important; }
h1[data-len="l"] { font-size: 36px !important; }
h1[data-len="xl"] { font-size: 32px !important; }
h2, h2.h2, .h2 { font-size: 30px !important; }
h2[data-len="xl"] { font-size: 27px !important; }
p.h1, p.h2 { font-size: 28px !important; line-height: 1.3 !important; }
h3.h1, h3.h2, div.h1, div.h2 { font-size: 23px !important; }
}
@media (max-width: 640px) {
h1, h1.h1 { font-size: 34px !important; line-height: 1.1 !important; letter-spacing: 0.005em !important; }
h1[data-len="l"] { font-size: 30px !important; }
h1[data-len="xl"] { font-size: 28px !important; line-height: 1.16 !important; }
h2, h2.h2, .h2 { font-size: 27px !important; line-height: 1.2 !important; }
h2[data-len="xl"] { font-size: 24px !important; }
p.h1, p.h2 { font-size: 24px !important; line-height: 1.34 !important; max-width: 100% !important; }
h3.h1, h3.h2, div.h1, div.h2 { font-size: 21px !important; }
} h2.h1 { font-size: 32px !important; line-height: 1.3 !important; font-weight: 600 !important; max-width: 900px !important; }
@media (max-width: 1280px) { h2.h1 { font-size: 30px !important; } }
@media (max-width: 1000px) { h2.h1 { font-size: 27px !important; line-height: 1.32 !important; } }
@media (max-width: 640px) { h2.h1 { font-size: 23px !important; line-height: 1.36 !important; max-width: 100% !important; } } .sw-hero--home .btn-2,
.sw-hero .btn-2,
.sw-hero-split .btn-2,
.sw-library-section .btn-2,
.sw-cta-band .btn-2 {
background: #FFFFFF;
border-color: #001D3A;
color: #001D3A;
}
.sw-library-section .btn-2 span {
color: #E10600;
}
.btn-2:hover {
border-color: #E10600;
} .sw-header {
background: #FFFFFF;
border-bottom: 1px solid #E6E9ED;
}
.sw-header__logo img {
filter: none;
}
.sw-header__link,
.sw-header__trigger {
color: #001D3A;
}
.sw-header__link:hover,
.sw-header__trigger:hover,
.sw-header__trigger[aria-expanded="true"] {
color: #E10600;
} .sw-header__link[target="_blank"] {
color: #5F6B80;
}
.sw-header__link[target="_blank"]:hover {
color: #E10600;
}
.sw-header__hamburger-bar {
background: #001D3A;
}
.sw-lang-switcher {
border-left-color: #E6E9ED;
}
.sw-lang-switcher__link {
color: #8892A3;
}
.sw-lang-switcher__link.is-active {
color: #001D3A;
}
.panel-row,
.sw-header .panel-row {
border-top-color: #DDE3EA;
} .panel-row .panel-row__body {
display: flex;
flex-direction: column;
}
.arrow-link.panel-row:hover span:not(.panel-row__arrow) {
transform: none;
} .mobile-only[hidden] {
display: none !important;
}
.sw-header__mobile-menu {
background: #FFFFFF;
border-top: 1px solid #E6E9ED;
}
.sw-mobile-nav__item,
.sw-mobile-nav__link {
border-bottom-color: #E6E9ED;
}
.sw-mobile-nav__toggle,
.sw-mobile-nav__link {
color: #001D3A;
}
.sw-mobile-nav__item > div[id] a {
color: #4A5568;
} .sw-hero {
isolation: isolate;
overflow: hidden;
}
.sw-hero__image::after {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(100deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.86) 42%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 74%);
}
.sw-hero--home .sw-hero__content,
.sw-hero__content {
color: #001D3A;
}
.sw-hero__body {
color: #3C4757;
}
.sw-hero__subtext {
color: #4A5568;
font-size: 19px;
line-height: 1.6;
max-width: 560px;
margin: 0;
}
.sw-hero--home {
padding-bottom: 84px; }
@media (max-width: 1000px) {
.sw-hero__image::after {
background: rgba(255, 255, 255, 0.9);
}
}
@media (max-width: 640px) {
.sw-hero__image::after {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.82) 60%, rgba(255, 255, 255, 0.55) 100%);
}
} .sw-hero-split .h1 {
color: #001D3A;
}
.sw-hero-split__crumbs,
.sw-hero-split__crumbs a,
.sw-hero-split__subtitle,
.sw-page-privacy__crumbs,
.sw-page-privacy__crumbs a {
color: #4A5568;
}
.sw-hero-split__crumbs .is-current {
color: #001D3A;
}
.sw-hero-split__intro {
color: #4A5568;
} .sw-stat-band {
position: relative;
z-index: 2;
max-width: 1328px;
margin: -84px auto 0;
background: #FFFFFF;
border-top: 3px solid #E10600;
border-radius: 12px;
padding: 44px 48px;
box-shadow: 0 24px 60px rgba(0, 29, 58, 0.14);
}
.sw-stat-band__item {
border-right-color: #E6E9ED;
}
.sw-stat-band__item::before {
content: '';
display: block;
width: 24px;
height: 2px;
background: #E10600;
margin-bottom: 16px;
}
.sw-stat-band__value {
color: #001D3A;
font-size: 42px;
}
.sw-stat-band__label {
color: #4A5568;
}
@media (max-width: 1000px) {
.sw-stat-band.pad {
margin: -60px 16px 0;
padding: 28px 22px !important;
}
} .sw-services-showcase__grid {
border-top-color: #DDE3EA;
}
.sw-services-showcase__tab {
border-bottom-color: #DDE3EA;
}
.sw-services-showcase__tab.is-active {
background: #FFFFFF;
}
.sw-services-showcase__panels {
border-bottom-color: #DDE3EA;
}
.sw-services-showcase__panel::after {
background: linear-gradient(0deg, rgba(0, 29, 58, 0.16) 0%, rgba(0, 29, 58, 0) 45%);
}
.sw-services-showcase__overlay {
left: 28px;
right: auto;
bottom: 28px;
max-width: 480px;
color: #001D3A;
background: #FFFFFF;
padding: 28px 30px;
border-radius: 8px;
border-left: 3px solid #E10600;
box-shadow: 0 12px 32px rgba(0, 29, 58, 0.12);
}
.sw-services-showcase__overlay p {
color: #4A5568;
}
.sw-services-showcase__overlay a {
color: #E10600;
} .sw-certifications-section {
background: #001D3A;
padding-top: 96px;
padding-bottom: 96px;
}
.sw-certifications-section__intro .h2 {
color: #FFFFFF;
} .sw-clients-section {
background: #FFFFFF;
}
.sw-clients-section__intro .h2 {
color: #001D3A;
}
.sw-clients-section__intro p {
color: #4A5568;
}
.sw-clients-section__marquee-viewport {
padding: 36px 0;
border-top: 1px solid #E6E9ED;
border-bottom: 1px solid #E6E9ED;
}
.sw-clients-section__logo-row img {
filter: brightness(0);
opacity: 0.62;
transition: opacity 0.3s ease;
}
.sw-clients-section__logo-row img:hover {
opacity: 1;
}
.logo-marquee {
animation-duration: 26s;
} .sw-insight-featured::after {
background: linear-gradient(180deg, rgba(0, 29, 58, 0) 45%, rgba(0, 29, 58, 0.18) 100%);
}
.sw-insight-featured--empty::after {
content: none;
}
.sw-insight-featured__overlay {
left: 40px;
right: auto;
bottom: 40px;
max-width: 620px;
color: #001D3A;
background: #FFFFFF;
padding: 32px 36px;
border-radius: 8px;
border-left: 3px solid #E10600;
box-shadow: 0 14px 40px rgba(0, 29, 58, 0.14);
}
.sw-insight-featured__cat,
.sw-insight-featured__cta {
color: #E10600;
} .sw-insights-showcase__cats {
overflow-x: auto;
} .sw-front-page__resources {
margin-top: 120px;
padding-top: 110px;
padding-bottom: 120px;
}
@media (max-width: 1000px) {
.sw-services-showcase__overlay,
.sw-insight-featured__overlay {
left: 16px;
right: 16px;
bottom: 16px;
max-width: none;
padding: 22px;
}
} .sw-day-band {
position: relative;
overflow: hidden;
background: #DCE8F2;
padding-top: 140px;
padding-bottom: 140px;
}
.sw-day-band__media {
position: absolute;
inset: 0;
}
.sw-day-band__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.sw-day-band__tint {
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(90deg, rgba(0, 29, 58, 0.22) 0%, rgba(0, 29, 58, 0) 55%);
}
.sw-day-panel {
position: relative;
background: #FFFFFF;
border-radius: 12px;
border-top: 3px solid #E10600;
padding: 52px;
box-shadow: 0 24px 60px rgba(0, 29, 58, 0.18);
}
@media (max-width: 1000px) {
.sw-day-band.pad {
padding: 72px 16px !important;
}
.sw-day-panel {
padding: 32px 22px;
margin: 0;
}
}
@media (max-width: 640px) {
.sw-day-band.pad {
padding: 56px 12px !important;
}
.sw-day-panel {
padding: 28px 20px;
}
} .sw-differentiators-section.sw-day-band {
background: #DCE8F2;
}
.sw-differentiators-section .sw-day-panel {
max-width: 980px;
padding: 56px 56px 48px;
}
.sw-differentiators-section .h2 {
color: #001D3A;
}
.sw-differentiators-section__tabs {
border-bottom-color: #E6E9ED;
}
.sw-differentiators-section__tab-title {
color: #8892A3;
}
.sw-differentiators-section__tab.is-active .sw-differentiators-section__tab-title {
color: #001D3A;
}
.sw-differentiators-section__desc {
color: #001D3A;
} .sw-library-section {
display: block;
margin-top: 0;
padding-left: 56px;
padding-right: 56px;
}
.sw-library-section__panel {
max-width: 1040px;
margin: 0 0 0 auto;
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 56px;
align-items: center;
padding: 56px;
}
.sw-library-section .h2,
.sw-library-section__portal-title,
.sw-library-section__portal a {
color: #001D3A;
}
.sw-library-section__main p {
color: #4A5568;
}
.sw-library-section__portal {
border-left-color: #D9DFE7;
}
@media (max-width: 1000px) {
.sw-library-section__portal {
border-left: none;
padding-left: 0;
}
} .sw-expert-support-section,
.sw-page-about__expert-cta,
.sw-single-insight__cta {
display: block;
}
.sw-expert-support-section__inner,
.sw-page-about__expert-panel,
.sw-single-insight__cta-panel {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}
.sw-expert-support-section.sw-day-band .sw-expert-support-section__inner {
gap: 80px;
}
.sw-page-about__expert-panel {
gap: 80px;
} .sw-single-insight__cta {
background: #DCE8F2;
padding-top: 140px;
padding-bottom: 140px;
}
.sw-single-insight__cta-panel {
max-width: 1080px;
margin: 0 auto;
grid-template-columns: 1.2fr 1fr;
gap: 56px;
} .sw-cta-band--dim {
background: #EEF5FB;
}
.sw-cta-band--dim .sw-cta-band__image {
opacity: 1;
}
.sw-cta-band--dim .sw-cta-band__scrim {
background: linear-gradient(90deg, rgba(0, 29, 58, 0.22) 0%, rgba(0, 29, 58, 0) 55%);
}
.sw-cta-band--dim .sw-cta-band__content.pad {
max-width: 760px;
margin: 140px auto 140px max(56px, calc((100% - 1328px) / 2));
padding: 52px 52px 48px;
background: #FFFFFF;
border-radius: 12px;
border-top: 3px solid #E10600;
box-shadow: 0 24px 60px rgba(0, 29, 58, 0.18);
}
.sw-cta-band:not(.sw-cta-band--dim) .sw-cta-band__scrim {
background: linear-gradient(100deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.93) 52%, rgba(255, 255, 255, 0.55) 70%, rgba(255, 255, 255, 0) 90%);
}
.sw-cta-band__content .h1 {
color: #001D3A;
}
.sw-cta-band__body {
color: #4A5568;
}
@media (max-width: 1000px) {
.sw-cta-band--dim .sw-cta-band__content.pad {
margin: 56px 16px;
padding: 32px 22px !important;
}
.sw-cta-band:not(.sw-cta-band--dim) .sw-cta-band__scrim {
background: rgba(255, 255, 255, 0.9);
}
} .sw-why-spectrum-section .h1 {
color: #FFFFFF;
}
.sw-why-spectrum-section__cert-grid a {
background: #FFFFFF;
border-color: #FFFFFF;
}
.sw-why-spectrum-section__cert-grid span {
color: #001D3A;
}
.sw-why-spectrum-section__cert-grid p {
color: #4A5568;
}
.sw-why-spectrum-section__advantage {
border-top-color: rgba(255, 255, 255, 0.16);
}
.sw-why-spectrum-section__advantage p {
color: #C5CFDC;
} .sw-single-insight__crumbs,
.sw-single-insight__crumbs a {
color: #4A5568;
}
.sw-single-insight__hero .h1 {
color: #001D3A;
}
.sw-single-insight__lead {
color: #4A5568;
} .sw-page-privacy > .sw-hero {
display: flex;
flex-direction: column;
gap: 20px;
padding: 104px 56px;
}
.sw-page-privacy__crumbs {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
}
@media (max-width: 1000px) {
.sw-page-privacy > .sw-hero {
padding-top: 72px;
padding-bottom: 72px;
}
}
.sw-page-privacy__consent,
.sw-page-privacy__consent .h2 {
color: #001D3A;
}
.sw-page-privacy__updated {
color: #4A5568;
} .sw-newsletter-wrap {
padding-top: 24px;
padding-bottom: 120px;
}
.sw-newsletter-section.nl-card {
background: #001D3A;
border-radius: 14px;
padding: 56px 64px;
box-shadow: 0 24px 60px rgba(0, 29, 58, 0.16);
}
@media (max-width: 1000px) {
.sw-newsletter-section.nl-card {
padding: 36px 26px;
}
}
@media (max-width: 640px) {
.sw-newsletter-section.nl-card {
padding: 28px 20px;
}
} .sw-cf7 p {
margin: 0 0 18px;
}
.sw-cf7 label {
display: block;
font-size: 12px;
font-weight: 700;
color: #001D3A;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.sw-cf7 label br {
display: none;
}
.sw-cf7 .wpcf7-form-control-wrap {
display: block;
margin-top: 8px;
text-transform: none;
letter-spacing: normal;
}
.sw-cf7 input[type="text"],
.sw-cf7 input[type="email"],
.sw-cf7 input[type="tel"],
.sw-cf7 select,
.sw-cf7 textarea {
width: 100%;
padding: 14px 16px;
border: 1px solid #D3D9E2;
border-radius: 6px;
background: #FFFFFF;
color: #001D3A;
font: 400 15px/1.4 'Plus Jakarta Sans', sans-serif;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.sw-cf7 textarea {
min-height: 120px;
resize: vertical;
}
.sw-cf7 input:focus,
.sw-cf7 select:focus,
.sw-cf7 textarea:focus {
border-color: #E10600;
box-shadow: 0 0 0 3px rgba(225, 6, 0, 0.12);
outline: none;
}
.sw-cf7 .sw-cf7-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 20px;
} .sw-cf7 .sw-cf7-grid > p {
display: contents;
}
.sw-cf7 .sw-cf7-grid br {
display: none;
}
.sw-cf7 .sw-cf7-grid label {
margin-bottom: 18px;
}
.sw-cf7 .wpcf7-acceptance label,
.sw-cf7 .wpcf7-list-item-label {
text-transform: none;
letter-spacing: normal;
font-size: 14px;
font-weight: 500;
color: #4A5568;
}
.sw-cf7 .wpcf7-list-item {
margin: 0;
}
.sw-cf7 .wpcf7-submit {
display: inline-flex;
align-items: center;
padding: 16px 30px;
border: 0;
border-radius: 6px;
background: #E10600;
color: #FFFFFF;
font: 700 16px 'Plus Jakarta Sans', sans-serif;
cursor: pointer;
transition: box-shadow 0.25s ease;
}
.sw-cf7 .wpcf7-submit:hover {
box-shadow: 0 6px 18px rgba(225, 6, 0, 0.28);
}
.sw-cf7 .wpcf7-submit:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.sw-cf7 .wpcf7-not-valid {
border-color: #E10600;
background: #FFF7F6;
}
.sw-cf7 .wpcf7-not-valid-tip {
display: block;
margin-top: 7px;
font-size: 12px;
font-weight: 600;
color: #E10600;
text-transform: none;
letter-spacing: normal;
}
.sw-cf7 .wpcf7 form .wpcf7-response-output {
margin: 18px 0 0;
padding: 14px 16px;
border: 0;
border-left: 2px solid #E10600;
border-radius: 6px;
background: #F2F4F7;
color: #001D3A;
font-size: 14px;
}
.sw-cf7 .wpcf7 form.sent .wpcf7-response-output {
border-left-color: #1E8E3E;
} .sw-contact-teaser-section__form-col .sw-cf7,
.sw-contact-teaser-section__form-col .sw-form-fallback,
.sw-page-contact__form .sw-cf7 {
background: #FFFFFF;
border: 1px solid #E5E9EF;
border-radius: 10px;
padding: 36px;
} .sw-newsletter-section .sw-cf7 label {
color: #FFFFFF;
}
.sw-newsletter-section .sw-cf7 input[type="email"],
.sw-newsletter-section .sw-cf7 input[type="text"] {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.25);
color: #FFFFFF;
}
.sw-newsletter-section .sw-cf7 .wpcf7-list-item-label,
.sw-newsletter-section .sw-cf7 .wpcf7-acceptance label {
color: #AEB9CB;
}
.sw-newsletter-section .sw-cf7 .wpcf7 form .wpcf7-response-output {
background: rgba(255, 255, 255, 0.08);
color: #FFFFFF;
}
.sw-newsletter-form {
flex: 1 1 280px;
max-width: 480px;
} .sw-form-fallback {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.sw-form-fallback__email {
margin: 0;
color: #4A5568;
font-size: 14px;
}
@media (max-width: 640px) {
.sw-cf7 .sw-cf7-grid {
grid-template-columns: 1fr;
}
.sw-contact-teaser-section__form-col .sw-cf7,
.sw-contact-teaser-section__form-col .sw-form-fallback,
.sw-page-contact__form .sw-cf7 {
padding: 24px 18px;
}
} .sw-footer {
background: #FFFFFF;
border-top: 1px solid #E6E9ED;
padding-top: 72px;
color: #4A5568;
}
.sw-footer a {
color: #4A5568;
}
.sw-footer a:hover {
color: #E10600;
}
.sw-footer img {
filter: none;
}
.sw-footer__offices-label {
color: #001D3A;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
flex-basis: 100%;
}
.sw-footer__office-location {
color: #001D3A;
font-weight: 600;
} @media (max-width: 640px) {
h3 {
font-size: min(1em, 20px);
}
.pad {
padding-left: 20px !important;
padding-right: 20px !important;
}
.tall {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.btn {
max-width: 100%;
white-space: normal;
}
.sw-stat-band.pad {
grid-template-columns: 1fr 1fr !important;
}
.sw-library-section__panel,
.sw-expert-support-section__inner,
.sw-page-about__expert-panel,
.sw-single-insight__cta-panel {
gap: 28px;
}
} .sw-certifications-section > *,
.sw-why-spectrum-section > *,
.sw-contact-teaser-section > *,
.sw-other-resources-section > *,
.sw-page-service__intro > *,
.sw-page-privacy__consent > * {
min-width: 0;
}
@media (max-width: 1000px) {
.sw-certifications-section,
.sw-why-spectrum-section,
.sw-contact-teaser-section,
.sw-other-resources-section,
.sw-page-service__intro,
.sw-page-privacy__consent,
.sw-services-showcase__grid,
.sw-visual-explanation-section,
.sw-insights-showcase__intro,
.sw-about-experience-section__intro,
.sw-mega-panel__row {
grid-template-columns: 1fr !important;
gap: 32px !important;
}
.sw-why-spectrum-section.pad {
padding-top: 72px;
padding-bottom: 72px;
}
}
@media (max-width: 640px) {
.sw-certifications-section__grid,
.sw-why-spectrum-section__cert-grid,
.sw-other-resources-section__list,
.sw-contact-teaser-form__grid,
.sw-page-privacy__list,
.sw-mega-panel__grid--2col,
.sw-about-experience-section__pillars {
grid-template-columns: 1fr !important;
}
.sw-page-privacy__section {
grid-template-columns: 1fr;
gap: 12px;
}
.sw-newsletter-form__row {
flex-wrap: wrap;
}
.sw-newsletter-form__row input {
min-width: 0;
}
.sw-newsletter-form__row .btn {
flex: 1 1 100%;
justify-content: center;
}
} @media (max-width: 1000px) {
.sw-day-band .sw-day-panel {
padding: 32px 22px;
}
}
@media (max-width: 640px) {
.sw-day-band .sw-day-panel {
padding: 28px 20px;
}
}
@media (prefers-reduced-motion: reduce) {
.logo-marquee {
animation-duration: 300s;
}
} .sw-generic__hero {
display: flex;
flex-direction: column;
gap: 18px;
padding-top: 96px;
padding-bottom: 72px;
}
.sw-prose {
max-width: 960px;
padding-top: 72px;
padding-bottom: 96px;
font-size: 16px;
line-height: 1.75;
color: #4A5568;
}
.sw-prose h2,
.sw-prose h3 {
color: #001D3A;
margin: 40px 0 16px;
}
.sw-prose img {
height: auto;
border-radius: 8px;
}
.sw-prose a {
text-decoration: underline;
}
@media (max-width: 1000px) {
.sw-generic__hero {
padding-top: 64px;
padding-bottom: 48px;
}
.sw-prose {
padding-top: 48px;
padding-bottom: 64px;
}
} a[target="_blank"].customize-unpreviewable { cursor: pointer !important; }