html,body{
scroll-behavior: smooth;
}
.video-with-text-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.video-with-text-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.video-with-text-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.video-with-text-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.video-with-text-block {
padding-left: 0;
padding-right: 0
}
}
.video-with-text-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.video-with-text-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.video-with-text-block.grid {
display: grid
}
}
@media(min-width: 1224px) {
.video-with-text-block.grid.grid__gap {
column-gap: var(--gutter__column--content)
}
}
.video-with-text-block .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1441px) {
.video-with-text-block .text {
grid-column-end: 6
}
}
.video-with-text-block .text div.cta {
margin-top: var(--spacing__08)
}
.video-with-text-block .text div.cta .button {
width: 100%
}
@media(min-width: 768px) {
.video-with-text-block .text div.cta .button {
width: auto
}
}
.video-with-text-block .image,
.video-with-text-block .video {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.video-with-text-block .image,
.video-with-text-block .video {
margin: 0;
padding-top: 0
}
}
.video-with-text-block .video__wrapper {
position: relative;
margin: 0 var(--spacing__05--negative)
}
@media(min-width: 1024px) {
.video-with-text-block .video__wrapper {
margin: 0
}
}
.video-with-text-block iframe {
aspect-ratio: 16/9;
z-index: 100;
position: relative
}
.video-with-text-block .cookieconsent-optout-marketing .image__responsive {
aspect-ratio: 16/9
}
.video-with-text-block__inverted .text {
grid-column-start: 7;
grid-column-end: 13
}
.video-with-text-block__inverted .image,
.video-with-text-block__inverted .video {
grid-column-start: 1;
grid-column-end: 7
}
.USP-section-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.USP-section-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.USP-section-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.USP-section-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.USP-section-block {
padding-left: 0;
padding-right: 0
}
}
.USP-section-block .usp__container {
display: flex;
flex-wrap: wrap;
justify-content: left;
gap: var(--spacing__06)
}
@media(min-width: 1224px) {
.USP-section-block .usp__container {
justify-content: center
}
}
.USP-section-block .usp__container .usp__text {
width: 100%;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.USP-section-block .usp__container .usp__text {
margin-bottom: var(--spacing__10)
}
}
.USP-section-block .usp__container .usp__text--wrapper {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 1024px) {
.USP-section-block .usp__container .usp__text--wrapper {
grid-column-end: 8
}
}
@media(min-width: 1224px) {
.USP-section-block .usp__container .usp__text--wrapper {
grid-column-end: 7
}
}
.USP-section-block .usp__container .usp__text .label {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__05);
color: var(--color__purple--500)
}
@media(min-width: 1024px) {
.USP-section-block .usp__container .usp__text .label {
font-size: var(--font__size--18);
margin-bottom: var(--spacing__05)
}
}
.USP-section-block .usp__container .usp__text h2 {
font-size: var(--font__size--24);
margin-bottom: 0
}
@media(min-width: 1024px) {
.USP-section-block .usp__container .usp__text h2 {
font-size: var(--font__size--36)
}
}
.USP-section-block .usp__container .usp__text .block--preamble {
font-size: var(--font__size--15);
margin-top: var(--spacing__06)
}
@media(min-width: 1024px) {
.USP-section-block .usp__container .usp__text .block--preamble {
font-size: var(--font__size--18)
}
}
.USP-section-block .usp__container .usp__text .button__wrapper {
margin-top: var(--spacing__08)
}
.USP-section-block .usp__container .usp__item {
flex: 1 1 100%;
max-width: 100%;
box-sizing: border-box;
background-color: var(--bg-subtle);
color: var(--text-primary-light);
border-radius: var(--radius-small);
padding: var(--spacing__09) var(--spacing__06) var(--spacing__11) var(--spacing__06)
}
@media(min-width: 1024px) {
.USP-section-block .usp__container .usp__item {
flex: 0 0 calc(33.33% - 16px)
}
}
@media(min-width: 1224px) {
.USP-section-block .usp__container .usp__item {
flex: 1;
max-width: unset
}
}
.USP-section-block .usp__container .usp__item p {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.USP-section-block .usp__container .usp__item .number {
font-size: var(--font__size--18);
padding-bottom: var(--spacing__11)
}
@media(min-width: 1024px) {
.USP-section-block .usp__container .usp__item .number {
font-size: var(--font__size--24)
}
}
.USP-section-block .usp__container .usp__item h4 {
padding-bottom: 20px
}
.USP-section-block .usp__container.card-slide:not(.unslide) .slider__track {
padding-left: 0;
padding-right: 0;
left: 0
}
.USP-section-block .usp__container.card-slide .card__wrapper {
width: 100%
}
.USP-section-block .usp__container.card-slide .usp__item {
height: 100%
}
.USP-section-block .usp__container.card-slide .card__button__container {
width: 100%
}
.USP-section-block .usp__container.card-slide .card__button__container button[disabled] {
opacity: .3
}
@media(max-width: 1024px) {
.USP-section-block .usp__container.card-slide {
width: 100%
}
.USP-section-block .usp__container.card-slide:not(.unslide) .slider__track {
display: grid;
padding: 0;
margin-left: var(--spacing__05);
left: calc(var(--spacing__04)*-1)
}
.USP-section-block .usp__container.card-slide:not(.unslide) .slide {
max-width: 100%;
width: 100%;
padding: 0
}
.USP-section-block .usp__container.card-slide .card__button__container {
display: none !important
}
.USP-section-block .usp__container.card-slide .card .image__responsive {
width: 100%
}
.USP-section-block .usp__container.card-slide .usp__item {
margin-bottom: var(--spacing__06);
height: auto
}
}
@media(min-width: 1024px) {
.USP-section-block__purple .usp__container .usp__text--wrapper {
grid-column-end: 7
}
.USP-section-block__purple .usp__container .usp__text h2 {
font-size: var(--font__size--60);
line-height: 1
}
.USP-section-block__purple .usp__container .usp__text p {
line-height: var(--font__size--27)
}
}
@media(min-width: 1224px) {
.USP-section-block__purple .usp__container .usp__text--wrapper {
grid-column-end: 5
}
}
.USP-section-block__purple .usp__container .usp__item {
background-color: var(--color__purple--600);
color: var(--text-primary-dark);
padding: var(--spacing__09) var(--spacing__09) var(--spacing__09) var(--spacing__06)
}
@media(min-width: 1441px) {
.USP-section-block__purple .usp__container .usp__item {
padding: var(--spacing__09) var(--spacing__13) var(--spacing__09) var(--spacing__06)
}
}
.USP-section-block__purple .usp__container .usp__item p {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.USP-section-block__purple .usp__container .usp__item p {
font-size: var(--font__size--18)
}
}
.USP-section-block__purple .usp__container .usp__item .number {
padding-bottom: 0;
margin-bottom: var(--spacing__04)
}
.USP-section-block__purple .usp__container .usp__item h4 {
font-size: var(--font__size--24);
padding-bottom: 0;
margin-bottom: var(--spacing__15)
}
@media(min-width: 1024px) {
.USP-section-block__purple .usp__container .usp__item h4 {
min-height: 90px
}
}
@media(min-width: 1441px) {
.USP-section-block__purple .usp__container .usp__item h4 {
font-size: var(--font__size--36);
margin-bottom: var(--spacing__058);
min-height: 90px
}
}
@media(min-width: 1224px) {
.USP-section-block__purple--animation .usp__container .usp__item {
background-color: var(--color__purple--600);
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 580px;
max-width: calc(33% - var(--spacing__04))
}
.USP-section-block__purple--animation .usp__container .usp__item p {
font-size: var(--font__size--15);
opacity: 0;
min-height: 216px;
-webkit-transition: opacity var(--duration-xlarge);
-moz-transition: opacity var(--duration-xlarge);
transition: opacity var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
.USP-section-block__purple--animation .usp__container .usp__item .number {
font-size: var(--font__size--24)
}
.USP-section-block__purple--animation .usp__container .usp__item h4 {
font-size: var(--font__size--36);
line-height: var(--font__size--40);
margin-bottom: var(--spacing__06);
-webkit-transition: all var(--duration-xlarge);
-moz-transition: all var(--duration-xlarge);
transition: all var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
.USP-section-block__purple--animation .usp__container .usp__item:hover {
background-color: var(--color__purple--800)
}
.USP-section-block__purple--animation .usp__container .usp__item:hover p {
opacity: 1
}
.USP-section-block__purple--animation .usp__container .usp__item:hover h4 {
margin-bottom: 150px
}
}
@media(min-width: 1441px) {
.USP-section-block__purple--animation .usp__container .usp__item {
min-height: 667px
}
.USP-section-block__purple--animation .usp__container .usp__item h4 {
font-size: var(--font__size--48);
line-height: var(--font__size--48);
min-height: 120px
}
.USP-section-block__purple--animation .usp__container .usp__item p {
font-size: var(--font__size--18);
min-height: 240px
}
.USP-section-block__purple--animation .usp__container .usp__item:hover h4 {
margin-bottom: 200px
}
}
@media(min-width: 1024px) {
.USP-section-block__blue .usp__container .usp__text--wrapper {
grid-column-end: 6
}
.USP-section-block__blue .usp__container .usp__text .preamble {
line-height: var(--font__size--27)
}
}
.USP-section-block__blue .usp__container .usp__item {
background-color: var(--color__blue--700);
border: var(--stroke-thin) solid var(--color__blue--600);
color: var(--text-primary-dark);
padding: var(--spacing__09) var(--spacing__09) var(--spacing__09) var(--spacing__06)
}
@media(min-width: 1441px) {
.USP-section-block__blue .usp__container .usp__item {
padding: var(--spacing__09) var(--spacing__13) var(--spacing__09) var(--spacing__06)
}
}
.USP-section-block__blue .usp__container .usp__item p {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.USP-section-block__blue .usp__container .usp__item p {
font-size: var(--font__size--18)
}
}
.USP-section-block__blue .usp__container .usp__item .number {
display: none
}
.USP-section-block__blue .usp__container .usp__item h4 {
font-size: var(--font__size--24);
padding-bottom: 0;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1224px) {
.USP-section-block__blue--animation .usp__container .usp__item {
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 484px;
max-width: calc(33% - var(--spacing__04))
}
.USP-section-block__blue--animation .usp__container .usp__item p {
opacity: 0;
min-height: 150px;
-webkit-transition: opacity var(--duration-xlarge);
-moz-transition: opacity var(--duration-xlarge);
transition: opacity var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
.USP-section-block__blue--animation .usp__container .usp__item h4 {
margin-bottom: var(--spacing__06);
-webkit-transition: all var(--duration-xlarge);
-moz-transition: all var(--duration-xlarge);
transition: all var(--duration-xlarge);
transition-timing-function: var(--ease-standard);
margin-top: 150px
}
.USP-section-block__blue--animation .usp__container .usp__item:hover p {
opacity: 1
}
.USP-section-block__blue--animation .usp__container .usp__item:hover h4 {
margin-top: 0
}
}
@media(min-width: 1224px) {
.homepage .USP-section-block .usp__container .usp__item {
max-height: none
}
}
@media(min-width: 1224px) {
.homepage .USP-section-block .usp__container .usp__item {
max-height: none
}
}
.top-page-carousel-block {
position: relative;
background-color: var(--bg-brand);
overflow: hidden;
height: 270px
}
.top-page-carousel-block .modal-form-block .frc-captcha {
color: var(--text-primary-light)
}
.top-page-carousel-block .modal-form-block .frc-captcha .frc-text {
color: var(--text-primary-light)
}
.top-page-carousel-block .modal-form-block .frc-captcha .frc-icon {
fill: var(--color__blue--800);
stroke: var(--color__blue--800)
}
.top-page-carousel-block .frc-captcha {
border: none;
border-radius: var(--radius-large);
background-color: rgba(0, 0, 0, 0);
font-family: inherit;
margin-top: var(--spacing__04);
max-width: 100%;
width: 16.25rem;
color: var(--text-primary-dark)
}
.top-page-carousel-block .frc-captcha .frc-container {
min-height: auto;
gap: .5rem;
margin-bottom: 4px
}
.top-page-carousel-block .frc-captcha .frc-content {
margin: 0
}
.top-page-carousel-block .frc-captcha .frc-text {
display: block;
font-size: var(--font__size--12);
margin: 0;
color: var(--text-primary-dark)
}
.top-page-carousel-block .frc-captcha .frc-text b {
font-weight: initial;
font-size: var(--font__size--12)
}
.top-page-carousel-block .frc-captcha .frc-icon {
margin: 0;
width: 20px;
fill: var(--color__white);
stroke: var(--color__white)
}
.top-page-carousel-block .frc-captcha .frc-button,
.top-page-carousel-block .frc-captcha .frc-banner {
display: none
}
.top-page-carousel-block.default-view .image__container.mobile .qbankmedia__background {
filter: opacity(0.2)
}
@media(min-width: 896px) {
.top-page-carousel-block.default-view .image__container.mobile {
display: none
}
}
.top-page-carousel-block.default-view .col__left {
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.top-page-carousel-block.default-view .col__left {
padding-top: var(--spacing__08);
padding-bottom: var(--spacing__08)
}
}
@media(min-width: 896px) {
.top-page-carousel-block.default-view .text .col__wrapper {
column-gap: var(--spacing__08)
}
.top-page-carousel-block.default-view .text .col__wrapper .col__right {
display: none
}
}
@media(min-width: 896px)and (min-width: 896px) {
.top-page-carousel-block.default-view .text .col__wrapper .col__right {
display: block;
position: relative
}
}
.top-page-carousel-block.alternate-view .qbankmedia__background {
filter: opacity(0.2)
}
.top-page-carousel-block.alternate-view .text {
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__06)
}
.top-page-carousel-block.alternate-view .text .col__wrapper {
column-gap: var(--spacing__13)
}
@media(min-width: 1024px) {
.top-page-carousel-block.alternate-view .text {
padding-top: var(--spacing__08);
padding-bottom: var(--spacing__08)
}
}
@media(min-width: 768px) {
.top-page-carousel-block {
height: 300px
}
}
@media(min-width: 896px) {
.top-page-carousel-block {
height: 375px
}
}
.top-page-carousel-block .carousel-outer {
position: relative;
height: 100%
}
.top-page-carousel-block .carousel-wrapper {
height: 100%
}
.top-page-carousel-block .carousel-wrapper>div {
display: flex;
height: 100%
}
.top-page-carousel-block .carousel-wrapper>div>div>.slide {
height: 100%;
position: relative;
box-sizing: border-box
}
.top-page-carousel-block .controls {
position: absolute;
bottom: 24px;
width: 100%;
display: flex;
z-index: 1
}
@media(min-width: 1024px) {
.top-page-carousel-block .controls {
bottom: 36px
}
}
.top-page-carousel-block .controls .controls__inner {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.top-page-carousel-block .controls .controls__inner {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.top-page-carousel-block .controls .controls__inner {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.top-page-carousel-block .controls .controls__inner {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.top-page-carousel-block .controls .controls__inner {
padding-left: 0;
padding-right: 0
}
}
.top-page-carousel-block .indicators {
list-style: none;
padding: 0;
margin: 0 var(--spacing__04);
display: flex;
align-items: center
}
.top-page-carousel-block .indicators li {
display: flex;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center
}
.top-page-carousel-block .indicators li:first-child~li {
margin-left: .313rem
}
.top-page-carousel-block .indicators li:not(.active) {
width: 8px;
height: 8px;
background-color: hsla(0, 0%, 100%, .45);
font-size: 0
}
.top-page-carousel-block .indicators li.active {
width: 12px;
height: 12px;
background-color: #fff;
font-size: 9px
}
.top-page-carousel-block .image__container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.top-page-carousel-block .text {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1;
position: relative;
height: inherit
}
@media(min-width: 768px) {
.top-page-carousel-block .text {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.top-page-carousel-block .text {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.top-page-carousel-block .text {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.top-page-carousel-block .text {
padding-left: 0;
padding-right: 0
}
}
.top-page-carousel-block .text .col__wrapper {
display: flex;
flex-grow: 1
}
.top-page-carousel-block .text .col__wrapper .col__left {
width: 100%;
position: relative
}
.top-page-carousel-block .text .col__wrapper .col__left .readmore__link {
display: inline-flex;
align-items: center;
font-size: var(--font__size--12);
color: var(--text-primary-dark);
text-decoration: none;
gap: 6px
}
@media(min-width: 768px) {
.top-page-carousel-block .text .col__wrapper .col__left .readmore__link {
font-size: var(--font__size--15)
}
}
.top-page-carousel-block .text .col__wrapper .col__left .readmore__link svg {
width: 1rem;
height: 1rem
}
@media(min-width: 896px) {
.top-page-carousel-block .text .col__wrapper .col__left .cta__boxbutton {
display: none
}
}
.top-page-carousel-block .text .col__wrapper .col__left .certifications {
list-style: none;
margin: 0;
padding: 0;
display: none;
gap: var(--spacing__05)
}
@media(min-width: 768px) {
.top-page-carousel-block .text .col__wrapper .col__left .certifications {
display: flex
}
}
.top-page-carousel-block .text .col__wrapper .col__left .certifications img {
max-width: 40px
}
.top-page-carousel-block .text .col__wrapper .col__left.has-certification-images {
display: flex;
flex-direction: column;
justify-content: space-between
}
.top-page-carousel-block .text .col__wrapper .col__left.has-form .main-description {
display: none
}
@media(min-width: 768px) {
.top-page-carousel-block .text .col__wrapper .col__left.has-form .main-description {
display: block
}
}
@media(max-width: 490px) {
.top-page-carousel-block .text .col__wrapper .col__left .tpc__cta .button__tertiary {
width: 100%
}
}
@media(max-width: 799px) {
.top-page-carousel-block .text .col__wrapper .col__left .tpc__cta .button__tertiary {
font-size: var(--font__size--12);
padding: 0 1rem;
height: 36px
}
}
@media(min-width: 896px) {
.top-page-carousel-block .text .col__wrapper .col__left {
width: 50%
}
}
.top-page-carousel-block .text .col__wrapper .col__right {
width: 50%;
color: var(--text-primary-dark);
display: flex;
justify-content: flex-end;
display: none;
align-items: center
}
@media(min-width: 896px) {
.top-page-carousel-block .text .col__wrapper .col__right {
display: flex
}
}
.top-page-carousel-block .text .col__wrapper .col__right .cta__box {
color: var(--text-primary-light);
background-color: var(--bg-default);
border-radius: var(--radius-small);
padding: var(--spacing__06);
box-sizing: border-box;
max-width: 300px
}
.top-page-carousel-block .text .col__wrapper .col__right .cta__box h3 {
font-size: var(--font__size--24)
}
.top-page-carousel-block .text .col__wrapper .col__right .cta__box p {
color: var(--text-primary-light);
margin-top: var(--spacing__05)
}
.top-page-carousel-block .text .col__wrapper .col__right .cta__box a {
margin-top: var(--spacing__06);
width: 100%
}
.top-page-carousel-block .text h2,
.top-page-carousel-block .text p {
color: var(--text-primary-dark)
}
.top-page-carousel-block .text p {
font-size: var(--font__size--15)
}
.top-page-carousel-block .text h2 {
font-size: var(--font__size--21);
margin-bottom: var(--spacing__04)
}
@media(min-width: 896px) {
.top-page-carousel-block .text h2 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
}
.top-page-carousel-block .text .main-description {
font-size: var(--font__size--12);
margin-bottom: var(--spacing__04);
line-height: 150%
}
@media(min-width: 768px) {
.top-page-carousel-block .text .main-description {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
}
@media(min-width: 896px) {
.top-page-carousel-block .text .main-description {
margin-bottom: var(--spacing__08)
}
}
.top-page-carousel-block .text .description p {
font-size: var(--font__size--12);
line-height: 137.5%;
color: var(--color__grey--200)
}
.top-page-carousel-block .text .description p:first-child~p {
margin-top: var(--spacing__04)
}
.top-page-carousel-block .text .description a {
color: var(--text-primary-dark)
}
.top-page-carousel-block .button__controls {
display: flex;
align-items: center;
justify-content: flex-start
}
.top-page-carousel-block .button__controls button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit
}
.top-page-carousel-block .button__controls button>* {
pointer-events: none
}
.top-page-carousel-block .button__controls button svg {
width: 1.5rem;
height: 1.5rem;
fill: var(--color__white)
}
.top-page-carousel-block .qbankmedia__background {
height: 100%;
width: 100%;
background-size: cover;
object-fit: cover;
background-position: center center;
position: relative;
overflow: hidden
}
.top-page-carousel-block .tpc__inputcontainer {
width: 100%;
position: relative;
height: 36px;
display: flex;
justify-content: space-between;
background-color: var(--bg-default);
border-radius: var(--radius-pill);
margin-bottom: var(--spacing__04)
}
@media(min-width: 768px) {
.top-page-carousel-block .tpc__inputcontainer {
width: 75%
}
}
@media(min-width: 896px) {
.top-page-carousel-block .tpc__inputcontainer {
width: 100%
}
}
@media(min-width: 1224px) {
.top-page-carousel-block .tpc__inputcontainer {
width: 75%
}
}
@media(min-width: 1441px) {
.top-page-carousel-block .tpc__inputcontainer {
width: 65%
}
}
.top-page-carousel-block .tpc__inputcontainer input[type=number] {
-moz-appearance: textfield
}
.top-page-carousel-block .tpc__inputcontainer input[type=number]::-webkit-outer-spin-button,
.top-page-carousel-block .tpc__inputcontainer input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none
}
.top-page-carousel-block .tpc__btncontainer {
min-width: 0;
height: inherit;
box-sizing: border-box;
padding: 3px;
display: flex;
align-items: center;
justify-content: center
}
.top-page-carousel-block .tpc__btncontainer .button.tiny {
height: 100%
}
.top-page-carousel-block .tpc__btncontainer button:disabled {
background-color: var(--color__purple--100);
color: var(--text-primary-light);
opacity: 1
}
.top-page-carousel-block .tpc__btncontainer span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.top-page-carousel-block .input_textbox_carousel {
height: inherit;
font-family: inherit;
background-color: rgba(0, 0, 0, 0);
padding: 0;
box-sizing: border-box;
border-radius: var(--radius-pill) 0 0 var(--radius-pill);
border: none;
text-indent: 20px;
flex-grow: 1
}
.top-page-carousel-block .input_textbox_carousel::placeholder {
text-align: left
}
.top-page-carousel-block .input_button_carousel {
justify-content: flex-start;
white-space: nowrap;
overflow: hidden;
height: calc(100% - 4px);
border: 0;
text-decoration: none;
cursor: pointer;
padding: 0 10px;
font-size: var(--font__size--12)
}
@media(min-width: 768px) {
.top-page-carousel-block .input_button_carousel {
font-size: var(--font__size--15)
}
}
.top-page-carousel-block .Form__Element__ValidationError label,
.top-page-carousel-block .Form__Element__ValidationError small {
color: #f1dc91 !important;
font-size: 12px
}
.top-page-carousel-block .Form__Element__ValidationError small {
display: none;
opacity: 0
}
.top-page-carousel-block .fade-visible {
display: block
}
.top-page-carousel-block .fade-active {
display: block;
opacity: 1 !important
}
.top-page-carousel-block .fade-transition.fade-visible {
display: block;
opacity: 1 !important
}
.top-page-carousel-block .fade-transition {
transition: opacity .5s var(--ease-standard)
}
.top-page-carousel-block .fade-hidden {
display: block !important;
opacity: 0 !important
}
.top-page-carousel-block .successTitle,
.top-page-carousel-block .successMsg,
.top-page-carousel-block .errorMsg {
display: none
}
.js-text-block .block--label {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
.js-text-block .block--heading {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
@media(min-width: 896px) {
.js-text-block .block--heading {
margin-bottom: var(--spacing__06);
grid-column-end: 13
}
}
.startpage .text-block,
.landingpage .text-block,
.standardpage .text-block,
.campaignpage .text-block,
.thankyoupage .text-block,
.pressreleasepage .text-block,
.personpage .text-block,
.anchor-link-page-ca .text-block,
.officepage .text-block,
.article-page .text-block,
.landingpagedigital .text-block,
.blogpage .text-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.startpage .text-block,
.landingpage .text-block,
.standardpage .text-block,
.campaignpage .text-block,
.thankyoupage .text-block,
.pressreleasepage .text-block,
.personpage .text-block,
.anchor-link-page-ca .text-block,
.officepage .text-block,
.article-page .text-block,
.landingpagedigital .text-block,
.blogpage .text-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.startpage .text-block,
.landingpage .text-block,
.standardpage .text-block,
.campaignpage .text-block,
.thankyoupage .text-block,
.pressreleasepage .text-block,
.personpage .text-block,
.anchor-link-page-ca .text-block,
.officepage .text-block,
.article-page .text-block,
.landingpagedigital .text-block,
.blogpage .text-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.startpage .text-block,
.landingpage .text-block,
.standardpage .text-block,
.campaignpage .text-block,
.thankyoupage .text-block,
.pressreleasepage .text-block,
.personpage .text-block,
.anchor-link-page-ca .text-block,
.officepage .text-block,
.article-page .text-block,
.landingpagedigital .text-block,
.blogpage .text-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.startpage .text-block,
.landingpage .text-block,
.standardpage .text-block,
.campaignpage .text-block,
.thankyoupage .text-block,
.pressreleasepage .text-block,
.personpage .text-block,
.anchor-link-page-ca .text-block,
.officepage .text-block,
.article-page .text-block,
.landingpagedigital .text-block,
.blogpage .text-block {
padding-left: 0;
padding-right: 0
}
}
.startpage .text-block .text-block__inner,
.startpage .text-block .block--label,
.startpage .text-block .block--heading,
.landingpage .text-block .text-block__inner,
.landingpage .text-block .block--label,
.landingpage .text-block .block--heading,
.standardpage .text-block .text-block__inner,
.standardpage .text-block .block--label,
.standardpage .text-block .block--heading,
.campaignpage .text-block .text-block__inner,
.campaignpage .text-block .block--label,
.campaignpage .text-block .block--heading,
.thankyoupage .text-block .text-block__inner,
.thankyoupage .text-block .block--label,
.thankyoupage .text-block .block--heading,
.pressreleasepage .text-block .text-block__inner,
.pressreleasepage .text-block .block--label,
.pressreleasepage .text-block .block--heading,
.personpage .text-block .text-block__inner,
.personpage .text-block .block--label,
.personpage .text-block .block--heading,
.anchor-link-page-ca .text-block .text-block__inner,
.anchor-link-page-ca .text-block .block--label,
.anchor-link-page-ca .text-block .block--heading,
.officepage .text-block .text-block__inner,
.officepage .text-block .block--label,
.officepage .text-block .block--heading,
.article-page .text-block .text-block__inner,
.article-page .text-block .block--label,
.article-page .text-block .block--heading,
.landingpagedigital .text-block .text-block__inner,
.landingpagedigital .text-block .block--label,
.landingpagedigital .text-block .block--heading,
.blogpage .text-block .text-block__inner,
.blogpage .text-block .block--label,
.blogpage .text-block .block--heading {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
@media(min-width: 896px) {
.startpage .text-block .text-block__inner,
.startpage .text-block .block--label,
.startpage .text-block .block--heading,
.landingpage .text-block .text-block__inner,
.landingpage .text-block .block--label,
.landingpage .text-block .block--heading,
.standardpage .text-block .text-block__inner,
.standardpage .text-block .block--label,
.standardpage .text-block .block--heading,
.campaignpage .text-block .text-block__inner,
.campaignpage .text-block .block--label,
.campaignpage .text-block .block--heading,
.thankyoupage .text-block .text-block__inner,
.thankyoupage .text-block .block--label,
.thankyoupage .text-block .block--heading,
.pressreleasepage .text-block .text-block__inner,
.pressreleasepage .text-block .block--label,
.pressreleasepage .text-block .block--heading,
.personpage .text-block .text-block__inner,
.personpage .text-block .block--label,
.personpage .text-block .block--heading,
.anchor-link-page-ca .text-block .text-block__inner,
.anchor-link-page-ca .text-block .block--label,
.anchor-link-page-ca .text-block .block--heading,
.officepage .text-block .text-block__inner,
.officepage .text-block .block--label,
.officepage .text-block .block--heading,
.article-page .text-block .text-block__inner,
.article-page .text-block .block--label,
.article-page .text-block .block--heading,
.landingpagedigital .text-block .text-block__inner,
.landingpagedigital .text-block .block--label,
.landingpagedigital .text-block .block--heading,
.blogpage .text-block .text-block__inner,
.blogpage .text-block .block--label,
.blogpage .text-block .block--heading {
grid-column-start: 5;
grid-column-end: 12;
justify-self: stretch;
align-self: start;
border-left: var(--stroke-thin) solid var(--color__grey--400);
padding-left: var(--spacing__04)
}
}
.standardpage .text-block__inner,
.campaignpage .text-block__inner {
grid-column-start: 5;
grid-column-end: 13 !important;
display: grid
}
.text-block__inner {
width: 100%;
overflow-y: auto
}
@media(min-width: 1024px) {
.text-block__inner {
width: auto;
max-width: 100%
}
}
.text-block .caption,
.text-block .sub-heading {
font-size: .875rem;
line-height: 1.375rem
}
.text-block strong {
font-weight: bold
}
.text-block em {
font-style: italic
}
.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6 {
margin: 0 0 var(--spacing__04) 0
}
.text-block ul:not(.infolist),
.text-block ul:not(.checklist),
.text-block ol:not(.infolist),
.text-block ol:not(.checklist) {
font-size: var(--font__size--15);
line-height: 1.5
}
@media(min-width: 896px) {
.text-block ul:not(.infolist),
.text-block ul:not(.checklist),
.text-block ol:not(.infolist),
.text-block ol:not(.checklist) {
font-size: var(--font__size--18)
}
}
.text-block h2 {
font-size: var(--font__size--18);
line-height: 133%;
font-family: var(--font__bold)
}
@media(min-width: 768px) {
.text-block h2 {
font-size: var(--font__size--24);
line-height: 125%;
font-family: var(--font__bold)
}
}
@media(min-width: 896px) {
.text-block h2 {
font-size: var(--font__size--30);
line-height: 120%;
font-family: var(--font__bold)
}
}
.text-block h3 {
font-size: var(--font__size--15);
line-height: 160%;
font-family: var(--font__bold)
}
@media(min-width: 768px) {
.text-block h3 {
font-size: var(--font__size--18);
line-height: 133%
}
}
@media(min-width: 896px) {
.text-block h3 {
font-size: var(--font__size--24);
line-height: 125%
}
}
.text-block h4 {
font-size: var(--font__size--15);
line-height: 160%;
font-family: var(--font__bold)
}
@media(min-width: 896px) {
.text-block h4 {
font-size: var(--font__size--18);
line-height: 133%
}
}
.text-block h5,
.text-block h6 {
font-family: var(--font__bold);
font-size: var(--font__size--15);
line-height: 133%
}
.text-block p {
line-height: 1.5;
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
@media(min-width: 896px) {
.text-block p {
font-size: var(--font__size--18)
}
}
.text-block img:not(.qbankmedia) {
max-width: 100%;
height: auto
}
.text-block table:not(.styled-table, .distinct-table) tr:first-child {
background-color: var(--color__grey--400);
font-weight: bold
}
.text-block table:not(.styled-table, .distinct-table) tr:first-child~tr:nth-child(odd) {
background-color: var(--bg-subtle)
}
.text-block table:not(.styled-table, .distinct-table) td {
border: none;
padding: var(--spacing__04);
line-height: var(--spacing__06)
}
.text-block .button.button__primary {
color: var(--text-primary-dark) !important
}
.left-column__main-content .text-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.left-column__main-content .text-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.left-column__main-content .text-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.left-column__main-content .text-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.left-column__main-content .text-block {
padding-left: 0;
padding-right: 0
}
}
.left-column__main-content .text-block .text-block__inner {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
.testimonials-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.testimonials-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.testimonials-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.testimonials-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.testimonials-block {
padding-left: 0;
padding-right: 0
}
}
.testimonials-block.dark {
background-color: var(--bg-brand);
padding-top: var(--spacing__09);
padding-bottom: var(--spacing__09)
}
@media(min-width: 896px) {
.testimonials-block.dark {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.testimonials-block.dark>.inner h2 {
color: var(--text-primary-dark);
text-align: center
}
.testimonials-block.dark .card-slide .card__prev {
background: linear-gradient(to right, var(--bg-brand), transparent);
justify-content: flex-start
}
.testimonials-block.dark .card-slide .card__next {
background: linear-gradient(to left, var(--bg-brand), transparent);
justify-content: center
}
.testimonials-block:not(.dark) .card-slide .card__prev {
background: linear-gradient(to right, white, transparent);
justify-content: flex-start
}
.testimonials-block:not(.dark) .card-slide .card__next {
background: linear-gradient(to left, white, transparent);
justify-content: center
}
.testimonials-block .block-intro {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.testimonials-block .block-intro {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.testimonials-block .block-intro {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.testimonials-block .block-intro {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.testimonials-block .block-intro {
padding-left: 0;
padding-right: 0
}
}
.testimonials-block>.inner h2 {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-bottom: var(--spacing__09);
text-align: center;
max-width: 800px
}
@media(min-width: 768px) {
.testimonials-block>.inner h2 {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.testimonials-block>.inner h2 {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.testimonials-block>.inner h2 {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.testimonials-block>.inner h2 {
padding-left: 0;
padding-right: 0
}
}
.testimonials-block>.inner h2:has(+.preamble) {
margin-bottom: var(--spacing__06)
}
.testimonials-block>.inner .block--preamble {
margin: 0 auto var(--spacing__09);
padding: 0 var(--spacing__05);
text-align: center;
max-width: 800px
}
.testimonials-block>.inner .testimonial {
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
justify-content: space-between;
background-color: var(--bg-default);
border-radius: var(--radius-small);
padding: var(--spacing__06);
border: var(--stroke-thin) solid var(--color__grey--400);
transition: .3s var(--ease-standard);
flex-grow: 1
}
.testimonials-block>.inner .testimonial .testimonial-quoutation {
margin-bottom: var(--spacing__08)
}
.testimonials-block>.inner .testimonial .testimonial-quoutation svg {
fill: var(--color__purple--400);
width: 60px;
height: 45px
}
.testimonials-block>.inner .testimonial .testimonial-text {
font-size: var(--font__size--18);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__09)
}
.testimonials-block>.inner .testimonial .testimonial-person {
display: flex;
align-items: flex-end;
min-height: 156px;
border-top: var(--stroke-thin) solid var(--color__grey--500);
padding-top: var(--spacing__06)
}
.testimonials-block>.inner .testimonial .testimonial-person img,
.testimonials-block>.inner .testimonial .testimonial-person .testimonial-avatar {
border-radius: 50%;
width: 72px;
height: 72px;
margin-right: var(--spacing__06)
}
.testimonials-block>.inner .testimonial .testimonial-person .testimonial-avatar {
display: flex;
align-items: center;
justify-content: center
}
.testimonials-block>.inner .testimonial .testimonial-person .testimonial-avatar svg {
width: 1.75rem;
height: 1.75rem
}
.testimonials-block>.inner .testimonial .testimonial-person>div span {
display: block
}
.testimonials-block>.inner .testimonial .testimonial-person>div span:first-child {
font-family: var(--font__bold);
color: var(--color__purple--500);
font-size: var(--font__size--24);
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.testimonials-block>.inner .testimonial .testimonial-person>div span:first-child {
font-size: var(--font__size--36);
line-height: var(--font__size--48)
}
}
.testimonials-block>.inner .testimonial .testimonial-person>div span:first-child+span {
color: var(--color__grey--800);
min-height: 48px;
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.testimonials-block>.inner .testimonial .testimonial-person>div span:first-child+span {
font-size: var(--font__size--24)
}
}
.testimonials-block__global {
padding: 0 0 var(--spacing__04)
}
.testimonials-block__global .testimonials-block>.inner {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.testimonials-block__global .testimonials-block>.inner {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.testimonials-block__global .testimonials-block>.inner {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.testimonials-block__global .testimonials-block>.inner {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.testimonials-block__global .testimonials-block>.inner {
padding-left: 0;
padding-right: 0
}
}
@media(max-width: 1024px) {
.testimonials-block__global .testimonials-block>.inner {
padding-left: 0;
padding-right: 0
}
}
.testimonials-block__global .testimonials-block>.inner h2 {
margin: 0 0 var(--spacing__09);
text-align: left;
max-width: 570px;
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36)
}
@media(min-width: 1024px) {
.testimonials-block__global .testimonials-block>.inner h2 {
font-family: var(--font__bold);
font-size: var(--font__size--60);
line-height: var(--font__size--60);
letter-spacing: -0.01rem
}
}
.testimonials-block__global .testimonials-block>.inner h2:has(+.preamble) {
margin-bottom: var(--spacing__06)
}
.testimonials-block__global .testimonials-block>.inner .block--preamble {
margin: 0 0 var(--spacing__09);
padding: 0 var(--spacing__05);
text-align: left;
max-width: 570px
}
.testimonials-block__global .testimonials-block>.inner .testimonial {
border: none;
box-shadow: var(--elavation__02);
padding: var(--spacing__09) var(--spacing__06)
}
.testimonials-block__global .testimonials-block>.inner .testimonial .testimonial-quoutation {
display: none
}
.testimonials-block__global .testimonials-block>.inner .testimonial .testimonial-text {
font-size: var(--font__size--15);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__13)
}
@media(min-width: 1024px) {
.testimonials-block__global .testimonials-block>.inner .testimonial .testimonial-text {
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
.testimonials-block__global .testimonials-block>.inner .testimonial .testimonial-person {
border-top: 0
}
.testimonials-block__global .testimonials-block>.inner .testimonial .testimonial-person>div span:first-child {
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
@media(min-width: 1024px) {
.testimonials-block__global .testimonials-block>.inner .testimonial .testimonial-person>div span:first-child {
font-size: var(--font__size--30);
line-height: var(--font__size--40);
margin-bottom: var(--spacing__03)
}
}
.testimonials-block__global .testimonials-block>.inner .testimonial .testimonial-person>div span:first-child+span {
font-size: var(--font__size--15);
line-height: var(--font__size--24);
min-height: 0
}
@media(min-width: 1024px) {
.testimonials-block__global .testimonials-block>.inner .testimonial .testimonial-person>div span:first-child+span {
font-size: var(--font__size--18)
}
}
.testimonial-slider-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: flex-start;
gap: var(--spacing__06);
flex-wrap: wrap
}
@media(min-width: 768px) {
.testimonial-slider-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.testimonial-slider-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.testimonial-slider-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.testimonial-slider-block {
padding-left: 0;
padding-right: 0
}
}
.testimonial-slider-block .card-slide .slider__track {
transition: none
}
.testimonial-slider-block .card {
position: relative;
overflow: inherit;
background: rgba(0, 0, 0, 0);
transition: none
}
.testimonial-slider-block .card__wrapper {
position: relative;
width: 100%;
margin: 0;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 0 var(--spacing__05);
justify-content: space-between
}
@media(min-width: 768px) {
.testimonial-slider-block .card__wrapper {
padding: 0 var(--spacing__08)
}
}
@media(min-width: 1024px) {
.testimonial-slider-block .card__wrapper {
flex-direction: row;
padding: 0 var(--spacing__12)
}
}
.testimonial-slider-block .card .image__responsive {
border-radius: var(--radius-small);
height: inherit;
object-fit: cover
}
.testimonial-slider-block .card figure {
margin-bottom: var(--spacing__05);
max-width: 141px
}
@media(min-width: 1024px) {
.testimonial-slider-block .card figure {
max-width: 160px
}
}
@media(min-width: 1024px) {
.testimonial-slider-block .card__person {
width: 25%;
flex-shrink: 0
}
}
.testimonial-slider-block .card__person .name {
font-family: var(--font__bold);
font-size: var(--font__size--15);
margin-bottom: 0
}
@media(min-width: 768px) {
.testimonial-slider-block .card__person .name {
margin-bottom: var(--spacing__02)
}
}
@media(min-width: 1024px) {
.testimonial-slider-block .card__person .name {
font-size: var(--font__size--24);
margin-bottom: .375rem
}
}
.testimonial-slider-block .card__person .title {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__07)
}
@media(min-width: 1024px) {
.testimonial-slider-block .card__person .title {
font-size: var(--font__size--18)
}
}
@media(min-width: 1024px) {
.testimonial-slider-block .card__testimonial {
width: 65%
}
}
.testimonial-slider-block .card__testimonial .title {
font-family: var(--font__bold);
font-size: var(--font__size--15);
line-height: var(--font__size--27);
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.testimonial-slider-block .card__testimonial .title {
font-size: var(--font__size--24);
line-height: var(--font__size--36);
margin-bottom: var(--spacing__06)
}
}
.testimonial-slider-block .card__testimonial .text {
font-size: var(--font__size--15);
line-height: var(--font__size--21);
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.testimonial-slider-block .card__testimonial .text {
font-size: var(--font__size--24);
line-height: var(--font__size--36)
}
}
.testimonial-slider-block .testimonial-slider__footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: var(--spacing__11);
padding: 0 var(--spacing__05)
}
@media(min-width: 768px) {
.testimonial-slider-block .testimonial-slider__footer {
padding: 0 var(--spacing__08)
}
}
@media(min-width: 1024px) {
.testimonial-slider-block .testimonial-slider__footer {
padding: 0 var(--spacing__12)
}
}
.testimonial-slider-block .testimonial-slider__footer .card__button__container {
margin: 0
}
.testimonial-slider-block .testimonial-counter {
color: var(--color__grey--700);
font-size: var(--font__size--15);
line-height: var(--font__size--24);
position: relative
}
@media(min-width: 768px) {
.testimonial-slider-block .testimonial-counter {
font-size: var(--font__size--16)
}
}
@media(min-width: 1024px) {
.testimonial-slider-block .testimonial-counter {
padding: 0 var(--spacing__18)
}
}
.testimonial-slider-block .testimonial-counter .counter-current {
display: inline-block;
min-width: 1ch;
text-align: center;
transition: opacity var(--duration-large) var(--ease-standard)
}
.testimonial-slider-block .testimonial-counter .counter-current.fade-out {
opacity: 0
}
.testimonial-slider-block .card-slide {
width: 100%;
box-sizing: border-box;
background-color: var(--bg-subtle);
border-radius: .75rem;
padding: var(--spacing__08) 0 var(--spacing__08)
}
@media(min-width: 1024px) {
.testimonial-slider-block .card-slide {
padding: var(--spacing__12) 0 var(--spacing__12)
}
}
@media(min-width: 896px) {
.testimonial-slider-block .card-slide .slider__track .card.slide {
flex: none;
max-width: 100%;
width: 100%
}
}
.testimonial-slider-block .card-slide:not(.unslide) .slider__track {
padding: 0
}
.testimonial-slider-block .card-slide:not(.unslide) .slide {
width: 100%;
overflow: hidden
}
.testimonial-slider-block .card-slide:hover .card__prev,
.testimonial-slider-block .card-slide:hover .card__next {
background: none
}
.table-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.table-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.table-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.table-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.table-block {
padding-left: 0;
padding-right: 0
}
}
.table-block .table__container h2 {
width: 100%;
margin-bottom: var(--spacing__07)
}
.table-block .table__container .table__item {
width: 100%;
margin-bottom: var(--spacing__06);
padding-bottom: var(--spacing__06);
border-bottom: var(--stroke-thin) solid var(--border-primary)
}
.table-block .table__container .table__item .label {
grid-column-start: 1;
grid-column-end: 6;
justify-self: stretch;
align-self: stretch;
font-family: var(--font__bold);
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.table-block .table__container .table__item .value {
grid-column-start: 6;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
font-size: var(--font__size--18);
line-height: var(--font__size--24);
text-align: right
}
.tab-container-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.tab-container-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.tab-container-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.tab-container-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.tab-container-block {
padding-left: 0;
padding-right: 0
}
}
.tab-container-block .wrapper {
grid-column: 1/13
}
.tab-container-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.tab-container-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.tab-container-block.grid {
display: grid
}
}
.tab-container-block.block {
margin-bottom: var(--spacing__08)
}
.tab-container-block .tab-wrapper {
margin: 0 0 var(--spacing__07) 0;
padding: 0 var(--spacing__07) 0 0;
overflow-x: auto;
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
-ms-overflow-style: none;
scrollbar-width: none
}
.tab-container-block .tab-wrapper::-webkit-scrollbar {
display: none
}
@media(min-width: 768px) {
.tab-container-block .tab-wrapper {
margin: 0 0 var(--spacing__08) 0
}
}
.tab-container-block .tab-list {
display: flex;
gap: var(--spacing__04);
list-style: none;
padding: var(--spacing__02);
margin: calc(var(--spacing__02)*-1);
margin-bottom: 0;
margin-top: 0
}
.tab-container-block .tab-list li {
font-family: var(--font__bold);
font-size: var(--font__size--15);
line-height: var(--font__size--24);
cursor: pointer;
padding: var(--spacing__03) var(--spacing__06);
border-radius: var(--radius-pill);
white-space: nowrap
}
.tab-container-block .tab-list li:focus-visible {
outline: 2px solid var(--color__blue--700);
outline-offset: 2px
}
.tab-container-block .tab-list li.active {
background: var(--bg-brand);
color: var(--text-primary-dark);
cursor: default
}
.tab-container-block .tab-images {
margin-bottom: var(--spacing__06);
display: none
}
.tab-container-block .tab-images>div {
display: none
}
.tab-container-block .tab-images>div.active {
display: block
}
.tab-container-block .tab-blocks>div {
display: none;
padding: 0;
outline: none
}
.tab-container-block .tab-blocks>div:focus-visible {
outline: 2px solid var(--color__blue--500);
outline-offset: 4px;
border-radius: 2px
}
.tab-container-block .tab-blocks>div.active {
display: block
}
@media(min-width: 1024px) {
.tab-container-block .tab-blocks>div.active {
display: grid
}
}
.tab-container-block .tab-blocks .image-with-text-block.block {
padding: 0;
margin: 0;
max-width: var(--max-width__site)
}
.tab-container-block .tab-blocks .image-with-text-block .col.image {
display: none
}
@media(min-width: 1024px) {
.tab-container-block .tab-blocks .image-with-text-block .col.image {
display: flex
}
}
.tab-container-block__dark .tab-container-block .block--label {
color: var(--text-primary-dark)
}
.tab-container-block__dark .tab-container-block .wrapper {
background: var(--bg-brand);
color: var(--text-primary-dark);
padding: var(--spacing__05);
border-radius: 1var --radius-small;
grid-column: 1/13
}
@media(min-width: 1024px) {
.tab-container-block__dark .tab-container-block .wrapper {
padding: var(--spacing__08)
}
}
.tab-container-block__dark .tab-container-block .image-with-text-block {
width: 100%
}
.tab-container-block__dark .tab-container-block .image-with-text-block .image {
grid-column-start: 7
}
@media(min-width: 1441px) {
.tab-container-block__dark .tab-container-block .image-with-text-block .image {
grid-column-start: 8
}
}
.tab-container-block__dark .tab-container-block .tab-list li {
padding: var(--spacing__05) var(--spacing__06);
opacity: .85;
border-radius: 0
}
.tab-container-block__dark .tab-container-block .tab-list li:focus-visible {
outline: 2px solid var(--color__white);
outline-offset: 2px;
border-radius: 20px
}
.tab-container-block__dark .tab-container-block .tab-list li.active {
opacity: 1;
border-bottom: var(--stroke-thick) solid var(--color__white)
}
.background__dark .tab-container-block__dark .tab-container-block .wrapper {
padding: 0
}
.background__dark .tab-container-block__dark .tab-container-block .tab-list li:hover {
background: rgba(66, 99, 140, .15)
}
.background__dark .tab-container-block__dark .tab-container-block .tab-list li.active {
color: var(--text-primary-dark)
}
.background__dark .tab-container-block__dark .tab-container-block .tab-list li.active:hover {
background: none
}
.background__dark .tab-container-block__dark .tab-container-block .tab-blocks {
background: var(--color__blue--700);
border-radius: var(--radius-small)
}
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block {
padding: 0;
margin: 0;
max-width: var(--max-width__site)
}
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block .col.text {
display: flex;
justify-content: center;
flex-direction: column;
padding: var(--spacing__08) var(--spacing__05);
margin-bottom: 0
}
@media(min-width: 768px) {
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block .col.text {
padding: var(--spacing__12) var(--spacing__10)
}
}
@media(min-width: 1024px) {
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block .col.text {
padding: var(--spacing__07) var(--spacing__09)
}
}
@media(min-width: 1224px) {
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block .col.text {
padding: var(--spacing__07) var(--spacing__09)
}
}
@media(min-width: 896px) {
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block figure,
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block picture,
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block img {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
}
@media(min-width: 1024px) {
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block .col.image {
height: 480px;
align-self: stretch;
justify-self: end;
margin: 0
}
}
@media(min-width: 1441px) {
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block .col.image {
height: 576px
}
}
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block figure {
aspect-ratio: 1/1;
overflow: hidden;
position: relative
}
@media(min-width: 1024px) {
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block figure {
width: 480px;
height: 480px
}
}
@media(min-width: 1441px) {
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block figure {
width: 576px;
height: 576px
}
}
@media(min-width: 1024px) {
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block img {
width: 480px;
height: 480px;
object-fit: cover
}
}
@media(min-width: 1441px) {
.background__dark .tab-container-block__dark .tab-container-block .image-with-text-block img {
width: 576px;
height: 576px
}
}
.subscription-block {
padding: var(--spacing__06) var(--spacing__05);
position: relative
}
.subscription-block .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
background: var(--bg-subtle);
overflow: auto;
padding: var(--spacing__06) var(--spacing__05)
}
@media(min-width: 768px) {
.subscription-block .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.subscription-block .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.subscription-block .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.subscription-block .container {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.subscription-block .container {
padding: var(--spacing__06) var(--spacing__09);
display: flex;
justify-content: space-between
}
}
.subscription-block .text {
position: relative;
padding-left: var(--spacing__09);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.subscription-block .text {
float: left;
padding-left: var(--spacing__12);
margin-bottom: 0;
max-width: 66.667%
}
}
.subscription-block .text svg {
width: 32px;
height: 32px;
position: absolute;
left: 0;
margin-top: var(--spacing__05)
}
@media(min-width: 1024px) {
.subscription-block .text svg {
width: 48px;
height: 48px;
margin-top: 0
}
}
.subscription-block .button {
margin-left: var(--spacing__09)
}
@media(min-width: 1024px) {
.subscription-block .button {
float: right;
align-self: center
}
}
.js-subcategory-download-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.js-subcategory-download-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-subcategory-download-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-subcategory-download-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-subcategory-download-block {
padding-left: 0;
padding-right: 0
}
}
.js-subcategory-download-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.js-subcategory-download-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.js-subcategory-download-block.grid {
display: grid
}
}
.js-subcategory-download-block.block {
margin-bottom: 0
}
@media(min-width: 1024px) {
.js-subcategory-download-block.block {
margin-bottom: var(--spacing__08)
}
}
.js-subcategory-download-block .text {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__06)
}
.js-subcategory-download-block .text .cta {
margin-top: var(--spacing__08)
}
.js-subcategory-download-block .cards {
grid-column-start: 5;
grid-column-end: 13;
display: flex;
justify-content: flex-start;
gap: var(--spacing__06);
flex-wrap: wrap;
padding-top: var(--spacing__08)
}
@media(min-width: 1441px) {
.js-subcategory-download-block .cards {
grid-column-start: 7
}
}
.js-subcategory-download-block .card {
overflow: visible;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 1024px) {
.js-subcategory-download-block .card {
margin: 0
}
}
@media(min-width: 1024px) {
.js-subcategory-download-block .card {
flex: 1 0 48%;
max-width: 48%
}
}
.js-subcategory-download-block .card .wrapper {
position: relative;
min-height: 220px;
background: var(--color__blue--900);
border-radius: var(--radius-small);
padding: var(--spacing__08) var(--spacing__06) var(--spacing__10);
color: var(--text-primary-dark);
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
@media(min-width: 1441px) {
.js-subcategory-download-block .card .wrapper {
min-height: 192px
}
}
.js-subcategory-download-block .card .label {
color: var(--color__purple--400);
margin-bottom: var(--spacing__03)
}
.js-subcategory-download-block .card .title {
font-size: var(--font__size--24);
line-height: var(--font__size--36);
margin-bottom: var(--spacing__03)
}
.js-subcategory-download-block .card .description {
margin-bottom: var(--spacing__)
}
.js-subcategory-download-block .card .download {
position: absolute;
left: var(--spacing__06);
bottom: var(--spacing__08)
}
.js-subcategory-download-block .card .download p {
font-family: var(--font__bold);
cursor: pointer;
padding-right: var(--spacing__08)
}
.js-subcategory-download-block .card .download p svg {
width: 24px;
height: 24px;
position: absolute;
right: 0
}
.js-subcategory-download-block .card .download ul {
background: var(--bg-default);
box-shadow: var(--elavation__03);
border-radius: 2px;
position: absolute;
right: 0;
z-index: 1;
padding: var(--spacing__04) 0;
display: none;
max-height: 256px;
overflow: auto
}
.js-subcategory-download-block .card .download ul.active {
display: block
}
.js-subcategory-download-block .card .download ul li {
padding: 0
}
.js-subcategory-download-block .card .download a {
padding: var(--spacing__02) var(--spacing__04);
text-decoration: none;
font-size: var(--font__size--12);
display: block;
width: calc(100% - var(--spacing__06))
}
.js-subcategory-download-block .card .download a:hover {
background: var(--color__purple--100)
}
.subcategory-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.subcategory-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.subcategory-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.subcategory-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.subcategory-block {
padding-left: 0;
padding-right: 0
}
}
.subcategory-block.size-s .subcategory__header .title,
.subcategory-block.size-m .subcategory__header .title,
.subcategory-block.size-l .subcategory__header .title {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start
}
.subcategory-block.size-s .subcategory__header .subcategory__button__wrapper,
.subcategory-block.size-m .subcategory__header .subcategory__button__wrapper,
.subcategory-block.size-l .subcategory__header .subcategory__button__wrapper {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
.subcategory-block.size-s .subcategory__carousel .subcategory__image,
.subcategory-block.size-m .subcategory__carousel .subcategory__image,
.subcategory-block.size-l .subcategory__carousel .subcategory__image {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
.subcategory-block.size-s .subcategory__carousel .subcategory__desc,
.subcategory-block.size-m .subcategory__carousel .subcategory__desc,
.subcategory-block.size-l .subcategory__carousel .subcategory__desc {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 896px) {
.subcategory-block.size-s .subcategory__header .title {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: start
}
.subcategory-block.size-s .subcategory__header .subcategory__button__wrapper {
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
.subcategory-block.size-s .subcategory__carousel .subcategory__image {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
.subcategory-block.size-s .subcategory__carousel .subcategory__desc {
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
@media(min-width: 896px) {
.subcategory-block.size-m .subcategory__header .title {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: start
}
.subcategory-block.size-m .subcategory__header .subcategory__button__wrapper {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
.subcategory-block.size-m .subcategory__carousel .subcategory__image {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch
}
.subcategory-block.size-m .subcategory__carousel .subcategory__desc {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
@media(min-width: 896px) {
.subcategory-block.size-l .subcategory__header .title {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: start
}
.subcategory-block.size-l .subcategory__header .subcategory__button__wrapper {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
.subcategory-block.size-l .subcategory__carousel .subcategory__image {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch
}
.subcategory-block.size-l .subcategory__carousel .subcategory__desc {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
.subcategory-block .subcategory__header {
margin-bottom: var(--spacing__08)
}
.subcategory-block .subcategory__header .title {
display: flex;
align-items: center
}
.subcategory-block .subcategory__header div.subcategory__button__wrapper {
display: flex;
grid-gap: var(--spacing__04);
flex-flow: wrap
}
.subcategory-block .subcategory__header .subcategory__button {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thick) solid var(--color__blue--800)
}
.subcategory-block .subcategory__header .subcategory__button.selected {
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__blue--800);
color: var(--text-primary-dark)
}
.subcategory-block .subcategory__carousel__wrapper .subcategory__carousel__item {
display: none
}
.subcategory-block .subcategory__carousel__wrapper .subcategory__carousel__item.item-0 {
display: grid
}
.subcategory-block .subcategory__carousel__wrapper .subcategory__desc {
display: block
}
.subcategory-block .subcategory__carousel__wrapper .subcategory__desc .subcategory__desc__title {
margin-bottom: var(--spacing__04);
font-size: var(--font__size--18)
}
@media(min-width: 768px) {
.subcategory-block .subcategory__carousel__wrapper .subcategory__desc .subcategory__desc__title {
font-size: var(--font__size--24)
}
}
.subcategory-block .subcategory__carousel__wrapper .subcategory__desc .subcategory__desc__preamble {
margin-bottom: var(--spacing__06);
font-size: var(--font__size--15);
line-height: 1.5
}
@media(min-width: 768px) {
.subcategory-block .subcategory__carousel__wrapper .subcategory__desc .subcategory__desc__preamble {
font-size: var(--font__size--18)
}
}
.subcategory-block .subcategory__carousel__wrapper .subcategory__desc .subcategory__desc__preamble p {
margin-bottom: var(--spacing__06)
}
.subcategory-block .subcategory__carousel__wrapper .subcategory__desc .button.button__primary {
color: var(--text-primary-dark)
}
.subcategory-block .subcategory__carousel__wrapper .subcategory__desc .button__wrapper {
display: flex
}
.subcategory-block .subcategory__carousel__wrapper .subcategory__desc .button__wrapper svg {
height: var(--spacing__05);
width: var(--spacing__05);
transform: rotate(-90deg);
margin-right: var(--spacing__04)
}
.subcategory-block .subcategory__carousel__wrapper .subcategory__desc .button__wrapper a {
text-decoration: none;
font-size: var(--font__size--15);
display: flex
}
.stock-ticker-block {
padding-top: var(--spacing__09);
padding-bottom: var(--spacing__09);
grid-row-gap: var(--spacing__06);
border-top: var(--stroke-thin) solid var(--color__grey--400);
border-bottom: var(--stroke-thin) solid var(--color__grey--400)
}
.stock-ticker-block .stb__inner {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
grid-column-gap: var(--spacing__06)
}
@media(min-width: 768px) {
.stock-ticker-block .stb__inner {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.stock-ticker-block .stb__inner {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.stock-ticker-block .stb__inner {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.stock-ticker-block .stb__inner {
padding-left: 0;
padding-right: 0
}
}
.stock-ticker-block .stb__inner>.col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: center
}
@media(min-width: 896px) {
.stock-ticker-block .stb__inner>.col:first-child {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
}
.stock-ticker-block .stb__inner>.col:first-child p {
margin-top: var(--spacing__04)
}
.stock-ticker-block .stb__inner>.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 896px) {
.stock-ticker-block .stb__inner>.col:first-child+.col {
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
.stock-ticker-block h2 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
.stock-ticker-block .stb__card .stb__card-inner {
padding-bottom: var(--spacing__06);
margin-bottom: var(--spacing__06);
border-bottom: var(--stroke-thin) solid var(--color__grey--100);
display: flex;
flex-direction: column;
justify-content: space-between
}
@media(min-width: 896px) {
.stock-ticker-block .stb__card .stb__card-inner {
padding-right: var(--spacing__06);
border-right: var(--stroke-thin) solid var(--color__grey--400);
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0
}
}
.stock-ticker-block .stb__card .stb__card-inner:hover .stb__price {
color: var(--color__purple--600)
}
.stock-ticker-block .stb__card h3 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
.stock-ticker-block .stb__card h3 a {
text-decoration: none
}
.stock-ticker-block .stb__card .stb__pricecontainer {
display: flex;
align-items: flex-end;
flex-direction: column
}
.stock-ticker-block .stb__card .stb__pricecontainer .linkbutton__text {
margin-top: var(--spacing__06)
}
.stock-ticker-block .stb__card .stb__price {
font-size: var(--font__size--42);
font-family: var(--font__bold);
line-height: 104%;
margin-bottom: var(--spacing__04);
transition: var(--duration-large) var(--ease-standard)
}
@media(min-width: 896px) {
.stock-ticker-block .stb__card .stb__price {
font-size: var(--font__size--60)
}
}
@media(min-width: 1024px) {
.stock-ticker-block .stb__card .stb__price {
font-size: var(--font__size--72)
}
}
.stock-ticker-block .stb__card .stb__pricechange {
display: flex;
align-items: center;
font-size: var(--font__size--15)
}
.stock-ticker-block .stb__card .stb__pricechange .change {
font-family: var(--font__bold);
margin-left: .313rem
}
.stock-ticker-block .stb__card .stb__pricechange svg {
width: 1rem;
height: 1rem;
fill: var(--color__blue--800)
}
.stock-ticker-block .stb__card .stb__updated {
padding-top: var(--spacing__04);
margin-top: var(--spacing__06)
}
.stock-ticker-block .stb__card .button {
margin-top: var(--spacing__08)
}
.stock-ticker-block .stb__links-wrapper {
display: flex;
flex-direction: column
}
.stock-ticker-block .stb__links {
list-style: none;
margin: 0;
padding: 0
}
.stock-ticker-block .stb__links li {
font-size: var(--font__size--15);
line-height: 120%
}
.stock-ticker-block .stb__links li:first-child~li {
margin-top: 7px
}
.statistics-block {
background-color: var(--bg-brand);
position: relative;
z-index: 2;
overflow: hidden
}
.statistics-block h2 {
margin-bottom: var(--spacing__04)
}
.statistics-block h2,
.statistics-block p {
color: var(--text-primary-dark)
}
.statistics-block .button {
margin-top: var(--spacing__06)
}
.statistics-block .wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.statistics-block .wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.statistics-block .wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.statistics-block .wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.statistics-block .wrapper {
padding-left: 0;
padding-right: 0
}
}
.statistics-block .wrapper .statistics-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid {
column-gap: var(--gutter__column)
}
}
.statistics-block .wrapper .statistics-grid>.col:first-child {
padding: 0 0 48px 0;
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 1;
position: relative;
z-index: 3
}
.statistics-block .wrapper .statistics-grid>.col:first-child h2,
.statistics-block .wrapper .statistics-grid>.col:first-child p {
color: var(--color__blue--900)
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid>.col:first-child h2,
.statistics-block .wrapper .statistics-grid>.col:first-child p {
color: var(--text-primary-dark)
}
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid>.col:first-child {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: start;
grid-row: 1;
padding: 48px 0
}
}
.statistics-block .wrapper .statistics-grid>.col:first-child:before {
content: "";
background-color: #fff;
position: absolute;
top: 0;
left: -200px;
width: 200%;
height: 100%;
z-index: -1
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid>.col:first-child:before {
content: initial
}
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 2
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid>.col:first-child+.col {
position: relative
}
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
opacity: .2
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid>.col:first-child+.col img {
z-index: 1
}
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col .col-wrapper {
position: relative;
z-index: 2;
height: 100%;
box-sizing: border-box;
padding: 48px 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid>.col:first-child+.col .col-wrapper {
padding: 48px;
align-items: center
}
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid>.col:first-child+.col {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1;
text-align: center
}
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col .sub-headline {
display: block;
color: var(--text-primary-dark);
font-size: 18px;
margin-bottom: 12px
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col h3 {
color: var(--text-primary-dark);
margin-bottom: var(--spacing__08)
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col .number {
color: var(--color__blue--100);
font-size: var(--font__size--60)
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col .number.number-highlight {
font-family: var(--font__bold)
}
@media(min-width: 768px) {
.statistics-block .wrapper .statistics-grid>.col:first-child+.col .number {
font-size: var(--font__size--72)
}
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid>.col:first-child+.col .number {
font-size: var(--font__size--36);
color: var(--text-primary-dark)
}
}
@media(min-width: 1224px) {
.statistics-block .wrapper .statistics-grid>.col:first-child+.col .number {
font-size: var(--font__size--48)
}
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col .number-description {
font-size: 15px;
line-height: 24px
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: flex-start;
gap: 12px;
flex: 1;
flex-grow: 0;
flex-direction: column
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid>.col:first-child+.col ul {
flex-direction: row
}
}
@media(min-width: 1224px) {
.statistics-block .wrapper .statistics-grid>.col:first-child+.col ul {
gap: 24px
}
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col ul li {
flex: 1
}
@media(min-width: 1024px) {
.statistics-block .wrapper .statistics-grid>.col:first-child+.col ul li {
text-align: center
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col ul li a {
display: block;
text-decoration: none
}
.statistics-block .wrapper .statistics-grid>.col:first-child+.col ul li a:hover span,
.statistics-block .wrapper .statistics-grid>.col:first-child+.col ul li a:hover p {
text-decoration: underline;
transition: .3s var(--ease-standard);
color: var(--color__blue--100)
}
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap {
display: block
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .homepage-type {
text-align: center
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .homepage-type .text-wrapper {
max-width: 900px;
text-align: center;
margin: 0 auto;
margin-bottom: var(--spacing__11)
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .homepage-type .text-wrapper h2 {
color: var(--color__purple--500);
font-size: var(--font__size--24)
}
@media(min-width: 1024px) {
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .homepage-type .text-wrapper h2 {
font-size: var(--font__size--36)
}
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .homepage-type .text-wrapper .text {
text-align: center;
font-size: var(--font__size--18)
}
@media(min-width: 1024px) {
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .homepage-type .text-wrapper .text {
font-size: var(--font__size--24)
}
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .homepage-type .video-wrapper {
position: relative;
aspect-ratio: 16/9;
max-width: 1200px;
margin: 0 auto
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .video__container {
padding-top: 0px;
display: block
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .video__container .iframe-wrapper {
width: 100%;
margin: 0 auto;
position: absolute;
top: 0;
left: 0
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .video__container .iframe-wrapper iframe {
aspect-ratio: 16/9;
width: 100%;
max-width: 1200px;
position: relative
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .video__container .cookieconsent-optout-marketing {
aspect-ratio: 16/9;
width: 100%;
max-width: 1200px;
position: relative;
overflow: hidden;
height: auto;
margin: 0 auto
}
@media(max-width: 896px) {
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .video__container .cookieconsent-optout-marketing .cookieconsent-optout_message {
top: 0;
padding: var(--spacing__05)
}
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .video__container .cookieconsent-optout-marketing .cookieconsent-optout_message h4,
.homepage .js-spotlight-block.spotlight-block.block.grid.grid__gap .video__container .cookieconsent-optout-marketing .cookieconsent-optout_message p {
font-size: var(--font__size--15)
}
}
.spotlight-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.spotlight-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.spotlight-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.spotlight-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.spotlight-block {
padding-left: 0;
padding-right: 0
}
}
.spotlight-block.block {
margin-top: var(--spacing__12);
margin-bottom: var(--spacing__12)
}
.spotlight-block h2 {
font-size: var(--font__size--30);
line-height: 120%;
font-family: var(--font__bold);
margin-bottom: var(--spacing__06)
}
.spotlight-block.col__double .sb__usp li svg,
.spotlight-block.col__double--inverted .sb__usp li svg {
margin-right: var(--spacing__04)
}
.spotlight-block.col__double,
.spotlight-block.col__single {
grid-template-rows: auto auto;
grid-row-gap: var(--spacing__08)
}
@media(min-width: 1024px) {
.spotlight-block.col__double,
.spotlight-block.col__single {
grid-template-rows: 1fr
}
}
.spotlight-block.col__double>.size-l.col:first-child,
.spotlight-block.col__single>.size-l.col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3
}
@media(min-width: 1024px) {
.spotlight-block.col__double>.size-l.col:first-child,
.spotlight-block.col__single>.size-l.col:first-child {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
}
.spotlight-block.col__double>.size-l.col:first-child+.col,
.spotlight-block.col__single>.size-l.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1024px) {
.spotlight-block.col__double>.size-l.col:first-child+.col,
.spotlight-block.col__single>.size-l.col:first-child+.col {
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch
}
}
.spotlight-block.col__double>.size-m.col:first-child,
.spotlight-block.col__single>.size-m.col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3
}
@media(min-width: 1024px) {
.spotlight-block.col__double>.size-m.col:first-child,
.spotlight-block.col__single>.size-m.col:first-child {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
}
.spotlight-block.col__double>.size-m.col:first-child+.col,
.spotlight-block.col__single>.size-m.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1024px) {
.spotlight-block.col__double>.size-m.col:first-child+.col,
.spotlight-block.col__single>.size-m.col:first-child+.col {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch
}
}
.spotlight-block.col__double>.size-s.col:first-child,
.spotlight-block.col__single>.size-s.col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3
}
@media(min-width: 1024px) {
.spotlight-block.col__double>.size-s.col:first-child,
.spotlight-block.col__single>.size-s.col:first-child {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
}
.spotlight-block.col__double>.size-s.col:first-child+.col,
.spotlight-block.col__single>.size-s.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1024px) {
.spotlight-block.col__double>.size-s.col:first-child+.col,
.spotlight-block.col__single>.size-s.col:first-child+.col {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch
}
}
.spotlight-block.col__double--inverted {
grid-template-rows: auto auto;
grid-row-gap: var(--spacing__08)
}
@media(min-width: 1024px) {
.spotlight-block.col__double--inverted {
grid-template-rows: 1fr
}
}
.spotlight-block.col__double--inverted>.size-l.col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3
}
@media(min-width: 1024px) {
.spotlight-block.col__double--inverted>.size-l.col:first-child {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
}
.spotlight-block.col__double--inverted>.size-l.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1024px) {
.spotlight-block.col__double--inverted>.size-l.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 6;
justify-self: stretch;
align-self: stretch
}
}
.spotlight-block.col__double--inverted>.size-m.col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3
}
@media(min-width: 1024px) {
.spotlight-block.col__double--inverted>.size-m.col:first-child {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
}
.spotlight-block.col__double--inverted>.size-m.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1024px) {
.spotlight-block.col__double--inverted>.size-m.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch
}
}
.spotlight-block.col__double--inverted>.size-s.col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3
}
@media(min-width: 1024px) {
.spotlight-block.col__double--inverted>.size-s.col:first-child {
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
}
.spotlight-block.col__double--inverted>.size-s.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1024px) {
.spotlight-block.col__double--inverted>.size-s.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
}
.spotlight-block>.col p {
margin-top: var(--spacing__04);
font-size: var(--font__size--18);
line-height: 133%
}
.spotlight-block>.col>a {
margin-top: var(--spacing__06)
}
.spotlight-block>.col .sb__ctas {
overflow: hidden;
margin-top: var(--spacing__06)
}
.spotlight-block>.col .sb__ctas ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin: -0.5rem
}
.spotlight-block>.col .sb__ctas ul li {
margin: .5rem
}
.spotlight-block>.col .sb__ctas ul a {
border-radius: var(--radius-pill);
box-sizing: border-box;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
text-decoration: none;
font-family: var(--font__bold);
position: relative;
display: inline-flex;
font-size: var(--font__size--15);
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__blue--800);
height: 36px;
padding: 0 1.5rem;
align-items: center;
height: auto;
min-height: 36px;
line-height: 1;
padding: .5rem 1.5rem
}
.spotlight-block>.col .sb__ctas ul a:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.spotlight-block>.col .sb__ctas ul a:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.spotlight-block>.col .sb__ctas ul a:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.spotlight-block ul {
font-size: var(--font__size--18);
line-height: 133%;
margin: var(--spacing__04) 0 0 0
}
.spotlight-block em {
font-style: italic
}
.spotlight-block.has-contacts>.col:first-child {
grid-row-start: 2 !important;
grid-row-end: 3 !important
}
@media(min-width: 1024px) {
.spotlight-block.has-contacts>.col:first-child {
grid-row-start: 1 !important;
grid-row-end: 2 !important
}
}
.spotlight-block.has-contacts>.col:first-child+.col {
grid-row-start: 1 !important;
grid-row-end: 2 !important
}
.spotlight-block #vimeo {
background-color: #fff
}
.spotlight-block .disc {
list-style-type: disc
}
.spotlight-block .decimal {
list-style-type: decimal
}
.spotlight-block .decimal-leading-zero {
list-style: decimal-leading-zero
}
.spotlight-block .video__container iframe,
.spotlight-block .video__container video {
background: var(--bg-default)
}
.solutions-grid-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.solutions-grid-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.solutions-grid-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.solutions-grid-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.solutions-grid-block {
padding-left: 0;
padding-right: 0
}
}
.solutions-grid-block h3 {
font-size: var(--font__size--18);
line-height: 133%
}
.solutions-grid-block .cta {
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.solutions-grid-block .cta {
margin-bottom: var(--spacing__12)
}
}
.solutions-grid-block.alt>ul li a,
.solutions-grid-block.alt>ul li>div {
background-color: var(--bg-subtle)
}
.solutions-grid-block>ul {
list-style: none;
margin: 0;
padding: 0;
grid-row-gap: var(--gutter__column)
}
.solutions-grid-block>ul li:nth-child(1) {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
@media(min-width: 896px) {
.solutions-grid-block>ul li:nth-child(1) {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch
}
}
@media(min-width: 1024px) {
.solutions-grid-block>ul li:nth-child(1) {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch
}
}
.solutions-grid-block>ul li:nth-child(2) {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 2
}
@media(min-width: 896px) {
.solutions-grid-block>ul li:nth-child(2) {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
}
@media(min-width: 1024px) {
.solutions-grid-block>ul li:nth-child(2) {
grid-column-start: 5;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
}
.solutions-grid-block>ul li:nth-child(3) {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 3
}
@media(min-width: 896px) {
.solutions-grid-block>ul li:nth-child(3) {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row: 2
}
}
@media(min-width: 1024px) {
.solutions-grid-block>ul li:nth-child(3) {
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
}
.solutions-grid-block>ul li:nth-child(4) {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 4
}
@media(min-width: 896px) {
.solutions-grid-block>ul li:nth-child(4) {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 2
}
}
@media(min-width: 1024px) {
.solutions-grid-block>ul li:nth-child(4) {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch
}
}
.solutions-grid-block>ul li:nth-child(5) {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 5
}
@media(min-width: 896px) {
.solutions-grid-block>ul li:nth-child(5) {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row: 3
}
}
@media(min-width: 1024px) {
.solutions-grid-block>ul li:nth-child(5) {
grid-column-start: 5;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch;
grid-row: 2
}
}
.solutions-grid-block>ul li:nth-child(6) {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 6
}
@media(min-width: 896px) {
.solutions-grid-block>ul li:nth-child(6) {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 3
}
}
@media(min-width: 1024px) {
.solutions-grid-block>ul li:nth-child(6) {
grid-row: 2;
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
.solutions-grid-block>ul li a,
.solutions-grid-block>ul li>div {
display: flex;
flex-direction: column;
color: var(--text-primary-light);
text-decoration: none;
padding: var(--spacing__06);
box-sizing: border-box;
overflow: hidden;
width: 100%;
height: 100%;
transition: var(--duration-large) var(--ease-standard);
border: var(--stroke-thin) solid #dcdad8;
border-radius: var(--radius-small);
justify-content: space-between
}
.solutions-grid-block>ul li .sgb__card--icon {
display: block;
align-items: center;
margin-bottom: var(--spacing__04)
}
.solutions-grid-block>ul li .sgb__card--icon svg {
width: var(--spacing__08);
height: var(--spacing__08);
box-sizing: border-box;
filter: brightness(0) saturate(100%)
}
.solutions-grid-block>ul li a:hover {
box-shadow: var(--elavation__02)
}
.solutions-grid-block>ul li a:hover .linkbutton__text-after {
color: var(--color__purple--400)
}
.solutions-grid-block>ul li a:hover .linkbutton__text-after:after {
background-image: url("../images/icons/circle-greater-purple.svg")
}
.solutions-grid-block>ul li .sgb__card--text {
margin-bottom: var(--spacing__09)
}
.solutions-grid-block>ul li .sgb__card--text p {
font-size: var(--font__size--18);
line-height: 133%
}
.left-column__main-content .solutions-grid-block .block-intro .block--heading,
.left-column__main-content .solutions-grid-block .block-intro .block--preamble {
grid-column-end: 13
}
.left-column__main-content .solutions-grid-block>ul {
column-gap: var(--gutter__column);
grid-row-gap: var(--gutter__column)
}
@media(min-width: 1024px) {
.left-column__main-content .solutions-grid-block>ul li:nth-child(1) {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch
}
}
@media(min-width: 1024px) {
.left-column__main-content .solutions-grid-block>ul li:nth-child(2) {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
}
@media(min-width: 1024px) {
.left-column__main-content .solutions-grid-block>ul li:nth-child(3) {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row: 2
}
}
@media(min-width: 1024px) {
.left-column__main-content .solutions-grid-block>ul li:nth-child(4) {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 2
}
}
@media(min-width: 1024px) {
.left-column__main-content .solutions-grid-block>ul li:nth-child(5) {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row: 3
}
}
@media(min-width: 1024px) {
.left-column__main-content .solutions-grid-block>ul li:nth-child(6) {
grid-row: 3;
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
.js-solutions-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.js-solutions-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-solutions-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-solutions-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-solutions-block {
padding-left: 0;
padding-right: 0
}
}
.js-solutions-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.js-solutions-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.js-solutions-block.grid {
display: grid
}
}
.js-solutions-block .intro {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__09)
}
@media(min-width: 1224px) {
.js-solutions-block .intro {
grid-column-end: 6
}
}
.js-solutions-block .cta__label {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: initial;
display: none;
margin-top: var(--spacing__03);
font-size: var(--font__size--18);
text-align: right;
position: relative;
padding-right: 25px
}
@media(min-width: 1024px) {
.js-solutions-block .cta__label {
display: grid
}
}
.js-solutions-block .cta__label svg {
position: absolute;
right: 0;
width: 20px;
height: 20px;
fill: var(--color__purple--400)
}
.js-solutions-block .js-card-slide {
grid-column-start: 1;
grid-column-end: 13
}
.js-solutions-block .js-card-slide .slide {
height: auto;
align-self: stretch
}
.js-solutions-block .card:first-child {
grid-column-start: unset;
grid-column-end: unset
}
.js-solutions-block .card:first-child+.card {
grid-column-start: unset;
grid-column-end: unset;
margin-top: var(--spacing__05)
}
@media(min-width: 1024px) {
.js-solutions-block .card:first-child+.card {
margin-top: unset
}
}
.js-solutions-block .card:first-child+.card+.card {
grid-column-start: unset;
grid-column-end: unset;
margin-top: var(--spacing__05)
}
@media(min-width: 1024px) {
.js-solutions-block .card:first-child+.card+.card {
margin-top: unset
}
}
.js-solutions-block .card {
padding-bottom: 0;
display: flex;
flex-direction: column;
height: 100%;
grid-column-start: unset;
margin-top: var(--spacing__05);
position: relative
}
@media(min-width: 1024px) {
.js-solutions-block .card {
margin-top: unset
}
}
.js-solutions-block .card a {
text-decoration: none
}
.js-solutions-block .card .card__img {
position: relative
}
.js-solutions-block .card .image__responsive {
height: 100%
}
@media(min-width: 1024px) {
.js-solutions-block .card .image__responsive {
height: auto;
width: 100%
}
}
.js-solutions-block .card picture {
width: 100%;
overflow: hidden
}
.js-solutions-block .card .card__text {
flex: 1;
padding-bottom: var(--spacing__05)
}
.js-solutions-block .card .card__text .card__placeholder__label {
margin-top: var(--spacing__04);
color: var(--color__grey--800);
font-family: var(--font__bold);
font-size: var(--font__size--12)
}
.js-solutions-block .card .card__text .card__preamble {
font-size: var(--font__size--18);
margin-top: var(--spacing__05);
line-height: var(--font__size--24)
}
.js-solutions-block .card .card__text h3 {
font-size: var(--font__size--18);
margin-top: var(--spacing__05);
display: inline-block
}
@media(min-width: 1024px) {
.js-solutions-block .card .card__text h3 {
font-size: var(--font__size--24)
}
}
.js-solutions-block .card .readbtn {
margin-top: auto;
padding-bottom: var(--spacing__08)
}
.js-solutions-block .card .readbtn a {
color: var(--text-primary-light);
padding-left: unset;
text-underline-offset: 5px;
line-height: 1
}
.js-solutions-block .card .readbtn a:before {
display: none
}
.js-solutions-block .card .readbtn a:after {
display: inline-block;
margin-left: var(--spacing__05);
content: "";
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-image: url("../images/icons/circle-greater-black.svg")
}
.js-solutions-block .card .readbtn a:focus {
margin-left: 10px
}
.js-solutions-block .card .readbtn a:hover {
color: var(--color__blue--700)
}
.js-solutions-block .card .readbtn a:hover:after {
background-image: url("../images/icons/circle-greater-dark-gray.svg")
}
.js-solutions-block .card .readbtn a:active {
color: var(--color__blue--900)
}
.js-solutions-block .card .readbtn a:active:after {
background-image: url("../images/icons/circle-greater-dark-gray.svg")
}
@media(min-width: 1024px) {
.js-solutions-block .card-slide .card__prev {
display: block;
height: auto;
bottom: 0;
top: auto;
right: 50px;
left: auto
}
.js-solutions-block .card-slide .card__next {
display: block;
bottom: 0;
top: auto;
height: auto
}
.js-solutions-block .card-slide button[disabled] {
opacity: 30%
}
}
@media(max-width: 896px) {
.js-solutions-block.no-slider-mobile .card-slide {
width: 100%
}
.js-solutions-block.no-slider-mobile .card-slide .slider__track {
display: grid
}
.js-solutions-block.no-slider-mobile .card-slide:not(.unslide) .slider__track {
padding: 0;
margin-left: var(--spacing__05);
left: -12px
}
.js-solutions-block.no-slider-mobile .card-slide:not(.unslide) .slide {
max-width: 100%;
width: 100%;
padding: 0
}
.js-solutions-block.no-slider-mobile .card-slide .card__button__container {
display: none !important
}
.js-solutions-block.no-slider-mobile .card-slide .card .image__responsive {
width: 100%
}
}
.social-media-block {
padding: 0 var(--spacing__05);
position: relative;
text-align: center
}
@media(min-width: 1024px) {
.social-media-block {
text-align: left
}
}
.social-media-block .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
background: var(--bg-subtle);
overflow: auto;
padding: var(--spacing__08) var(--spacing__05)
}
@media(min-width: 768px) {
.social-media-block .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.social-media-block .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.social-media-block .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.social-media-block .container {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.social-media-block .container {
padding: var(--spacing__08) var(--spacing__09)
}
}
.social-media-block .text {
position: relative;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.social-media-block .text {
float: left;
margin-bottom: 0
}
}
.social-media-block .text h2 {
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.social-media-block .text h2 {
margin-bottom: var(--spacing__03)
}
}
@media(min-width: 1024px) {
.social-media-block .buttons {
margin-top: var(--spacing__05);
margin-left: var(--spacing__09);
float: right
}
}
.social-media-block .buttons .share {
justify-content: center
}
.social-media-block .buttons .share li a {
border: none
}
.social-media-block .buttons .share li svg {
width: 20px;
height: 20px
}
.social-media-block .buttons .share li .share__instagram svg {
width: 24px;
height: 24px
}
.scroll-container-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.scroll-container-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.scroll-container-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.scroll-container-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.scroll-container-block {
padding-left: 0;
padding-right: 0
}
}
.scroll-container-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.scroll-container-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.scroll-container-block.grid {
display: grid
}
}
.scroll-container-block .slider__blocks {
grid-column-start: 1;
grid-column-end: 13;
grid-row-start: 3;
position: relative;
overflow: hidden
}
@media(min-width: 1024px) {
.scroll-container-block .slider__blocks {
height: 530px
}
}
@media(min-width: 1224px) {
.scroll-container-block .slider__blocks {
height: 625px
}
}
@media(min-width: 1441px) {
.scroll-container-block .slider__blocks {
height: 800px
}
.scroll-container-block .slider__blocks .image__responsive {
height: 800px;
object-fit: cover;
object-position: center
}
}
.scroll-container-block .slider__blocks>div {
padding: 0
}
@media(min-width: 1024px) {
.scroll-container-block .slider__blocks>div {
height: 530px;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
width: 100%
}
.scroll-container-block .slider__blocks>div .text {
position: relative;
transform: translateY(-100%);
-webkit-transition: transform 900ms var(--ease-standard);
-moz-transition: transform 900ms var(--ease-standard);
transition: transform 900ms var(--ease-standard)
}
.scroll-container-block .slider__blocks>div .image {
opacity: 0;
-webkit-transition: opacity var(--duration-xlarge);
-moz-transition: opacity var(--duration-xlarge);
transition: opacity var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
.scroll-container-block .slider__blocks>div .video {
opacity: 0;
-webkit-transition: opacity var(--duration-xlarge);
-moz-transition: opacity var(--duration-xlarge);
transition: opacity var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
.scroll-container-block .slider__blocks>div.active .text {
transform: translateY(0)
}
.scroll-container-block .slider__blocks>div.active.active-image .image {
z-index: 1;
opacity: 1
}
.scroll-container-block .slider__blocks>div.active.active-video .video {
display: flex;
align-items: center;
z-index: 1;
opacity: 1
}
.scroll-container-block .slider__blocks>div.active.active-video .video__wrapper {
width: 100%
}
.scroll-container-block .slider__blocks>div.active~div .text {
transform: translateY(100%)
}
}
@media(min-width: 1224px) {
.scroll-container-block .slider__blocks>div {
height: 625px
}
}
@media(min-width: 1441px) {
.scroll-container-block .slider__blocks>div {
height: 800px
}
}
.scroll-container-block .slider__content>.image-with-text-block,
.scroll-container-block .slider__content>.video-with-text-block {
width: 100%;
padding: 0;
margin: 0
}
@media(min-width: 1024px) {
.scroll-container-block .slider__content>.image-with-text-block,
.scroll-container-block .slider__content>.video-with-text-block {
position: absolute;
top: 0;
height: 530px
}
}
@media(min-width: 1224px) {
.scroll-container-block .slider__content>.image-with-text-block,
.scroll-container-block .slider__content>.video-with-text-block {
height: 625px
}
}
@media(min-width: 1441px) {
.scroll-container-block .slider__content>.image-with-text-block,
.scroll-container-block .slider__content>.video-with-text-block {
height: 742px
}
}
@media(min-width: 1650px) {
.scroll-container-block .slider__content>.image-with-text-block,
.scroll-container-block .slider__content>.video-with-text-block {
height: 878px
}
}
.scroll-container-block .slider__content>.image-with-text-block .col.text,
.scroll-container-block .slider__content>.video-with-text-block .col.text {
display: flex;
justify-content: center;
flex-direction: column
}
@media(min-width: 1441px) {
.scroll-container-block .slider__content>.image-with-text-block {
height: 800px
}
.scroll-container-block .slider__content>.image-with-text-block .image {
height: 800px;
max-height: 800px
}
.scroll-container-block .slider__content>.image-with-text-block .image__responsive {
height: 800px;
object-fit: cover;
object-position: center
}
}
.scroll-container-block__dark .scroll-container-block {
color: var(--text-primary-dark)
}
.scroll-container-block__dark .scroll-container-block__outer {
background: var(--bg-brand);
padding: var(--spacing__08) 0
}
@media(min-width: 1024px) {
.scroll-container-block__dark .scroll-container-block__outer {
margin-top: var(--spacing__12)
}
}
.scroll-container-block__dark .scroll-container-block.block {
margin-bottom: var(--spacing__08);
margin-top: 0
}
@media(min-width: 1024px) {
.scroll-container-block__dark .scroll-container-block.block {
max-height: 770px
}
}
.scroll-container-block__dark .scroll-container-block .slider__blocks {
margin-top: var(--spacing__04)
}
.scroll-container-block__dark .scroll-container-block .slider__content>.image-with-text-block .text,
.scroll-container-block__dark .scroll-container-block .slider__content>.video-with-text-block .text {
grid-column-start: 8;
grid-column-end: 13;
padding-top: var(--spacing__06)
}
.scroll-container-block__dark .scroll-container-block .slider__content>.image-with-text-block .text .block--label,
.scroll-container-block__dark .scroll-container-block .slider__content>.video-with-text-block .text .block--label {
display: none
}
.scroll-container-block__dark .scroll-container-block .slider__content>.image-with-text-block .text .preamble,
.scroll-container-block__dark .scroll-container-block .slider__content>.video-with-text-block .text .preamble {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.scroll-container-block__dark .scroll-container-block .slider__content>.image-with-text-block .text .preamble,
.scroll-container-block__dark .scroll-container-block .slider__content>.video-with-text-block .text .preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.scroll-container-block__dark .scroll-container-block .slider__content>.image-with-text-block .image,
.scroll-container-block__dark .scroll-container-block .slider__content>.image-with-text-block .video,
.scroll-container-block__dark .scroll-container-block .slider__content>.video-with-text-block .image,
.scroll-container-block__dark .scroll-container-block .slider__content>.video-with-text-block .video {
grid-column-start: 1;
grid-column-end: 6;
max-height: 740px
}
.safety-quiz {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.safety-quiz {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.safety-quiz {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.safety-quiz {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.safety-quiz {
padding-left: 0;
padding-right: 0
}
}
.safety-quiz h2 {
margin-bottom: var(--spacing__04)
}
.safety-quiz .grid {
row-gap: var(--spacing__06)
}
.safety-quiz .grid>.col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 1
}
@media(min-width: 1024px) {
.safety-quiz .grid>.col:first-child {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: start;
grid-row: 1
}
}
.safety-quiz .grid>.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 2
}
@media(min-width: 1024px) {
.safety-quiz .grid>.col:first-child+.col {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 1
}
}
.safety-quiz .grid .quiz__list {
list-style: none;
padding: 0;
margin: 0 0 var(--spacing__09) 0;
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: var(--spacing__09);
row-gap: var(--spacing__09)
}
@media(min-width: 896px) {
.safety-quiz .grid .quiz__list {
grid-template-columns: repeat(2, 1fr)
}
}
.safety-quiz .grid .quiz__list li {
background-color: var(--color__grey--200);
padding: var(--spacing__08) var(--spacing__08) var(--spacing__09) var(--spacing__08);
border-radius: var(--radius-small);
text-align: center;
position: relative;
line-height: 133%
}
.safety-quiz .grid .quiz__list li .label__wrapper {
position: absolute;
left: 0;
display: flex;
box-sizing: border-box;
top: calc(100% - 20px);
width: 100%
}
.safety-quiz .grid .quiz__list li .label__wrapper .label__col {
width: 50%
}
.safety-quiz .grid .quiz__list li label input[type=radio] {
height: 0;
width: 0;
margin: 0;
padding: 0;
visibility: hidden;
display: block
}
.safety-quiz .grid .quiz__list li label span {
border-radius: var(--radius-small);
height: 40px;
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box
}
.safety-quiz .grid .quiz__list li label.quiz__yes {
left: 0
}
.safety-quiz .grid .quiz__list li label.quiz__yes span {
border: var(--stroke-thin) solid var(--color__blue--800);
background-color: var(--bg-default);
margin: 0 var(--spacing__04) 0 var(--spacing__06)
}
.safety-quiz .grid .quiz__list li label.quiz__yes input[type=radio]:checked+span {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.safety-quiz .grid .quiz__list li label.quiz__no {
right: 0
}
.safety-quiz .grid .quiz__list li label.quiz__no span {
border: var(--stroke-thin) solid var(--color__red--600);
background-color: var(--bg-default);
color: var(--color__red--600);
margin: 0 var(--spacing__06) 0 var(--spacing__04)
}
.safety-quiz .grid .quiz__list li label.quiz__no input[type=radio]:checked+span {
background-color: var(--color__red--600);
color: var(--text-primary-dark)
}
.safety-quiz .grid .quiz__error {
display: none;
color: var(--color__red--800);
margin-bottom: var(--spacing__06)
}
.safety-quiz .grid .quiz__error.visible {
display: block
}
.safety-quiz .grid .quiz__results h3 {
font-size: var(--font__size--18);
display: flex;
align-items: center
}
.safety-quiz .grid .quiz__results .quiz__tag {
border-radius: var(--radius-small);
height: 22px;
padding: 4px 10px;
display: inline-block;
margin-left: var(--spacing__04);
font-size: var(--font__size--15);
text-transform: capitalize
}
@media(min-width: 1024px) {
.safety-quiz .grid .quiz__results .quiz__tag {
height: initial
}
}
.safety-quiz .grid .quiz__results .quiz__tag--low {
background-color: #a2d2a1;
color: var(--text-primary-light)
}
.safety-quiz .grid .quiz__results .quiz__tag--medium {
background-color: #f1dc91;
color: var(--text-primary-light)
}
.safety-quiz .grid .quiz__results .quiz__tag--high {
background-color: var(--color__red--600);
color: var(--text-primary-dark)
}
.safety-quiz .grid .quiz__results .quiz__resultheader {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center
}
.safety-quiz .grid .quiz__results h3,
.safety-quiz .grid .quiz__results .quiz__bar {
margin-bottom: var(--spacing__08)
}
.safety-quiz .grid .quiz__results .quiz__bar {
border-radius: var(--radius-small);
position: relative;
background: linear-gradient(to right, #a2d2a1 0, #f1dc91 35%, #aa1834 75%, #641432 100%);
height: 30px;
width: 375px
}
.safety-quiz .grid .quiz__results .quiz__bar .indicator {
position: absolute;
left: 0;
top: -6px;
content: "";
display: inline-block;
width: 30px;
height: 30px;
border: 6px solid var(--color__blue--800);
border-radius: 50%;
transition: 3s var(--ease-standard)
}
.safety-quiz .grid .quiz__results p {
margin-bottom: var(--spacing__08)
}
.safety-quiz .grid .quiz__results ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center
}
@media(min-width: 1024px) {
.safety-quiz .grid .quiz__results ul {
justify-content: flex-start
}
}
.safety-quiz .grid .quiz__results ul li {
margin-right: var(--spacing__04);
margin-bottom: var(--spacing__04)
}
.safety-quiz .grid .quiz__results ul .button {
color: var(--text-primary-dark)
}
.safety-quiz .button__results--show>* {
pointer-events: none
}
.safety-quiz .button__results--show svg {
fill: var(--color__white);
width: var(--spacing__06);
height: var(--spacing__06);
margin-left: var(--spacing__04)
}
.safety-quiz .button__results--show.disabled svg {
fill: var(--color__grey--500)
}
select.select {
visibility: hidden
}
dd:has(>.select) {
position: relative
}
.select {
display: block;
font-size: 15px;
position: relative;
height: 48px;
width: 100%
}
.select+select {
width: 100%;
height: 71px;
position: absolute;
bottom: 0;
z-index: 9999;
opacity: 0
}
@media(min-width: 896px) {
.select+select {
display: none
}
}
.select.expanded:before {
content: "";
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 950
}
.select.expanded .select-panel {
overflow-y: scroll;
max-height: 200px
}
.select.expanded .select-toggle svg {
transform: rotate(180deg)
}
.select .select-toggle {
border: none;
font-family: inherit;
font-size: inherit;
background-color: var(--bg-subtle);
padding: 12px 16px;
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
color: var(--text-primary-light);
display: inline-flex;
width: 100%;
height: inherit;
box-sizing: border-box;
justify-content: space-between;
align-items: center;
cursor: pointer;
position: relative;
z-index: 900
}
.select .select-toggle>* {
pointer-events: none
}
.select .select-toggle>span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 25px
}
.select .select-toggle>span>* {
pointer-events: none
}
.select .select-toggle svg {
fill: var(--color__blue--800);
width: 1rem;
height: 1rem;
margin-left: 1rem;
transition: .1s var(--ease-standard)
}
.select .select-search {
padding: 12px 16px;
background-color: var(--bg-default);
position: sticky;
top: 0;
left: 0;
border-bottom: var(--stroke-thin) solid var(--color__grey--100)
}
.select .select-search input[type=search] {
border: var(--stroke-thin) solid var(--color__grey--400);
width: 100%;
height: 42px;
padding: 0 48px 0 12px;
border-radius: var(--radius-pill);
font-size: inherit;
background-color: var(--bg-default)
}
.select .select-search svg {
width: 1.5rem;
height: 1.5rem;
position: absolute;
right: 32px;
top: 20px
}
.select.active button.clear-filter {
display: flex
}
.select button.clear-filter {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
width: 1rem;
height: 1rem;
position: absolute;
right: 50px;
justify-content: center;
align-items: center;
top: 1rem;
display: none;
background-color: var(--bg-subtle);
z-index: 950
}
.select button.clear-filter.active {
display: flex
}
.select button.clear-filter>* {
pointer-events: none
}
.select button.clear-filter svg {
width: .875rem;
height: .875rem
}
.select button.clear-filter:after {
content: "";
position: absolute;
top: 0;
right: -10px;
width: 1px;
height: 1rem;
background-color: #ccc
}
.select .select-panel {
list-style: none;
margin: 0;
padding: 0;
list-style: none;
margin: 48px 0 0 0;
padding: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
border-radius: 0 0 4px 4px;
box-shadow: var(--elavation__03);
transition: .3s var(--ease-standard);
max-height: 0;
z-index: 10000
}
@media(max-width: 896px) {
.select .select-panel:not(:has(.select-search)) {
display: none !important
}
}
.select .select-panel li {
display: flex;
align-items: center;
padding: 12px 16px;
transition: .3s var(--ease-standard);
background-color: var(--bg-default);
width: 100%;
box-sizing: border-box
}
.select .select-panel li.select-no-hits {
display: none;
text-align: center;
cursor: default !important
}
.select .select-panel li.select-no-hits.show {
display: block
}
.select .select-panel li.select-no-hits svg {
width: 21px;
height: 21px;
margin-top: var(--spacing__03);
margin-bottom: var(--spacing__04)
}
.select .select-panel li.select-no-hits h4,
.select .select-panel li.select-no-hits p {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__02);
color: var(--text-primary-light)
}
.select .select-panel li:not(.select-search, .select-no-hits)>* {
pointer-events: none
}
.select .select-panel li>span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.select .select-panel li:not(.multiple):not(.disabled):not(.select-search, .select-no-hits):hover,
.select .select-panel li:not(.multiple):not(.disabled):not(.select-search, .select-no-hits):focus {
background-color: var(--color__grey--300)
}
.select .select-panel li:not(.multiple).checked {
background-color: var(--color__grey--300)
}
.select .select-panel li:not(.multiple):not(.checked) {
cursor: pointer
}
.select .select-panel li.disabled {
cursor: initial !important;
pointer-events: none
}
.select .select-panel li.disabled span {
opacity: .6
}
.select .select-panel li.multiple {
cursor: pointer
}
.select .select-panel li.multiple:hover,
.select .select-panel li.multiple:focus {
background-color: var(--color__purple--100-10)
}
.select .select-panel li.multiple>span {
margin-left: var(--spacing__04)
}
.select .select-panel li.multiple:before {
display: inline-block;
content: "";
width: 20px;
height: 20px;
flex-shrink: 0
}
.select .select-panel li.multiple:not(.checked):before {
background-image: url("../images/icons/square-black-frame.svg")
}
.select .select-panel li.multiple.checked:before {
background-image: url("../images/icons/square-checked-purple.svg")
}
.smepsc-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.smepsc-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.smepsc-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.smepsc-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.smepsc-block {
padding-left: 0;
padding-right: 0
}
}
.smepsc-block .col-left {
grid-column: span 12;
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.smepsc-block .col-left {
grid-column: span 5;
margin-bottom: initial
}
}
@media(min-width: 1024px) {
.smepsc-block .col-left {
grid-column: span 4
}
}
.smepsc-block .col-left .category-heading {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36);
margin-bottom: var(--spacing__04);
display: block
}
.smepsc-block .col-left .category-preamble>p {
font-size: var(--font__size--15);
line-height: 133.333%
}
@media(min-width: 896px) {
.smepsc-block .col-left .category-preamble>p {
font-size: var(--font__size--18)
}
}
.smepsc-block .col-left .category-preamble>a {
margin-top: var(--spacing__04)
}
.smepsc-block .col-left .categories__text div:first-child~div {
display: none
}
.smepsc-block .col-right {
grid-column: span 12
}
@media(min-width: 768px) {
.smepsc-block .col-right {
grid-column: span 7
}
}
@media(min-width: 1024px) {
.smepsc-block .col-right {
grid-column: span 8
}
}
.smepsc-block .col-right>div:first-child~div {
display: none
}
.smepsc-block h2 {
margin-bottom: var(--spacing__06);
grid-column: span 12;
font-family: var(--font__bold);
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
@media(min-width: 768px) {
.smepsc-block h2 {
grid-column: span 5
}
}
@media(min-width: 896px) {
.smepsc-block h2 {
grid-column: span 4
}
}
.smepsc-block .select {
margin-bottom: var(--spacing__06)
}
@media(min-width: 896px) {
.smepsc-block .select {
display: none
}
}
.smepsc-block .select .clear-filter {
display: none !important
}
.smepsc-block .select .select-panel li.checked {
pointer-events: none
}
.smepsc-block .sb__ctas {
overflow: hidden;
margin-bottom: var(--spacing__06);
display: none
}
@media(min-width: 896px) {
.smepsc-block .sb__ctas {
display: block
}
}
.smepsc-block .sb__ctas ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin: -0.5rem
}
.smepsc-block .sb__ctas ul li {
margin: .5rem
}
.smepsc-block .sb__ctas ul li button:not(.active) {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
background-color: var(--bg-default);
color: var(--text-primary-light);
text-decoration: none;
font-family: var(--font__bold);
position: relative;
display: inline-flex;
font-size: var(--font__size--15);
border: var(--stroke-thick) solid var(--color__blue--800);
height: 36px;
padding: 0 1.5rem;
align-items: center;
cursor: pointer;
font-size: var(--font__size--12)
}
.smepsc-block .sb__ctas ul li button:not(.active):hover {
border-color: var(--color__blue--700)
}
.smepsc-block .sb__ctas ul li button:not(.active):focus {
border-color: var(--border-secondary)
}
.smepsc-block .sb__ctas ul li button:not(.active):active {
border-color: var(--color__blue--900)
}
@media(min-width: 896px) {
.smepsc-block .sb__ctas ul li button:not(.active) {
font-size: var(--font__size--15)
}
}
.smepsc-block .sb__ctas ul li button.active {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
text-decoration: none;
font-family: var(--font__bold);
position: relative;
display: inline-flex;
font-size: var(--font__size--15);
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__blue--800);
height: 36px;
padding: 0 1.5rem;
align-items: center;
pointer-events: none;
font-size: var(--font__size--12)
}
.smepsc-block .sb__ctas ul li button.active:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.smepsc-block .sb__ctas ul li button.active:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.smepsc-block .sb__ctas ul li button.active:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
@media(min-width: 896px) {
.smepsc-block .sb__ctas ul li button.active {
font-size: var(--font__size--15)
}
}
.smepsc-block .category-products {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: var(--spacing__04);
grid-row-gap: var(--spacing__04)
}
@media(min-width: 896px) {
.smepsc-block .category-products {
grid-template-columns: repeat(2, 1fr)
}
}
@media(min-width: 1024px) {
.smepsc-block .category-products {
grid-template-columns: repeat(3, 1fr)
}
}
.smepsc-block .category-products li {
position: relative;
background-color: var(--bg-brand);
overflow: hidden;
border-radius: var(--radius-small)
}
.smepsc-block .category-products li a {
color: var(--text-primary-dark);
padding: var(--spacing__05);
display: flex;
flex-direction: row-reverse;
justify-content: space-between
}
.smepsc-block .category-products li a.linkbutton__text {
padding-left: var(--spacing__06)
}
.smepsc-block .category-products li a.linkbutton__text:before {
position: relative;
background-image: url("../images/icons/greater-then-black-small.svg")
}
.smepsc-block .category-products li .category-title {
display: none
}
.smepsc-block .category-products li img {
position: absolute;
opacity: .1
}
@media(min-width: 896px) {
.smepsc-block .category-products li {
position: relative;
background-color: rgba(0, 0, 0, 0);
border-radius: 0px;
display: flex;
box-shadow: var(--elavation__02)
}
}
@media(min-width: 896px)and (min-width: 768px) {
.smepsc-block .category-products li {
display: initial
}
}
@media(min-width: 896px) {
.smepsc-block .category-products li img {
position: initial;
width: 100px;
align-self: flex-start;
opacity: 1
}
}
@media(min-width: 896px)and (min-width: 768px) {
.smepsc-block .category-products li img {
width: 100%
}
}
@media(min-width: 896px) {
.smepsc-block .category-products li>div {
padding: var(--spacing__04)
}
.smepsc-block .category-products li>div .category-title {
font-size: var(--font__size--18);
margin-bottom: var(--spacing__05);
font-family: var(--font__bold);
display: block
}
.smepsc-block .category-products li>div a {
font-size: var(--font__size--15);
display: block;
padding: 0px;
color: var(--text-primary-light);
flex-direction: row;
justify-content: initial
}
.smepsc-block .category-products li>div a.linkbutton__text {
padding-left: var(--spacing__06)
}
.smepsc-block .category-products li>div a.linkbutton__text:before {
position: absolute;
background-image: url("../images/icons/circle-greater-black.svg")
}
}
.smebundle-content-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.smebundle-content-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.smebundle-content-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.smebundle-content-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.smebundle-content-block {
padding-left: 0;
padding-right: 0
}
}
.smebundle-content-block.col__double .sb__usp li svg {
margin-right: var(--spacing__04)
}
.smebundle-content-block.col__double {
grid-template-rows: auto auto;
grid-row-gap: var(--spacing__08)
}
@media(min-width: 1024px) {
.smebundle-content-block.col__double {
grid-template-rows: 1fr
}
}
.smebundle-content-block.col__double>.size-s.col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1024px) {
.smebundle-content-block.col__double>.size-s.col:first-child {
grid-column-start: 1;
grid-column-end: 4;
justify-self: stretch;
align-self: stretch
}
}
.smebundle-content-block.col__double>.size-s.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3
}
@media(min-width: 1024px) {
.smebundle-content-block.col__double>.size-s.col:first-child+.col {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
}
.smebundle-content-block>.col p {
font-size: var(--font__size--18);
line-height: 133%
}
.smebundle-content-block>.col>a {
margin-top: var(--spacing__06)
}
.smebundle-content-block>.col .hidden {
display: none !important
}
.smebundle-content-block>.col .sb__ctas {
overflow: hidden;
margin-bottom: var(--spacing__06);
margin-top: var(--spacing__05)
}
.smebundle-content-block>.col .sb__ctas ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin: -0.5rem
}
.smebundle-content-block>.col .sb__ctas ul li {
margin: .5rem
}
.smebundle-content-block>.col .sb__ctas ul a {
border-radius: var(--radius-pill);
box-sizing: border-box;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
text-decoration: none;
font-family: var(--font__bold);
position: relative;
display: inline-flex;
font-size: var(--font__size--15);
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__blue--800);
height: 36px;
padding: 0 1.5rem;
align-items: center;
cursor: pointer
}
.smebundle-content-block>.col .sb__ctas ul a:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.smebundle-content-block>.col .sb__ctas ul a:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.smebundle-content-block>.col .sb__ctas ul a:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.smebundle-content-block>.col .contact__block {
background-color: var(--bg-subtle);
padding: var(--spacing__06);
display: flex;
width: 100%;
box-sizing: border-box;
font-size: var(--font__size--18);
flex-direction: column
}
@media(min-width: 896px) {
.smebundle-content-block>.col .contact__block {
flex-direction: row
}
}
.smebundle-content-block>.col .contact__block .col:first-child {
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-between
}
.smebundle-content-block>.col .contact__block .col:first-child img {
border-radius: 50%;
width: 110px;
height: 110px
}
.smebundle-content-block>.col .contact__block .col:first-child .blank {
display: block;
height: var(--spacing__04)
}
.smebundle-content-block>.col .contact__block .col:first-child+.col {
padding: 0;
margin: 0;
border-top: var(--stroke-thin) solid var(--color__grey--400);
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
padding: var(--spacing__09) 0;
margin: var(--spacing__09) 0
}
@media(min-width: 896px) {
.smebundle-content-block>.col .contact__block .col:first-child+.col {
padding: 0 var(--spacing__09);
margin: 0 var(--spacing__09);
border-top: none;
border-bottom: none;
border-left: var(--stroke-thin) solid var(--color__grey--400);
border-right: var(--stroke-thin) solid var(--color__grey--400)
}
}
@media(min-width: 1024px) {
.smebundle-content-block>.col .contact__block .col:first-child+.col {
padding: 0 var(--spacing__06);
margin: 0 var(--spacing__06)
}
}
.smebundle-content-block>.col .contact__block .col:first-child+.col ul {
list-style: none;
margin: 0;
padding: 0
}
.smebundle-content-block>.col .contact__block .col:first-child+.col li {
display: flex;
align-items: center
}
.smebundle-content-block>.col .contact__block .col:first-child+.col li svg {
width: 1.25rem;
height: 1.25rem;
fill: var(--color__grey--800);
margin-right: 6px;
flex-shrink: 0
}
.smebundle-content-block>.col .contact__block .col:first-child+.col li:first-child~li {
margin-top: 8px
}
.smebundle-content-block>.col .contact__block .col:first-child+.col+.col ul {
padding-left: var(--spacing__06)
}
.smebundle-content-block>.col .contact__block .heading {
display: block;
margin-bottom: var(--spacing__04);
font-size: 20px;
font-family: var(--font__bold);
white-space: nowrap
}
.smebundle-content-block ul {
font-size: var(--font__size--18);
line-height: 133%;
margin: var(--spacing__04) 0 0 0
}
.smebundle-content-block .smeb__card--text {
margin-bottom: var(--spacing__09)
}
.smebundle-content-block .smeb__card--text h3 {
margin-bottom: 20px
}
.smebundle-content-block .smeb__card--text p {
font-size: var(--font__size--18)
}
@media only screen and (max-device-width: 799px) {
.smebundle-content-block .smeb__card--text p {
font-size: var(--font__size--15)
}
}
.smebundle-content-block .smeb__collapsed--text p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.smebundle-content-block .hide_expand {
display: none !important
}
.smebundle-content-block .linkbutton__downarrow {
cursor: pointer;
display: flex;
align-items: center
}
.smebundle-content-block .linkbutton__downarrow .icon {
display: inline-flex;
width: 18px;
height: 18px;
margin-right: .5rem;
background-image: url("../images/icons/circle-down-black.svg")
}
.smebundle-content-block .linkbutton__downarrow .icon+span {
font-size: var(--font__size--15);
font-family: var(--font__bold)
}
.smebundle-content-block .linkbutton__downarrow .icon:hover {
background-image: url("../images/icons/circle-down-black.svg")
}
.smebundle-content-block .linkbutton__downarrow .icon:focus {
background-image: url("../images/icons/circle-down-black.svg")
}
.smebundle-content-block .linkbutton__downarrow .icon:active {
background-image: url("../images/icons/circle-down-black.svg")
}
.smebundle-content-block .linkbutton__uparrow {
cursor: pointer;
display: flex;
align-items: center
}
.smebundle-content-block .linkbutton__uparrow .icon {
display: inline-flex;
width: 18px;
height: 18px;
margin-right: .5rem;
background-image: url("../images/icons/circle-up-black.svg")
}
.smebundle-content-block .linkbutton__uparrow .icon+span {
font-size: var(--font__size--15);
font-family: var(--font__bold)
}
.smebundle-content-block .linkbutton__uparrow .icon:hover {
background-image: url("../images/icons/circle-up-black.svg")
}
.smebundle-content-block .linkbutton__uparrow .icon:focus {
background-image: url("../images/icons/circle-up-black.svg")
}
.smebundle-content-block .linkbutton__uparrow .icon:active {
background-image: url("../images/icons/circle-up-black.svg")
}
@media only screen and (max-device-width: 799px) {
.smebundle-content-block {
padding-left: var(--spacing__05) !important;
padding-right: var(--spacing__05) !important
}
.smebundle-content-block.col__double {
grid-template-rows: auto auto;
grid-row-gap: 0 !important;
margin-top: var(--spacing__05)
}
.smebundle-content-block ul {
font-size: var(--font__size--15);
line-height: 30px;
margin: var(--spacing__04) 0 0 0
}
.smebundle-content-block .smeb__card--text {
margin-bottom: var(--spacing__04)
}
.smebundle-content-block .smeb__card--text h3 {
margin-bottom: 5px
}
.smebundle-content-block .smeb__card--text p {
font-size: var(--font__size--15);
line-height: 24px
}
.smebundle-content-block>.col p {
font-size: var(--font__size--15);
line-height: 24px;
margin-top: 15px
}
.smebundle-content-block>.col .sb__ctas {
overflow: hidden;
margin-bottom: var(--spacing__09);
margin-top: var(--spacing__09)
}
.smebundle-content-block>.col .sb__ctas ul li {
margin: .5rem
}
.smebundle-content-block>.col .sb__ctas ul a {
border-radius: var(--radius-pill);
box-sizing: border-box;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
text-decoration: none;
font-family: var(--font__bold);
position: relative;
display: inline-flex;
font-size: var(--font__size--15);
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__blue--800);
height: 36px;
padding: 0 1.5rem;
align-items: center;
cursor: pointer;
font-size: var(--font__size--12) !important
}
.smebundle-content-block>.col .sb__ctas ul a:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.smebundle-content-block>.col .sb__ctas ul a:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.smebundle-content-block>.col .sb__ctas ul a:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.smebundle-content-block>.col .contact__block .col:first-child .blank {
display: block;
height: 0 !important
}
.smebundle-content-block>.col .contact__block .col:first-child+.col {
padding: var(--spacing__06) 0;
margin: var(--spacing__06) 0
}
.smebundle-content-block>.col .contact__block .col:first-child+.col li {
display: flex;
align-items: center
}
.smebundle-content-block>.col .contact__block .col:first-child+.col li svg {
width: 1.25rem;
height: 1.25rem;
fill: var(--color__grey--400);
margin-right: 6px;
flex-shrink: 0
}
.smebundle-content-block>.col .contact__block .col:first-child+.col li span {
font-size: 15px
}
.smebundle-content-block>.col .contact__block .col:first-child+.col+.col ul {
padding-left: var(--spacing__08);
font-size: 15px;
display: inline-flex;
flex-wrap: wrap;
line-height: 30px
}
.smebundle-content-block>.col .contact__block .col:first-child+.col+.col ul li {
margin-right: var(--spacing__08) !important
}
.smebundle-content-block>.col .contact__block .heading {
justify-content: center;
display: flex;
margin-bottom: 8px;
font-size: 20px;
font-family: var(--font__bold)
}
.smebundle-content-block .col__double>.size-s.col:first-child {
padding-top: var(--spacing__08)
}
}
.results-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.results-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.results-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.results-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.results-block {
padding-left: 0;
padding-right: 0
}
}
.results-block.block {
margin-bottom: 0
}
@media(min-width: 1024px) {
.results-block.block {
margin-bottom: var(--spacing__08)
}
}
.results-block .results__container {
display: flex;
flex-wrap: wrap;
justify-content: left;
gap: 24px
}
@media(min-width: 1224px) {
.results-block .results__container {
justify-content: center
}
}
.results-block .results__container .results__text {
width: 100%
}
.results-block .results__container .results__text--wrapper {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
.results-block .results__container .results__item {
width: 100%;
margin-bottom: var(--spacing__05);
padding-bottom: var(--spacing__08);
border-bottom: var(--stroke-thin) solid var(--color__grey--400)
}
.results-block .results__container .results__item:last-child {
margin-bottom: 0
}
@media(min-width: 1024px) {
.results-block .results__container .results__item:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: var(--spacing__11)
}
}
.results-block .results__container .results__item .number {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__05)
}
@media(min-width: 1024px) {
.results-block .results__container .results__item .number {
font-size: var(--font__size--60)
}
}
.results-block .results__container .results__item p {
font-size: var(--font__size--15);
line-height: var(--font__size--18)
}
@media(min-width: 1024px) {
.results-block .results__container .results__item p {
font-size: var(--font__size--18);
line-height: var(--font__size--24);
width: 80%
}
}
.reports-highlights-block {
padding-top: var(--spacing__04);
padding-bottom: var(--spacing__04)
}
.reports-highlights-block .block-intro {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.reports-highlights-block .block-intro {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.reports-highlights-block .block-intro {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.reports-highlights-block .block-intro {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.reports-highlights-block .block-intro {
padding-left: 0;
padding-right: 0
}
}
.reports-highlights-block>.inner {
background-color: var(--bg-brand)
}
.reports-highlights-block>.inner>.wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-top: var(--spacing__04);
padding-bottom: var(--spacing__04)
}
@media(min-width: 768px) {
.reports-highlights-block>.inner>.wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.reports-highlights-block>.inner>.wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.reports-highlights-block>.inner>.wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.reports-highlights-block>.inner>.wrapper {
padding-left: 0;
padding-right: 0
}
}
.reports-block {
padding-top: var(--spacing__04);
padding-bottom: var(--spacing__04)
}
.reports-block ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap
}
.reports-block li {
padding-bottom: var(--spacing__06);
width: 100%;
position: relative;
overflow: hidden;
justify-content: space-between;
border-bottom: var(--stroke-thin) solid hsla(0, 0%, 100%, .2);
box-sizing: border-box
}
.reports-block li:nth-child(1),
.reports-block li:nth-child(2),
.reports-block li:nth-child(3) {
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.reports-block li {
padding-bottom: initial;
padding-top: 50%;
width: 50%
}
.reports-block li:nth-child(1),
.reports-block li:nth-child(3) {
border-left: var(--stroke-thin) solid hsla(0, 0%, 100%, .2)
}
.reports-block li:nth-child(1),
.reports-block li:nth-child(2),
.reports-block li:nth-child(3),
.reports-block li:nth-child(4) {
border-right: var(--stroke-thin) solid hsla(0, 0%, 100%, .2)
}
.reports-block li:nth-child(3) {
margin-bottom: initial
}
}
@media(min-width: 896px) {
.reports-block li {
padding-top: 25%;
width: 25%
}
.reports-block li:nth-child(3) {
border-left: initial
}
.reports-block li:nth-child(1),
.reports-block li:nth-child(2) {
margin-bottom: initial
}
}
@media(min-width: 768px) {
.reports-block li {
border-bottom: initial
}
}
.reports-block li>a {
display: flex;
justify-content: space-between;
flex-direction: column;
text-decoration: none
}
@media(min-width: 768px) {
.reports-block li>a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%
}
}
.reports-block li>a:hover .title,
.reports-block li>a:hover .linkbutton__text--white {
text-decoration: none
}
.reports-block li>a:hover .preamble {
text-decoration: underline
}
@media(min-width: 768px) {
.reports-block li>a>div {
padding: 0 var(--spacing__04)
}
}
.reports-block .title {
font-size: var(--font__size--24);
color: var(--color__purple--500);
line-height: 125%
}
@media(min-width: 896px) {
.reports-block .title {
font-size: var(--font__size--18)
}
}
@media(min-width: 1024px) {
.reports-block .title {
font-size: var(--font__size--24)
}
}
.reports-block .preamble {
margin-bottom: var(--spacing__12);
color: var(--text-primary-dark);
line-height: 125%;
font-size: var(--font__size--24)
}
@media(min-width: 768px) {
.reports-block .preamble {
margin-bottom: 0
}
}
.reports-block .linkbutton__text--white {
margin-top: var(--spacing__06);
padding-left: 30px;
color: var(--text-primary-dark);
text-decoration: none;
position: relative;
display: inline-flex;
font-size: var(--font__size--15);
transition: var(--duration-large) var(--ease-standard);
outline: none
}
@media(min-width: 768px) {
.reports-block .linkbutton__text--white {
margin-top: initial
}
}
.reports-block .linkbutton__text--white:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 18px;
height: 18px;
background-image: url("../images/icons/circle-less-then-white.svg")
}
.related-dy-content-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.related-dy-content-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.related-dy-content-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.related-dy-content-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.related-dy-content-block {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.related-dy-content-block {
display: flex;
flex-direction: column
}
}
.related-dy-content-block .controls {
display: flex;
flex-direction: row;
height: 36px;
margin-top: var(--spacing__06)
}
.related-dy-content-block .controls .icon {
width: 36px;
margin-right: var(--spacing__04);
cursor: pointer
}
.related-dy-content-block .controls .icon.arrow-disabled svg rect {
fill: #e5e5e4
}
.related-dy-content-block .controls .icon.arrow-disabled svg path {
fill: #53565a
}
.related-dy-content-block .controls .icon.arrow-enabled svg rect {
fill: #031f30
}
.related-dy-content-block .controls .icon.arrow-enabled svg path {
fill: var(--color__white)
}
.related-dy-content-block .header__container {
margin-bottom: var(--spacing__06)
}
.related-dy-content-block .header__container h2 {
margin-bottom: var(--spacing__04);
grid-row: 1;
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 1024px) {
.related-dy-content-block .header__container h2 {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
}
.related-dy-content-block .header__container p {
grid-row: 2;
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 1024px) {
.related-dy-content-block .header__container p {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
}
.related-dy-content-block .cards__container {
display: flex;
flex-direction: row;
column-gap: 1rem
}
.related-dy-content-block .cards__container>.card {
transition: var(--duration-large) var(--ease-standard)
}
.related-dy-content-block .cards__container>.card:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
@media(min-width: 1024px) {
.related-dy-content-block .cards__container>.card:first-child {
grid-column-start: 1;
grid-column-end: 5;
justify-self: start;
align-self: start
}
}
.related-dy-content-block .cards__container>.card:first-child+.card {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
margin-top: var(--spacing__09)
}
@media(min-width: 1024px) {
.related-dy-content-block .cards__container>.card:first-child+.card {
grid-column-start: 5;
grid-column-end: 9;
justify-self: start;
align-self: start;
margin-top: 0
}
}
.related-dy-content-block .cards__container>.card:first-child+.card+.card {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
margin-top: var(--spacing__09)
}
@media(min-width: 1024px) {
.related-dy-content-block .cards__container>.card:first-child+.card+.card {
grid-column-start: 9;
grid-column-end: 13;
justify-self: start;
align-self: start;
margin-top: 0
}
}
.related-dy-content-block .cards__container>.card a {
text-decoration: none;
transition: var(--duration-large) var(--ease-standard)
}
.related-dy-content-block .cards__container>.card a h2 {
margin-top: var(--spacing__04);
font-size: var(--font__size--24);
line-height: 125%
}
.related-dy-content-block .cards__container>.card a .card__preamble {
font-size: var(--font__size--15);
line-height: 133%;
margin-top: var(--spacing__04)
}
.related-dy-content-block .cards__container>.card a:link {
color: var(--text-primary-light)
}
.related-dy-content-block .cards__container>.card a:visited {
color: var(--color__blue--700)
}
.related-dy-content-block .cards__container>.card a:focus {
color: var(--color__blue--500)
}
.related-dy-content-block .cards__container>.card a:focus h4 {
text-decoration: underline
}
.related-dy-content-block .cards__container>.card a:hover {
color: var(--color__blue--900)
}
.related-dy-content-block .cards__container>.card a:hover h4 {
text-decoration: underline
}
.related-dy-content-block .cards__container>.card a:active {
color: var(--color__blue--500)
}
.related-dy-content-block .cards__container>.card a .button {
margin-top: var(--spacing__04)
}
@media only screen and (max-device-width: 799px) {
.related-dy-content-block .recommandations__carousel {
position: relative;
display: flex !important;
max-width: 100vw !important;
overflow-x: auto;
column-gap: 0rem !important;
flex-direction: row;
overflow-x: hidden;
padding-left: var(--spacing__08);
padding-right: var(--spacing__08);
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__06)
}
.related-dy-content-block .recommandations__carousel .card {
min-width: calc(100vw - 72px);
margin-top: 0px !important;
transform-origin: center
}
.related-dy-content-block .recommandations__carousel .toggle-details {
display: none !important
}
.related-dy-content-block .recommandations__carousel::-webkit-scrollbar {
width: 0px;
background: rgba(0, 0, 0, 0)
}
.related-dy-content-block .recommandations__carousel::after {
content: "";
padding-right: 36px
}
.related-dy-content-block .recommandations__carousel__indicator {
display: flex;
justify-content: center
}
.related-dy-content-block .recommandations__carousel__indicator .bullet {
width: .75rem;
height: .75rem;
background-color: #d3d3d3;
display: block;
border-radius: 50%;
margin-right: .5rem
}
.related-dy-content-block .recommandations__carousel__indicator .bullet.active {
background-color: gray !important
}
.related-dy-content-block .stop-scrolling {
height: 100%;
overflow: hidden;
position: relative
}
.related-dy-content-block .recommandations__carousel__minimizedText {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical
}
.related-dy-content-block .recommandations__carousel__minimizedText__readMore {
margin: .5rem 0rem;
text-decoration: underline;
display: inline-block
}
}
@media only screen and (min-device-width: 799px) {
.related-dy-content-block .recommandations__carousel .card__feature {
min-width: 456px
}
.related-dy-content-block .cards__container.recommandations__carousel {
overflow: hidden
}
}
.related-content-block.js-related-content-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
overflow-x: clip;
position: relative
}
@media(min-width: 768px) {
.related-content-block.js-related-content-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.related-content-block.js-related-content-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.related-content-block.js-related-content-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.related-content-block.js-related-content-block {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.related-content-block.js-related-content-block {
display: flex;
flex-direction: column
}
}
.related-content-block.js-related-content-block .slider__track {
padding-bottom: var(--spacing__05)
}
.related-content-block.js-related-content-block .card-slide:not(.unslide) .slider__track {
padding-left: 0;
padding-right: 0
}
@media(min-width: 1024px) {
.related-content-block.js-related-content-block .card-slide:not(.unslide) .slider__track {
left: 0
}
}
.related-content-block.js-related-content-block .card-slide .relative {
overflow: hidden;
left: 0px !important
}
.related-content-block.js-related-content-block .block-intro {
display: grid;
padding-left: 0;
padding-right: 0
}
.related-content-block.js-related-content-block .block-intro .block--label {
grid-column-start: 1;
grid-column-end: 13;
display: grid;
grid-row: 1
}
.related-content-block.js-related-content-block .block-intro .block--heading {
grid-column-start: 1;
grid-column-end: 13;
display: grid;
grid-row: 2
}
@media(min-width: 768px) {
.related-content-block.js-related-content-block .block-intro .block--heading {
grid-column-start: 1;
grid-column-end: 8
}
}
@media(min-width: 1024px) {
.related-content-block.js-related-content-block .block-intro .block--heading {
grid-column-start: 1;
grid-column-end: 6
}
}
.related-content-block.js-related-content-block .block-intro .block--preamble {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: initial;
display: grid;
grid-row: 3
}
@media(min-width: 768px) {
.related-content-block.js-related-content-block .block-intro .block--preamble {
grid-column-start: 1;
grid-column-end: 10
}
}
@media(min-width: 1024px) {
.related-content-block.js-related-content-block .block-intro .block--preamble {
grid-column-start: 1;
grid-column-end: 8
}
}
.related-content-block.js-related-content-block .block-intro .cta {
grid-column-start: 1;
grid-column-end: 13;
grid-row: 4;
justify-self: stretch;
align-self: initial;
margin-top: var(--spacing__08)
}
.related-content-block.js-related-content-block .block-intro .cta .button {
width: 100%
}
@media(min-width: 768px) {
.related-content-block.js-related-content-block .block-intro .cta .button {
width: auto
}
}
.related-content-block.js-related-content-block .grid {
grid-template-columns: 1fr 1fr 1fr;
gap: var(--spacing__06);
display: block
}
@media(min-width: 1024px) {
.related-content-block.js-related-content-block .grid {
display: grid
}
}
.related-content-block.js-related-content-block .cards__container {
padding: 0 var(--spacing__05)
}
.related-content-block.js-related-content-block .card {
height: 100%;
background-color: var(--bg-default);
display: block;
grid-column-start: unset;
box-shadow: var(--elavation__05), var(--elavation__01);
border-radius: var(--radius-small);
margin-top: var(--spacing__05);
position: relative
}
@media(min-width: 1024px) {
.related-content-block.js-related-content-block .card {
margin-top: unset
}
}
.related-content-block.js-related-content-block .card a {
text-decoration: none
}
.related-content-block.js-related-content-block .card a::after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.related-content-block.js-related-content-block .card .card__img {
position: relative
}
.related-content-block.js-related-content-block .card .image__responsive {
height: 100%
}
@media(min-width: 1024px) {
.related-content-block.js-related-content-block .card .image__responsive {
height: auto;
width: 100%
}
}
.related-content-block.js-related-content-block .card .img__wrapper {
overflow: hidden
}
.related-content-block.js-related-content-block .card figure,
.related-content-block.js-related-content-block .card picture,
.related-content-block.js-related-content-block .card img {
transition: transform var(--duration-xlarge) var(--ease-standard);
display: flex
}
.related-content-block.js-related-content-block .card:hover figure,
.related-content-block.js-related-content-block .card:hover picture,
.related-content-block.js-related-content-block .card:hover img {
transform: scale(1.023)
}
.related-content-block.js-related-content-block .card:hover .card__text h3 {
text-decoration: underline
}
.related-content-block.js-related-content-block .card picture {
width: 100%;
overflow: hidden
}
.related-content-block.js-related-content-block .card .card__text {
padding: var(--spacing__07) var(--spacing__07) var(--spacing__07)
}
.related-content-block.js-related-content-block .card .card__text p {
font-size: var(--font__size--15)
}
.related-content-block.js-related-content-block .card .card__text .placeholder {
margin-bottom: var(--spacing__03)
}
.related-content-block.js-related-content-block .card .card__text .card__preamble {
margin-top: var(--spacing__05);
line-height: 1.6
}
.related-content-block.js-related-content-block .card .card__text h3 {
font-size: var(--font__size--18);
line-height: var(--font__size--24);
display: inline-block
}
.first__related__content .js-related-content-block {
position: relative
}
.first__related__content .js-related-content-block .card-slide:not(.unslide) .slider__track {
left: unset
}
.first__related__content .js-related-content-block .card-slide:not(.unslide) .slide {
padding: unset
}
.first__related__content .js-related-content-block .card-slide .card__next,
.first__related__content .js-related-content-block .card-slide .card__prev {
display: none
}
.first__related__content .js-related-content-block .card-slide .slider__track {
display: block
}
@media(min-width: 1024px) {
.first__related__content .js-related-content-block .card-slide .slider__track {
display: grid
}
}
.first__related__content .js-related-content-block .card-slide .slider__track .slide:last-of-type {
margin: unset
}
.first__related__content .js-related-content-block .card {
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
.first__related__content .js-related-content-block .card .card__text {
padding: var(--spacing__04) var(--spacing__05) var(--spacing__08)
}
@media(min-width: 1024px) {
.first__related__content .js-related-content-block .card .card__text {
padding: var(--spacing__04) var(--spacing__05) var(--spacing__12)
}
}
.first__related__content .js-related-content-block .card:hover {
background-color: var(--color__purple--500);
color: #fff
}
.first__related__content .js-related-content-block .card:hover .overlay {
display: none
}
.first__related__content .js-related-content-block .card:hover .card__text {
color: #fff
}
@media(min-width: 1024px) {
.about-us-page .js-related-content-block .slider__track {
grid-template-columns: 1fr 1fr
}
}
.about-us-page .js-related-content-block .card .image__responsive {
width: 100%;
height: auto
}
@media(min-width: 1024px) {
.about-us-page .js-related-content-block .card .image__responsive {
width: 100%
}
}
.about-us-page .js-related-content-block .card .card__text {
padding: var(--spacing__04) var(--spacing__07) var(--spacing__08)
}
.related-articles-block.js-related-articles-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.related-articles-block.js-related-articles-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.related-articles-block.js-related-articles-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.related-articles-block.js-related-articles-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.related-articles-block.js-related-articles-block {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.related-articles-block.js-related-articles-block {
display: flex;
flex-direction: column
}
}
.related-articles-block.js-related-articles-block .text {
margin-bottom: var(--spacing__09)
}
.related-articles-block.js-related-articles-block .text .cta {
margin-top: var(--spacing__08)
}
.related-articles-block.js-related-articles-block .text .cta .button {
width: 100%
}
@media(min-width: 768px) {
.related-articles-block.js-related-articles-block .text .cta .button {
width: auto
}
}
.related-articles-block.js-related-articles-block .text>* {
max-width: 570px
}
.related-articles-block.js-related-articles-block .slider__track {
padding-bottom: var(--spacing__05)
}
.related-articles-block.js-related-articles-block .card-slide:not(.unslide) .slider__track {
padding-left: 0;
padding-right: 0;
width: 100%
}
.related-articles-block.js-related-articles-block .card-slide .relative {
left: 0px !important
}
.related-articles-block.js-related-articles-block .cards__container {
padding: 0 var(--spacing__05)
}
.related-articles-block.js-related-articles-block .card {
height: 100%;
background-color: var(--bg-default);
display: block;
grid-column-start: unset;
box-shadow: var(--elavation__05), var(--elavation__01);
border-radius: var(--radius-small);
margin-top: var(--spacing__05);
position: relative
}
.related-articles-block.js-related-articles-block .card a {
text-decoration: none
}
.related-articles-block.js-related-articles-block .card a::after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.related-articles-block.js-related-articles-block .card .card__img {
position: relative
}
.related-articles-block.js-related-articles-block .card .image__responsive {
height: 100%
}
.related-articles-block.js-related-articles-block .card .img__wrapper {
overflow: hidden
}
.related-articles-block.js-related-articles-block .card figure,
.related-articles-block.js-related-articles-block .card picture,
.related-articles-block.js-related-articles-block .card img {
transition: transform var(--duration-xlarge) var(--ease-standard);
display: flex
}
.related-articles-block.js-related-articles-block .card:hover figure,
.related-articles-block.js-related-articles-block .card:hover picture,
.related-articles-block.js-related-articles-block .card:hover img {
transform: scale(1.023)
}
.related-articles-block.js-related-articles-block .card:hover .card__text h3 {
text-decoration: underline
}
.related-articles-block.js-related-articles-block .card picture {
width: 100%;
overflow: hidden
}
.related-articles-block.js-related-articles-block .card .card__text {
padding: var(--spacing__07) var(--spacing__07) var(--spacing__07)
}
.related-articles-block.js-related-articles-block .card .card__text p {
font-size: var(--font__size--15)
}
.related-articles-block.js-related-articles-block .card .card__text .card__preamble {
margin-top: var(--spacing__05);
line-height: 1.6
}
.related-articles-block.js-related-articles-block .card .card__text h3 {
font-size: var(--font__size--18);
line-height: var(--font__size--24);
margin-top: var(--spacing__03);
display: inline-block
}
.related-articles-block.js-related-articles-block .card__prev,
.related-articles-block.js-related-articles-block .card__next {
height: 85%
}
.product-or-service-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: flex-start;
gap: var(--spacing__06);
flex-wrap: wrap
}
@media(min-width: 768px) {
.product-or-service-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.product-or-service-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.product-or-service-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.product-or-service-block {
padding-left: 0;
padding-right: 0
}
}
.product-or-service-block .card {
position: relative;
overflow: inherit;
text-align: center;
margin-bottom: var(--spacing__08);
flex: 1 0 46%;
max-width: calc(50% - var(--spacing__05))
}
@media(min-width: 1224px) {
.product-or-service-block .card {
flex: 1 0 21%;
max-width: calc(25% - var(--spacing__05))
}
}
.product-or-service-block .card .image__responsive {
height: inherit;
object-fit: cover
}
.product-or-service-block .card figure {
margin-bottom: var(--spacing__06)
}
.product-or-service-block .card__text {
margin: 0 auto;
display: grid;
grid-auto-rows: min-content max-content auto
}
.product-or-service-block .card__text .button {
justify-self: center;
align-self: end;
position: absolute;
bottom: 0
}
.product-or-service-block .card__title {
font-family: var(--font__bold);
font-size: var(--font__size--18);
margin-bottom: var(--spacing__03)
}
.product-or-service-block .card__preamble {
font-size: var(--font__size--15);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__12)
}
.product-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-top: 10px
}
@media(min-width: 768px) {
.product-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.product-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.product-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.product-block {
padding-left: 0;
padding-right: 0
}
}
.product-block .products__header {
margin-bottom: var(--spacing__09);
grid-template-rows: auto auto auto;
grid-row-gap: var(--spacing__04)
}
@media(min-width: 896px) {
.product-block .products__header {
grid-template-rows: auto;
grid-column-gap: var(--gutter__column)
}
}
.product-block .products__header h2 {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36)
}
.product-block .products__header div .row {
flex-direction: row
}
.product-block .products__header .title {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 1
}
@media(min-width: 896px) {
.product-block .products__header .title {
grid-column-start: 1;
grid-column-end: 5;
justify-self: start;
align-self: start
}
}
.product-block .products__header .button__caption--mobile {
grid-column-start: 1;
grid-column-end: 13;
justify-self: center;
align-self: center;
font-family: var(--font__bold);
grid-row: 3;
font-size: var(--font__size--15)
}
@media(min-width: 896px) {
.product-block .products__header .button__caption--mobile {
display: none
}
}
.product-block .products__header div.products__button__wrapper {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 2;
width: 100%;
display: flex;
justify-content: flex-start;
gap: var(--spacing__04);
flex-wrap: wrap
}
@media(min-width: 896px) {
.product-block .products__header div.products__button__wrapper {
grid-column-start: 5;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 1
}
}
@media(min-width: 768px) {
.product-block .products__header div.products__button__wrapper {
gap: var(--spacing__06);
flex-wrap: nowrap
}
}
@media(min-width: 896px) {
.product-block .products__header div.products__button__wrapper {
justify-content: flex-end
}
}
.product-block .products__header div.product__button {
display: flex;
flex-direction: column;
align-items: center;
border: var(--stroke-thick) solid var(--color__blue--800);
border-radius: var(--radius-small);
cursor: pointer;
justify-content: center;
width: 40px;
height: 40px
}
@media(min-width: 768px) {
.product-block .products__header div.product__button {
width: 60px;
height: 60px
}
}
@media(min-width: 1024px) {
.product-block .products__header div.product__button {
width: 80px;
height: 80px
}
}
.product-block .products__header div.product__button svg {
display: block;
width: 25px;
height: 25px;
fill: var(--color__blue--800)
}
@media(min-width: 896px) {
.product-block .products__header div.product__button svg {
width: 30px;
height: 30px
}
}
.product-block .products__header div.product__button .button__caption {
padding: 6px 6px 0 6px;
font-size: var(--font__size--12);
font-weight: bold;
font-family: var(--font__bold);
text-align: center;
display: none;
width: 100%;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
@media(min-width: 896px) {
.product-block .products__header div.product__button .button__caption {
display: block
}
}
.product-block .products__header div.product__button:hover {
transform: scale(110%);
transition: var(--duration-large) var(--ease-standard)
}
@media(min-width: 896px) {
.product-block .products__header div.product__button:hover {
transform: scale(115%)
}
}
@media(min-width: 896px) {
.product-block .products__header div.product__button:hover {
transform: scale(120%)
}
}
.product-block .products__header div.product__button.selected {
transform: scale(110%);
transition: var(--duration-large) var(--ease-standard);
background-color: var(--bg-brand);
color: #fff
}
@media(min-width: 896px) {
.product-block .products__header div.product__button.selected {
transform: scale(115%)
}
}
@media(min-width: 896px) {
.product-block .products__header div.product__button.selected {
transform: scale(120%)
}
}
.product-block .products__header div.product__button.selected svg {
fill: #fff
}
.product-block .product__carousel__wrapper {
background-color: var(--bg-subtle);
overflow: hidden
}
@media only screen and (max-device-width: 640px) {
.product-block .product__carousel__wrapper {
padding: 15px;
margin: -15px
}
}
.product-block .product__carousel__wrapper .product__carousel {
background-color: var(--bg-subtle);
display: flex;
align-items: flex-start;
transition: var(--duration-large) var(--ease-standard)
}
.product-block .product__carousel__wrapper .product__carousel__item {
display: flex;
gap: var(--spacing__06);
min-width: 100%;
flex-direction: column;
padding: 48px;
box-sizing: border-box
}
@media(min-width: 896px) {
.product-block .product__carousel__wrapper .product__carousel__item {
flex-direction: row
}
}
.product-block .product__carousel__wrapper .product__image {
background-color: var(--bg-subtle);
background-size: cover;
background-position: 50% 50%;
width: 100%;
height: 25vh;
margin-bottom: var(--spacing_24)
}
@media(min-width: 896px) {
.product-block .product__carousel__wrapper .product__image {
height: initial;
width: 50%;
margin-bottom: 0;
max-height: 100vh
}
}
.product-block .product__carousel__wrapper .product__image img {
width: 100%
}
.product-block .product__carousel__wrapper .product__desc {
display: grid;
width: 100%
}
@media(min-width: 896px) {
.product-block .product__carousel__wrapper .product__desc {
width: 50%
}
}
.product-block .product__carousel__wrapper .product__desc .product__desc__title {
margin-bottom: var(--spacing__04)
}
@media only screen and (max-device-width: 640px) {
.product-block .product__carousel__wrapper .product__desc .product__desc__title {
font-size: var(--font__size--18)
}
}
.product-block .product__carousel__wrapper .product__desc .product__desc__preamble {
font-size: var(--font__size--15);
line-height: 1.5;
font-size: 15px;
font-family: var(--font__bold)
}
@media(min-width: 896px) {
.product-block .product__carousel__wrapper .product__desc .product__desc__preamble {
font-size: var(--font__size--18)
}
}
.product-block .product__carousel__wrapper .product__desc .button__wrapper {
display: flex;
gap: var(--spacing__04);
flex-wrap: wrap;
margin-top: var(--spacing__06)
}
.product-block .product__carousel__wrapper .product__desc .button__wrapper .button.button__primary {
color: #fff !important;
width: 100%
}
@media(min-width: 896px) {
.product-block .product__carousel__wrapper .product__desc .button__wrapper .button.button__primary {
width: initial
}
}
.product-block .product__carousel__wrapper .product__desc .button__wrapper .button.button__secondary {
color: var(--color__blue--700) !important;
width: 100%
}
@media(min-width: 896px) {
.product-block .product__carousel__wrapper .product__desc .button__wrapper .button.button__secondary {
width: initial
}
}
.product-block .product__carousel__wrapper .product__desc .checklist__wrapper {
margin-top: var(--spacing__06)
}
.product-block .product__carousel__wrapper .product__desc .checklist__wrapper .checkedpoint {
margin-top: 4px;
display: flex
}
.product-block .product__carousel__wrapper .product__desc .checklist__wrapper .checkedpoint span {
line-height: 1.5;
margin-left: var(--spacing__04);
font-size: var(--font__size--15)
}
@media(min-width: 896px) {
.product-block .product__carousel__wrapper .product__desc .checklist__wrapper .checkedpoint span {
font-size: var(--font__size--18)
}
}
.product-block .product__carousel__wrapper .product__desc .checklist__wrapper .checkedpoint svg {
width: var(--spacing__05);
height: var(--spacing__05);
margin-top: 6px
}
.process-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.process-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.process-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.process-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.process-block {
padding-left: 0;
padding-right: 0
}
}
.process-block .step-container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: var(--spacing__06);
grid-row-gap: var(--spacing__06)
}
.process-block .step-container>a {
text-decoration: none
}
.process-block .step-container>a:hover {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__purple--400)
}
.process-block .card-step {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
box-sizing: border-box;
box-shadow: var(--elavation__04);
border: var(--stroke-thin) solid var(--color__blue--800);
background-color: var(--bg-brand);
border-radius: var(--radius-small);
color: var(--text-primary-dark);
padding: var(--spacing__06)
}
@media(min-width: 1024px) {
.process-block .card-step.card-step-1 {
grid-column-start: 1;
grid-column-end: 4;
justify-self: stretch;
align-self: stretch
}
.process-block .card-step.card-step-2 {
grid-column-start: 4;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch
}
.process-block .card-step.card-step-3 {
grid-column-start: 7;
grid-column-end: 10;
justify-self: stretch;
align-self: stretch
}
.process-block .card-step.card-step-4 {
grid-column-start: 10;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
.process-block .card-step svg {
fill: var(--color__purple--400);
width: 4rem;
height: 4rem;
margin-bottom: var(--spacing__04)
}
.process-block .card-step .step-title {
font-size: var(--font__size--18);
margin-bottom: 4px;
line-height: 166.666%;
font-family: var(--font__bold)
}
.process-block .card-step .step-text {
font-size: var(--font__size--15);
line-height: 133.333%
}
.pillars-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: flex-start;
gap: var(--spacing__06);
flex-wrap: wrap;
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
@media(min-width: 768px) {
.pillars-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.pillars-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.pillars-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.pillars-block {
padding-left: 0;
padding-right: 0
}
}
.pillars-block .block-intro {
width: 100%
}
@media(min-width: 1224px) {
.pillars-block .block-intro {
margin-bottom: 0
}
}
.pillars-block .js-modal-trigger {
cursor: pointer
}
.pillars-block .js-modal-trigger span,
.pillars-block .js-modal-trigger svg {
pointer-events: none
}
.pillars-block .modal-form-block .modal-form__inner {
width: 90%;
max-width: 1060px;
max-height: 90%;
padding: 0;
height: 100%
}
@media(min-width: 1024px) {
.pillars-block .modal-form-block .modal-form__inner {
height: auto;
width: 80%
}
}
.pillars-block .modal-form-block .modal-form__inner>div {
padding: var(--spacing__08) var(--spacing__05)
}
@media(min-width: 1024px) {
.pillars-block .modal-form-block .modal-form__inner>div {
padding: var(--spacing__12)
}
}
.pillars-block .modal-form-block .modal-form__close {
background: var(--color__black);
width: 36px;
height: 36px;
border-radius: 50%;
right: var(--spacing__05);
top: var(--spacing__05)
}
@media(min-width: 1024px) {
.pillars-block .modal-form-block .modal-form__close {
right: var(--spacing__08);
top: var(--spacing__08)
}
}
.pillars-block .modal-form-block .modal-form-content .card__icon {
margin-left: 0;
margin-bottom: var(--spacing__06)
}
.pillars-block .modal-form-block .modal-form-content .card__title {
font-size: var(--font__size--18);
line-height: var(--font__size--27);
padding: 0;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.pillars-block .modal-form-block .modal-form-content .card__title {
font-size: var(--font__size--30);
line-height: var(--font__size--36)
}
}
.pillars-block .modal-form-block .modal-form-content .card__description {
padding: 0;
font-size: var(--font__size--15);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.pillars-block .modal-form-block .modal-form-content .card__description {
margin-bottom: var(--spacing__08);
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.pillars-block .modal-form-block .modal-form-content .card__links {
list-style: none;
margin: 0;
padding: 0;
margin-top: var(--spacing__08)
}
.pillars-block .modal-form-block .modal-form-content .card__links li {
margin-bottom: var(--spacing__05)
}
@media(min-width: 1224px) {
.pillars-block .modal-form-block .modal-form-content .card__links li {
margin-bottom: 20px
}
}
.pillars-block .modal-form-block .modal-form-content .card__links a {
display: inline-flex;
align-items: center;
gap: var(--spacing__01);
font-size: 15px;
line-height: 24px;
text-decoration: underline
}
@media(min-width: 768px) {
.pillars-block .modal-form-block .modal-form-content .card__links a {
font-size: 18px
}
}
.pillars-block .modal-form-block .modal-form-content .card__links a svg {
flex-shrink: 0;
width: 24px;
height: 24px;
transform: translateZ(0) rotate(-45deg)
}
.pillars-block .modal-form-block .kpi {
overflow: hidden
}
.pillars-block .modal-form-block .kpi>div {
float: left;
margin-bottom: var(--spacing__06);
background: var(--bg-context);
border-radius: var(--radius-small);
padding: var(--spacing__06) 0;
width: 100%
}
@media(min-width: 1024px) {
.pillars-block .modal-form-block .kpi>div {
width: calc(50% - var(--spacing__04))
}
.pillars-block .modal-form-block .kpi>div:nth-child(odd) {
margin-right: var(--spacing__04)
}
.pillars-block .modal-form-block .kpi>div:nth-child(even) {
margin-left: var(--spacing__04)
}
}
.pillars-block .modal-form-block .kpi>div h4 {
padding: 0 var(--spacing__06);
font-size: var(--font__size--18);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__04)
}
.pillars-block .modal-form-block .kpi>div p {
padding: 0 var(--spacing__06);
font-size: var(--font__size--15);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__08)
}
.pillars-block .card-slide {
width: 100%
}
.pillars-block .card-slide:not(.unslide) .slider__track {
padding-left: 0;
padding-right: 0
}
.pillars-block .card {
position: relative;
overflow: inherit;
display: flex;
flex-direction: column
}
.pillars-block .card__wrapper {
position: relative;
flex: 1;
border: var(--stroke-thin) solid var(--border-primary);
border-radius: var(--radius-small);
padding: var(--spacing__08);
display: flex;
flex-direction: column
}
@media(min-width: 896px) {
.pillars-block .card__wrapper {
margin: 0
}
}
.pillars-block .card__icon {
position: relative;
background: #f1f5f9;
border-radius: var(--radius-small);
height: 48px;
width: 48px
}
.pillars-block .card__icon svg {
width: 28px;
height: 28px;
position: absolute;
top: 10px;
left: 10px
}
.pillars-block .card__title {
font-family: var(--font__bold);
font-size: var(--font__size--24);
margin-top: var(--spacing__05);
margin-bottom: var(--spacing__03)
}
.pillars-block .card__description {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
.pillars-block .card__text {
flex: 1
}
.pillars-block .card__button {
margin-top: var(--spacing__08);
align-self: flex-start
}
.global-pillars .pillars-block .card-slide:not(.unslide) .slider__track {
align-items: stretch
}
.global-pillars .pillars-block .card-slide:not(.unslide) .slide.card {
width: 33.333%
}
.global-pillars .pillars-block .card-slide.unslide .slider__track {
flex-direction: column;
gap: var(--spacing__06)
}
.global-pillars .pillars-block .card-slide.unslide .slide {
width: 100% !important
}
.global-pillars .pillars-block .card-slide.unslide .card__button__container {
display: none
}
.global-pillars .pillars-block .card__button {
position: relative;
padding-left: var(--spacing__08);
margin-top: var(--spacing__08);
bottom: 0
}
.background__grey .pillars-block .card {
background: rgba(0, 0, 0, 0)
}
.background__grey .pillars-block .card__wrapper {
background: var(--bg-default);
border: none
}
.person-listing-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
overflow-x: clip;
display: block
}
@media(min-width: 768px) {
.person-listing-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.person-listing-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.person-listing-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.person-listing-block {
padding-left: 0;
padding-right: 0
}
}
.person-listing-block .person {
width: 100%;
font-size: var(--font__size--15)
}
.person-listing-block .person .image__responsive {
width: 100%;
height: 400px;
object-fit: cover;
display: block
}
.person-listing-block .person picture {
display: block
}
.person-listing-block .person picture img {
width: 100%;
height: 400px;
object-fit: cover;
display: block
}
.person-listing-block .person figure {
width: 100%;
height: 400px;
overflow: hidden;
margin: 0
}
.person-listing-block .person figure img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}
.person-listing-block .person__text {
margin-top: var(--spacing__05)
}
.person-listing-block .person__name {
font-family: var(--font__bold)
}
.person-listing-block .person__title {
margin-bottom: var(--spacing__05)
}
.person-listing-block .person__email {
word-break: break-all
}
.js-our-mission-block {
background-color: var(--bg-brand);
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
@media(min-width: 1024px) {
.js-our-mission-block {
background-color: var(--bg-brand);
padding-top: var(--spacing__13);
padding-bottom: var(--spacing__13)
}
}
.js-our-mission-block .wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.js-our-mission-block .wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-our-mission-block .wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-our-mission-block .wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-our-mission-block .wrapper {
padding-left: 0;
padding-right: 0
}
}
.js-our-mission-block .wrapper .grid {
display: block
}
@media(min-width: 1024px) {
.js-our-mission-block .wrapper .grid {
display: grid
}
}
.js-our-mission-block .wrapper .grid .header__wrapper {
grid-column-start: 4;
grid-column-end: 10;
justify-self: stretch;
align-self: start;
grid-row: 1;
display: grid;
text-align: center
}
.js-our-mission-block .wrapper .grid .preamble__wrapper {
grid-column-start: 3;
grid-column-end: 11;
justify-self: stretch;
align-self: start;
grid-row: 2;
display: grid;
text-align: center
}
.js-our-mission-block .wrapper .grid h2 {
margin-bottom: var(--spacing__06);
font-size: var(--font__size--18);
color: var(--color__purple--200)
}
@media(min-width: 1024px) {
.js-our-mission-block .wrapper .grid h2 {
font-size: var(--font__size--36)
}
}
.js-our-mission-block .wrapper .grid p {
color: var(--text-primary-dark);
font-size: var(--font__size--15);
line-height: 30px
}
@media(min-width: 1024px) {
.js-our-mission-block .wrapper .grid p {
font-size: var(--font__size--24)
}
}
.js-one-testimonial-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.js-one-testimonial-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-one-testimonial-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-one-testimonial-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-one-testimonial-block {
padding-left: 0;
padding-right: 0
}
}
.js-one-testimonial-block .wrapper {
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding: var(--spacing__09) var(--spacing__07);
margin: 0 var(--spacing__05--negative)
}
@media(min-width: 1024px) {
.js-one-testimonial-block .wrapper {
padding: var(--spacing__09) var(--spacing__08);
margin: 0
}
}
@media(min-width: 1224px) {
.js-one-testimonial-block .wrapper {
padding: var(--spacing__09) var(--spacing__12)
}
}
.js-one-testimonial-block .grid {
display: inline-block
}
@media(min-width: 896px) {
.js-one-testimonial-block .grid {
display: block
}
}
@media(min-width: 1024px) {
.js-one-testimonial-block .grid {
display: grid
}
}
.js-one-testimonial-block .person {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1024px) {
.js-one-testimonial-block .person {
grid-column-end: 6
}
}
.js-one-testimonial-block .testimonial-person {
position: relative
}
.js-one-testimonial-block .testimonial-person__img {
position: absolute;
top: 0;
left: 0;
width: 104px;
height: 104px
}
@media(min-width: 1024px) {
.js-one-testimonial-block .testimonial-person__img {
top: 10px;
width: 120px;
height: 120px
}
}
.js-one-testimonial-block .testimonial-person__img img {
border-radius: 50%;
width: 104px;
height: 104px
}
@media(min-width: 1024px) {
.js-one-testimonial-block .testimonial-person__img img {
width: 120px;
height: 120px
}
}
.js-one-testimonial-block .testimonial-person__info-image {
padding-left: 128px
}
@media(min-width: 1024px) {
.js-one-testimonial-block .testimonial-person__info-image {
padding-left: 144px
}
}
.js-one-testimonial-block .testimonial-person h3 {
font-size: var(--font__size--24);
color: var(--color__purple--200);
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.js-one-testimonial-block .testimonial-person h3 {
font-size: var(--font__size--30);
padding-top: var(--spacing__05)
}
}
.js-one-testimonial-block .testimonial-person p {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.js-one-testimonial-block .testimonial-person p {
font-size: var(--font__size--18)
}
}
.js-one-testimonial-block .testimonial {
position: relative;
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin-bottom: var(--spacing__06)
}
.js-one-testimonial-block .testimonial__second {
margin-bottom: 0
}
@media(min-width: 1024px) {
.js-one-testimonial-block .testimonial {
margin-bottom: unset;
grid-column-start: 7
}
}
.js-one-testimonial-block .testimonial p {
font-size: var(--font__size--15);
line-height: var(--font__size--24);
border-bottom: var(--stroke-thin) solid var(--color__white);
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-one-testimonial-block .testimonial p {
font-size: var(--font__size--18)
}
}
.js-one-testimonial-block .testimonial .cta {
display: inline-block;
position: relative;
color: var(--text-primary-dark);
padding-right: 25px;
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-one-testimonial-block .testimonial .cta {
font-size: var(--font__size--18);
margin-top: var(--spacing__08);
margin-bottom: 0
}
}
.js-one-testimonial-block .testimonial .cta:hover {
color: var(--color__blue--100)
}
.js-one-testimonial-block .testimonial .cta svg {
position: absolute;
right: 0;
width: 20px;
height: 20px;
fill: var(--color__purple--400)
}
.js-one-testimonial-block .testimonial .cta__image {
padding-left: 128px
}
@media(min-width: 1024px) {
.js-one-testimonial-block .testimonial .cta__image {
padding-left: 144px
}
}
@media(min-width: 1024px) {
.js-one-testimonial-block .testimonial .share {
position: absolute;
bottom: 0;
right: 0
}
}
.js-one-testimonial-block .testimonial .share li a {
border: var(--stroke-thick) solid var(--color__white)
}
.js-one-testimonial-block .testimonial .share li svg {
fill: var(--color__white)
}
.left-column__main-content .js-one-testimonial-block .grid {
display: inline-block
}
.left-column__main-content .js-one-testimonial-block .wrapper {
padding-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.left-column__main-content .js-one-testimonial-block .testimonial-person p {
padding-right: 130px
}
.left-column__main-content .js-one-testimonial-block .testimonial .cta {
margin-top: 0;
margin-bottom: var(--spacing__04)
}
.left-column__main-content .js-one-testimonial-block .testimonial .share {
bottom: 0
}
.left-column__main-content .js-one-testimonial-block .testimonial .cta+.share {
bottom: 30px
}
}
@media(min-width: 1024px)and (min-width: 1024px) {
.left-column__main-content .js-one-testimonial-block .share {
position: absolute;
bottom: 0;
right: 0
}
}
@media(min-width: 1024px) {
.left-column__main-content .js-one-testimonial-block .share li a {
border: var(--stroke-thick) solid var(--color__white)
}
.left-column__main-content .js-one-testimonial-block .share li svg {
fill: var(--color__white)
}
}
.left-column__main-content .js-one-testimonial-block .grid {
display: inline-block
}
.left-column__main-content .js-one-testimonial-block .wrapper {
padding-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.left-column__main-content .js-one-testimonial-block .testimonial-person p {
padding-right: 130px
}
.left-column__main-content .js-one-testimonial-block .testimonial .cta {
margin-top: 0;
margin-bottom: var(--spacing__06)
}
.left-column__main-content .js-one-testimonial-block .testimonial .share {
bottom: 30px
}
}
.numbers-block {
position: relative;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.numbers-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.numbers-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.numbers-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.numbers-block {
padding-left: 0;
padding-right: 0
}
}
.numbers-block.grid {
display: block
}
@media(max-width: 1024px) {
.numbers-block.grid {
margin-top: var(--spacing__12)
}
}
@media(min-width: 1024px) {
.numbers-block.grid {
display: grid;
margin-bottom: 0;
padding-bottom: var(--spacing__12)
}
}
.numbers-block .text {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.numbers-block .text p {
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.numbers-block .text p {
margin-bottom: var(--spacing__09)
}
}
.numbers-block .row {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3
}
.numbers-block .row .cards {
color: var(--text-primary-dark)
}
@media(min-width: 1024px) {
.numbers-block .row .cards {
display: flex;
justify-content: space-between
}
}
.numbers-block .row .cards h3 {
font-size: var(--font__size--15);
font-family: var(--font__regular);
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.numbers-block .row .cards h3 {
font-size: var(--font__size--18)
}
}
@media(min-width: 1224px) {
.numbers-block .row .cards h3 {
font-size: var(--font__size--24)
}
}
.numbers-block .row .cards p {
font-size: var(--font__size--48)
}
@media(min-width: 1024px) {
.numbers-block .row .cards p {
font-size: var(--font__size--60)
}
}
@media(min-width: 1224px) {
.numbers-block .row .cards p {
font-size: var(--font__size--72)
}
}
@media(min-width: 1441px) {
.numbers-block .row .cards p {
font-size: var(--font__size--96)
}
}
.numbers-block .row .cards h3,
.numbers-block .row .cards p {
position: relative;
z-index: 2
}
@media(min-width: 1024px) {
.numbers-block .row .cards h3,
.numbers-block .row .cards p {
top: var(--spacing__06);
opacity: 0;
-webkit-transition: all var(--duration-xlarge);
-moz-transition: all var(--duration-xlarge);
transition: all var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
.numbers-block .row .cards h3.scrolled,
.numbers-block .row .cards p.scrolled {
top: 0;
opacity: 1
}
}
.numbers-block .row .cards figure,
.numbers-block .row .cards picture {
position: absolute;
top: 0;
left: 0;
width: 105%
}
.numbers-block .row .cards .overlay {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 900px;
height: 800px;
background: var(--color__black);
opacity: .3
}
.numbers-block .row .cards>div {
padding: var(--spacing__05);
margin-bottom: var(--spacing__04);
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
overflow: hidden
}
@media(min-width: 1024px) {
.numbers-block .row .cards>div {
padding: var(--spacing__08) var(--spacing__06);
min-height: calc(230px - var(--spacing__12));
margin-bottom: var(--spacing__06)
}
}
@media(min-width: 1224px) {
.numbers-block .row .cards>div {
min-height: calc(272px - var(--spacing__12))
}
}
@media(min-width: 1441px) {
.numbers-block .row .cards>div {
min-height: calc(330px - var(--spacing__12))
}
}
@media(min-width: 1650px) {
.numbers-block .row .cards>div {
min-height: calc(378px - var(--spacing__12))
}
}
.numbers-block .row .cards>div:first-child {
background: var(--bg-brand)
}
@media(min-width: 1024px) {
.numbers-block .row .cards>div:first-child {
margin-right: var(--spacing__06)
}
}
.numbers-block .row .cards>div:nth-child(2) {
background: var(--color__purple--600)
}
@media(max-width: 1024px) {
.numbers-block .row.first .cards>div:nth-child(2) {
min-height: 160px
}
}
@media(min-width: 1024px) {
.numbers-block .row.first .cards>div:first-child {
width: 37%
}
.numbers-block .row.first .cards>div:nth-child(2) {
width: 63%
}
}
.numbers-block .row.second {
grid-row-start: 3;
grid-row-end: 4
}
@media(max-width: 1024px) {
.numbers-block .row.second .cards>div:first-child {
min-height: 160px
}
}
@media(min-width: 1024px) {
.numbers-block .row.second .cards>div {
width: 50%
}
}
.numbers-block .scroll-detector {
position: absolute;
bottom: 0;
height: 0
}
.news-listing-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.news-listing-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.news-listing-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.news-listing-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.news-listing-block {
padding-left: 0;
padding-right: 0
}
}
.news-listing-block .list__section>ul>li:first-child {
border-top: var(--stroke-thin) solid var(--color__grey--400)
}
.news-listing-block.news-listing-block__combined .list__wrapper img {
margin-bottom: var(--spacing__09)
}
@media(min-width: 1024px) {
.news-listing-block.news-listing-block__combined .list__wrapper img {
margin-bottom: 0
}
.news-listing-block.news-listing-block__combined .list__wrapper.has-image {
display: grid;
grid-column-gap: var(--gutter__column);
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 1fr
}
.news-listing-block.news-listing-block__combined .list__wrapper.has-image:not(.inverted)>.col:first-child {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch
}
.news-listing-block.news-listing-block__combined .list__wrapper.has-image:not(.inverted)>.col:first-child+.col {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
.news-listing-block.news-listing-block__combined .list__wrapper.has-image.inverted>.col:first-child {
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
.news-listing-block.news-listing-block__combined .list__wrapper.has-image.inverted>.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
}
.navigation-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.navigation-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.navigation-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.navigation-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.navigation-block {
padding-left: 0;
padding-right: 0
}
}
.navigation-block ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-row-gap: var(--spacing__06)
}
.navigation-block ul li {
background-color: var(--color__blue--100);
color: var(--color__blue--600);
border-radius: var(--radius-small);
display: block
}
.navigation-block ul li:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
@media(min-width: 896px) {
.navigation-block ul li:first-child {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch
}
}
.navigation-block ul li:first-child+li {
grid-row: 2;
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 896px) {
.navigation-block ul li:first-child+li {
grid-row: 1;
grid-column-start: 5;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
}
.navigation-block ul li:first-child+li+li {
grid-row: 3;
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 896px) {
.navigation-block ul li:first-child+li+li {
grid-row: 1;
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
.navigation-block ul li a {
display: flex;
padding: var(--spacing__06);
text-decoration: none;
align-items: center;
justify-content: space-between;
height: 100%;
box-sizing: border-box
}
@media(min-width: 1024px) {
.navigation-block ul li a {
flex-direction: column;
gap: var(--spacing__06)
}
}
@media(min-width: 1441px) {
.navigation-block ul li a {
flex-direction: row;
gap: 0
}
}
.navigation-block ul li a .link-title {
font-size: var(--font__size--24);
font-family: var(--font__bold);
word-break: break-word
}
.navigation-block ul li a .button {
flex-shrink: 0;
margin-left: var(--spacing__04);
display: none
}
@media(min-width: 1024px) {
.navigation-block ul li a .button {
display: flex
}
}
.navigation-block ul li a .linkbutton__icon {
flex-shrink: 0;
margin-left: var(--spacing__04)
}
@media(min-width: 1024px) {
.navigation-block ul li a .linkbutton__icon {
display: none
}
}
.most-popular-pages-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.most-popular-pages-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.most-popular-pages-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.most-popular-pages-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.most-popular-pages-block {
padding-left: 0;
padding-right: 0
}
}
.most-popular-pages-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.most-popular-pages-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.most-popular-pages-block.grid {
display: grid
}
}
.most-popular-pages-block.block {
margin-bottom: 0
}
@media(min-width: 1024px) {
.most-popular-pages-block.block {
margin-bottom: var(--spacing__08)
}
}
.most-popular-pages-block .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1224px) {
.most-popular-pages-block .text {
grid-column-end: 6
}
}
.most-popular-pages-block .popular-pages {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3;
padding-bottom: 0
}
.most-popular-pages-block .popular-pages.subcategory-listings-page__popular-articles .grid {
width: 100%
}
.modal-card-list-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: flex-start;
gap: var(--spacing__06);
flex-wrap: wrap;
padding-left: 0;
padding-right: 0
}
@media(min-width: 768px) {
.modal-card-list-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.modal-card-list-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.modal-card-list-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.modal-card-list-block {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.modal-card-list-block {
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
}
.modal-card-list-block h2 {
width: 100%
}
.modal-card-list-block .js-modal-trigger {
width: 100%;
height: 100%;
position: absolute;
z-index: 1
}
.modal-card-list-block .modal-form-block .modal-form__inner {
border-radius: 0;
width: 780px;
max-height: 100%;
padding: 0;
height: 100%
}
@media(min-width: 1024px) {
.modal-card-list-block .modal-form-block .modal-form__inner {
height: auto
}
}
.modal-card-list-block .card {
position: relative;
cursor: pointer;
overflow: inherit;
flex: 1 0 46%;
max-width: calc(50% - var(--spacing__05))
}
@media(min-width: 1024px) {
.modal-card-list-block .card {
flex: 1 0 32%;
max-width: calc(33% - var(--spacing__05))
}
}
.modal-card-list-block .card__wrapper {
height: 100%
}
@media(min-width: 896px) {
.modal-card-list-block .card__wrapper {
width: 100%
}
}
@media(min-width: 896px) {
.modal-card-list-block .card__wrapper {
margin: 0
}
}
.modal-card-list-block .card .image__responsive {
height: inherit;
object-fit: cover
}
.modal-card-list-block .card .img__wrapper {
overflow: hidden
}
.modal-card-list-block .card picture {
transition: transform var(--duration-xlarge) var(--ease-standard);
display: flex
}
.modal-card-list-block .card:hover .img__wrapper picture {
transform: scale(1.023)
}
.modal-card-list-block .card__header {
font-family: var(--font__bold);
font-size: var(--font__size--15);
margin-top: var(--spacing__04);
margin-bottom: var(--spacing__03)
}
.modal-card-list-block .card__title {
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
.modal-card-list-block .card .modal__img {
float: left;
margin-top: 48px;
width: 100%;
max-height: 300px;
overflow: hidden
}
@media(min-width: 1024px) {
.modal-card-list-block .card .modal__img {
margin-top: 0;
width: 40%;
max-height: none
}
}
.modal-card-list-block .card .modal__info {
float: left
}
@media(min-width: 1024px) {
.modal-card-list-block .card .modal__info {
width: 60%
}
}
.modal-card-list-block .card .modal__info .card__header {
font-size: var(--font__size--24);
padding: var(--spacing__06) var(--spacing__06) 0;
margin-top: 0;
margin-bottom: 0
}
.modal-card-list-block .card .modal__info .card__title {
padding: 0 var(--spacing__06);
font-size: var(--font__size--18);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.modal-card-list-block .card .modal__info .card__title {
margin-bottom: var(--spacing__08)
}
}
.modal-card-list-block .card .modal__info .card__text {
padding: 0 var(--spacing__06);
font-size: var(--font__size--18);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.modal-card-list-block .card .modal__info .card__text {
margin-bottom: var(--spacing__12)
}
}
.modal-card-list-block .card .modal__info .share {
padding: 0 var(--spacing__06) var(--spacing__08)
}
@media(min-width: 1024px) {
.modal-card-list-block .card .modal__info .share {
position: absolute;
right: var(--spacing__06);
bottom: var(--spacing__06);
padding: 0
}
}
.mini-bundle-block .mini-bundle__header {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-bottom: var(--spacing__06);
display: grid
}
@media(min-width: 768px) {
.mini-bundle-block .mini-bundle__header {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.mini-bundle-block .mini-bundle__header {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.mini-bundle-block .mini-bundle__header {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.mini-bundle-block .mini-bundle__header {
padding-left: 0;
padding-right: 0
}
}
.mini-bundle-block .mini-bundle__header .title {
grid-column: span 12
}
@media(min-width: 896px) {
.mini-bundle-block .mini-bundle__header .title {
grid-column: span 8
}
}
.mini-bundle-block .mini-bundle__header .title h2 {
margin-bottom: var(--spacing__04)
}
.mini-bundle-block .mini-bundle__header .block--preamble {
grid-column: span 12
}
@media(min-width: 896px) {
.mini-bundle-block .mini-bundle__header .block--preamble {
grid-column: span 8
}
}
.mini-bundle-block .package {
border-width: 0px var(--stroke-thin) var(--stroke-thin) var(--stroke-thin);
border-style: solid;
border-color: var(--text-primary-light);
border-radius: var(--radius-small)
}
.mini-bundle-block .package.card {
display: flex;
flex-direction: column
}
.mini-bundle-block .package .title_price_wrapper {
padding: var(--spacing__06);
color: var(--text-primary-dark)
}
.mini-bundle-block .package .title_price_wrapper.package1 {
background-color: var(--bg-brand)
}
.mini-bundle-block .package .title_price_wrapper.package2 {
background-color: var(--color__purple--800)
}
.mini-bundle-block .package .title_price_wrapper.package3 {
background-color: var(--color__red--800)
}
.mini-bundle-block .package .title_price_wrapper .title {
font-size: 21px;
margin-bottom: var(--spacing__05)
}
.mini-bundle-block .package .title_price_wrapper .price {
font-size: var(--font__size--15)
}
.mini-bundle-block .package .title_price_wrapper .price span {
margin-right: 8px
}
.mini-bundle-block .package .title_price_wrapper .price .amount {
font-size: var(--font__size--42)
}
.mini-bundle-block .package .mini-bundle-block-image {
height: 243px;
background-color: var(--bg-subtle);
background-size: cover;
background-position: 50% 50%
}
@media only screen and (max-device-width: 640px) {
.mini-bundle-block .package .mini-bundle-block-image {
height: 143px
}
}
.mini-bundle-block .package .services_wrapper {
padding: var(--spacing__06);
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
transition: var(--duration-large) var(--ease-standard);
justify-content: space-between;
flex-grow: 1
}
.mini-bundle-block .package .services_wrapper .services .service {
font-size: 16px;
display: flex;
align-items: center;
padding-top: 20px
}
.mini-bundle-block .package .services_wrapper .services .service svg {
height: 26px;
width: 26px;
margin-right: var(--spacing__04)
}
.mini-bundle-block .package .services_wrapper .services .service:first-of-type {
padding-top: 0px
}
.mini-bundle-block .package .services_wrapper .readmore {
margin-top: var(--spacing__09)
}
@media only screen and (max-device-width: 640px) {
.mini-bundle-block .package .services_wrapper .readmore {
margin-top: var(--spacing__06)
}
}
.mini-bundle-block .package .services_wrapper .readmore a {
color: var(--text-primary-dark);
font-family: var(--font__regular)
}
@media only screen and (max-device-width: 640px) {
.mini-bundle-block .package .services_wrapper {
height: auto;
padding: var(--spacing__06)
}
.mini-bundle-block .package .services_wrapper .services .service {
font-size: var(--font__size--15);
display: flex;
align-items: center
}
.mini-bundle-block .package .services_wrapper .services .service svg {
height: var(--spacing__06);
width: var(--spacing__06);
margin-right: var(--spacing__06)
}
}
.media-bank-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.media-bank-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.media-bank-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.media-bank-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.media-bank-block {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.media-bank-block {
display: flex;
flex-direction: column
}
}
.media-bank-block .block-intro {
margin: 0px
}
.media-bank-block .block-intro .block--heading {
white-space: nowrap
}
.media-bank-block .block-intro .block--preamble {
margin-top: var(--spacing__06);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.media-bank-block .block-intro .block--preamble {
margin-top: var(--spacing__09);
margin-bottom: var(--spacing__09)
}
}
.media-bank-block .categories__container {
display: flex;
flex-direction: column
}
.media-bank-block .categories__container .category__container {
grid-template-columns: auto;
gap: 1rem
}
@media(min-width: 896px) {
.media-bank-block .categories__container .category__container {
grid-template-columns: repeat(3, 1fr)
}
}
@media(min-width: 1024px) {
.media-bank-block .categories__container .category__container {
grid-template-columns: repeat(4, 1fr)
}
}
.media-bank-block .categories__container .category__container .item__preamble {
margin-top: var(--spacing__04)
}
.media-bank-block .categories__container .category__container .category__title {
display: flex;
padding: var(--spacing__08) 0
}
.media-bank-block .categories__container .category__container .category__title .headline__01 {
font-size: var(--font__size--30)
}
.media-bank-block .categories__container .category__container .image__responsive {
height: 318px;
object-fit: cover
}
.media-bank-block .categories__container .category__container .item__text {
background-color: var(--bg-subtle);
height: 104px;
max-height: 104px;
padding: 20px;
line-height: 21px;
box-sizing: border-box;
position: relative
}
.media-bank-block .categories__container .category__container .item__text .wrapper {
grid-template-columns: 88%;
display: grid
}
.media-bank-block .categories__container .category__container .item__text .wrapper h5 {
font-weight: bold
}
.media-bank-block .categories__container .category__container .item__text .wrapper p {
font-size: var(--font__size--14);
word-wrap: break-word
}
.media-bank-block .categories__container .category__container .item__text .wrapper #toggle__download {
display: none;
position: absolute;
bottom: 10px;
right: 20px;
background-color: #fff;
padding: 5px
}
.media-bank-block .categories__container .category__container .item__text .wrapper #toggle__download a {
text-decoration: none;
padding: 5px
}
.media-bank-block .categories__container .category__container .item__text .wrapper #toggle__download i {
background-image: url("../images/icons/download-black.svg");
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-size: contain;
display: inline-block;
vertical-align: middle
}
.media-bank-block .categories__container .category__container .item__text .wrapper #toggle__download:hover a {
color: #fff;
background-color: var(--bg-brand)
}
.media-bank-block .categories__container .category__container .item__text .wrapper #toggle__download:hover i {
background-image: url("../images/icons/download-white.svg");
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-size: contain
}
.media-bank-block .categories__container .category__container .item__text .wrapper .download__link {
position: absolute;
right: 20px;
top: 20px;
display: flex;
gap: .5rem;
text-decoration: none;
font-weight: bold
}
.media-bank-block .categories__container .category__container .item__text .wrapper .download__link .img__border {
border: var(--stroke-thin) solid #000;
border-radius: 50%;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center
}
.media-bank-block .categories__container .category__container .item__text .wrapper .download__link .img__border i {
background-image: url("../images/icons/download-black.svg");
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-size: contain
}
.media-bank-block .categories__container .category__container .item__text .wrapper .download__link .img__border:hover {
background-color: var(--bg-brand);
border: var(--stroke-thin) solid #fff
}
.media-bank-block .categories__container .category__container .item__text .wrapper .download__link .img__border:hover i {
background-image: url("../images/icons/download-white.svg");
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-size: contain
}
@media(min-width: 1024px) {
.logotype-block {
min-height: 200px
}
}
.logotype-block .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
overflow: hidden
}
@media(min-width: 768px) {
.logotype-block .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.logotype-block .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.logotype-block .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.logotype-block .container {
padding-left: 0;
padding-right: 0
}
}
.logotype-block h2 {
margin-bottom: var(--spacing__10);
display: block;
text-align: center
}
@media(min-width: 1024px) {
.logotype-block h2 {
max-width: 800px;
margin: 0 auto var(--spacing__10)
}
}
.logotype-block .figure__container {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -24px
}
.logotype-block .figure__container figure {
width: calc(100% - 48px);
height: auto;
display: flex;
justify-content: start;
align-items: center;
flex-direction: column;
margin: 0 var(--spacing__06) var(--spacing__06)
}
.logotype-block .figure__container figure img {
display: block;
width: 128px;
height: 128px;
object-fit: contain;
background: rgba(0, 0, 0, 0)
}
@media(min-width: 1024px) {
.logotype-block .figure__container figure {
width: calc(25% - 48px);
margin: 0 var(--spacing__06)
}
}
.logotype-block .figure__container figure .heading {
text-align: center;
margin-top: var(--spacing__06);
font-size: var(--font__size--15);
font-family: var(--font__bold)
}
.logotype-block .figure__container figure .description {
text-align: center;
font-size: var(--font__size--15);
margin-top: var(--spacing__03);
color: var(--text-secondary-light)
}
.list-with-text-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.list-with-text-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.list-with-text-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.list-with-text-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.list-with-text-block {
padding-left: 0;
padding-right: 0
}
}
.list-with-text-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.list-with-text-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.list-with-text-block.grid {
display: grid
}
}
.list-with-text-block.block {
margin-bottom: 0
}
.list-with-text-block .left-area {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__08);
word-wrap: break-word
}
@media(min-width: 1024px) {
.list-with-text-block .left-area {
margin-bottom: 0
}
}
@media(min-width: 1224px) {
.list-with-text-block .left-area {
grid-column-end: 6
}
}
.list-with-text-block .left-area.second {
grid-row-start: 2;
grid-row-end: 3;
margin-bottom: 0
}
.list-with-text-block .left-area .cta {
margin-top: var(--spacing__08)
}
.list-with-text-block .left-area .cta a {
width: 100%;
margin-bottom: var(--spacing__08)
}
@media(min-width: 768px) {
.list-with-text-block .left-area .cta a {
width: auto
}
.list-with-text-block .left-area .cta a:nth-child(1) {
margin-right: var(--spacing__06)
}
}
.list-with-text-block .right-area {
grid-column-start: 8;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 4;
justify-self: stretch;
align-self: stretch;
margin-bottom: var(--spacing__06);
margin-top: var(--spacing__04);
word-wrap: break-word;
display: inline-block
}
@media(min-width: 1024px) {
.list-with-text-block .right-area {
margin: 0
}
}
.list-with-text-block .right-area .icon {
display: none;
left: 4px;
top: -8px
}
@media(min-width: 1024px) {
.list-with-text-block .right-area .icon {
top: 2px
}
}
.list-with-text-block .right-area .icon svg {
margin-right: 6px;
width: 20px;
height: 20px;
fill: var(--color__purple--400)
}
@media(min-width: 1024px) {
.list-with-text-block .right-area .icon svg {
width: 28px;
height: 28px
}
}
.list-with-text-block .right-area .steps__process {
padding-left: 12px;
margin-bottom: 0
}
@media(min-width: 1024px) {
.list-with-text-block .right-area .steps__process {
padding-left: 0px
}
}
.list-with-text-block .right-area .steps__process li {
display: flex;
position: relative
}
.list-with-text-block .right-area .steps__process li img {
width: 64px;
height: 64px
}
.list-with-text-block .right-area .steps__process li div {
position: absolute;
left: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: var(--color__purple--200);
font-size: var(--font__size--24)
}
.list-with-text-block .right-area .steps__process li div.icon__custom {
display: block;
width: 56px;
height: 56px;
background: var(--bg-subtle);
border-radius: var(--radius-small);
left: var(--spacing__05)
}
@media(min-width: 1024px) {
.list-with-text-block .right-area .steps__process li div.icon__custom {
width: 64px;
height: 64px
}
}
.list-with-text-block .right-area .steps__process li div.icon__custom svg {
filter: brightness(0) saturate(100%) invert(40%) sepia(51%) saturate(1050%) hue-rotate(221deg) brightness(102%) contrast(104%);
fill: inherit;
width: 32px;
height: 32px;
margin-left: 12px;
margin-top: 12px
}
@media(min-width: 1024px) {
.list-with-text-block .right-area .steps__process li div.icon__custom svg {
width: 48px;
height: 48px;
margin-left: 8px;
margin-top: 8px
}
}
.list-with-text-block .right-area .steps__process li span {
padding: 0 0 2.25em 1.8em;
position: relative;
width: 100%;
height: auto;
overflow: hidden
}
.list-with-text-block .right-area .steps__process li span.icon__padding {
padding-left: var(--spacing__11)
}
@media(min-width: 1024px) {
.list-with-text-block .right-area .steps__process li span.icon__padding {
padding-left: var(--spacing__12)
}
}
.list-with-text-block .right-area .steps__process li h4 {
margin-bottom: var(--spacing__05)
}
.list-with-text-block .right-area .steps__process li p {
font-size: var(--font__size--15);
line-height: var(--font__size--18)
}
@media(min-width: 1024px) {
.list-with-text-block .right-area .steps__process li p {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
}
.list-with-text-block .right-area .steps__process li .step-text:before {
content: "";
position: absolute;
z-index: 1;
left: 0;
height: 100%;
border-left: var(--stroke-thin) solid var(--border-primary);
top: 38px;
border-left: var(--stroke-thin) solid var(--border-primary)
}
.list-with-text-block .right-area .steps__process li:last-child span {
padding-bottom: 0
}
.list-with-text-block .right-area .steps__process li:last-child span:before {
display: none
}
.customer-size-template .list-with-text-block .right-area .counter,
.signature-solution-template .list-with-text-block .right-area .counter {
display: none
}
.customer-size-template .list-with-text-block .right-area .steps__process li .icon,
.signature-solution-template .list-with-text-block .right-area .steps__process li .icon {
display: block
}
.customer-size-template .list-with-text-block .right-area .steps__process li span,
.signature-solution-template .list-with-text-block .right-area .steps__process li span {
padding-bottom: var(--spacing__11);
padding-left: var(--spacing__08);
margin-left: -4px
}
.customer-size-template .list-with-text-block .right-area .steps__process li span:before,
.signature-solution-template .list-with-text-block .right-area .steps__process li span:before {
height: calc(100% - 45px);
border-left: var(--stroke-thin) solid var(--color__grey--400);
margin-top: -10px
}
@media(min-width: 1024px) {
.customer-size-template .list-with-text-block .right-area .steps__process li span:before,
.signature-solution-template .list-with-text-block .right-area .steps__process li span:before {
margin-top: 0
}
}
.customer-size-template .list-with-text-block .right-area .steps__process li span.icon__padding,
.signature-solution-template .list-with-text-block .right-area .steps__process li span.icon__padding {
padding-left: var(--spacing__12)
}
.customer-size-template .list-with-text-block .right-area .steps__process li:last-child span,
.signature-solution-template .list-with-text-block .right-area .steps__process li:last-child span {
padding-bottom: 0
}
.left-column__main-content .list-with-text-block {
display: block
}
@media(min-width: 1024px) {
.left-column__main-content .list-with-text-block .right-area {
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
}
.left-column__main-content .list-with-text-block .right-area .steps__process li div {
width: 24px;
height: 24px;
background: var(--surface-accent);
border-radius: var(--radius-xsmall);
color: var(--text-primary-light);
font-size: var(--font__size--15);
padding: 8px 0 0 8px
}
.left-column__main-content .list-with-text-block .right-area .steps__process li div.icon__custom {
width: 32px;
height: 32px;
background: var(--surface-accent);
border-radius: var(--radius-xsmall);
left: 0;
padding: 0
}
@media(min-width: 1024px) {
.left-column__main-content .list-with-text-block .right-area .steps__process li div.icon__custom {
width: 32px;
height: 32px
}
}
.left-column__main-content .list-with-text-block .right-area .steps__process li div.icon__custom svg {
width: 20px;
height: 20px;
margin-left: 6px;
margin-top: 6px;
filter: inherit
}
@media(min-width: 1024px) {
.left-column__main-content .list-with-text-block .right-area .steps__process li div.icon__custom svg {
width: 20px;
height: 20px;
margin-left: 6px;
margin-top: 6px
}
}
.left-column__main-content .list-with-text-block .right-area .steps__process li span {
padding: 0 0 var(--spacing__06) var(--spacing__07)
}
.left-column__main-content .list-with-text-block .right-area .steps__process li span.icon__padding {
padding-left: var(--spacing__07)
}
@media(min-width: 1024px) {
.left-column__main-content .list-with-text-block .right-area .steps__process li span.icon__padding {
padding-left: var(--spacing__07)
}
}
.left-column__main-content .list-with-text-block .right-area .steps__process li h4 {
margin-bottom: var(--spacing__04);
font-size: var(--font__size--18)
}
.left-column__main-content .list-with-text-block .right-area .steps__process li p {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.left-column__main-content .list-with-text-block .right-area .steps__process li p {
font-size: var(--font__size--18)
}
}
.left-column__main-content .list-with-text-block .right-area .steps__process li .step-text:before {
display: none
}
.list-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
grid-row-gap: var(--spacing__06)
}
@media(min-width: 768px) {
.list-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.list-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.list-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.list-block {
padding-left: 0;
padding-right: 0
}
}
.list-block .list__wrapper img {
margin-bottom: var(--spacing__09)
}
.list-block .list__wrapper img {
display: none
}
@media(min-width: 896px) {
.list-block .list__wrapper img {
margin-bottom: 0;
display: block
}
.list-block .list__wrapper.has-image {
display: grid;
grid-column-gap: var(--spacing__09);
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 1fr
}
.list-block .list__wrapper.has-image>.col:first-child {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch
}
.list-block .list__wrapper.has-image>.col:first-child+.col {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
.list-block .list__wrapper ul>li:first-child {
border-top: var(--stroke-thin) solid var(--color__grey--400)
}
.list-block .label {
font-family: var(--font__bold);
line-height: 1.5;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
grid-column-start: 1;
grid-column-end: 11;
justify-self: stretch;
align-self: stretch
}
.list-block .list-block__link {
grid-column-start: 11;
grid-column-end: 13;
justify-self: end;
align-self: stretch;
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--bg-brand);
margin-left: var(--spacing__04)
}
.list-block .list-block__link:hover {
background-color: var(--color__blue--700)
}
.list-block .list-block__link:focus {
background-color: var(--color__blue--600)
}
.list-block .list-block__link:active {
background-color: var(--color__blue--900)
}
.list-block .list-block__link:after {
content: "";
display: block;
width: 18px;
height: 18px;
background-image: url("../images/icons/greater-then-white.svg")
}
.list-block .list-block__link[href*="http://"]:after,
.list-block .list-block__link[href*="https://"]:after {
background-image: url("../images/icons/graph-arrow-up-white.svg")
}
.list-block .list-block__link[href^="/"]:after {
background-image: url("../images/icons/greater-then-white.svg")
}
.list-block .list-block__link[href^="mailto:"]:after {
background-image: url("../images/icons/letter-white.svg")
}
.list-block .list-block__link[href*=".pdf"]:after,
.list-block .list-block__link[href*=".txt"]:after,
.list-block .list-block__link[href*=".zip"]:after,
.list-block .list-block__link[href*=".img"]:after {
background-image: url("../images/icons/download-white.svg")
}
.link-list-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.link-list-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.link-list-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.link-list-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.link-list-block {
padding-left: 0;
padding-right: 0
}
}
.link-list-block .grid {
grid-template-columns: auto
}
@media(min-width: 1024px) {
.link-list-block .grid {
grid-template-columns: repeat(10, 1fr)
}
}
.link-list-block .header__wrapper {
grid-column: span 10
}
@media(min-width: 1024px) {
.link-list-block .header__wrapper {
grid-column: span 4;
margin-bottom: var(--spacing__09)
}
}
.link-list-block .header__wrapper h2 {
grid-column-start: 1
}
.link-list-block ul {
list-style: none;
margin-top: var(--spacing__08);
padding: 0;
grid-row-gap: 39px
}
@media(min-width: 1024px) {
.link-list-block ul {
margin: 0
}
}
.link-list-block ul li {
grid-column: span 2
}
.link-list-block ul li a {
text-decoration: none
}
.link-list-block ul li a:hover {
text-decoration: underline
}
.link-list-block ul li:nth-child(n+11) {
display: none
}
.link-list-block .button-wrapper {
grid-column: span 12;
justify-content: flex-start;
margin-top: var(--spacing__08);
display: flex;
align-items: flex-start
}
@media(min-width: 1024px) {
.link-list-block .button-wrapper {
margin-top: 15px;
grid-column: span 9;
justify-content: flex-end;
align-items: self-start;
grid-column: span 9;
justify-content: flex-end;
align-items: self-start;
grid-column-start: 8;
grid-column-end: 11
}
}
.link-list-block .button-wrapper button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
align-items: center;
color: var(--text-primary-light)
}
.link-list-block .button-wrapper button>* {
pointer-events: none
}
.link-list-block .button-wrapper button span {
font-family: var(--font__bold);
color: var(--text-primary-light)
}
.link-list-block .button-wrapper button svg {
transition: .3s var(--ease-standard);
width: 1rem;
height: 1rem;
margin-left: 6px
}
.link-list-block.active ul {
max-height: 100%
}
.link-list-block.active ul li:nth-child(n+11) {
display: list-item
}
.link-list-block.active svg {
transform: rotate(-180deg)
}
@media(max-width: 580px) {
.link-list-block.active li:nth-child(n+3) {
display: list-item
}
}
.link-banner-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.link-banner-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.link-banner-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.link-banner-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.link-banner-block {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.link-banner-block.block {
padding-top: var(--spacing__09);
margin-bottom: var(--spacing__09)
}
}
@media(min-width: 1224px) {
.link-banner-block.block {
padding-top: var(--spacing__09);
margin-bottom: var(--spacing__09)
}
}
.link-banner-block .grid {
display: block
}
@media(min-width: 1024px) {
.link-banner-block .grid {
display: grid
}
}
.link-banner-block .grid .col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
padding: var(--spacing__06);
margin: var(--spacing__09) 0;
background: var(--bg-subtle);
border-radius: var(--radius-small);
text-decoration: none;
display: block
}
@media(min-width: 1024px) {
.link-banner-block .grid .col {
padding: var(--spacing__09) var(--spacing__10);
margin: 0
}
}
.link-banner-block .grid .col h2 {
width: 100%;
font-size: var(--font__size--18);
line-height: var(--font__size--24);
font-family: var(--font__regular)
}
@media(min-width: 1024px) {
.link-banner-block .grid .col h2 {
width: 50%;
float: left;
font-size: var(--font__size--24);
line-height: var(--font__size--36)
}
}
@media(min-width: 1224px) {
.link-banner-block .grid .col h2 {
width: 40%
}
}
.link-banner-block .grid .col p {
margin-top: var(--spacing__06);
font-family: var(--font__bold);
font-size: var(--font__size--15);
text-decoration: none;
height: 100%;
align-items: center;
padding-right: 0
}
@media(min-width: 1024px) {
.link-banner-block .grid .col p {
float: right;
margin-top: 0
}
}
.link-banner-block .grid .col p:hover {
text-decoration: underline
}
.link-banner-block .grid .col p:after {
position: relative;
padding-left: var(--spacing__04);
background-repeat: no-repeat;
background-position: right
}
.link-banner-block .grid .col:hover p {
color: var(--color__blue--700)
}
.link-banner-block .grid .col:active p {
color: var(--color__blue--900)
}
.link-banner-block .linkbutton__text-after:after {
background-image: url("../images/icons/arrow-forward-blue.svg")
}
.link-banner-block .linkbutton__text-after:hover:after,
.link-banner-block .linkbutton__text-after:focus:after,
.link-banner-block .linkbutton__text-after:active:after {
background-image: url("../images/icons/arrow-forward-blue.svg")
}
.legacy-block {
position: relative;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.legacy-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.legacy-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.legacy-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.legacy-block {
padding-left: 0;
padding-right: 0
}
}
.legacy-block.grid {
display: block
}
@media(min-width: 768px) {
.legacy-block.grid {
display: grid
}
}
.legacy-block .col.text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1224px) {
.legacy-block .col.text {
grid-column-end: 5
}
}
.legacy-block .col.text h2 {
margin-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.legacy-block .col.text h2 {
margin-bottom: var(--spacing__11)
}
}
.legacy-block .col.cards {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3
}
@media(min-width: 1024px) {
.legacy-block .col.cards {
grid-column-start: 3
}
}
.legacy-block .col.cards>div {
margin-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.legacy-block .col.cards>div {
float: left;
width: calc(50% - var(--spacing__09));
padding-right: var(--spacing__09);
margin-bottom: var(--spacing__12)
}
}
@media(min-width: 1224px) {
.legacy-block .col.cards>div {
float: left;
width: calc(50% - var(--spacing__09));
padding-right: var(--spacing__09)
}
}
.legacy-block .col.cards>div:nth-last-child(-n+1) {
margin-bottom: 0
}
@media(min-width: 768px) {
.legacy-block .col.cards>div:nth-last-child(-n+2) {
margin-bottom: 0
}
}
.legacy-block .col.cards>div h3 {
font-size: var(--font__size--24);
font-family: var(--font__regular);
line-height: var(--font__size--30);
margin-bottom: var(--spacing__04)
}
.legacy-block .col.cards>div p {
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
@media(min-width: 768px) {
.legacy-block .col.cards>div p {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
@media(min-width: 1024px) {
.legacy-block .col.cards>div h3,
.legacy-block .col.cards>div p {
position: relative;
top: var(--spacing__09);
opacity: 0;
-webkit-transition: all var(--duration-xlarge);
-moz-transition: all var(--duration-xlarge);
transition: all var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
.legacy-block .col.cards>div h3.scrolled,
.legacy-block .col.cards>div p.scrolled {
top: 0;
opacity: 1
}
}
.legacy-block .scroll-detector {
position: absolute;
bottom: 0;
height: 0
}
.leado-block {
background-color: var(--bg-subtle)
}
.leado-block iframe {
z-index: 1000
}
.lead-generation-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.lead-generation-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.lead-generation-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.lead-generation-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.lead-generation-block {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.lead-generation-block.block {
margin-top: var(--spacing__14)
}
}
.lead-generation-block .lead-generation-block-inner {
border-radius: var(--radius-small);
background-color: var(--color__purple--600);
color: var(--text-primary-dark);
grid-gap: var(--spacing__04);
padding: var(--spacing__07)
}
@media(min-width: 896px) {
.lead-generation-block .lead-generation-block-inner {
grid-gap: var(--spacing__06);
padding: var(--spacing__09) var(--spacing__07)
}
}
.lead-generation-block .lead-generation-block-inner .col-left {
grid-column: span 12
}
@media(min-width: 768px) {
.lead-generation-block .lead-generation-block-inner .col-left {
grid-column: span 4
}
}
@media(min-width: 1024px) {
.lead-generation-block .lead-generation-block-inner .col-left {
grid-column: span 5
}
}
.lead-generation-block .lead-generation-block-inner .col-left .title {
font-family: var(--font__bold);
font-size: var(--font__size--24)
}
@media(min-width: 1024px) {
.lead-generation-block .lead-generation-block-inner .col-left .title {
font-size: var(--font__size--36)
}
}
.lead-generation-block .lead-generation-block-inner .col-left p {
margin: var(--spacing__04) 0 0 0
}
.lead-generation-block .lead-generation-block-inner .col-right {
grid-column: span 12;
flex-direction: column;
row-gap: var(--spacing__09);
justify-content: center;
display: flex
}
@media(min-width: 768px) {
.lead-generation-block .lead-generation-block-inner .col-right {
grid-column-start: 6;
grid-column-end: 13
}
}
@media(min-width: 1024px) {
.lead-generation-block .lead-generation-block-inner .col-right {
justify-content: space-between
}
}
.lead-generation-block .lead-generation-block-inner .col-right button {
border: none
}
.lead-generation-block .lead-generation-block-inner .col-right .preamble {
font-size: var(--font__size--15);
line-height: 1.25
}
@media(min-width: 1024px) {
.lead-generation-block .lead-generation-block-inner .col-right .preamble {
font-size: var(--font__size--18)
}
}
.lead-generation-block .lead-generation-block-inner .col-right .ctas {
display: flex;
column-gap: var(--spacing__12);
flex-direction: column;
row-gap: var(--spacing__07)
}
@media(min-width: 1024px) {
.lead-generation-block .lead-generation-block-inner .col-right .ctas {
flex-direction: row
}
}
.lead-generation-block .lead-generation-block-inner .col-right .phone-wrapper {
display: flex;
align-items: center;
gap: var(--spacing__04)
}
.lead-generation-block .lead-generation-block-inner .col-right .phone-wrapper .phone-icon {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
background-color: var(--bg-default);
display: flex;
align-items: center;
justify-content: center
}
.lead-generation-block .lead-generation-block-inner .col-right .phone-wrapper .phone-icon:before {
background-repeat: no-repeat;
content: "";
width: 18px;
height: 18px;
background-image: url("../images/icons/phone-black.svg")
}
.lead-generation-block .lead-generation-block-inner .col-right .phone-wrapper .phone-details .phone-title {
font-family: var(--font__bold);
margin-bottom: 6px
}
.lead-generation-block .lead-generation-block-inner .col-right .phone-wrapper .phone-details a,
.lead-generation-block .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:visited {
color: var(--text-primary-dark)
}
.lead-generation-block .lead-generation-block-inner .col-right .button__secondary {
border: none;
width: max-content
}
.lead-generation-block .lead-generation-block-inner .col-right .button__secondary:focus {
outline: none
}
.lead-generation-block .form-block .EPiServerForms .Form__Element button[type=submit],
.lead-generation-block .form-block .EPiServerForms .Form__Element input[type=reset] {
grid-column: span 2;
width: 100%
}
@media(max-width: 1441px) {
.left-column__main-content .lead-generation-block .lead-generation-block-inner .col-left,
.left-column__main-content .lead-generation-block .lead-generation-block-inner .col-right {
grid-column: span 12
}
}
@media(min-width: 1024px) {
.left-column__main-content .lead-generation-block .lead-generation-block-inner .col-right .preamble {
font-size: var(--font__size--15)
}
}
.design-system .lead-generation-block .lead-generation-block-inner {
padding: var(--spacing__12) 0 var(--spacing__15)
}
.design-system .lead-generation-block .lead-generation-block-inner .ctas {
column-gap: var(--spacing__04);
row-gap: var(--spacing__06)
}
.design-system .lead-generation-block .lead-generation-block-inner .button__secondary {
width: auto
}
.key-metric-block a {
display: block !important
}
.key-metric-block .wrapper {
background: var(--color__blue--900);
padding: var(--spacing__06);
color: var(--text-primary-dark);
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
.key-metric-block h4 {
font-size: var(--font__size--15);
color: var(--color__purple--400);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__03)
}
.key-metric-block .description {
margin-bottom: var(--spacing__15)
}
.key-metric-block p {
font-size: var(--font__size--15);
color: var(--text-primary-dark);
line-height: var(--font__size--24)
}
.key-metric-block .key {
font-size: var(--font__size--30);
color: var(--text-primary-dark);
line-height: var(--font__size--40);
margin-bottom: var(--spacing__03)
}
.image-with-text-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.image-with-text-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.image-with-text-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.image-with-text-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.image-with-text-block {
padding-left: 0;
padding-right: 0
}
}
.image-with-text-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.image-with-text-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.image-with-text-block.grid {
display: grid
}
}
@media(min-width: 1224px) {
.image-with-text-block.grid.grid__gap {
column-gap: var(--gutter__column--content)
}
}
.image-with-text-block.block {
margin-bottom: 0
}
@media(min-width: 1024px) {
.image-with-text-block.block {
margin-bottom: var(--spacing__08)
}
}
.image-with-text-block .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.image-with-text-block .text {
margin: 0
}
}
@media(min-width: 1441px) {
.image-with-text-block .text {
grid-column-end: 6
}
}
.image-with-text-block .text .cta {
margin-top: var(--spacing__08)
}
.image-with-text-block .text .cta+.cta {
margin-top: var(--spacing__05)
}
@media(min-width: 768px) {
.image-with-text-block .text .cta {
display: inline-block;
margin-right: var(--spacing__04)
}
}
.image-with-text-block .text .cta .button {
width: 100%
}
@media(min-width: 768px) {
.image-with-text-block .text .cta .button {
width: auto
}
}
.image-with-text-block .text .text__purple {
color: var(--color__purple--200)
}
.image-with-text-block .image {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 0 var(--spacing__06)
}
@media(min-width: 1024px) {
.image-with-text-block .image {
margin: 0
}
}
@media(min-width: 1441px) {
.image-with-text-block .image {
grid-column-start: 7
}
}
.image-with-text-block__inverted .text {
grid-column-start: 7;
grid-column-end: 13
}
.image-with-text-block__inverted .image {
grid-column-start: 1;
grid-column-end: 7
}
.left-column__main-content .js-image-with-text-block {
display: block
}
.left-column__main-content .js-image-with-text-block .image {
margin-top: var(--spacing__08)
}
.iframe-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-top: var(--spacing__09);
padding-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.iframe-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.iframe-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.iframe-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.iframe-block {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.iframe-block {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12);
display: flex
}
}
.iframe-block .iframe__responsive {
width: 100%
}
.iframe-block .iframe__responsive iframe {
width: 100%
}
.horizontal-accordion-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-left: 0
}
@media(min-width: 768px) {
.horizontal-accordion-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.horizontal-accordion-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.horizontal-accordion-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.horizontal-accordion-block {
padding-left: 0;
padding-right: 0
}
}
@media(max-width: 896px) {
.horizontal-accordion-block {
overflow: hidden;
overflow-x: auto
}
}
.horizontal-accordion-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.horizontal-accordion-block.grid {
display: block
}
}
.horizontal-accordion-block.block {
margin-bottom: var(--spacing__08)
}
.horizontal-accordion-block .tab-blocks {
display: flex;
flex-direction: row;
padding-left: var(--spacing__05--negative)
}
.horizontal-accordion-block .tab-blocks>div {
flex: 1 0 80%;
padding: 0;
overflow: hidden;
-webkit-transition: flex var(--duration-xlarge);
-moz-transition: flex var(--duration-xlarge);
transition: flex var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
@media(min-width: 896px) {
.horizontal-accordion-block .tab-blocks>div {
flex: 1 0 10%;
cursor: pointer
}
}
@media(min-width: 1024px) {
.horizontal-accordion-block .tab-blocks>div {
margin: var(--spacing__08) 0 0
}
}
.horizontal-accordion-block .tab-blocks>div .image-with-text-block.block {
width: auto;
display: block;
position: relative;
margin-top: 0;
min-height: 520px;
margin-bottom: 0;
overflow: hidden;
padding: 0;
margin: 0 0 0 var(--spacing__05)
}
@media(min-width: 896px) {
.horizontal-accordion-block .tab-blocks>div .image-with-text-block.block {
min-height: 720px
}
}
.horizontal-accordion-block .tab-blocks>div .image-with-text-block .col.image {
position: absolute;
top: 0;
right: 0;
margin: 0 0 var(--spacing__06)
}
.horizontal-accordion-block .tab-blocks>div .image-with-text-block .col.text {
z-index: 2;
position: relative;
padding: var(--spacing__08) var(--spacing__07);
color: var(--text-primary-dark)
}
@media(min-width: 896px) {
.horizontal-accordion-block .tab-blocks>div .image-with-text-block .col.text {
display: none;
opacity: 0;
-webkit-transition: opacity var(--duration-xlarge);
-moz-transition: opacity var(--duration-xlarge);
transition: opacity var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
}
.horizontal-accordion-block .tab-blocks>div .image-with-text-block .col.text h2 {
font-size: var(--font__size--24)
}
@media(min-width: 1024px) {
.horizontal-accordion-block .tab-blocks>div .image-with-text-block .col.text h2 {
font-size: var(--font__size--60);
line-height: var(--font__size--72)
}
}
.horizontal-accordion-block .tab-blocks>div .image-with-text-block .col.text.active {
display: block
}
.horizontal-accordion-block .tab-blocks>div .image-with-text-block .col.text.show {
opacity: 1
}
.horizontal-accordion-block .tab-blocks>div .image-with-text-block .col.overlay {
position: absolute;
z-index: 1;
top: 0;
height: 800px;
background: var(--color__black);
opacity: .5
}
@media(min-width: 896px) {
.horizontal-accordion-block .tab-blocks>div .image-with-text-block .col.overlay {
opacity: .3
}
}
.horizontal-accordion-block .tab-blocks>div.active {
display: block;
cursor: default
}
@media(min-width: 896px) {
.horizontal-accordion-block .tab-blocks>div.active {
flex: 1 0 40%
}
}
.horizontal-accordion-block .tab-blocks>div.active .image-with-text-block .col.overlay {
opacity: .5
}
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(1) .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(1) .col.overlay {
width: 100%
}
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(2) .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(2) .col.overlay,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(2)~div .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(2)~div .col.overlay {
width: 1070px
}
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(3) .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(3) .col.overlay,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(3)~div .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(3)~div .col.overlay {
width: 875px
}
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(4) .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(4) .col.overlay,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(4)~div .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(4)~div .col.overlay {
width: 800px
}
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(5) .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(5) .col.overlay,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(5)~div .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(5)~div .col.overlay {
width: 800px
}
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(6) .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(6) .col.overlay,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(6)~div .col.image,
.horizontal-accordion-block .tab-blocks>div:first-child:nth-last-child(6)~div .col.overlay {
width: 700px
}
.hero-video-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
color: var(--text-primary-dark)
}
@media(min-width: 768px) {
.hero-video-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.hero-video-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.hero-video-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.hero-video-block {
padding-left: 0;
padding-right: 0
}
}
.hero-video-block__outer {
background: var(--bg-brand);
padding: var(--spacing__08) 0
}
.hero-video-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.hero-video-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.hero-video-block.grid {
display: grid
}
}
.hero-video-block.block {
margin-bottom: 0
}
@media(min-width: 1024px) {
.hero-video-block.block {
margin-bottom: var(--spacing__08)
}
}
.hero-video-block .heading {
grid-column-start: 1;
grid-column-end: 6;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__06)
}
.hero-video-block .heading h2 {
font-size: var(--font__size--48);
line-height: var(--font__size--48);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.hero-video-block .heading h2 {
font-size: var(--font__size--60);
line-height: var(--font__size--60)
}
}
@media(min-width: 1441px) {
.hero-video-block .heading h2 {
font-size: var(--font__size--100);
line-height: var(--font__size--100)
}
}
.hero-video-block .preamble {
grid-column-start: 10;
grid-column-end: 13;
justify-self: stretch;
align-self: center;
grid-row-start: 2;
grid-row-end: 3;
margin-bottom: var(--spacing__06)
}
.hero-video-block .preamble p {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.hero-video-block .preamble p {
font-size: var(--font__size--18);
padding-bottom: var(--spacing__08)
}
}
@media(min-width: 1224px) {
.hero-video-block .preamble p {
font-size: var(--font__size--24)
}
}
.hero-video-block .video {
grid-column-start: 4;
grid-column-end: 10;
justify-self: stretch;
align-self: stretch;
margin: 0 0 var(--spacing__09);
grid-row-start: 2;
grid-row-end: 3;
aspect-ratio: 16/9
}
@media(min-width: 1024px) {
.hero-video-block .video {
margin-bottom: unset;
margin: 0 0 var(--spacing__06)
}
}
.hero-video-block .video__wrapper {
position: relative;
margin: 0 var(--spacing__05--negative)
}
@media(min-width: 1024px) {
.hero-video-block .video__wrapper {
margin: 0
}
}
.hero-video-block iframe {
aspect-ratio: 16/9;
z-index: 100;
position: relative
}
.hero-video-block .video-container {
display: none
}
.hero-video-block .image-container {
position: absolute;
z-index: 101;
width: 100%;
overflow: hidden;
aspect-ratio: 16/9;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: transform var(--duration-xlarge) var(--ease-standard)
}
.hero-video-block .image-container img {
position: absolute;
left: 0;
top: 0;
width: 100%;
max-width: 100%
}
.hero-video-block .image-container .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--color__black);
opacity: .35
}
.hero-video-block .image-container button {
position: relative
}
@media(min-width: 1024px) {
.hero-video-block .image-container.scaled {
transform: scale(2.15)
}
}
.hero-video-block .image-container.scaled button {
display: none
}
.hero-video-block .image-container.played {
display: none
}
.hero-video-block .video-container {
position: relative;
z-index: 101;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end
}
@media(min-width: 1024px) {
.hero-video-block .video-container {
transform: scale(2.15)
}
}
.hero-video-block .video-container button {
display: none;
position: absolute;
z-index: 102;
width: 44px;
height: 44px;
padding: 0
}
@media(min-width: 1024px) {
.hero-video-block .video-container button {
transform: scale(0.5)
}
}
.hero-video-block .video-container button svg {
width: 1.5rem;
height: 1.5rem;
fill: var(--color__blue--800);
display: inline-block
}
@media(min-width: 1024px) {
.hero-video-block .video-container.played button {
display: block
}
}
.hero-video-block .video-container.closed {
transition: transform var(--duration-xlarge) var(--ease-standard);
transform: scale(1)
}
.hero-video-block .video-container.closed button {
display: none
}
.hero-video-block .cookieconsent-optout-marketing .image__responsive {
aspect-ratio: 16/9
}
.hero-scroll-container-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
color: var(--text-primary-dark)
}
@media(min-width: 768px) {
.hero-scroll-container-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.hero-scroll-container-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.hero-scroll-container-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.hero-scroll-container-block {
padding-left: 0;
padding-right: 0
}
}
.hero-scroll-container-block__outer {
background: var(--bg-brand);
padding: var(--spacing__08) 0 0
}
@media(min-width: 1024px) {
.hero-scroll-container-block__outer {
padding: var(--spacing__08) 0
}
}
.hero-scroll-container-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.hero-scroll-container-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.hero-scroll-container-block.grid {
display: grid
}
}
.hero-scroll-container-block.block {
margin-bottom: 0;
margin-top: 0;
max-height: 578px;
min-height: 578px
}
@media(min-width: 1024px) {
.hero-scroll-container-block.block {
max-height: 555px;
min-height: 0;
overflow: hidden;
margin-bottom: var(--spacing__08)
}
}
.hero-scroll-container-block .heading__top {
display: flex;
flex-direction: column;
grid-column-start: 1;
grid-column-end: 12
}
@media(min-width: 1024px) {
.hero-scroll-container-block .heading__top {
flex-direction: row;
gap: var(--spacing__06);
align-items: flex-start
}
}
.hero-scroll-container-block .heading__start {
grid-row-start: 2;
font-size: var(--font__size--36);
letter-spacing: 0;
line-height: 1.1
}
@media(min-width: 1024px) {
.hero-scroll-container-block .heading__start {
font-size: var(--font__size--54);
min-width: 0
}
}
@media(min-width: 1224px) {
.hero-scroll-container-block .heading__start {
font-size: var(--font__size--72)
}
}
.hero-scroll-container-block .heading__middle {
grid-row-start: 2;
list-style: none;
padding-left: 0;
margin: 0;
height: 43px;
position: relative;
overflow: hidden;
display: grid
}
@media(min-width: 1024px) {
.hero-scroll-container-block .heading__middle {
height: 70px;
flex-shrink: 0
}
}
@media(min-width: 1224px) {
.hero-scroll-container-block .heading__middle {
height: 86px
}
}
.hero-scroll-container-block .heading__middle li {
font-family: var(--font__bold);
color: var(--color__purple--300);
-webkit-transition: transform var(--duration-xlarge);
-moz-transition: transform var(--duration-xlarge);
transition: transform var(--duration-xlarge);
transition-timing-function: var(--ease-standard);
font-size: var(--font__size--36);
grid-area: 1/1;
white-space: nowrap;
transform: translateY(-100%);
height: 43px
}
@media(min-width: 1024px) {
.hero-scroll-container-block .heading__middle li {
font-size: var(--font__size--54);
height: 86px
}
}
@media(min-width: 1224px) {
.hero-scroll-container-block .heading__middle li {
font-size: var(--font__size--72)
}
}
.hero-scroll-container-block .heading__middle li.active {
transform: translateY(0)
}
@media(min-width: 1024px) {
.hero-scroll-container-block .heading__middle li.active {
transform: translateY(-3px)
}
}
.hero-scroll-container-block .heading__middle li.active~li {
transform: translateY(100%)
}
.hero-scroll-container-block .heading__end {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 3;
font-size: var(--font__size--36)
}
@media(min-width: 1024px) {
.hero-scroll-container-block .heading__end {
font-size: var(--font__size--54);
margin-top: var(--spacing__04)
}
}
@media(min-width: 1224px) {
.hero-scroll-container-block .heading__end {
font-size: var(--font__size--72)
}
}
@media(min-width: 1441px) {
.hero-scroll-container-block .heading__end {
grid-column-end: 3
}
}
.hero-scroll-container-block .slider__blocks {
grid-column-start: 4;
grid-column-end: 13;
grid-row-start: 3;
position: relative;
margin-top: var(--spacing__04);
min-height: 433px;
touch-action: none
}
.hero-scroll-container-block .slider__blocks.touch {
touch-action: auto
}
@media(min-width: 1024px) {
.hero-scroll-container-block .slider__blocks {
overflow: hidden;
min-height: 272px
}
}
@media(min-width: 1224px) {
.hero-scroll-container-block .slider__blocks {
min-height: 320px
}
}
@media(min-width: 1441px) {
.hero-scroll-container-block .slider__blocks {
min-height: 433px;
grid-column-start: 3
}
}
.hero-scroll-container-block .slider__blocks>div {
height: 0;
padding: 0;
position: absolute
}
.hero-scroll-container-block .slider__blocks>div h2 {
display: none
}
.hero-scroll-container-block .slider__blocks>div .text {
opacity: 0;
-webkit-transition: all var(--duration-xlarge);
-moz-transition: all var(--duration-xlarge);
transition: all var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
.hero-scroll-container-block .slider__blocks>div .image {
-webkit-transition: top var(--duration-xlarge);
-moz-transition: top var(--duration-xlarge);
transition: top var(--duration-xlarge);
transition-timing-function: var(--ease-standard);
top: -100%;
position: relative;
margin: 0
}
@media(max-width: 1024px) {
.hero-scroll-container-block .slider__blocks>div .image {
top: 0;
opacity: 0;
-webkit-transition: opacity var(--duration-xlarge);
-moz-transition: opacity var(--duration-xlarge);
transition: opacity var(--duration-xlarge);
transition-timing-function: var(--ease-standard)
}
}
@media(min-width: 1024px) {
.hero-scroll-container-block .slider__blocks>div {
padding: 0 var(--spacing__07) 0 0;
margin: 0;
min-width: calc(100% - var(--spacing__07))
}
}
.hero-scroll-container-block .slider__blocks>div.active {
height: auto
}
.hero-scroll-container-block .slider__blocks>div.active .text {
opacity: 1
}
.hero-scroll-container-block .slider__blocks>div.active .image {
top: 0
}
@media(max-width: 1024px) {
.hero-scroll-container-block .slider__blocks>div.active .image {
top: 0;
opacity: 1
}
}
@media(min-width: 1024px) {
.hero-scroll-container-block .slider__blocks>div.active {
display: grid;
position: relative
}
}
.hero-scroll-container-block .slider__blocks>div.active~div .image {
top: 100%
}
.hero-scroll-container-block .slider__content>.image-with-text-block {
width: 100%;
padding: 0;
margin: 0;
column-gap: var(--gutter__column)
}
.hero-scroll-container-block .slider__content>.image-with-text-block .text {
grid-column-start: 8;
grid-column-end: 13;
padding-top: var(--spacing__06)
}
@media(min-width: 1024px) {
.hero-scroll-container-block .slider__content>.image-with-text-block .text {
padding-top: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.hero-scroll-container-block .slider__content>.image-with-text-block .text {
padding-top: var(--spacing__14)
}
}
.hero-scroll-container-block .slider__content>.image-with-text-block .text .block--label {
display: none
}
.hero-scroll-container-block .slider__content>.image-with-text-block .text .preamble {
font-size: var(--font__size--15)
}
@media(min-width: 1441px) {
.hero-scroll-container-block .slider__content>.image-with-text-block .text .preamble {
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
.hero-scroll-container-block .slider__content>.image-with-text-block .text .cta {
z-index: 1;
position: relative
}
@media(min-width: 1024px) {
.hero-scroll-container-block .slider__content>.image-with-text-block .text .cta {
margin-top: var(--spacing__05)
}
}
@media(min-width: 1224px) {
.hero-scroll-container-block .slider__content>.image-with-text-block .text .cta {
margin-top: var(--spacing__08)
}
}
.hero-scroll-container-block .slider__content>.image-with-text-block .image {
grid-column-start: 1;
grid-column-end: 8;
max-height: 206px;
overflow: hidden;
padding-right: var(--spacing__08)
}
@media(min-width: 1024px) {
.hero-scroll-container-block .slider__content>.image-with-text-block .image {
padding-right: 0;
max-height: 433px
}
}
.hero-scroll-container-block .slider__dots {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
right: 0
}
@media(min-width: 1024px) {
.hero-scroll-container-block .slider__dots {
right: 41.5%
}
}
.hero-scroll-container-block .slider__dots li {
margin-top: 4px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--bg-default);
opacity: .4
}
.hero-scroll-container-block .slider__dots li.active {
opacity: 1
}
.hero-image-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
color: var(--text-primary-dark)
}
@media(min-width: 768px) {
.hero-image-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.hero-image-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.hero-image-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.hero-image-block {
padding-left: 0;
padding-right: 0
}
}
.hero-image-block__outer {
background: var(--bg-brand);
padding: var(--spacing__08) 0 0
}
.hero-image-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.hero-image-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.hero-image-block.grid {
display: grid
}
}
.hero-image-block.block.fluid {
margin-top: 0;
margin-bottom: 0
}
.hero-image-block .heading {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__06)
}
.hero-image-block .heading h2 {
font-size: var(--font__size--48);
line-height: var(--font__size--48);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1224px) {
.hero-image-block .heading h2 {
font-size: var(--font__size--60);
line-height: var(--font__size--60)
}
}
@media(min-width: 1441px) {
.hero-image-block .heading h2 {
font-size: var(--font__size--72);
line-height: var(--font__size--72)
}
}
.hero-image-block .preamble {
grid-column-start: 10;
grid-column-end: 13;
justify-self: stretch;
align-self: end;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__06)
}
.hero-image-block .preamble p {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.hero-image-block .preamble p {
font-size: var(--font__size--18);
padding-bottom: var(--spacing__08)
}
}
@media(min-width: 1224px) {
.hero-image-block .preamble p {
font-size: var(--font__size--24)
}
}
.hero-image-block .preamble ul,
.hero-image-block .preamble ol {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.hero-image-block .preamble ul,
.hero-image-block .preamble ol {
font-size: var(--font__size--18)
}
}
@media(min-width: 1224px) {
.hero-image-block .preamble ul,
.hero-image-block .preamble ol {
font-size: var(--font__size--24)
}
}
.hero-image-block .image {
grid-column-start: 5;
grid-column-end: 10;
justify-self: stretch;
align-self: stretch;
margin: 0 -15px var(--spacing__06)
}
@media(min-width: 1024px) {
.hero-image-block .image {
margin-bottom: unset;
margin: 0 0 var(--spacing__06)
}
}
.hero-drag-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.hero-drag-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.hero-drag-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.hero-drag-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.hero-drag-block {
padding-left: 0;
padding-right: 0
}
}
.hero-drag-block.block {
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0
}
@media(min-width: 1024px) {
.hero-drag-block.block {
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
}
.hero-drag-block__wrapper {
min-height: 600px;
position: relative;
color: var(--text-primary-dark);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media(min-width: 1024px) {
.hero-drag-block__wrapper {
min-height: 900px
}
}
.hero-drag-block .drag-button {
height: 56px;
width: 56px;
border-radius: 28px;
background: var(--color__purple--800);
position: absolute;
right: calc(50% - 28px);
bottom: -28px;
cursor: pointer
}
@media(min-width: 1024px) {
.hero-drag-block .drag-button {
height: 72px;
width: 72px;
border-radius: 36px;
right: -36px;
bottom: unset
}
}
.hero-drag-block .drag-button p {
display: block;
height: 56px;
line-height: var(--font__size--15);
text-align: center;
margin-top: var(--spacing__03);
font-size: var(--font__size--12)
}
@media(min-width: 1024px) {
.hero-drag-block .drag-button p {
height: 72px;
margin-top: var(--spacing__05);
line-height: var(--font__size--24)
}
}
.hero-drag-block .drag-button span {
display: none
}
@media(min-width: 1024px) {
.hero-drag-block .drag-button span {
display: inline
}
}
.hero-drag-block .drag-button span.mobile {
display: inline
}
@media(min-width: 1024px) {
.hero-drag-block .drag-button span.mobile {
display: none
}
}
.hero-drag-block .scroll-button {
position: absolute;
color: var(--text-primary-dark);
z-index: 3;
bottom: -86px;
left: 35%;
text-decoration: none;
text-align: center
}
@media(min-width: 1024px) {
.hero-drag-block .scroll-button {
bottom: var(--spacing__06);
left: 45%
}
}
.hero-drag-block .scroll-button span {
margin-top: -10px;
display: block
}
.hero-drag-block .area-left {
height: 80%;
width: 100%;
position: absolute;
z-index: 2;
background: #3b3071;
display: flex;
-webkit-transition: all 1600ms;
-moz-transition: all 1600ms;
transition: all 1600ms;
transition-timing-function: var(--ease-standard)
}
@media(min-width: 1024px) {
.hero-drag-block .area-left {
height: 100%;
width: 73%;
justify-content: center;
flex-direction: column
}
}
.hero-drag-block .area-left h2 {
font-size: var(--font__size--48);
line-height: var(--font__size--60);
margin-bottom: 0;
padding: var(--spacing__08) var(--spacing__05) 0;
overflow: hidden
}
@media(min-width: 1024px) {
.hero-drag-block .area-left h2 {
font-size: var(--font__size--60);
padding: var(--spacing__03) var(--spacing__14) var(--spacing__03) var(--spacing__09)
}
.hero-drag-block .area-left h2 span {
min-width: 600px;
display: block
}
}
@media(min-width: 1224px) {
.hero-drag-block .area-left h2 {
font-size: var(--font__size--72);
line-height: var(--font__size--72)
}
.hero-drag-block .area-left h2 span {
min-width: 700px
}
}
@media(min-width: 1441px) {
.hero-drag-block .area-left h2 {
font-size: var(--font__size--100);
line-height: var(--font__size--100)
}
.hero-drag-block .area-left h2 span {
min-width: 1000px
}
}
@media(max-width: 1024px) {
.hero-drag-block .area-left.dragged {
height: 22%
}
}
@media(min-width: 1024px) {
.hero-drag-block .area-left.dragged {
width: 40%
}
}
.hero-drag-block .area-right {
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
right: 0;
background: var(--color__purple--600);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: var(--spacing__13)
}
@media(min-width: 1024px) {
.hero-drag-block .area-right {
width: 55%;
justify-content: flex-start;
padding-left: var(--spacing__14);
padding-bottom: 0
}
}
.hero-drag-block .area-right .text {
font-size: var(--font__size--24);
padding: var(--spacing__08) var(--spacing__05);
left: 0;
position: relative;
-webkit-transition: all 1600ms;
-moz-transition: all 1600ms;
transition: all 1600ms;
transition-timing-function: var(--ease-standard)
}
@media(min-width: 1024px) {
.hero-drag-block .area-right .text {
top: 40%;
font-size: var(--font__size--36);
line-height: var(--font__size--36);
padding: var(--spacing__08) var(--spacing__11) var(--spacing__08) var(--spacing__058)
}
}
.hero-drag-block .area-right .image {
padding: 0 var(--spacing__05)
}
@media(min-width: 1024px) {
.hero-drag-block .area-right .image {
padding: 0 var(--spacing__11) 0 0
}
}
.hero-drag-block .area-right .image figure {
-webkit-transition: width 1600ms;
-moz-transition: width 1600ms;
transition: width 1600ms;
transition-timing-function: var(--ease-standard);
width: 100%
}
@media(min-width: 480px) {
.hero-drag-block .area-right .image figure {
width: 50%
}
}
@media(min-width: 1024px) {
.hero-drag-block .area-right .image figure {
position: absolute;
right: var(--spacing__12);
bottom: var(--spacing__14);
float: right;
width: 0px
}
}
@media(min-width: 1024px) {
.hero-drag-block .area-right.dragged .text {
top: 5%;
left: -2rem
}
.hero-drag-block .area-right.dragged .image figure {
width: 475px
}
}
@media(min-width: 1224px) {
.hero-drag-block .area-right.dragged .image figure {
width: 600px
}
}
@media(min-width: 1441px) {
.hero-drag-block .area-right.dragged .image figure {
width: 650px
}
}
.headline-block {
padding-bottom: var(--spacing__06);
position: relative
}
.headline-block .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.headline-block .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.headline-block .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.headline-block .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.headline-block .container {
padding-left: 0;
padding-right: 0
}
}
.headline-block.block {
padding-top: var(--spacing__06)
}
@media(min-width: 896px) {
.headline-block.block {
margin-top: var(--spacing__14)
}
}
.headline-block.style-1 {
background-image: url("../images/misc/404.png");
background-color: var(--color__purple--800);
border-top: var(--stroke-thin) solid var(--color__blue--800);
border-bottom: var(--stroke-thin) solid var(--color__blue--800)
}
.headline-block.style-1:before {
content: "";
background-color: rgba(3, 31, 48, .57);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media(min-width: 896px) {
.headline-block.style-1 {
border-top: var(--stroke-thick) solid var(--color__blue--800);
border-bottom: var(--stroke-thick) solid var(--color__blue--800)
}
}
.headline-block.style-1 h2 {
color: var(--text-primary-dark);
position: relative
}
.headline-block.style-2 {
background-color: var(--color__purple--800)
}
.headline-block.style-2 h2 {
color: var(--text-primary-dark)
}
.headline-block.style-3 {
background-color: var(--color__purple--100)
}
.headline-block.style-3 h2 {
color: var(--text-primary-light)
}
.headline-block.style-4 {
background-color: var(--color__red--600)
}
.headline-block.style-4 h2 {
color: var(--text-primary-dark)
}
.headline-block.style-5 {
background-color: var(--bg-default)
}
.headline-block h2 {
text-align: center;
font-size: var(--font__size--24)
}
@media(min-width: 896px) {
.headline-block h2 {
font-size: var(--font__size--36)
}
}
.heading-with-image-block.block {
padding-top: 0 !important;
margin-bottom: 0 !important;
position: relative;
overflow: hidden;
min-height: 475px;
min-height: 475px;
background: var(--bg-brand)
}
@media(min-width: 768px) {
.heading-with-image-block.block {
min-height: 605px
}
}
@media(min-width: 1024px) {
.heading-with-image-block.block {
min-height: 810px
}
}
.heading-with-image-block.block .image {
overflow: hidden;
position: absolute;
width: 210%;
height: 100%;
left: -55%;
top: 0
}
@media(min-width: 768px) {
.heading-with-image-block.block .image {
width: 100%;
height: 100%;
left: 0
}
}
.heading-with-image-block.block .image figure {
position: absolute;
width: 100%;
height: 100%;
margin: 0
}
.heading-with-image-block.block .image figure img,
.heading-with-image-block.block .image figure picture {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.heading-with-image-block.block .image figure picture {
width: 100%;
height: 100%
}
.heading-with-image-block.block .image figure .image__responsive {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.heading-with-image-block.block .image .overlay {
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(1, 21, 35, 0.85) 77%);
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1
}
@media(min-width: 768px) {
.heading-with-image-block.block .image .overlay {
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(1, 21, 35, 0.85) 70%)
}
}
.heading-with-image-block.block .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 475px;
padding-top: 88px;
padding-bottom: 0;
margin-top: 0
}
@media(min-width: 768px) {
.heading-with-image-block.block .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.heading-with-image-block.block .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.heading-with-image-block.block .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.heading-with-image-block.block .container {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 768px) {
.heading-with-image-block.block .container {
min-height: 605px
}
}
@media(min-width: 1024px) {
.heading-with-image-block.block .container {
min-height: 810px
}
}
.heading-with-image-block.block .container .block--label {
color: var(--text-primary-dark);
font-size: var(--font__size--18);
margin-bottom: 0;
line-height: var(--font__size--24);
font-family: var(--font__bold)
}
.heading-with-image-block.block .container .block--heading {
color: var(--text-primary-dark);
margin-top: var(--spacing__04);
margin-bottom: 0;
line-height: 1.2;
word-wrap: break-word;
overflow-wrap: break-word;
font-size: var(--font__size--36);
line-height: 40px;
font-family: var(--font__bold);
max-width: 400px
}
.heading-with-image-block.block .container .block--preamble {
color: var(--text-primary-dark);
margin-top: var(--spacing__06);
font-size: var(--font__size--15)
}
@media(min-width: 768px) {
.heading-with-image-block.block .container .block--preamble {
font-size: var(--font__size--18);
max-width: 70%
}
}
@media(min-width: 1024px) {
.heading-with-image-block.block .container .block--preamble {
max-width: 60%
}
}
@media(min-width: 1224px) {
.heading-with-image-block.block .container .block--preamble {
max-width: 50%
}
}
.heading-with-image-block.block .container .cta {
margin-top: var(--spacing__07)
}
.heading-with-image-block.block .container .cta .button__tertiary {
color: var(--text-primary-dark);
background-color: var(--cta-tertiary);
border-color: var(--cta-tertiary)
}
.gated-download-block__wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.gated-download-block__wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.gated-download-block__wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.gated-download-block__wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.gated-download-block__wrapper {
padding-left: 0;
padding-right: 0
}
}
.gated-download-block__wrapper .gated-download-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.gated-download-block__wrapper .gated-download-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.gated-download-block__wrapper .gated-download-block.grid {
display: grid
}
}
.gated-download-block__wrapper .gated-download-block.block {
background: var(--bg-brand);
color: var(--text-primary-dark);
padding: var(--spacing__08) var(--spacing__05);
border-radius: 1var --radius-small;
margin-top: var(--spacing__07)
}
@media(min-width: 1024px) {
.gated-download-block__wrapper .gated-download-block.block {
margin-top: var(--spacing__12);
margin-bottom: var(--spacing__12);
padding: var(--spacing__08);
border-radius: var(--radius-small)
}
}
@media(min-width: 1224px) {
.gated-download-block__wrapper .gated-download-block.block {
padding: var(--spacing__13) var(--spacing__10)
}
}
.gated-download-block__wrapper .gated-download-block .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1224px) {
.gated-download-block__wrapper .gated-download-block .text {
grid-column-end: 6
}
}
.gated-download-block__wrapper .gated-download-block .text .intro {
margin-bottom: var(--spacing__08)
}
.gated-download-block__wrapper .gated-download-block .image {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 0 var(--spacing__06);
display: none
}
@media(min-width: 1024px) {
.gated-download-block__wrapper .gated-download-block .image {
display: block
}
}
@media(min-width: 1441px) {
.gated-download-block__wrapper .gated-download-block .image {
grid-column-start: 7
}
}
.gated-download-block__wrapper .gated-download-block .newsletter-form .form-block {
display: block;
background: var(--bg-brand);
color: var(--text-primary-dark);
padding: 0 0 var(--spacing__08);
text-align: left
}
.gated-download-block__wrapper .gated-download-block .newsletter-form .form-block .Form__MainBody {
max-width: 400px;
margin: 0;
padding: 0
}
.gated-download-block__wrapper .gated-download-block .download-link-container .download__link {
color: var(--text-primary-dark);
display: flex;
align-items: center;
font-size: var(--font__size--16);
text-decoration: none;
position: relative;
padding-right: var(--spacing__07)
}
.gated-download-block__wrapper .gated-download-block .download-link-container .download__link:hover {
text-decoration: underline
}
.gated-download-block__wrapper .gated-download-block .download-link-container .download__link svg {
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 2px
}
.gated-download-block__wrapper .gated-download-block .EPiServerForms .Form__Success__Message {
font-size: 2rem !important
}
.form-block {
grid-row-gap: var(--spacing__06);
display: grid
}
.form-block.block {
margin-top: var(--spacing__08);
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.form-block.block {
margin-top: var(--spacing__12);
margin-bottom: var(--spacing__12)
}
}
.form-block h2 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.form-block h2 {
font-size: var(--font__size--36)
}
}
.form-block:not(.form-fluid) {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 896px) {
.form-block:not(.form-fluid) {
column-gap: var(--gutter__column)
}
}
@media(min-width: 768px) {
.form-block:not(.form-fluid) {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.form-block:not(.form-fluid) {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.form-block:not(.form-fluid) {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.form-block:not(.form-fluid) {
padding-left: 0;
padding-right: 0
}
}
.form-block:not(.form-fluid).col__inverted>.col:first-child {
grid-column: span 12;
grid-row: 1
}
@media(min-width: 896px) {
.form-block:not(.form-fluid).col__inverted>.col:first-child {
grid-column: span 4;
grid-row: 1;
grid-column-start: 8;
grid-column-end: 13
}
}
.form-block:not(.form-fluid).col__inverted>.col:first-child+.col {
grid-column: span 12;
grid-row: 2
}
@media(min-width: 896px) {
.form-block:not(.form-fluid).col__inverted>.col:first-child+.col {
grid-column: span 8;
grid-column-start: 1;
grid-column-end: 7;
grid-row: 1
}
}
.form-block:not(.form-fluid):not(.col__inverted)>.col:first-child {
grid-column: span 12
}
@media(min-width: 896px) {
.form-block:not(.form-fluid):not(.col__inverted)>.col:first-child {
grid-column: span 4
}
}
.form-block:not(.form-fluid):not(.col__inverted)>.col:first-child+.col {
grid-column: span 12
}
@media(min-width: 896px) {
.form-block:not(.form-fluid):not(.col__inverted)>.col:first-child+.col {
grid-column-start: 6;
grid-column-end: 13
}
}
.form-block.form-fluid.col__inverted>.col,
.form-block.form-fluid:not(.col__inverted)>.col {
grid-column: span 12
}
.form-block .col:has(>figure) {
display: none
}
@media(min-width: 896px) {
.form-block .col:has(>figure) {
display: block
}
}
.form-block .half-width-form_element {
grid-column: span 2
}
@media(min-width: 896px) {
.form-block .half-width-form_element {
grid-column: span 1
}
}
.form-block .half-width-form_element .Form__Element {
margin: 0;
background-color: #fff !important;
padding: 0 !important
}
.form-block .half-width-form_element .Form__Element.hide {
display: none
}
.form-block .Form__Description {
margin-bottom: var(--spacing__06) !important;
font-size: var(--font__size--15);
line-height: var(--font__size--21)
}
@media(min-width: 1024px) {
.form-block .Form__Description {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.form-block .Form__MandatoryFields {
margin-bottom: var(--spacing__06)
}
.form-block .mandatory-asterisk {
color: var(--color__red--400)
}
.form-block .FormParagraphText {
line-height: 1.375;
font-size: var(--font__size--15)
}
.form-block .Form__Status__Message.hide {
display: none !important
}
.form-block>.col .has-preamble {
margin-top: var(--spacing__04)
}
.form-block .EPiServerForms section,
.form-block .EPiServerForms fieldset {
width: initial !important;
padding-left: initial !important;
padding-right: initial !important;
margin: 0 !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: var(--spacing__06);
grid-row-gap: var(--spacing__06)
}
.form-block .EPiServerForms section.hide,
.form-block .EPiServerForms fieldset.hide {
display: none
}
.form-block .EPiServerForms section:not(.hide),
.form-block .EPiServerForms fieldset:not(.hide) {
display: grid
}
.form-block .EPiServerForms .Form__Status .Form__Status__Message {
display: inline;
padding: 0;
margin: 0;
line-height: 1.5;
font-size: 12px
}
.form-block .EPiServerForms .Form__Status .Form__Warning__Message {
background-color: rgba(194, 180, 252, .3607843137);
color: var(--text-primary-light)
}
.form-block .EPiServerForms .Form__Status .Form__Warning__Message:after {
content: "";
display: block;
margin-bottom: var(--spacing__06)
}
.form-block .EPiServerForms .Form__Status .Form__Success__Message {
margin: 0;
padding: 0;
font-size: var(--font__size--18);
font-family: var(--font__bold);
background-color: initial
}
.form-block .EPiServerForms .FormStep__Title,
.form-block .EPiServerForms .FormStep__Description {
grid-column: span 2
}
.form-block .EPiServerForms .FormStep__Title {
font-family: var(--font__bold);
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
.form-block .EPiServerForms .FormStep__Description {
margin-bottom: 0 !important;
margin-top: -18px;
line-height: 1.375
}
.form-block .EPiServerForms .Form__Element {
position: relative;
margin: 0;
grid-column: span 2
}
.form-block .EPiServerForms .Form__Element.ValidationFail input[type=text],
.form-block .EPiServerForms .Form__Element.ValidationFail input[type=number],
.form-block .EPiServerForms .Form__Element.ValidationFail input[type=url],
.form-block .EPiServerForms .Form__Element.ValidationFail input[type=tel],
.form-block .EPiServerForms .Form__Element.ValidationFail input[type=date],
.form-block .EPiServerForms .Form__Element.ValidationFail textarea {
outline: 1px solid var(--color__red--400) !important
}
.form-block .EPiServerForms .Form__Element.FormCaptcha {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-column-gap: var(--spacing__06);
position: relative
}
@media(min-width: 768px) {
.form-block .EPiServerForms .Form__Element.FormCaptcha {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
.form-block .EPiServerForms .Form__Element.FormCaptcha label {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2
}
.form-block .EPiServerForms .Form__Element.FormCaptcha img {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
border-radius: var(--radius-xsmall);
height: 46px;
width: 100%
}
@media(min-width: 768px) {
.form-block .EPiServerForms .Form__Element.FormCaptcha img {
grid-column-start: 1;
grid-column-end: 2
}
}
.form-block .EPiServerForms .Form__Element.FormCaptcha .Form__Element__ValidationError {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 3;
grid-row-end: 4
}
.form-block .EPiServerForms .Form__Element.FormCaptcha button[type=submit] {
position: absolute;
bottom: 0;
right: 0;
width: 46px !important;
height: 46px !important;
font-size: 0px !important;
background-color: rgba(0, 0, 0, 0) !important;
border-color: rgba(0, 0, 0, 0) !important;
border-radius: 0 !important
}
.form-block .EPiServerForms .Form__Element.FormCaptcha button[type=submit]:after {
content: "";
background-image: url("../images/icons/refresh-black.svg");
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center center
}
.form-block .EPiServerForms .Form__Element.FormCaptcha input {
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 3
}
@media(min-width: 768px) {
.form-block .EPiServerForms .Form__Element.FormCaptcha input {
grid-column-start: 2;
grid-column-end: 4
}
}
.form-block .EPiServerForms .Form__Element.FormCaptcha.ValidationFail button[type=submit]:after {
top: -21px
}
.form-block .EPiServerForms .Form__Element.Hidden {
display: none
}
.form-block .EPiServerForms .Form__Element .visually-hidden {
margin: 0 !important;
width: 0 !important;
height: 0 !important;
display: none !important
}
.form-block .EPiServerForms .Form__Element .Form__Element__Caption {
display: flex;
font-size: 15px;
color: var(--text-primary-light);
font-family: var(--font__bold);
margin-bottom: 6px
}
.form-block .EPiServerForms .Form__Element .phone-input-wrapper {
display: flex
}
.form-block .EPiServerForms .Form__Element .phone-input-wrapper .form-select {
width: 35%;
margin-right: var(--spacing__03);
position: static
}
.form-block .EPiServerForms .Form__Element .phone-input-wrapper .form-select .form-list-wrapper {
width: max-content
}
.form-block .EPiServerForms .Form__Element .phone-input-wrapper .form-select .form-list-wrapper .form-list {
max-height: 230px
}
.form-block .EPiServerForms .Form__Element .phone-input-wrapper .form-select:not(.above) .form-list-wrapper {
top: calc(100% + var(--spacing__03))
}
@media(max-width: 1024px) {
.form-block .EPiServerForms .Form__Element .phone-input-wrapper .form-select .form-list-wrapper {
width: 100%
}
.form-block .EPiServerForms .Form__Element .phone-input-wrapper .form-select .form-list-wrapper .form-list {
max-height: 142px
}
.form-block .EPiServerForms .Form__Element .phone-input-wrapper .form-select.expanded .form-list-wrapper {
max-height: 282px
}
}
.form-block .EPiServerForms .Form__Element .phone-input-wrapper select {
display: none !important
}
.form-block .EPiServerForms .Form__Element input[type=text],
.form-block .EPiServerForms .Form__Element input[type=password],
.form-block .EPiServerForms .Form__Element input[type=number],
.form-block .EPiServerForms .Form__Element input[type=tel],
.form-block .EPiServerForms .Form__Element input[type=date],
.form-block .EPiServerForms .Form__Element input[type=url],
.form-block .EPiServerForms .Form__Element textarea {
font-family: inherit;
padding: 14px 16px 14px 16px;
font-size: 15px;
border-radius: var(--radius-xsmall);
border: var(--stroke-thin) solid var(--color__grey--700);
background-color: var(--bg-default);
width: 100%;
box-sizing: border-box
}
.form-block .EPiServerForms .Form__Element input[type=text]:focus,
.form-block .EPiServerForms .Form__Element input[type=text]:focus-visible,
.form-block .EPiServerForms .Form__Element input[type=password]:focus,
.form-block .EPiServerForms .Form__Element input[type=password]:focus-visible,
.form-block .EPiServerForms .Form__Element input[type=number]:focus,
.form-block .EPiServerForms .Form__Element input[type=number]:focus-visible,
.form-block .EPiServerForms .Form__Element input[type=tel]:focus,
.form-block .EPiServerForms .Form__Element input[type=tel]:focus-visible,
.form-block .EPiServerForms .Form__Element input[type=date]:focus,
.form-block .EPiServerForms .Form__Element input[type=date]:focus-visible,
.form-block .EPiServerForms .Form__Element input[type=url]:focus,
.form-block .EPiServerForms .Form__Element input[type=url]:focus-visible,
.form-block .EPiServerForms .Form__Element textarea:focus,
.form-block .EPiServerForms .Form__Element textarea:focus-visible {
outline: 1px solid var(--color__purple--400)
}
.form-block .EPiServerForms .Form__Element input[type=text]::placeholder,
.form-block .EPiServerForms .Form__Element input[type=password]::placeholder,
.form-block .EPiServerForms .Form__Element input[type=number]::placeholder,
.form-block .EPiServerForms .Form__Element input[type=tel]::placeholder,
.form-block .EPiServerForms .Form__Element input[type=date]::placeholder,
.form-block .EPiServerForms .Form__Element input[type=url]::placeholder,
.form-block .EPiServerForms .Form__Element textarea::placeholder {
color: var(--color__grey--600)
}
.form-block .EPiServerForms .Form__Element select {
width: 100%;
height: 48px;
position: absolute;
bottom: 0;
z-index: 1;
opacity: 0
}
@media(min-width: 896px) {
.form-block .EPiServerForms .Form__Element select {
display: none
}
}
.form-block .EPiServerForms .Form__Element .FormRange>span {
display: flex;
align-items: center;
font-family: inherit
}
.form-block .EPiServerForms .Form__Element .FormRange>span input {
cursor: grab;
margin: 0 var(--spacing__04);
flex-grow: 1;
max-width: initial;
filter: hue-rotate(40deg)
}
.form-block .EPiServerForms .Form__Element .FormRange>span input:active {
cursor: grabbing
}
.form-block .EPiServerForms .Form__Element textarea {
resize: vertical;
min-height: 150px
}
.form-block .EPiServerForms .Form__Element button[type=submit] {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
font-size: var(--font__size--15);
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
line-height: 1;
transition: var(--duration-large) var(--ease-standard);
font-family: var(--font__bold);
height: 36px;
padding: 0 1.5rem;
background-color: var(--color__purple--100);
border: var(--stroke-thick) solid var(--color__purple--100);
color: var(--text-primary-light);
width: 100%
}
.form-block .EPiServerForms .Form__Element button[type=submit]:disabled,
.form-block .EPiServerForms .Form__Element button[type=submit].disabled {
color: var(--color__grey--800);
background-color: var(--color__grey--400);
border-color: var(--color__grey--400)
}
.form-block .EPiServerForms .Form__Element button[type=submit].disabled {
pointer-events: none
}
.form-block .EPiServerForms .Form__Element button[type=submit]:not([disabled]):hover {
background-color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.form-block .EPiServerForms .Form__Element button[type=submit]:not([disabled]):focus {
background-color: var(--color__purple--200);
border-color: var(--color__purple--200)
}
.form-block .EPiServerForms .Form__Element button[type=submit]:not([disabled]):active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400);
color: var(--text-primary-dark)
}
.form-block .EPiServerForms .Form__Element input[type=reset] {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
font-size: var(--font__size--15);
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
line-height: 1;
transition: var(--duration-large) var(--ease-standard);
font-family: var(--font__bold);
height: 36px;
padding: 0 1.5rem;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__blue--800);
color: var(--text-primary-light);
width: 100%
}
.form-block .EPiServerForms .Form__Element input[type=reset]:disabled,
.form-block .EPiServerForms .Form__Element input[type=reset].disabled {
color: var(--color__grey--800);
background-color: var(--color__grey--400);
border-color: var(--color__grey--400)
}
.form-block .EPiServerForms .Form__Element input[type=reset].disabled {
pointer-events: none
}
.form-block .EPiServerForms .Form__Element input[type=reset]:hover {
background-color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.form-block .EPiServerForms .Form__Element input[type=reset]:focus {
background-color: var(--color__purple--200);
border-color: var(--color__purple--200)
}
.form-block .EPiServerForms .Form__Element input[type=reset]:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400);
color: var(--text-primary-dark)
}
.form-block .EPiServerForms .Form__Element button[type=submit],
.form-block .EPiServerForms .Form__Element input[type=reset] {
min-height: 48px;
height: auto;
line-height: var(--font__size--18)
}
@media(min-width: 896px) {
.form-block .EPiServerForms .Form__Element button[type=submit],
.form-block .EPiServerForms .Form__Element input[type=reset] {
width: fit-content;
display: inline-block;
float: left;
clear: none
}
}
@media(min-width: 896px) {
.form-block .EPiServerForms .Form__Element .buttons-wrapper button[type=submit] {
max-width: 50%
}
}
.form-block .EPiServerForms .Form__Element .buttons-wrapper input[type=reset] {
margin-top: var(--spacing__06)
}
@media(min-width: 896px) {
.form-block .EPiServerForms .Form__Element .buttons-wrapper input[type=reset] {
margin-top: unset;
margin-left: var(--spacing__05)
}
}
.form-block .EPiServerForms .Form__Element .FormRecaptcha {
display: none
}
.form-block .EPiServerForms .Form__Element .Form__Element__ValidationError {
margin-top: 6px;
font-size: var(--font__size--12);
color: var(--color__red--400)
}
.form-block .EPiServerForms .Form__Element .ValidationRequired legend:after,
.form-block .EPiServerForms .Form__Element .ValidationRequired .Form__Element__Caption:after {
content: "*";
color: var(--color__red--400)
}
.form-block .EPiServerForms .Form__Element .FormChoice--Image .FormChoice--Image__Item {
max-width: initial;
text-align: initial;
margin: 0 0 6px 0;
display: flex;
gap: 12px;
align-items: center;
font-size: 15px;
cursor: pointer
}
.form-block .EPiServerForms .Form__Element .FormChoice--Image .FormChoice--Image__Item:last-of-type {
margin-bottom: 0
}
.form-block .EPiServerForms .Form__Element .FormChoice--Image .FormChoice--Image__Item span {
order: 2
}
.form-block .EPiServerForms .Form__Element .FormChoice--Image .FormChoice--Image__Item img {
order: 1
}
.form-block .EPiServerForms .Form__Element .FormChoice--Image .FormChoice__Input:checked~span {
font-family: var(--font__bold)
}
.form-block .EPiServerForms .Form__Element .FormChoice--Image .FormChoice__Input:checked~img {
border: var(--stroke-thick) solid var(--color__purple--400)
}
.form-block .EPiServerForms .Form__Element .FormChoice--Image img {
border-radius: 50%;
width: 40px;
height: 40px;
border: var(--stroke-thick) solid var(--color__grey--400)
}
.form-block .EPiServerForms .Form__Element .FormChoice--Image span {
line-height: 1.375
}
.form-block .EPiServerForms .Form__Element .FormAddressElement input {
margin-bottom: var(--spacing__06)
}
.form-block .EPiServerForms .Form__Element .FormAddressElement input:last-of-type {
margin-bottom: 0
}
.form-block .EPiServerForms .Form__Element .FormDateTimeRange {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: var(--spacing__06)
}
.form-block .EPiServerForms .Form__Element .FormDateTimeRange .FormDateTimeRange_Seperator {
display: none
}
.form-block .EPiServerForms .Form__Element .FormDateTimeRange input {
grid-column: span 1
}
.form-block .EPiServerForms .Form__Element .FormDateTimeRange .Form__Element__ValidationError {
grid-column: span 2
}
.form-block .EPiServerForms .Form__Element .frc-captcha {
border: none;
font-family: inherit;
padding-bottom: 0px;
max-width: 100%;
width: 16.25rem
}
.form-block .EPiServerForms .Form__Element .frc-captcha .frc-container {
min-height: auto;
gap: .5rem
}
.form-block .EPiServerForms .Form__Element .frc-captcha .frc-content {
margin: 0
}
.form-block .EPiServerForms .Form__Element .frc-captcha .frc-text {
display: block;
font-size: var(--font__size--12);
margin: 0
}
.form-block .EPiServerForms .Form__Element .frc-captcha .frc-icon {
margin: 0;
width: 20px
}
.form-block .EPiServerForms .Form__Element .frc-captcha .frc-button,
.form-block .EPiServerForms .Form__Element .frc-captcha .frc-banner {
display: none
}
.form-block .EPiServerForms .Form__Element .FormChoice fieldset>div {
position: relative;
margin-bottom: var(--spacing__05)
}
.form-block .EPiServerForms .Form__Element .FormChoice label {
cursor: pointer;
padding-left: 35px;
color: var(--text-primary-light);
font-size: var(--font__size--15);
border: none !important
}
.form-block .EPiServerForms .Form__Element .FormChoice label:first-of-type~label {
margin-top: .5rem
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=radio],
.form-block .EPiServerForms .Form__Element .FormChoice input[type=checkbox] {
position: absolute;
top: 0;
left: 0
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=radio] {
width: 0;
height: 0;
margin: 0 30px 0 0;
padding: 0;
appearance: none
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=radio]:before {
content: "";
display: inline-flex;
width: 20px;
height: 20px;
cursor: pointer;
background-image: url("../images/icons/circle-gray.svg")
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=radio]:hover:before {
background-image: url("../images/icons/circle-dark-gray.svg")
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=radio]:checked:before {
background-image: url("../images/icons/dubble-circle-purple.svg")
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=checkbox] {
width: 0;
height: 0;
margin: 0 30px 0 0;
padding: 0;
appearance: none;
-moz-appearance: none
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=checkbox]:before {
content: "";
display: inline-flex;
width: 20px;
height: 20px;
cursor: pointer;
background-image: url("../images/icons/square-light-gray.svg")
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=checkbox]:hover:before {
background-image: url("../images/icons/square-dark-gray.svg")
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=checkbox]:checked:before {
background-image: url("../images/icons/checked-box-dark-purple.svg")
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=checkbox]:focus,
.form-block .EPiServerForms .Form__Element .FormChoice input[type=checkbox]:focus-visible {
outline: none
}
.form-block .EPiServerForms .Form__Element .FormChoice input[type=checkbox]:focus+.FormChoice__Label,
.form-block .EPiServerForms .Form__Element .FormChoice input[type=checkbox]:focus-visible+.FormChoice__Label {
outline: 2px solid var(--color__purple--400);
outline-offset: 8px;
height: 100%
}
.form-block .EPiServerForms .FormParagraphText p {
color: var(--text-primary-light)
}
.form-block .EPiServerForms .Form__NavigationBar {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: var(--spacing__06);
grid-row-gap: var(--spacing__04);
margin-top: var(--spacing__08)
}
.form-block .EPiServerForms .Form__NavigationBar button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
background-image: none;
vertical-align: initial;
text-align: initial;
border-radius: initial;
height: initial;
width: initial;
max-width: initial;
grid-column: span 1;
grid-row: 2;
white-space: nowrap;
color: var(--text-primary-light);
font-size: var(--font__size---18)
}
.form-block .EPiServerForms .Form__NavigationBar button.btnPrev {
justify-content: flex-start
}
.form-block .EPiServerForms .Form__NavigationBar button.btnPrev:before {
content: "";
width: 20px;
height: 20px;
background-image: url("../images/icons/less-then-black.svg");
margin-right: 2px
}
.form-block .EPiServerForms .Form__NavigationBar button.btnNext {
justify-content: flex-end
}
.form-block .EPiServerForms .Form__NavigationBar button.btnNext:after {
content: "";
width: 20px;
height: 20px;
background-image: url("../images/icons/greater-then-black.svg");
margin-left: 2px
}
.form-block .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar {
grid-row: 1;
grid-column: span 2;
border: none;
width: auto;
background-color: var(--bg-subtle)
}
.form-block .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Progress {
background-color: var(--color__purple--400);
height: 2px
}
.form-block .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Text {
display: none
}
.form-block .form-select {
font-family: inherit;
font-size: 15px;
border-radius: var(--radius-xsmall);
border: var(--stroke-thin) solid var(--color__grey--700);
background-color: var(--bg-default);
width: 100%;
box-sizing: border-box;
position: relative
}
.form-block .form-select.has-selection .form-header span {
color: var(--text-primary-light)
}
.form-block .form-select:focus,
.form-block .form-select:focus-visible {
outline: 1px solid var(--color__purple--400)
}
.form-block .form-select .form-header {
padding: 14px 16px 14px 16px;
display: flex;
justify-content: space-between;
align-items: center
}
.form-block .form-select .form-header span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--color__grey--600);
margin-right: var(--spacing__04)
}
.form-block .form-select .form-header svg {
transition: .3s var(--ease-standard);
width: 1rem;
height: 1rem;
flex-shrink: 0
}
.form-block .form-select .form-list-wrapper {
overflow: hidden;
position: absolute;
top: calc(100% + var(--spacing__04));
left: 0;
width: 100%;
z-index: 1;
max-height: 0;
transition: .3s var(--ease-standard);
box-shadow: var(--elavation__04)
}
.form-block .form-select .form-list {
overflow-y: auto;
max-height: 192px;
border-radius: var(--radius-xsmall);
border: var(--stroke-thin) solid var(--color__grey--700)
}
@media(min-width: 896px) {
.form-block .form-select .form-list {
max-height: 282px
}
}
.form-block .form-select ul {
list-style: none;
margin: 0;
padding: 0;
background-color: #fff;
border-radius: var(--radius-large);
box-shadow: var(--elavation__04)
}
.form-block .form-select ul li {
padding: 14px 16px 14px 16px;
font-size: inherit;
display: flex;
align-items: center
}
.form-block .form-select ul li>* {
pointer-events: none
}
.form-block .form-select ul li:hover {
background-color: var(--color__grey--200)
}
.form-block .form-select ul li .checkbox {
display: block;
width: 20px;
height: 20px;
cursor: pointer;
background-image: url("../images/icons/square-light-gray.svg");
margin-right: var(--spacing__04)
}
.form-block .form-select ul li>span,
.form-block .form-select ul li .textbox {
color: var(--color__blue--900)
}
.form-block .form-select ul li[data-type=js-single-select].selected {
background-color: var(--color__purple--400);
color: var(--text-primary-dark)
}
.form-block .form-select ul li[data-type=js-multi-select].selected .checkbox {
background-image: url("../images/icons/checked-box-dark-purple.svg")
}
.form-block .form-select.expanded {
border: var(--stroke-thin) solid var(--color__purple--400)
}
.form-block .form-select.expanded .form-header:after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.form-block .form-select.expanded .form-header svg {
transform: rotate(180deg)
}
.form-block .form-select.expanded .form-list-wrapper {
transition: .3s var(--ease-standard);
max-height: 192px
}
@media(min-width: 896px) {
.form-block .form-select.expanded .form-list-wrapper {
max-height: 282px
}
}
.form-block .form-select.above .form-list-wrapper {
top: initial;
bottom: calc(90% + var(--spacing__04))
}
.modal-form-block .form-block .EPiServerForms .Form__Element .buttons-wrapper button[type=submit] {
max-width: 100%
}
.newsletter-form {
width: 100%
}
.newsletter-form .form-block {
display: block;
max-width: 1300px;
background: var(--bg-brand);
color: var(--text-primary-dark);
padding: var(--spacing__08) var(--spacing__05);
text-align: center
}
.newsletter-form .form-block .col {
max-width: 640px;
margin: 0 auto
}
.newsletter-form .form-block h2 {
margin-bottom: var(--spacing__06);
font-size: var(--font__size--24)
}
@media(min-width: 1024px) {
.newsletter-form .form-block h2 {
font-size: var(--font__size--36);
margin-bottom: var(--spacing__08)
}
}
.newsletter-form .form-block .preamble {
margin-bottom: var(--spacing__06);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.newsletter-form .form-block .preamble {
font-size: var(--font__size--18);
margin-bottom: var(--spacing__08)
}
}
.newsletter-form .form-block .Form__Description {
font-size: var(--font__size--15);
max-width: 500px;
margin: 0 auto
}
@media(min-width: 1024px) {
.newsletter-form .form-block .Form__Description {
font-size: var(--font__size--18)
}
}
.newsletter-form .form-block .Form__MainBody {
max-width: 500px;
margin: 0 auto var(--spacing__04);
padding: 0 var(--spacing__05)
}
.newsletter-form .form-block .EPiServerForms .Form__Element:first-child label {
display: none
}
.newsletter-form .form-block .EPiServerForms .Form__Element .Form__Element__Caption {
color: var(--text-primary-dark)
}
.newsletter-form .form-block .EPiServerForms .Form__Element input[type=text],
.newsletter-form .form-block .EPiServerForms .Form__Element input[type=number],
.newsletter-form .form-block .EPiServerForms .Form__Element input[type=tel],
.newsletter-form .form-block .EPiServerForms .Form__Element input[type=date],
.newsletter-form .form-block .EPiServerForms .Form__Element input[type=url],
.newsletter-form .form-block .EPiServerForms .Form__Element textarea {
border-radius: var(--radius-pill)
}
.newsletter-form .form-block .EPiServerForms .Form__Element button[type=submit] {
width: 32px;
height: 32px;
min-height: 32px;
right: 8px;
top: 8px;
grid-column: span 2;
display: inline;
position: absolute;
text-indent: -99999px;
padding: 0;
background: var(--color__purple--400);
border: none
}
@media(min-width: 1024px) {
.newsletter-form .form-block .EPiServerForms .Form__Element button[type=submit] {
right: 5px;
top: 5px;
width: 36px;
height: 36px;
min-height: 36px
}
}
.newsletter-form .form-block .EPiServerForms .Form__Element button[type=submit]:before {
right: 4px;
top: 7px;
content: "";
display: inline-flex;
width: 20px;
height: 20px;
cursor: pointer;
text-indent: 0;
position: absolute;
background-image: url("../images/icons/greater-then-white.svg")
}
@media(min-width: 1024px) {
.newsletter-form .form-block .EPiServerForms .Form__Element button[type=submit]:before {
right: 6px;
top: 9px
}
}
.newsletter-form .form-block .EPiServerForms .Form__Element .FormChoice .Form__Element__Caption {
text-align: left
}
.newsletter-form .form-block .EPiServerForms .Form__Element .FormChoice label {
display: block;
text-align: left;
color: var(--text-primary-dark)
}
.newsletter-form .form-block .EPiServerForms .Form__Element .FormParagraphText {
font-size: var(--font__size--12)
}
.newsletter-form .form-block .EPiServerForms .Form__Element .FormParagraphText p {
color: var(--text-primary-dark)
}
.newsletter-form .form-block .EPiServerForms .Form__Element .FormParagraphText a {
color: var(--text-primary-dark)
}
.newsletter-form .form-block .EPiServerForms .Form__Element .FormParagraphText a:hover {
color: var(--color__blue--100)
}
.newsletter-form .form-block .EPiServerForms .Form__Element .frc-captcha {
padding: .5rem
}
.newsletter-form .form-block .EPiServerForms .Form__Success__Message {
color: #fff
}
.newsletter-form__block .form-block .EPiServerForms .Form__Element .FormChoice label {
opacity: 60%
}
@media(min-width: 1024px) {
.footer .newsletter-form {
margin-top: -4.5rem
}
}
.footer .newsletter-form .form-block {
width: 100%;
padding: 0;
margin: 0
}
@media(min-width: 1024px) {
.footer .newsletter-form .form-block {
text-align: left
}
.footer .newsletter-form .form-block h2 {
font-size: var(--font__size--18);
margin-bottom: var(--spacing__06)
}
.footer .newsletter-form .form-block .Form__MainBody {
min-width: 345px;
max-width: 345px;
padding: 0
}
}
.footer .newsletter-form .form-block .EPiServerForms .Form__Element button[type=submit] {
width: 32px;
height: 32px;
min-height: 32px;
right: 8px;
top: 8px
}
.footer .newsletter-form .form-block .EPiServerForms .Form__Element button[type=submit]:before {
right: 4px;
top: 7px
}
.contact-card-form {
width: 100%
}
.contact-card-form .form-block {
display: block
}
.contact-card-form .form-block.block {
margin: 0;
padding-top: 0
}
.contact-card-form .form-block h2 {
margin-bottom: var(--spacing__06);
font-size: var(--font__size--24)
}
@media(min-width: 1024px) {
.contact-card-form .form-block h2 {
font-size: var(--font__size--30)
}
}
.contact-card-form .form-block .preamble {
margin-bottom: var(--spacing__06);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.contact-card-form .form-block .preamble {
font-size: var(--font__size--18)
}
}
.contact-card-form .form-block .EPiServerForms .Form__Element:first-child label {
display: none
}
.contact-card-form .form-block .EPiServerForms .Form__Element input[type=text],
.contact-card-form .form-block .EPiServerForms .Form__Element input[type=number],
.contact-card-form .form-block .EPiServerForms .Form__Element input[type=tel],
.contact-card-form .form-block .EPiServerForms .Form__Element input[type=Date],
.contact-card-form .form-block .EPiServerForms .Form__Element input[type=url],
.contact-card-form .form-block .EPiServerForms .Form__Element textarea {
border-radius: var(--radius-pill);
padding: 16px
}
@media(min-width: 1024px) {
.contact-card-form .form-block .EPiServerForms .Form__Element input[type=text],
.contact-card-form .form-block .EPiServerForms .Form__Element input[type=number],
.contact-card-form .form-block .EPiServerForms .Form__Element input[type=tel],
.contact-card-form .form-block .EPiServerForms .Form__Element input[type=Date],
.contact-card-form .form-block .EPiServerForms .Form__Element input[type=url],
.contact-card-form .form-block .EPiServerForms .Form__Element textarea {
padding: 18px 16px 18px 16px
}
}
.contact-card-form .form-block .EPiServerForms .Form__Element button[type=submit] {
width: fit-content;
min-height: 42px;
grid-column: span 2;
padding: 0 var(--spacing__06);
background: var(--color__purple--100);
border: none
}
@media(min-width: 1024px) {
.contact-card-form .form-block .EPiServerForms .Form__Element button[type=submit] {
min-height: 46px
}
}
.contact-card-form .form-block .EPiServerForms .Form__Element .FormChoice .Form__Element__Caption {
text-align: left
}
.contact-card-form .form-block .EPiServerForms .Form__Element .FormChoice label {
display: block;
text-align: left
}
.contact-card-form .form-block .EPiServerForms .Form__Element .FormParagraphText {
font-size: var(--font__size--12)
}
.contact-card-form .form-block .EPiServerForms .Form__Element .frc-captcha {
padding: .5rem
}
.contact-card-form__block .form-block .EPiServerForms .Form__Element .FormChoice label {
opacity: 60%
}
body .ui-datepicker .ui-datepicker-header {
margin: 0;
padding: 0
}
body .ui-widget-header {
border-radius: var(--radius-large);
border: var(--stroke-thin) solid var(--color__grey--400);
background: var(--color__grey--200);
overflow: hidden
}
body .ui-datepicker .ui-datepicker-next {
cursor: pointer;
top: 0;
right: 0;
background-image: url("../images/icons/greater-then-black.svg");
background-repeat: no-repeat;
background-position: center center
}
body .ui-datepicker .ui-datepicker-prev {
cursor: pointer;
top: 0;
left: 0;
background-image: url("../images/icons/less-then-black.svg");
background-repeat: no-repeat;
background-position: center center
}
body .ui-datepicker .ui-datepicker-prev-hover,
body .ui-datepicker .ui-datepicker-next-hover {
border: none;
background-color: none
}
body .ui-datepicker td {
width: 12.5%;
box-sizing: border-box
}
body .ui-widget.ui-widget-content {
padding: var(--spacing__04);
box-sizing: border-box;
border: var(--stroke-thin) solid var(--color__purple--400);
border-radius: var(--spacing__04);
background-color: var(--bg-subtle)
}
body .ui-widget-content a:not([href]) {
margin-top: initial;
padding-top: initial
}
body .ui-widget-content .ui-state-default {
border: var(--stroke-thin) solid var(--color__purple--400);
background: var(--bg-default);
font-weight: normal;
color: var(--text-primary-light);
text-align: center;
font-family: inherit
}
body .ui-widget-content .ui-state-default:hover {
background: var(--color__purple--100)
}
body .ui-widget-content .ui-state-default.ui-state-highlight {
background: var(--color__purple--400);
color: var(--text-primary-dark)
}
body .ui-datepicker table {
margin: 0 0 12px 0
}
body .ui-datepicker .TimePicker {
margin: 0;
display: flex;
justify-content: space-between
}
body .ui-datepicker .ui-datepicker-title select {
font-family: inherit;
border: var(--stroke-thin) solid var(--color__purple--400);
border-radius: var(--radius-small);
font-size: 15px;
margin: 0;
padding: 4px
}
.pricing-table {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.pricing-table {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.pricing-table {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.pricing-table {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.pricing-table {
padding-left: 0;
padding-right: 0
}
}
.pricing-table .header-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: var(--spacing__09);
column-gap: var(--spacing__06);
row-gap: var(--spacing__06);
flex-direction: column
}
@media(min-width: 896px) {
.pricing-table .header-wrapper {
flex-direction: row;
margin-bottom: var(--spacing__13)
}
}
.pricing-table .header-wrapper button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
align-items: center;
flex-shrink: 0;
display: none
}
@media(min-width: 896px) {
.pricing-table .header-wrapper button {
display: flex
}
}
.pricing-table .header-wrapper button>* {
pointer-events: none
}
.pricing-table .header-wrapper button span {
text-decoration: underline;
color: var(--text-primary-light);
margin-right: var(--spacing__04)
}
.pricing-table .header-wrapper button .linkbutton__icon {
width: 24px;
height: 24px
}
@media(min-width: 896px) {
.pricing-table .header-wrapper button .linkbutton__icon {
width: 36px;
height: 36px
}
}
.pricing-table .header-wrapper button .linkbutton__icon:before {
background-size: 100%;
background-repeat: no-repeat
}
.pricing-table table {
text-align: left;
position: relative;
border-collapse: collapse;
width: 100%
}
.pricing-table table:first-of-type {
margin-top: var(--spacing__09)
}
.pricing-table table tbody::after {
content: "";
display: table-row;
height: var(--spacing__09)
}
.pricing-table th,
.pricing-table td {
padding: var(--spacing__04) 0
}
@media(min-width: 896px) {
.pricing-table th,
.pricing-table td {
padding: var(--spacing__05) var(--spacing__06)
}
}
.pricing-table td:not(:first-child) {
width: auto
}
.pricing-table td:nth-child(2):nth-last-child(1) {
width: 40%
}
.pricing-table td:nth-child(2):nth-last-child(2),
.pricing-table td:nth-child(2):nth-last-child(2)~td {
width: 25%
}
.pricing-table td:nth-child(2):nth-last-child(3),
.pricing-table td:nth-child(2):nth-last-child(3)~td {
width: 20%
}
.pricing-table td:nth-child(2):nth-last-child(4),
.pricing-table td:nth-child(2):nth-last-child(4)~td {
width: 15%
}
.pricing-table thead th {
font-size: var(--font__size--12);
background-color: #fff;
z-index: 2;
font-family: var(--font__bold)
}
@media(min-width: 768px) {
.pricing-table thead th {
font-size: var(--font__size--18)
}
}
@media(min-width: 896px) {
.pricing-table thead th {
font-size: var(--font__size--24)
}
}
.pricing-table thead th:first-child~th {
text-align: center
}
.pricing-table tr {
border-bottom: var(--stroke-thin) solid var(--color__grey--500)
}
.pricing-table tr td:first-child~td {
text-align: center;
position: sticky;
top: 0
}
.pricing-table tr td:first-child {
font-size: var(--font__size--12)
}
@media(min-width: 896px) {
.pricing-table tr td:first-child {
font-size: var(--font__size--18)
}
}
.pricing-table td {
font-size: var(--font__size--12);
vertical-align: middle
}
@media(min-width: 896px) {
.pricing-table td {
font-size: var(--font__size--18)
}
}
.pricing-table td svg {
width: 1rem;
height: 1rem
}
@media(min-width: 768px) {
.pricing-table td svg {
width: 1.5rem;
height: 1.5rem
}
}
@media(min-width: 896px) {
.pricing-table td svg {
width: 2rem;
height: 2rem
}
}
.pricing-table td svg.icon__checkmark {
fill: var(--color__purple--400)
}
.pricing-table td svg.icon__cross {
fill: var(--color__red--400)
}
.pricing-table th {
background: #fff;
position: sticky;
top: 99px
}
@media print {
body.print-feature-comparison .block:not(.pricing-table) {
display: none !important
}
body.print-feature-comparison section {
display: none !important
}
body.print-feature-comparison .pricing-table {
display: block !important;
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #fff;
padding: 0;
margin: 0;
page-break-inside: avoid
}
body.print-feature-comparison .pricing-table table {
table-layout: fixed;
page-break-inside: auto;
width: 100%;
border-collapse: collapse
}
body.print-feature-comparison .pricing-table thead {
display: table-header-group
}
body.print-feature-comparison .pricing-table tbody {
display: table-row-group
}
body.print-feature-comparison .pricing-table tr {
page-break-inside: avoid;
page-break-after: auto
}
body.print-feature-comparison .pricing-table th,
body.print-feature-comparison .pricing-table td {
padding: 20px;
width: auto;
text-align: left
}
body.print-feature-comparison .pricing-table th {
position: static !important;
top: auto !important;
background: #fff !important
}
body.print-feature-comparison .pricing-table .table-print {
display: none !important
}
@page {
body.print-feature-comparison {
margin: 10mm
}
}
}
.facts-block {
padding-top: var(--spacing__09);
color: var(--text-primary-light);
position: relative
}
@media(min-width: 1024px) {
.facts-block {
min-height: 600px
}
}
.facts-block .dropdown {
width: auto;
display: inline-block;
position: relative;
z-index: 100
}
.facts-block .dropdown .dropdown__filter-selected {
display: block;
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.facts-block .dropdown .dropdown__filter-selected {
font-size: var(--font__size--18)
}
}
.facts-block .dropdown .dropdown__switch:checked+.dropdown__options-filter .dropdown__select {
transform: scaleY(1);
opacity: 1;
border: 1.5px solid var(--text-primary-light);
box-sizing: border-box
}
.facts-block .dropdown .dropdown__switch:checked+.dropdown__options-filter .dropdown__filter::after {
transform: rotate(-135deg)
}
.facts-block .dropdown__options-filter {
width: 100%;
cursor: pointer
}
.facts-block .dropdown__filter {
position: relative;
width: 100%;
padding: var(--spacing__05);
margin-top: var(--spacing__07);
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0);
border-radius: var(--radius-small);
font-size: var(--font__size--14);
border: 1.5px solid var(--text-primary-light);
transition: .3s;
list-style-type: none;
min-width: 200px
}
.facts-block .dropdown__filter:focus {
outline: none
}
.facts-block .dropdown__filter::after {
position: absolute;
top: 45%;
right: 20px;
content: "";
width: 7px;
height: 7px;
border-right: var(--stroke-thin) solid var(--text-primary-light);
border-bottom: var(--stroke-thin) solid var(--text-primary-light);
transform: rotate(45deg) translateX(-45%);
transition: var(--duration-large) var(--ease-standard)
}
.facts-block .dropdown__select {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: 5px;
overflow: hidden;
transform: scaleY(0);
transform-origin: top;
border-radius: var(--radius-small);
opacity: 0;
transition: var(--duration-large) var(--ease-standard);
padding-left: 0px;
background-color: #fff;
z-index: 101
}
.facts-block .dropdown__select-option {
color: var(--text-primary-light);
transition: .3s
}
.facts-block .dropdown__select-option div {
padding: 10px;
border-radius: 2px;
color: var(--text-primary-light);
margin: 0px 7px 7px 7px;
font-size: var(--font__size--15)
}
.facts-block .dropdown__select-option div:hover {
background-color: var(--color__grey--200)
}
.facts-block .dropdown__select-option div:active {
background-color: var(--bg-brand);
color: #fff
}
.facts-block .dropdown__select-option:first-of-type div {
margin-top: 15px
}
.facts-block .dropdown__select-option:last-of-type {
border-bottom: 0
}
.facts-block .dropdown__select-option:last-of-type div {
margin-bottom: 15px
}
.facts-block .block--heading {
margin-bottom: 0
}
.facts-block .block--preamble {
margin-top: var(--spacing__06)
}
.facts-block .button {
margin-top: var(--spacing__06)
}
.facts-block .wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
min-height: inherit;
display: grid;
grid-column-gap: var(--spacing__06);
grid-row-gap: var(--spacing__09);
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: auto auto;
height: inherit;
position: relative
}
@media(min-width: 768px) {
.facts-block .wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.facts-block .wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.facts-block .wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.facts-block .wrapper {
padding-left: 0;
padding-right: 0
}
}
.facts-block .wrapper .col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 1
}
@media(min-width: 1024px) {
.facts-block .wrapper .col {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: start;
min-height: auto
}
}
.facts-block .wrapper .block--label {
margin-bottom: var(--spacing__04)
}
.facts-block .wrapper .metric-wrapper {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 2
}
@media(min-width: 896px) {
.facts-block .wrapper .metric-wrapper {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
padding-left: var(--spacing__10)
}
}
@media(min-width: 1024px) {
.facts-block .wrapper .metric-wrapper {
grid-column-start: 3;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
padding-left: 0
}
}
@media(min-width: 1224px) {
.facts-block .wrapper .metric-wrapper {
grid-column-start: 4;
grid-column-end: 13;
justify-self: stretch;
align-self: start
}
}
.facts-block .wrapper .metric-wrapper .metric-inner {
display: block
}
@media(min-width: 768px) {
.facts-block .wrapper .metric-wrapper .metric-inner {
display: grid;
grid-column-gap: var(--spacing__05);
grid-row-gap: var(--spacing__05);
grid-template-columns: repeat(8, minmax(0, 1fr))
}
}
@media(min-width: 896px) {
.facts-block .wrapper .metric-wrapper .metric-inner {
display: grid
}
}
.facts-block .wrapper .metric-wrapper .metric-inner .metric-1 {
grid-row: 1;
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: start
}
@media(min-width: 896px) {
.facts-block .wrapper .metric-wrapper .metric-inner .metric-1 {
grid-row: 1;
grid-column-start: 1;
grid-column-end: 6;
justify-self: stretch;
align-self: start
}
}
.facts-block .wrapper .metric-wrapper .metric-inner .metric-2 {
grid-row: 2;
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: start;
margin-bottom: var(--spacing__05)
}
@media(min-width: 768px) {
.facts-block .wrapper .metric-wrapper .metric-inner .metric-2 {
margin-bottom: 0
}
}
@media(min-width: 896px) {
.facts-block .wrapper .metric-wrapper .metric-inner .metric-2 {
grid-row: 1;
grid-column-start: 6;
grid-column-end: 9;
justify-self: stretch;
align-self: start
}
}
.facts-block .wrapper .metric-wrapper .metric-inner .metric-3 {
grid-row: 2;
grid-column-start: 5;
grid-column-end: 9;
justify-self: stretch;
align-self: start;
margin-bottom: 0
}
@media(min-width: 896px) {
.facts-block .wrapper .metric-wrapper .metric-inner .metric-3 {
grid-row: 2;
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: start
}
}
.facts-block .wrapper .metric-1 {
padding: var(--spacing__07);
background: var(--color__blue--700);
border-radius: var(--radius-small);
color: var(--color__white);
min-height: 248px;
margin-bottom: var(--spacing__05);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between
}
@media(min-width: 768px) {
.facts-block .wrapper .metric-1 {
margin-bottom: 0
}
}
.facts-block .wrapper .metric-1 .metric-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0
}
.facts-block .wrapper .metric-1 .metric-background img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.facts-block .wrapper .metric-1 .metric-content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 248px
}
.facts-block .wrapper .metric-1 .metric-content .metric-label {
font-size: var(--font__size--24);
font-weight: 700;
line-height: var(--font__size--30)
}
.facts-block .wrapper .metric-1 .metric-content .data-value {
font-size: var(--font__size--48);
font-weight: 400;
line-height: var(--spacing__09)
}
.facts-block .wrapper .metric-1 .data-value:empty {
border-top: none
}
.facts-block .wrapper .metric-1 .data-value:empty+div {
display: none
}
.facts-block .wrapper .metric-2,
.facts-block .wrapper .metric-3 {
padding: var(--spacing__07);
background: var(--color__blue--700);
border-radius: var(--radius-small);
color: var(--color__white);
min-height: 248px;
margin-bottom: var(--spacing__05);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between
}
@media(min-width: 1024px) {
.facts-block .wrapper .metric-2,
.facts-block .wrapper .metric-3 {
margin-bottom: 0
}
}
.facts-block .wrapper .metric-2 .metric-background,
.facts-block .wrapper .metric-3 .metric-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0
}
.facts-block .wrapper .metric-2 .metric-background img,
.facts-block .wrapper .metric-3 .metric-background img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.facts-block .wrapper .metric-2 .metric-content,
.facts-block .wrapper .metric-3 .metric-content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 248px
}
.facts-block .wrapper .metric-2 .metric-content .metric-label,
.facts-block .wrapper .metric-3 .metric-content .metric-label {
font-size: var(--font__size--24);
font-weight: 700;
line-height: var(--font__size--30)
}
.facts-block .wrapper .metric-2 .metric-content .data-value,
.facts-block .wrapper .metric-3 .metric-content .data-value {
font-size: var(--font__size--48);
font-weight: 400;
line-height: var(--spacing__09)
}
.facts-block .wrapper .metric-2 .data-value:empty,
.facts-block .wrapper .metric-3 .data-value:empty {
border-top: none
}
.facts-block .wrapper .metric-2 .data-value:empty+div,
.facts-block .wrapper .metric-3 .data-value:empty+div {
display: none
}
.qna-item {
margin-bottom: 2rem
}
.js-embedded-video-block.grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-embedded-video-block.grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-embedded-video-block.grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-embedded-video-block.grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-embedded-video-block.grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-embedded-video-block.grid {
display: grid
}
}
.js-embedded-video-block .col {
grid-column: 1/-1;
height: auto;
width: 100%;
position: relative
}
.js-embedded-video-block .col.video {
aspect-ratio: 16/9
}
.js-embedded-video-block .video__wrapper {
position: relative;
margin: 0
}
@media(min-width: 1024px) {
.js-embedded-video-block .video__wrapper {
margin: 0
}
}
.js-embedded-video-block iframe {
aspect-ratio: 16/9;
z-index: 100;
position: relative
}
.js-embedded-video-block .video-container {
display: none
}
.js-embedded-video-block .image-container {
position: absolute;
z-index: 101;
width: 100%;
overflow: hidden;
aspect-ratio: 16/9;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer
}
.js-embedded-video-block .image-container:hover .overlay {
opacity: 0
}
.js-embedded-video-block .image-container img {
position: absolute;
left: 0;
top: 0;
width: 100%;
max-width: 100%
}
.js-embedded-video-block .image-container .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--color__black);
opacity: .35;
transition: opacity var(--duration-large) var(--ease-standard)
}
.js-embedded-video-block .image-container button {
position: relative;
border: var(--stroke-thin) solid var(--color__white)
}
.js-embedded-video-block .image-container .button__play svg {
transition: fill var(--duration-large) var(--ease-standard)
}
.js-embedded-video-block .image-container.scaled button {
display: none
}
.js-embedded-video-block .image-container.played {
display: none
}
@media(min-width: 1024px) {
.js-embedded-video-block .image-container {
max-height: 570px
}
.js-embedded-video-block .image-container img {
top: auto
}
}
@media(min-width: 1224px) {
.js-embedded-video-block .image-container {
max-height: 1000px;
}
}
.js-embedded-video-block .video-container {
position: relative;
z-index: 101;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end
}
.js-embedded-video-block .video-container button {
display: none;
position: absolute;
z-index: 102;
width: 32px;
height: 32px;
padding: var(--spacing__02);
gap: var(--spacing__03);
border-radius: var(--radius-pill);
right: var(--spacing__07);
top: var(--spacing__09);
background-color: var(--color__grey--100);
border: none;
cursor: pointer;
transition: background-color var(--duration-large) var(--ease-standard)
}
.js-embedded-video-block .video-container button svg {
width: 16px;
height: 16px;
fill: var(--color__blue--800);
display: inline-block
}
.js-embedded-video-block .video-container button:hover {
background-color: var(--color__grey--300)
}
.js-embedded-video-block .video-container .button__tertiary {
width: 32px;
height: 32px;
padding: var(--spacing__02);
gap: var(--spacing__03);
border-radius: var(--radius-pill);
background-color: var(--color__grey--100);
border: none
}
.js-embedded-video-block .video-container .button__tertiary svg {
width: 16px;
height: 16px;
fill: var(--color__blue--800)
}
.js-embedded-video-block .video-container .button__tertiary:hover {
background-color: var(--color__grey--300)
}
@media(min-width: 1024px) {
.js-embedded-video-block .video-container.played button {
display: block
}
}
.js-embedded-video-block .video-container.closed button {
display: none
}
.js-embedded-video-block .cookieconsent-optout-marketing {
overflow: hidden;
height: 99%
}
.js-embedded-video-block .cookieconsent-optout-marketing .image__responsive {
aspect-ratio: 16/9
}
.dynamic-bundling-block .linklabel1,
.dynamic-bundling-block .linklabel2,
.dynamic-bundling-block .linklabel3 {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: var(--duration-large) var(--ease-standard);
margin-top: var(--spacing__06)
}
.dynamic-bundling-block .center {
margin: auto;
display: flex;
justify-content: center !important
}
.dynamic-bundling-block .cta__linklabel .toggle-details,
.dynamic-bundling-block .cta__linklabel2 .toggle-details,
.dynamic-bundling-block .cta__linklabel3 .toggle-details {
display: none !important
}
.dynamic-bundling-block .block-description {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.dynamic-bundling-block .block-description {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.dynamic-bundling-block .block-description {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.dynamic-bundling-block .block-description {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.dynamic-bundling-block .block-description {
padding-left: 0;
padding-right: 0
}
}
.dynamic-bundling-block .block-description h2 {
grid-column: span 12
}
@media(min-width: 896px) {
.dynamic-bundling-block .block-description h2 {
grid-column: span 8
}
}
.dynamic-bundling-block .block-description p {
grid-column: span 12
}
@media(min-width: 896px) {
.dynamic-bundling-block .block-description p {
grid-column: span 8
}
}
.dynamic-bundling-block .card {
transition: var(--duration-large) var(--ease-standard);
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__06);
box-sizing: border-box;
grid-column: span 4;
position: relative;
overflow: initial;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 50px
}
.dynamic-bundling-block .card.is-highlight {
border-radius: 0 0 var(--radius-small) var(--radius-small)
}
.dynamic-bundling-block .card:not(.is-highlight) {
border-radius: var(--radius-small)
}
.dynamic-bundling-block .card .highlight-header {
width: 100%;
box-sizing: border-box;
padding: 0 12px;
display: flex;
justify-content: center;
align-items: center;
height: 50px;
border-radius: var(--radius-small) var(--radius-small) 0 0;
font-size: var(--font__size--21);
font-family: var(--font__bold);
height: 50px;
position: absolute;
left: 0;
bottom: 100%
}
.dynamic-bundling-block .card>a {
text-decoration: none
}
.dynamic-bundling-block .card h4 {
text-align: center;
font-size: var(--font__size--21);
margin-bottom: var(--spacing__05)
}
.dynamic-bundling-block .card h4,
.dynamic-bundling-block .card .bundle__data {
padding-left: var(--spacing__06);
padding-right: var(--spacing__06)
}
.dynamic-bundling-block .card .bundle__data {
display: none
}
@media(min-width: 1024px) {
.dynamic-bundling-block .card .bundle__data {
display: block
}
}
.dynamic-bundling-block .card .feature {
display: flex;
align-items: center
}
.dynamic-bundling-block .card svg {
width: 1.75rem;
height: 1.75rem;
margin-right: 1rem
}
.dynamic-bundling-block .card.card__feature--blue {
border-color: var(--text-primary-light);
box-shadow: inset 0 0 0 1px var(--color__blue--800)
}
.dynamic-bundling-block .card.card__feature--blue svg {
fill: var(--color__blue--800)
}
.dynamic-bundling-block .card.card__feature--blue svg .empty {
margin-left: unset
}
.dynamic-bundling-block .card.card__feature--blue .bundle__price {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.dynamic-bundling-block .card.card__feature--blue .highlight-header {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.dynamic-bundling-block .card.card__feature--blue .linklabel1 {
border: var(--stroke-thin) solid var(--color__blue--800)
}
.dynamic-bundling-block .card.card__feature--blue .linklabel1 svg {
margin-right: 0;
margin-left: 12px
}
.dynamic-bundling-block .card.card__feature--blue.bundle-extended .linklabel1 {
color: var(--text-primary-light)
}
@media(max-device-width: 799px) {
.dynamic-bundling-block .card.card__feature--blue:not(.bundle-extended) .linklabel1 {
color: var(--text-primary-light)
}
}
@media(min-device-width: 800px) {
.dynamic-bundling-block .card.card__feature--blue:not(.bundle-extended) .linklabel1 {
color: var(--text-primary-light)
}
}
.dynamic-bundling-block .card.card__feature--purple {
box-shadow: inset 0 0 0 1px var(--color__purple--800);
color: var(--color__purple--800)
}
.dynamic-bundling-block .card.card__feature--purple svg {
fill: var(--color__purple--800)
}
.dynamic-bundling-block .card.card__feature--purple .bundle__price {
background-color: var(--color__purple--800);
color: var(--text-primary-dark)
}
.dynamic-bundling-block .card.card__feature--purple .highlight-header {
background-color: var(--color__purple--800);
color: var(--text-primary-dark)
}
.dynamic-bundling-block .card.card__feature--purple .linklabel2 {
border: var(--stroke-thin) solid var(--color__purple--800)
}
.dynamic-bundling-block .card.card__feature--purple .linklabel2 svg {
margin-right: 0;
margin-left: 12px
}
.dynamic-bundling-block .card.card__feature--purple .linklabel2 svg.empty {
margin-left: unset
}
.dynamic-bundling-block .card.card__feature--purple.bundle-extended .linklabel2 {
color: var(--color__purple--800)
}
@media(max-device-width: 799px) {
.dynamic-bundling-block .card.card__feature--purple:not(.bundle-extended) .linklabel2 {
color: var(--color__purple--800)
}
}
@media(min-device-width: 800px) {
.dynamic-bundling-block .card.card__feature--purple:not(.bundle-extended) .linklabel2 {
color: var(--color__purple--800)
}
}
.dynamic-bundling-block .card.card__feature--red {
box-shadow: inset 0 0 0 1px var(--color__red--800);
color: var(--color__red--800)
}
.dynamic-bundling-block .card.card__feature--red svg {
fill: var(--color__red--800)
}
.dynamic-bundling-block .card.card__feature--red .bundle__price {
background-color: var(--color__red--800);
color: var(--text-primary-dark)
}
.dynamic-bundling-block .card.card__feature--red .highlight-header {
background-color: var(--color__red--800);
color: var(--text-primary-dark)
}
.dynamic-bundling-block .card.card__feature--red .linklabel3 {
border: var(--stroke-thin) solid var(--color__red--800)
}
.dynamic-bundling-block .card.card__feature--red .linklabel3 svg {
margin-right: 0;
margin-left: 12px
}
.dynamic-bundling-block .card.card__feature--red .linklabel3 svg.empty {
margin-left: unset
}
.dynamic-bundling-block .card.card__feature--red.bundle-extended .linklabel3 {
color: var(--color__red--800)
}
@media(max-device-width: 799px) {
.dynamic-bundling-block .card.card__feature--red:not(.bundle-extended) .linklabel3 {
color: var(--color__red--800)
}
}
@media(min-device-width: 800px) {
.dynamic-bundling-block .card.card__feature--red:not(.bundle-extended) .linklabel3 {
color: var(--color__red--800)
}
}
.dynamic-bundling-block .card.bundle-extended {
display: flex;
flex-direction: column
}
.dynamic-bundling-block .card.bundle-extended.card .bundle__data {
display: block
}
.dynamic-bundling-block .card.bundle-extended .bundle__ctalink {
flex-grow: 1
}
.dynamic-bundling-block .card.bundle-extended .bundle__ctalink .center {
align-items: flex-end;
height: 100%
}
.dynamic-bundling-block .card.bundle-extended.card .bundle__data {
display: block
}
.dynamic-bundling-block .card.bundle-extended .features__title {
display: none
}
.dynamic-bundling-block .card.bundle-extended .features__list {
display: block
}
.dynamic-bundling-block .card.bundle-extended.card__feature--blue .feature {
border-color: var(--text-primary-light)
}
.dynamic-bundling-block .card.bundle-extended.card__feature--purple .feature {
border-color: var(--color__purple--800)
}
.dynamic-bundling-block .card.bundle-extended.card__feature--red .feature {
border-color: var(--color__red--800)
}
@media(min-width: 1024px) {
.dynamic-bundling-block .card:not(.bundle-extended):hover {
color: var(--text-primary-dark)
}
.dynamic-bundling-block .card:not(.bundle-extended):hover a {
color: var(--text-primary-dark)
}
.dynamic-bundling-block .card:not(.bundle-extended):hover.card__feature--blue {
background-color: var(--bg-brand)
}
.dynamic-bundling-block .card:not(.bundle-extended):hover.card__feature--blue .bundle__price {
background-color: var(--bg-default);
color: var(--text-primary-light)
}
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel1 {
background-color: var(--bg-brand);
border: var(--stroke-thin) solid #fff !important;
color: #fff;
cursor: pointer;
display: inline-flex;
visibility: visible
}
.dynamic-bundling-block .card:not(.bundle-extended):hover svg {
fill: #fff
}
.dynamic-bundling-block .card:not(.bundle-extended):hover svg path {
fill: #fff
}
.dynamic-bundling-block .card:not(.bundle-extended):hover.card__feature--purple {
background-color: var(--color__purple--800)
}
.dynamic-bundling-block .card:not(.bundle-extended):hover.card__feature--purple .bundle__price {
background-color: var(--bg-default);
color: var(--color__purple--800)
}
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel2 {
background-color: var(--color__purple--800);
border: var(--stroke-thin) solid #fff !important;
color: #fff;
cursor: pointer;
display: inline-flex;
visibility: visible
}
.dynamic-bundling-block .card:not(.bundle-extended):hover.card__feature--red {
background-color: var(--color__red--800)
}
.dynamic-bundling-block .card:not(.bundle-extended):hover.card__feature--red .bundle__price {
background-color: var(--bg-default);
color: var(--color__red--800)
}
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel3 {
background-color: var(--color__red--800);
border: var(--stroke-thin) solid #fff !important;
color: #fff;
cursor: pointer;
display: inline-flex;
visibility: visible
}
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel1:hover,
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel2:hover,
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel3:hover {
background-color: var(--bg-default);
border-color: var(--text-primary-dark);
color: #000;
display: inline-flex
}
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel1:hover svg,
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel2:hover svg,
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel3:hover svg {
fill: var(--color__blue--800)
}
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel1:hover svg path,
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel2:hover svg path,
.dynamic-bundling-block .card:not(.bundle-extended):hover .linklabel3:hover svg path {
fill: var(--color__blue--800)
}
.dynamic-bundling-block .card:not(.bundle-extended):hover .features__wrapper.has-children .features__title {
display: none
}
.dynamic-bundling-block .card:not(.bundle-extended):hover .features__wrapper.has-children .features__list {
display: block
}
}
.dynamic-bundling-block .card .bundle__ctamodal .button>* {
pointer-events: none
}
.dynamic-bundling-block .card.expanded {
color: var(--text-primary-dark)
}
.dynamic-bundling-block .card.expanded>a {
color: var(--text-primary-dark)
}
.dynamic-bundling-block .card.expanded .bundle__data {
display: block
}
.dynamic-bundling-block .card.expanded.card__feature--blue {
background-color: var(--bg-brand)
}
.dynamic-bundling-block .card.expanded.card__feature--blue .bundle__price {
background-color: var(--bg-default);
color: var(--text-primary-light)
}
.dynamic-bundling-block .card.expanded .linklabel1 {
display: inline-flex !important;
cursor: pointer;
border: var(--stroke-thin) solid #fff !important;
visibility: visible
}
.dynamic-bundling-block .card.expanded.card__feature--purple {
background-color: var(--color__purple--800)
}
.dynamic-bundling-block .card.expanded.card__feature--purple .bundle__price {
background-color: var(--bg-default);
color: var(--color__purple--800)
}
.dynamic-bundling-block .card.expanded .linklabel2 {
display: inline-flex !important;
cursor: pointer;
border: var(--stroke-thin) solid #fff !important;
visibility: visible
}
.dynamic-bundling-block .card.expanded.card__feature--red {
background-color: var(--color__red--800)
}
.dynamic-bundling-block .card.expanded.card__feature--red .bundle__price {
background-color: var(--bg-default);
color: var(--color__red--800)
}
.dynamic-bundling-block .card.expanded .linklabel3 {
display: inline-flex !important;
cursor: pointer;
border: var(--stroke-thin) solid #fff !important;
visibility: visible
}
.dynamic-bundling-block .card.expanded svg {
fill: var(--color__white) !important
}
.dynamic-bundling-block .card.expanded svg path {
fill: var(--color__white) !important
}
.dynamic-bundling-block .card.expanded .features__wrapper.has-children .features__title {
display: none
}
.dynamic-bundling-block .card.expanded .features__wrapper.has-children .features__list {
display: block
}
.dynamic-bundling-block .card.expanded .toggle-details {
color: var(--text-primary-dark)
}
.dynamic-bundling-block .sgb__card--icon {
display: flex
}
.dynamic-bundling-block .feature {
list-style: none;
margin: 0;
padding: 0
}
.dynamic-bundling-block .feature~.feature {
border-top: var(--stroke-thin) solid hsla(0, 0%, 100%, .1);
margin-top: .625rem;
padding-top: .625rem
}
.dynamic-bundling-block .feature li {
display: flex;
align-items: center;
font-size: var(--font__size--15)
}
.dynamic-bundling-block .features__title {
font-size: 1rem
}
.dynamic-bundling-block .features__list {
list-style: none;
margin: 0;
padding: 0;
display: none
}
.dynamic-bundling-block .features__list li:first-child~li {
margin-top: .625rem
}
.dynamic-bundling-block .features__item {
display: flex;
align-items: center
}
.dynamic-bundling-block .features__item svg {
width: 1rem;
height: 1rem
}
.dynamic-bundling-block .price__container {
display: flex;
align-items: flex-end;
justify-content: center
}
.dynamic-bundling-block .price__container .price__label {
font-size: var(--font__size--12)
}
.dynamic-bundling-block .bundle__price {
margin-right: var(--spacing__06);
margin-bottom: var(--spacing__06);
border-radius: 0 var(--spacing__09) var(--spacing__09) 0;
padding-left: var(--spacing__06);
padding-top: var(--spacing__04);
padding-bottom: var(--spacing__04);
text-align: center
}
.dynamic-bundling-block .bundle__price .price {
font-size: var(--font__size--42);
line-height: 1;
margin-left: var(--spacing__04)
}
.dynamic-bundling-block .bundle__price .disclaimer {
margin-top: var(--spacing__04);
font-size: var(--font__size--12);
font-style: italic
}
.dynamic-bundling-block .toggle-details {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
width: 100%;
margin-top: var(--spacing__06);
justify-content: center;
text-decoration: underline;
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.dynamic-bundling-block .toggle-details {
display: none
}
}
.dynamic-bundling-block .bundle__summarylist {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-top: var(--spacing__06);
list-style: none;
grid-row-start: 4;
grid-row-end: 5;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
flex-wrap: wrap
}
@media(min-width: 768px) {
.dynamic-bundling-block .bundle__summarylist {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.dynamic-bundling-block .bundle__summarylist {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.dynamic-bundling-block .bundle__summarylist {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.dynamic-bundling-block .bundle__summarylist {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.dynamic-bundling-block .bundle__summarylist {
grid-row-start: 2;
grid-row-end: 3;
flex-direction: row;
align-items: center
}
}
.dynamic-bundling-block .bundle__summarylist svg {
width: 1.25rem;
height: 1.25rem;
margin-right: var(--spacing__04)
}
.dynamic-bundling-block .bundle__summarylist li {
display: flex;
align-items: center;
justify-content: center;
margin: var(--spacing__04) 0
}
@media(min-width: 1024px) {
.dynamic-bundling-block .bundle__summarylist li:first-child~li {
margin: var(--spacing__04) var(--spacing__06)
}
}
.drift-inpage-bot-block {
height: 40vh;
min-height: 500px
}
.country-selector-block {
position: relative;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.country-selector-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.country-selector-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.country-selector-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.country-selector-block {
padding-left: 0;
padding-right: 0
}
}
.country-selector-block.grid {
display: block
}
@media(min-width: 1024px) {
.country-selector-block.grid {
display: grid;
margin-bottom: 0;
padding-bottom: var(--spacing__12)
}
}
.country-selector-block .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1441px) {
.country-selector-block .text {
grid-column-end: 6
}
}
@media(min-width: 1650px) {
.country-selector-block .text {
grid-column-end: 5
}
}
.country-selector-block .text h2 {
font-family: var(--font__bold);
font-size: var(--font__size--36);
line-height: var(--font__size--40)
}
@media(min-width: 1024px) {
.country-selector-block .text h2 {
font-family: var(--font__bold);
font-size: var(--font__size--60);
line-height: var(--font__size--60);
letter-spacing: -0.01rem
}
}
.country-selector-block .text p {
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.country-selector-block .text p {
margin-bottom: var(--spacing__09)
}
}
.country-selector-block .selector {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3
}
.country-selector-block .selector--wrapper {
float: right;
background-color: var(--color__blue--700);
border: var(--stroke-thin) solid var(--color__blue--500);
border-radius: 1var --radius-small;
padding: var(--spacing__06)
}
@media(max-width: 1024px) {
.country-selector-block .selector--wrapper {
float: left
}
}
.country-selector-block .selector--wrapper>dl,
.country-selector-block .selector--wrapper>a,
.country-selector-block .selector--wrapper>div {
float: left
}
@media(max-width: 1024px) {
.country-selector-block .selector--wrapper>dl,
.country-selector-block .selector--wrapper>a,
.country-selector-block .selector--wrapper>div {
width: 100%
}
}
.country-selector-block .selector--wrapper>a {
margin-left: var(--spacing__05)
}
@media(max-width: 1024px) {
.country-selector-block .selector--wrapper>a {
margin-left: 0;
margin-top: var(--spacing__05)
}
}
.country-selector-block .selector--wrapper>div {
margin-left: var(--spacing__05);
border-left: var(--stroke-thin) solid var(--color__white)
}
.country-selector-block .selector--wrapper>div .button {
margin-left: var(--spacing__05);
background: rgba(0, 0, 0, 0)
}
@media(max-width: 1024px) {
.country-selector-block .selector--wrapper>div {
margin-left: 0;
border-left: none;
margin-top: var(--spacing__08);
padding-top: var(--spacing__05);
border-top: var(--stroke-thin) solid var(--color__white)
}
.country-selector-block .selector--wrapper>div .button {
margin-left: 0;
margin-top: var(--spacing__05);
width: 100%
}
}
.country-selector-block .selector--wrapper .button__login {
border-width: var(--stroke-thin)
}
.country-selector-block .selector .select {
max-width: 340px;
min-width: 340px;
border-radius: var(--radius-small)
}
@media(max-width: 1024px) {
.country-selector-block .selector .select {
max-width: 100%;
min-width: 100%
}
}
.country-selector-block .selector .select .select-toggle {
justify-content: flex-start;
border: var(--stroke-thin) solid var(--color__white);
border-radius: var(--radius-small);
background: none;
color: var(--text-primary-dark)
}
.country-selector-block .selector .select .select-toggle>span {
margin-left: var(--spacing__03)
}
.country-selector-block .selector .select .select-toggle>svg {
fill: var(--color__white)
}
.country-selector-block .selector .select .select-toggle>svg:not(.lang-icon) {
position: absolute;
right: 16px
}
.country-selector-block .selector .select .lang-icon {
margin-left: 0;
width: 18px;
height: 18px
}
.country-selector-block .selector .select li.disabled {
display: none
}
.country-selector-block .selector .select li span {
color: var(--text-primary-light)
}
.country-selector-block .selector .select .select-panel {
margin: 60px 0 0 0;
border-radius: var(--radius-small)
}
.country-selector-block .selector .select .select-panel li>div {
width: 24px;
height: 24px;
border-radius: var(--radius-large);
overflow: hidden;
margin-right: var(--spacing__05)
}
.country-selector-block .selector .select .select-panel li>div img {
margin-left: -6px
}
.country-selector-block .selector .select button.clear-filter {
display: none !important
}
.country-selector-block .selector .select.expanded .select-toggle {
color: var(--text-primary-light);
background-color: var(--bg-default);
border: var(--stroke-thick) solid var(--color__purple--100)
}
.country-selector-block .selector .select.expanded .select-toggle svg {
fill: var(--color__blue--800)
}
.country-selector-block .selector .select.expanded .select-toggle svg.lang-icon {
transform: rotate(0)
}
.country-selector-block .selector .select.expanded .select-panel {
max-height: 307px
}
.country-selector-block .selector .select.expanded button.clear-filter {
display: flex !important;
background: none
}
.country-selector-block .selector .select.expanded button.clear-filter:after {
display: none
}
.country-selector-block .selector .select.expanded button.clear-filter svg {
fill: var(--color__white)
}
.content-preview-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-top: var(--spacing__09);
padding-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.content-preview-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.content-preview-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.content-preview-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.content-preview-block {
padding-left: 0;
padding-right: 0
}
}
.content-preview-block h3 {
font-size: var(--font__size--24);
line-height: 125%
}
.content-preview-block .cpb__inner {
grid-row-gap: var(--spacing__09);
grid-column-gap: var(--spacing__06);
display: grid;
grid-template-columns: repeat(1, 1fr)
}
@media(min-width: 896px) {
.content-preview-block .cpb__inner {
grid-template-columns: repeat(2, 1fr)
}
}
@media(min-width: 1024px) {
.content-preview-block .cpb__inner {
grid-template-columns: repeat(3, 1fr)
}
}
.content-preview-block .cpb__inner>.card {
transition: var(--duration-large) var(--ease-standard)
}
.content-preview-block .cpb__inner>.card a {
text-decoration: none;
transition: var(--duration-large) var(--ease-standard);
color: var(--text-primary-light)
}
.content-preview-block .cpb__inner>.card a .cpb__tags--container {
margin-bottom: var(--spacing__04)
}
.content-preview-block .cpb__inner>.card a .cpb__tags--container .cpb__tags--date {
font-family: var(--font__regular);
display: inline-block;
margin-top: var(--spacing__04);
font-size: .875rem
}
.content-preview-block .cpb__inner>.card a:hover {
text-decoration: underline;
color: var(--color__blue--900)
}
.contact-card-block {
position: relative
}
.contact-card-block>div {
overflow: hidden;
background: var(--bg-default);
border-radius: var(--radius-small);
overflow: auto;
padding: var(--spacing__08) var(--spacing__05);
text-align: center;
color: var(--text-primary-light)
}
@media(min-width: 1024px) {
.contact-card-block>div {
padding: var(--spacing__09) var(--spacing__09)
}
}
.contact-card-block h2 {
font-size: var(--font__size--24);
line-height: var(--font__size--36);
margin: 0 auto var(--spacing__04);
max-width: 220px
}
@media(min-width: 1024px) {
.contact-card-block h2 {
font-size: var(--font__size--30);
line-height: var(--font__size--36)
}
}
.contact-card-block p.description {
font-size: var(--font__size--15);
line-height: var(--font__size--18);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.contact-card-block p.description {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
}
.contact-card-block p.separator {
margin: var(--spacing__06) 0;
font-size: var(--font__size--12);
color: var(--color__grey--700)
}
.contact-card-block .button {
margin-top: 0 !important
}
.contact-card-block .form-block {
max-width: 100%
}
.contact-block {
display: flex;
align-items: center;
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
padding-bottom: var(--spacing__04);
gap: var(--spacing__04);
line-height: 1.5
}
.contact-block:first-child~.contact-block {
margin-top: var(--spacing__04)
}
.contact-block figure,
.contact-block img {
width: 60px;
height: 60px
}
.contact-block img {
border-radius: 50%
}
.contact-block .contact-name {
font-family: var(--font__bold)
}
.grecaptcha-badge {
visibility: hidden
}
.click-dimensions-block .Form__Description {
margin-bottom: var(--spacing__24)
}
.click-dimensions-block .Form__Element__ValidationError {
display: none;
margin-top: 6px;
font-size: var(--font__size--12);
color: var(--color__red--400)
}
.click-dimensions-block .Form__Element__ValidationError.validation-error {
display: block !important
}
.click-dimensions-block .ot-sdk-show-settings {
color: inherit !important;
text-decoration: underline
}
.click-dimensions-block .Form__Element__ValidationError.hide-error {
display: none !important
}
.click-dimensions-block .post-success {
display: none
}
.click-dimensions-block .FormChoice.ValidationRequired .Form__Element__Caption:after {
content: "*";
color: var(--color__red--400);
margin-left: 4px
}
.click-dimensions-block .ValidationFail .Form__Element__ValidationError {
display: block !important
}
.click-dimensions-block-send-success {
display: none
}
.click-dimensions-block-send-success.visible {
display: block
}
.js-case-study-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-right: 0
}
@media(min-width: 768px) {
.js-case-study-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-case-study-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-case-study-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-case-study-block {
padding-left: 0;
padding-right: 0
}
}
.js-case-study-block.grid {
display: inline-block
}
@media(min-width: 896px) {
.js-case-study-block.grid {
display: block
}
}
@media(min-width: 1024px) {
.js-case-study-block.grid {
display: grid
}
}
.js-case-study-block.block {
margin-bottom: 0
}
@media(min-width: 1024px) {
.js-case-study-block.block {
margin-bottom: 0
}
}
.js-case-study-block .col.text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1224px) {
.js-case-study-block .col.text {
grid-column-end: 7
}
}
.js-case-study-block .col.text .cta {
margin-top: var(--spacing__08)
}
.js-case-study-block .col.accordion {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 2;
grid-row-end: 3;
margin-bottom: var(--spacing__06)
}
.js-case-study-block .col.accordion ul {
padding-left: 0;
margin: 0
}
.js-case-study-block .col.accordion .title__wrapper {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
align-items: center;
justify-content: space-between;
width: inherit
}
.js-case-study-block .col.accordion .title__wrapper>* {
pointer-events: none
}
.js-case-study-block .col.accordion .title__wrapper h4 {
font-size: var(--font__size--18);
text-align: left;
color: var(--text-primary-light)
}
@media(min-width: 1224px) {
.js-case-study-block .col.accordion .title__wrapper h4 {
font-size: var(--font__size--24)
}
}
.js-case-study-block .col.accordion .qna__item {
padding-bottom: var(--spacing__06);
padding-top: var(--spacing__06);
display: flex;
align-items: center;
justify-content: space-between;
border-left: var(--stroke-thick) solid var(--color__grey--200);
padding-left: var(--spacing__05)
}
.js-case-study-block .col.accordion .qna__item.active {
border-color: var(--color__purple--500)
}
.js-case-study-block .col.accordion .qna__item .qna__wrapper {
width: 100%
}
.js-case-study-block .col.accordion .qna__item .text__wrapper {
line-height: var(--spacing__06);
font-size: var(--font__size--18);
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
transition: grid-template-rows var(--duration-large)
}
.js-case-study-block .col.accordion .qna__item .text__wrapper[aria-expanded=false] {
height: 0px
}
.js-case-study-block .col.accordion .qna__item .text__wrapper[aria-expanded=true] {
grid-template-rows: 1fr;
height: auto
}
.js-case-study-block .col.accordion .qna__item .text__wrapper>div {
min-height: 0;
margin-top: var(--spacing__05)
}
.js-case-study-block .col.accordion .qna__item .text__wrapper p {
margin-bottom: var(--spacing__04)
}
.js-case-study-block .col.accordion .qna__item .text__wrapper em {
font-style: italic
}
.js-case-study-block .col.accordion .qna__item .text__wrapper strong {
font-weight: bold
}
.js-case-study-block .col.accordion .qna__item .text__wrapper ul {
list-style: initial;
padding: 0 0 0 40px;
margin: 0 0 12px 0
}
.js-case-study-block .col.accordion .qna__item .text__wrapper ol {
margin: 0 0 12px 0
}
.js-case-study-block .col.card {
grid-column-start: 9;
grid-column-end: 13;
grid-row-start: 2;
grid-row-end: 3;
justify-self: stretch;
align-self: stretch;
margin: 0 0 var(--spacing__06)
}
.js-case-study-block .col .card__wrapper {
padding: var(--spacing__08) var(--spacing__06);
border: var(--stroke-thin) solid var(--color__grey--400);
border-radius: var(--radius-small)
}
.js-case-study-block .col .card__wrapper .quote {
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
.js-case-study-block .col .card__wrapper .key__info {
border-top: var(--stroke-thin) solid var(--color__grey--400);
margin-top: var(--spacing__06);
padding-top: var(--spacing__06)
}
.js-case-study-block .col .card__wrapper .key__number {
font-size: var(--font__size--24);
font-family: var(--font__bold);
display: block;
float: left;
padding-right: var(--spacing__04)
}
.js-case-study-block .col .card__wrapper .key__text {
font-size: var(--font__size--18)
}
.js-case-study-block .col .card__image {
min-height: 193px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-subtle);
margin-bottom: var(--spacing__06)
}
.js-case-study-block .col .card__image img {
max-width: 100%
}
.case-studies-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.case-studies-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.case-studies-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.case-studies-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.case-studies-block {
padding-left: 0;
padding-right: 0
}
}
.case-studies-block.block {
margin-top: 0;
margin-bottom: 0
}
.case-studies-block .card-slide:not(.unslide) .slide {
width: 100%;
padding-right: 0
}
.case-studies-block .card-slide:not(.unslide) .slider__track {
padding-right: 0;
padding-left: 0
}
.case-studies-block .card-slide .card__button__container {
margin-top: 0;
margin-right: var(--spacing__05)
}
.carousel-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
position: relative
}
@media(min-width: 768px) {
.carousel-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.carousel-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.carousel-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.carousel-block {
padding-left: 0;
padding-right: 0
}
}
.carousel-block .carousel-wrapper>div {
display: flex
}
.carousel-block .carousel-wrapper>div>div>.slide {
height: 100%
}
.carousel-block .controls {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
position: absolute;
bottom: 0;
left: 0
}
@media(min-width: 768px) {
.carousel-block .controls {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.carousel-block .controls {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.carousel-block .controls {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.carousel-block .controls {
padding-left: 0;
padding-right: 0
}
}
.carousel-block .controls .controls__inner {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
padding-left: var(--spacing__09);
padding-right: var(--spacing__09);
display: flex;
align-items: center;
justify-content: space-between;
height: var(--spacing__13)
}
@media(min-width: 1024px) {
.carousel-block .controls .controls__inner {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch
}
}
.carousel-block .indicators {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center
}
.carousel-block .indicators li {
display: flex;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center
}
.carousel-block .indicators li:first-child~li {
margin-left: .313rem
}
.carousel-block .indicators li:not(.active) {
width: 8px;
height: 8px;
background-color: hsla(0, 0%, 100%, .45);
font-size: 0
}
.carousel-block .indicators li.active {
width: 12px;
height: 12px;
background-color: #fff;
font-size: 9px
}
.carousel-block .text {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 2;
padding: var(--spacing__09) var(--spacing__09) var(--spacing__13) var(--spacing__09);
background-color: var(--bg-brand)
}
@media(min-width: 1024px) {
.carousel-block .text {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
}
.carousel-block .text h2,
.carousel-block .text p {
color: var(--text-primary-dark)
}
.carousel-block .text h2 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
.carousel-block .text p {
font-size: var(--font__size--15)
}
.carousel-block .text .button {
margin-top: var(--spacing__06)
}
.carousel-block .button__controls {
display: flex;
align-items: center;
justify-content: center
}
.carousel-block .button__controls button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit
}
.carousel-block .button__controls button>* {
pointer-events: none
}
.carousel-block .button__controls button svg {
width: 1.5rem;
height: 1.5rem;
fill: var(--color__white)
}
.carousel-block .button__controls .carousel__pause {
margin-left: var(--spacing__06);
margin-right: var(--spacing__06)
}
.carousel-block .button__controls .carousel__pause:not(.is-paused) .pause {
display: flex
}
.carousel-block .button__controls .carousel__pause:not(.is-paused) .play {
display: none
}
.carousel-block .button__controls .carousel__pause.is-paused .pause {
display: none
}
.carousel-block .button__controls .carousel__pause.is-paused .play {
display: flex
}
.carousel-block .qbankmedia__background {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1;
background-size: cover;
object-fit: cover;
background-position: center center;
position: relative;
aspect-ratio: 16/9;
overflow: hidden
}
@media(min-width: 1024px) {
.carousel-block .qbankmedia__background {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
.card-container-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: flex-start;
gap: var(--spacing__06);
flex-wrap: wrap
}
@media(min-width: 768px) {
.card-container-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.card-container-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.card-container-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.card-container-block {
padding-left: 0;
padding-right: 0
}
}
.card-container-block .card {
position: relative;
overflow: inherit
}
@media(min-width: 896px) {
.card-container-block .card {
flex: 1 0 46%;
max-width: calc(50% - var(--spacing__05))
}
}
@media(min-width: 1224px) {
.card-container-block .card {
flex: 1 0 21%;
max-width: calc(25% - var(--spacing__05))
}
}
.card-container-block .card__wrapper {
position: relative;
padding: var(--spacing__06);
border: var(--stroke-thin) solid var(--color__grey--400);
border-radius: var(--radius-small);
margin: 0 var(--spacing__05);
height: calc(100% - var(--spacing__09))
}
@media(min-width: 896px) {
.card-container-block .card__wrapper {
width: calc(100% - var(--spacing__09))
}
}
@media(min-width: 896px) {
.card-container-block .card__wrapper {
margin: 0
}
}
.card-container-block .card__wrapper a {
text-decoration: none
}
.card-container-block .card__wrapper a::after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.card-container-block .card__wrapper:hover {
box-shadow: var(--elavation__02)
}
.card-container-block .card__wrapper:hover .linkbutton__text-after {
color: var(--color__purple--400)
}
.card-container-block .card__wrapper:hover .linkbutton__text-after:after {
background-image: url("../images/icons/circle-greater-purple.svg")
}
.card-container-block .card .image__responsive {
height: inherit;
object-fit: cover
}
.card-container-block .card figure {
margin-bottom: var(--spacing__05)
}
.card-container-block .card__text {
margin: 0 auto;
padding-bottom: var(--spacing__07)
}
.card-container-block .card__text .linkbutton__text-after {
position: absolute;
bottom: var(--spacing__06);
margin-right: var(--spacing__05)
}
.card-container-block .card__title {
font-family: var(--font__bold);
font-size: var(--font__size--18);
margin-bottom: var(--spacing__05)
}
.card-container-block .card__preamble {
font-size: var(--font__size--15);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__04)
}
.card-container-block:not(.slider-desktop) .card-slide {
width: 100%;
flex-shrink: 0;
flex-basis: 100%;
max-width: none
}
@media(min-width: 1024px) {
.card-container-block:not(.slider-desktop) .card-slide .slider__track {
grid-template-columns: 1fr 1fr 1fr;
gap: var(--spacing__06);
display: grid
}
}
@media(min-width: 896px) {
.card-container-block:not(.slider-desktop) .card-slide .slider__track .card.slide {
flex: none;
max-width: 50%
}
}
@media(min-width: 1024px) {
.card-container-block:not(.slider-desktop) .card-slide .slider__track .card.slide {
padding: 0;
max-width: 100%
}
}
.card-container-block:not(.slider-desktop) .card-slide .slider__track .card.slide .card__wrapper {
width: 100%;
padding: var(--spacing__06);
border: var(--stroke-thin) solid var(--color__grey--400);
border-radius: var(--radius-small);
margin: 0
}
@media(min-width: 896px) {
.card-container-block:not(.slider-desktop) .card-slide .slider__track .card.slide .card__wrapper {
margin: 0
}
}
.card-container-block:not(.slider-desktop) .card-slide:not(.unslide) .slider__track {
padding: 0;
margin-left: var(--spacing__05)
}
@media(min-width: 1024px) {
.card-container-block:not(.slider-desktop) .card-slide:not(.unslide) .slider__track {
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.card-container-block:not(.slider-desktop) .card-slide:not(.unslide) .slide {
max-width: 100%;
width: 100%
}
}
.card-container-block:not(.slider-desktop) .card-slide:hover .card__prev,
.card-container-block:not(.slider-desktop) .card-slide:hover .card__next {
background: none
}
.card-container-block:not(.slider-desktop) .card-slide .card__next {
justify-content: center;
display: flex;
right: -30px
}
@media(min-width: 1024px) {
.card-container-block:not(.slider-desktop) .card-slide .card__next {
display: none !important
}
}
.card-container-block:not(.slider-desktop) .card-slide .card__prev {
justify-content: left;
display: flex
}
@media(min-width: 1024px) {
.card-container-block:not(.slider-desktop) .card-slide .card__prev {
display: none !important
}
}
@media(min-width: 1024px) {
.card-container-block:not(.slider-desktop) .card-slide .cards__indicator {
display: none !important
}
}
.card-container-block.slider-desktop .card-slide {
width: 100%;
flex-shrink: 0;
flex-basis: 100%;
max-width: none
}
.card-container-block.slider-desktop .card-slide .slider__track .card.slide {
flex: none;
max-width: none
}
.card-container-block.slider-desktop .card-slide .slider__track .card.slide .card__wrapper {
padding: var(--spacing__06);
border: var(--stroke-thin) solid var(--color__grey--400);
border-radius: var(--radius-small);
margin: 0
}
@media(min-width: 896px) {
.card-container-block.slider-desktop .card-slide .slider__track .card.slide .card__wrapper {
margin: 0
}
}
.card-container-block.slider-desktop .card-slide:not(.unslide) .slider__track {
padding: 0
}
.card-container-block.slider-desktop .card-slide:not(.unslide) .slide {
width: auto
}
.card-container-block.slider-desktop .card-slide:hover .card__prev,
.card-container-block.slider-desktop .card-slide:hover .card__next {
background: none
}
.card-container-block__image--animation {
position: relative
}
.card-container-block__image--animation figure {
margin-bottom: 0
}
.card-container-block__image--animation .overlay {
position: absolute;
height: 100%;
width: 100%;
background: linear-gradient(0deg, black, transparent 100%);
transition: opacity 600ms ease-in
}
.card-container-block__image--animation .animation {
max-height: 0;
transition: max-height 600ms ease-in-out
}
.card-container-block__image--animation .animation div,
.card-container-block__image--animation .animation a {
opacity: 0;
transition: opacity 600ms
}
.card-container-block__image--animation .card>a {
width: 100%;
text-decoration: none
}
.card-container-block__image--animation .card__text {
margin: 0 auto;
padding-bottom: 0;
color: var(--text-primary-dark);
align-self: flex-end;
width: 100%
}
.card-container-block__image--animation .card__title {
position: relative;
font-family: var(--font__bold);
font-size: var(--font__size--24);
margin-bottom: var(--spacing__08);
margin-left: var(--spacing__08);
margin-right: var(--spacing__06)
}
@media(min-width: 1224px) {
.card-container-block__image--animation .card__title {
margin-bottom: var(--spacing__09)
}
}
.card-container-block__image--animation .card__preamble {
position: relative;
margin-bottom: var(--spacing__04);
margin-left: var(--spacing__08);
margin-right: var(--spacing__06);
margin-top: -24px;
color: var(--text-primary-dark);
line-height: var(--font__size--21)
}
@media(min-width: 1441px) {
.card-container-block__image--animation .card__preamble {
margin-bottom: var(--spacing__06);
margin-right: var(--spacing__09);
margin-top: -36px
}
}
.card-container-block__image--animation .card .linkbutton__text-after {
position: relative;
bottom: 0;
color: var(--text-primary-dark);
margin: var(--spacing__04) var(--spacing__08) var(--spacing__08);
text-decoration: underline
}
@media(min-width: 1224px) {
.card-container-block__image--animation .card .linkbutton__text-after {
margin-top: var(--spacing__06);
margin-bottom: var(--spacing__09)
}
}
.card-container-block__image--animation .card .linkbutton__text-after:after {
background-image: url("../images/icons/arrow-forward-white.svg");
background-size: 20px;
background-position: 0 20px
}
.card-container-block__image--animation .card .linkbutton__text-after.is-empty::after {
display: none
}
.card-container-block__image--animation.slider-desktop .card-slide:not(.unslide) .slide,
.card-container-block__image--animation.slider-desktop .card-slide .slide {
background: rgba(0, 0, 0, 0)
}
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper {
width: 100%;
padding: 0;
border: none;
border-radius: var(--radius-small);
overflow: hidden;
display: flex;
height: 100%;
aspect-ratio: 1/1;
flex-direction: column;
justify-content: end
}
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper:hover {
box-shadow: none
}
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper:hover .animation {
max-height: 100%
}
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper:hover .animation div,
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper:hover .animation a {
opacity: 1
}
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper:hover .overlay {
background: linear-gradient(0deg, black 5%, transparent 101%)
}
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper:hover .linkbutton__text-after {
color: var(--text-primary-dark)
}
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper:hover .linkbutton__text-after:after {
background-image: url("../images/icons/arrow-forward-white.svg")
}
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper .img-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%
}
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper .img-wrapper figure {
height: 100%
}
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper .img-wrapper picture,
.card-container-block__image--animation.slider-desktop .card-slide .slider__track .card.slide .card__wrapper .img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.card-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: space-between;
gap: var(--spacing__06);
flex-wrap: wrap
}
@media(min-width: 768px) {
.card-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.card-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.card-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.card-block {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.card-block {
flex-wrap: unset
}
}
.card-block .card {
height: 430px;
width: -webkit-fill-available;
position: relative
}
@media(min-width: 896px) {
.card-block .card {
height: 735px
}
}
.card-block .card .image__responsive {
height: inherit;
object-fit: cover
}
.card-block .card.card__feature a {
height: 100%
}
.card-block .card .card__text {
position: absolute;
width: 78%;
left: 50%;
margin: 0 auto;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
z-index: 3
}
@media(min-width: 896px) {
.card-block .card .card__text {
width: 64%
}
}
.card-block .card .card__text .card__title {
color: #fff;
font-size: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
@media(min-width: 896px) {
.card-block .card .card__text .card__title {
font-size: var(--font__size--45)
}
}
.card-block .card .card__text .cta__btn a {
background-color: rgba(0, 0, 0, 0);
color: #fff;
border: var(--stroke-thin) solid #fff
}
.card-block .card:after {
content: "";
position: absolute;
height: auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .25);
z-index: 2
}
.card-block .card:hover:after {
background-color: rgba(0, 0, 0, .45)
}
.card-block .card:hover .cta__btn a {
background-color: #fff;
color: #000;
border: var(--stroke-thin) solid #fff
}
.bundling-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.bundling-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.bundling-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.bundling-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.bundling-block {
padding-left: 0;
padding-right: 0
}
}
.bundling-block.monthly .js-price-year {
display: none
}
.bundling-block.monthly .js-price-month {
display: inline
}
.bundling-block.yearly .js-price-year {
display: inline
}
.bundling-block.yearly .js-price-month {
display: none
}
.bundling-block .block-description {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.bundling-block .block-description {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.bundling-block .block-description {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.bundling-block .block-description {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.bundling-block .block-description {
padding-left: 0;
padding-right: 0
}
}
.bundling-block .block-description h2 {
margin-bottom: var(--spacing__04)
}
.bundling-block .block-description h2,
.bundling-block .block-description p {
grid-column: span 12
}
@media(min-width: 896px) {
.bundling-block .block-description h2,
.bundling-block .block-description p {
grid-column: span 8
}
}
@media(min-width: 1224px) {
.bundling-block .block-description h2,
.bundling-block .block-description p {
max-width: 660px
}
}
.bundling-block .block-description a {
display: flex;
align-items: center;
gap: 4px;
font-size: var(--font__size--15);
margin-top: var(--spacing__08);
grid-column: span 12
}
.bundling-block .block-description a svg {
order: -1;
vertical-align: middle;
margin-right: 5px;
width: 20px;
height: 20px;
fill: var(--color__purple--400)
}
@media(min-width: 896px) {
.bundling-block .block-description a svg {
order: 1
}
}
.bundling-block .bundle-filter-container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
text-align: center;
margin-bottom: var(--spacing__08)
}
@media(min-width: 768px) {
.bundling-block .bundle-filter-container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.bundling-block .bundle-filter-container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.bundling-block .bundle-filter-container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.bundling-block .bundle-filter-container {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.bundling-block .bundle-filter-container {
text-align: right
}
}
.bundling-block .bundle-filter-container .bundle-filter {
display: inline-flex;
background-color: var(--bg-subtle);
border-radius: var(--spacing__06);
margin-right: var(--spacing__06);
justify-content: center;
align-items: center
}
.bundling-block .bundle-filter-container .bundle-filter input {
height: 0px;
width: 0px;
margin: 0;
padding: 0;
opacity: 0
}
.bundling-block .bundle-filter-container .bundle-filter input:checked+label {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.bundling-block .bundle-filter-container label {
height: 44px;
border-radius: var(--spacing__06);
padding: 0 var(--spacing__06);
display: inline-flex;
justify-content: center;
align-items: center;
font-family: var(--font__bold);
color: var(--color__grey--700);
cursor: pointer
}
.bundling-block .bundle-pricing-filter-container {
text-align: center;
margin-bottom: var(--spacing__08);
display: none
}
@media(min-width: 896px) {
.bundling-block .bundle-pricing-filter-container {
display: flex
}
}
.bundling-block .bundle-pricing-filter-container .pricing-filter {
display: inline-flex;
background-color: var(--bg-subtle);
border-radius: var(--spacing__06);
margin-right: var(--spacing__06);
justify-content: center;
align-items: center;
border: var(--stroke-thin) solid var(--color__grey--700)
}
.bundling-block .bundle-pricing-filter-container .pricing-filter input {
height: 0px;
width: 0px;
margin: 0;
padding: 0
}
.bundling-block .bundle-pricing-filter-container .pricing-filter input:checked+label {
background-color: var(--color__purple--100);
color: var(--text-primary-light)
}
.bundling-block .bundle-pricing-filter-container label {
height: 40px;
border-radius: var(--spacing__06);
padding: 0 var(--spacing__06);
display: inline-flex;
justify-content: center;
align-items: center;
font-family: var(--font__bold);
color: var(--text-primary-light);
cursor: pointer
}
.bundling-block .card {
display: flex;
flex-wrap: wrap;
gap: 16px;
flex-direction: column;
transition: var(--duration-large) var(--ease-standard);
box-sizing: border-box;
border: var(--stroke-thick) solid var(--color__grey--700);
border-radius: var(--radius-small);
grid-column: span 4;
position: relative;
justify-content: space-between;
display: flex;
flex-direction: column
}
.bundling-block .card>div {
flex: 1 1 calc(25% - 16px);
width: 100%;
display: flex;
flex-direction: column
}
.bundling-block .card.is-highlight .bundle-top {
background-color: var(--color__purple--800);
color: var(--text-primary-dark)
}
.bundling-block .card.is-highlight .bundle-top .bundle-price {
color: var(--text-primary-dark)
}
.bundling-block .card.is-highlight .bundle-top .bundle-price .price-value {
color: var(--text-primary-dark)
}
.bundling-block .card .highlight-banner {
background-color: var(--color__purple--600);
display: flex;
align-items: center;
color: var(--text-primary-dark);
box-sizing: border-box;
padding: 0 24px;
height: 30px;
border-radius: var(--radius-xsmall);
font-size: var(--font__size--12);
text-transform: uppercase;
position: absolute;
right: var(--spacing__04);
top: var(--spacing__04)
}
.bundling-block .card .bundle-top {
flex: 1;
background-color: rgba(194, 180, 252, .2);
padding: var(--spacing__09) var(--spacing__06) var(--spacing__06) var(--spacing__06);
border: var(--stroke-thick) solid var(--color__white);
border-radius: var(--radius-small) var(--radius-small) 0 0;
display: flex;
flex-direction: column;
justify-content: normal;
gap: 24px;
box-sizing: border-box
}
.bundling-block .card .bundle-bottom {
height: auto;
padding: var(--spacing__06)
}
.bundling-block .card .bundle-bottom .bundle-bottom-title {
font-family: var(--font__bold);
margin-bottom: var(--spacing__06)
}
.bundling-block .card .bundle-bottom ul {
list-style: none;
margin: 0;
padding: 0
}
.bundling-block .card .bundle-bottom ul li {
display: flex;
align-items: center;
gap: 6px
}
.bundling-block .card .bundle-bottom ul li:first-child~li {
margin-top: var(--spacing__04)
}
.bundling-block .card .bundle-bottom svg {
width: 1rem;
height: 1rem
}
.bundling-block .card .bundle-price {
margin-top: var(--spacing__04);
color: var(--color__grey--800);
margin-bottom: var(--spacing__04)
}
.bundling-block .card .bundle-price .price-label {
font-size: var(--font__size--18)
}
.bundling-block .card .bundle-price .price-value {
color: var(--text-primary-light);
font-size: var(--font__size--42);
font-family: var(--font__bold)
}
.bundling-block .card .bundle-description {
line-height: 133%;
font-size: var(--font__size--18);
flex: 1
}
.bundling-block .card .bundle-title {
display: block;
font-family: var(--font__bold);
font-size: var(--font__size--30);
margin-bottom: calc(var(--spacing__04)/2)
}
.bundling-block .card .bundle-subtitle {
display: block;
font-size: var(--font__size--21)
}
.bundling-block .card .bundle-data {
height: auto;
padding: var(--spacing__06);
box-sizing: border-box
}
.bundling-block .card .cta__wrapper {
margin-top: auto
}
.bundling-block .card .bundle-cta button,
.bundling-block .card .bundle-cta a {
width: 100%
}
.bundling-block .card .bundle-cta svg {
width: 1.25rem;
height: 1.25rem;
margin-left: calc(var(--spacing__04)/2)
}
.bundling-block .card .feature {
display: flex;
align-items: center
}
.bundling-block .card .bundle__ctamodal .button>* {
pointer-events: none
}
.bundling-block .sgb__card--icon {
display: flex
}
.bundling-block .sgb__card--icon svg {
width: 1.75rem;
height: 1.75rem
}
.bundling-block .feature {
list-style: none;
margin: 0;
padding: 0
}
.bundling-block .feature~.feature {
border-top: var(--stroke-thin) solid var(--color__blue--800);
margin-top: .625rem;
padding-top: .625rem
}
.bundling-block .feature>li {
display: flex;
column-gap: var(--spacing__06)
}
.bundling-block .feature li {
align-items: center;
font-size: var(--font__size--15)
}
.bundling-block .features__title {
font-size: 1rem
}
.bundling-block .features__list {
list-style: none;
margin: 0;
padding: 0
}
.bundling-block .features__list li:first-child~li {
margin-top: .625rem
}
.bundling-block .features__item {
display: flex;
align-items: center;
column-gap: var(--spacing__04)
}
.bundling-block .features__item svg {
width: 1rem;
height: 1rem
}
.bundling-block .bundle__summarylist {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-top: var(--spacing__06);
list-style: none;
grid-row-start: 4;
grid-row-end: 5;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
flex-wrap: wrap
}
@media(min-width: 768px) {
.bundling-block .bundle__summarylist {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.bundling-block .bundle__summarylist {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.bundling-block .bundle__summarylist {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.bundling-block .bundle__summarylist {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.bundling-block .bundle__summarylist {
grid-row-start: 2;
grid-row-end: 3;
flex-direction: row;
align-items: center
}
}
.bundling-block .bundle__summarylist svg {
width: 1.25rem;
height: 1.25rem;
margin-right: var(--spacing__04)
}
.bundling-block .bundle__summarylist li {
display: flex;
align-items: center;
justify-content: center;
margin: var(--spacing__04) 0
}
@media(min-width: 1024px) {
.bundling-block .bundle__summarylist li:first-child~li {
margin: var(--spacing__04) var(--spacing__06)
}
}
.bundling-block .pricing-modal {
display: none;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, .8);
z-index: 999;
box-sizing: border-box
}
.bundling-block .pricing-modal .modal-form__close {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
align-items: center;
justify-content: center;
position: absolute;
top: 1rem;
right: 1rem
}
.bundling-block .pricing-modal .modal-form__close>* {
pointer-events: none
}
.bundling-block .pricing-modal .modal-form__close svg {
width: 1.25rem;
height: 1.25rem
}
.bundling-block .pricing-modal .pricing-modal-left {
display: none;
border-radius: var(--radius-small) 0 0 var(--radius-small);
box-sizing: border-box
}
@media(min-width: 896px) {
.bundling-block .pricing-modal .pricing-modal-left {
display: inline
}
}
.bundling-block .pricing-modal .pricing-modal-title {
font-size: var(--font__size--36);
font-family: var(--font__bold);
margin-bottom: var(--spacing__04)
}
.bundling-block .pricing-modal .pricing-modal-preamble {
font-size: var(--font__size--18);
margin-bottom: var(--spacing__08)
}
.bundling-block .pricing-modal .pricing-modal-price .price {
font-size: var(--font__size--42);
font-family: var(--font__bold)
}
.bundling-block .pricing-modal .modal-form__inner {
border-radius: var(--radius-small)
}
@media(min-width: 896px) {
.bundling-block .pricing-modal .modal-form__inner {
border-radius: 0 var(--radius-small) var(--radius-small) 0;
width: 50%;
box-sizing: border-box
}
}
.bundling-block .pricing-modal .pricing-modal-left>div {
height: 100%
}
.bundling-block .pricing-modal .pricing-modal-left .price-info {
height: 100%;
border-radius: var(--radius-small) 0 0 var(--radius-small);
padding: var(--spacing__08);
box-sizing: border-box
}
.bundling-block .pricing-modal .pricing-modal-left .price-info.hidden {
display: none
}
.bundling-block .pricing-modal .pricing-modal-left .price-info:not(.highlight) {
background-color: #f3f0fe
}
.bundling-block .pricing-modal .pricing-modal-left .price-info.highlight {
background-color: var(--color__purple--800);
color: var(--text-primary-dark)
}
.bundling-block .pricing-modal .pricing-modal-outer {
display: flex;
justify-content: center;
width: 90%
}
@media(min-width: 896px) {
.bundling-block .pricing-modal .pricing-modal-outer {
width: 80%
}
}
.bundling-block .pricing-modal .pricing-modal-left {
width: 50%;
display: none
}
@media(min-width: 896px) {
.bundling-block .pricing-modal .pricing-modal-left {
display: block
}
}
.bundling-block .pricing-modal .modal-form__inner {
position: relative;
padding: var(--spacing__08);
background-color: var(--bg-default);
max-height: calc(100vh - 6rem);
overflow-y: auto
}
@media(min-width: 896px) {
.bundling-block .pricing-modal .modal-form__inner {
width: 50%
}
}
.bundling-block .pricing-modal .modal-form__inner .modal-form-content {
display: inline
}
.bundling-block .pricing-modal .modal-form__inner .modal-form-content .block {
margin: 0
}
.bundling-block .pricing-modal .modal-form__inner h2 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__04)
}
.bundling-block .card-slide .card__prev {
justify-content: left
}
.benefits-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: flex-start;
gap: var(--spacing__06);
flex-wrap: wrap
}
@media(min-width: 768px) {
.benefits-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.benefits-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.benefits-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.benefits-block {
padding-left: 0;
padding-right: 0
}
}
.benefits-block section {
margin-bottom: 0
}
.benefits-block .block--heading {
max-width: 570px
}
.benefits-block .cta {
margin: var(--spacing__08) 0 var(--spacing__05)
}
@media(min-width: 1024px) {
.benefits-block .cta {
margin: var(--spacing__08) 0 var(--spacing__07)
}
}
.benefits-block .cta .button {
width: 100%
}
@media(min-width: 768px) {
.benefits-block .cta .button {
width: auto
}
}
.benefits-block .card {
position: relative;
overflow: inherit;
background: rgba(0, 0, 0, 0)
}
@media(min-width: 768px) {
.benefits-block .card {
flex: 1 0 46%;
max-width: calc(50% - var(--spacing__05))
}
}
@media(min-width: 1024px) {
.benefits-block .card {
flex: 1 0 31%;
max-width: 33%
}
}
.benefits-block .card__wrapper {
position: relative;
padding: 0 var(--spacing__06) var(--spacing__06) 0;
height: calc(100% - var(--spacing__09))
}
@media(min-width: 896px) {
.benefits-block .card__wrapper {
width: calc(100% - var(--spacing__09));
margin: 0 var(--spacing__05)
}
}
@media(min-width: 896px) {
.benefits-block .card__wrapper {
margin: 0
}
}
.benefits-block .card__icon {
height: 56px;
width: 56px;
background: var(--color__blue--700);
border: var(--stroke-thin) solid var(--border-secondary);
border-radius: var(--radius-small);
margin-bottom: var(--spacing__06);
position: relative
}
.benefits-block .card__icon svg {
height: 36px;
width: 36px;
fill: var(--color__white);
position: absolute;
left: 10px;
top: 10px
}
.benefits-block .card__title {
font-family: var(--font__bold);
font-size: var(--font__size--18);
margin-bottom: var(--spacing__05)
}
@media(min-width: 1024px) {
.benefits-block .card__title {
font-size: var(--font__size--24)
}
}
.benefits-block .card__preamble {
font-size: var(--font__size--15);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.benefits-block .card__preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.section__benefits:has(.benefits-block) {
padding-bottom: 0
}
.section__benefits:has(.benefits-block) .benefits-block {
margin-bottom: var(--spacing__07);
padding-top: var(--spacing__09)
}
@media(min-width: 768px) {
.section__benefits:has(.benefits-block) .benefits-block {
margin-bottom: var(--spacing__10);
padding-top: var(--spacing__12)
}
}
@media(min-width: 1024px) {
.section__benefits:has(.benefits-block) .benefits-block {
margin-bottom: var(--spacing__12);
padding-top: var(--spacing__14)
}
}
.bannerwithbutton-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__06);
position: relative
}
@media(min-width: 768px) {
.bannerwithbutton-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.bannerwithbutton-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.bannerwithbutton-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.bannerwithbutton-block {
padding-left: 0;
padding-right: 0
}
}
.bannerwithbutton-block .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
background: var(--bg-subtle);
overflow: auto;
padding: var(--spacing__06) var(--spacing__05)
}
@media(min-width: 768px) {
.bannerwithbutton-block .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.bannerwithbutton-block .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.bannerwithbutton-block .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.bannerwithbutton-block .container {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.bannerwithbutton-block .container {
padding: var(--spacing__06) var(--spacing__09);
display: flex;
justify-content: space-between
}
}
.bannerwithbutton-block .text {
position: relative;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.bannerwithbutton-block .text {
float: left;
margin-bottom: 0;
max-width: 66.667%
}
}
.bannerwithbutton-block .text h2 {
font-size: var(--font__size--24);
line-height: var(--font__size--36);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.bannerwithbutton-block .text h2 {
font-size: var(--font__size--24);
line-height: var(--font__size--36);
margin-bottom: 0
}
}
.bannerwithbutton-block .text p {
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
@media(min-width: 1024px) {
.bannerwithbutton-block .text p {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.bannerwithbutton-block .button {
width: 100%
}
@media(min-width: 1024px) {
.bannerwithbutton-block .button {
width: auto;
margin-left: var(--spacing__09);
float: right;
align-self: center
}
}
.background__dark .bannerwithbutton-block .container {
background: var(--color__blue--700);
border: var(--stroke-thin) solid var(--border-secondary);
border-radius: var(--radius-small);
flex-direction: column;
padding: var(--spacing__09) var(--spacing__08)
}
@media(min-width: 1024px) {
.background__dark .bannerwithbutton-block .text {
max-width: 100%;
width: 100%
}
}
@media(min-width: 1024px) {
.background__dark .bannerwithbutton-block .text h2 {
font-size: var(--font__size--36);
line-height: var(--font__size--48);
float: left;
width: 50%;
max-width: 420px
}
}
@media(min-width: 1024px) {
.background__dark .bannerwithbutton-block .text p {
font-size: var(--font__size--18);
line-height: var(--font__size--27);
float: right;
width: 50%
}
}
@media(min-width: 1024px) {
.background__dark .bannerwithbutton-block .button {
align-self: baseline;
margin-left: 50%;
margin-top: var(--spacing__08)
}
}
.section__benefits:has(.bannerwithbutton-block) .js-bannerwithbutton-block.bannerwithbutton-block.block {
margin-bottom: 0;
padding-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.section__benefits:has(.bannerwithbutton-block) .js-bannerwithbutton-block.bannerwithbutton-block.block {
padding-bottom: var(--spacing__12)
}
}
@media(min-width: 1024px) {
.section__benefits:has(.bannerwithbutton-block) .js-bannerwithbutton-block.bannerwithbutton-block.block {
padding-bottom: var(--spacing__14)
}
}
.banner-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.banner-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.banner-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.banner-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.banner-block {
padding-left: 0;
padding-right: 0
}
}
.banner-block.block {
padding-top: var(--spacing__09);
margin-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.banner-block.block {
padding-top: var(--spacing__12);
margin-bottom: var(--spacing__12)
}
}
@media(min-width: 1024px) {
.banner-block.block {
padding-top: var(--spacing__14);
margin-bottom: var(--spacing__14)
}
}
.banner-block .wrapper {
background-color: var(--color__blue--700);
border-radius: var(--radius-small);
max-width: var(--max-width__site);
margin: 0 auto
}
@media(min-width: 1024px) {
.banner-block .wrapper {
min-height: 608px;
display: grid;
grid-template-columns: repeat(12, 1fr)
}
}
.banner-block .block--context-label {
font-size: var(--font__size--18);
line-height: var(--spacing__06);
font-weight: var(--font__weight--700);
color: var(--text-primary-dark);
margin-bottom: var(--spacing__04)
}
.banner-block h2 {
color: var(--text-primary-dark);
font-weight: var(--font__weight--700);
font-size: var(--font__size--36);
line-height: var(--font__size--40);
margin-bottom: var(--spacing__06)
}
.banner-block .col {
grid-column: span 12;
padding: var(--spacing__10) var(--spacing__08) var(--spacing__09);
display: flex;
flex-direction: column
}
.banner-block .col .block--preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--27);
color: var(--text-primary-dark);
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.banner-block .col {
grid-column: span 6;
justify-content: center
}
}
@media(min-width: 1224px) {
.banner-block .col {
padding: var(--spacing__10) var(--spacing__08) var(--spacing__13)
}
}
.banner-block .button.banner__text {
width: fit-content
}
.banner-block figure {
grid-column: span 12;
display: none
}
@media(min-width: 1024px) {
.banner-block figure {
display: block;
grid-column: 7/-1;
height: 608px;
width: 608px;
justify-self: end
}
}
@media(min-width: 1224px) {
.banner-block figure {
width: 100%
}
}
.banner-block figure .qbankmedia__background {
height: 100%;
width: 100%;
background-size: cover;
object-fit: cover;
background-position: center center;
border-radius: 0 var(--radius-small) var(--radius-small) 0
}
.background__dark:has(.banner-block) {
margin-bottom: 0;
padding-bottom: 0
}
.action-block-alt {
background-color: var(--bg-brand);
padding-top: var(--spacing__09);
padding-bottom: var(--spacing__09)
}
.action-block-alt .wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
text-align: center
}
@media(min-width: 768px) {
.action-block-alt .wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.action-block-alt .wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.action-block-alt .wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.action-block-alt .wrapper {
padding-left: 0;
padding-right: 0
}
}
.action-block-alt .wrapper>h2 {
margin-bottom: var(--spacing__08);
color: var(--text-primary-dark)
}
.action-block-alt .pricing-modal {
display: flex
}
@media(min-width: 896px) {
.action-block-alt .pricing-modal {
max-width: 80%
}
}
.action-block-alt .pricing-modal .pricing-modal-left {
display: none;
border-radius: var(--radius-small) 0 0 var(--radius-small);
padding: var(--spacing__08);
box-sizing: border-box
}
@media(min-width: 896px) {
.action-block-alt .pricing-modal .pricing-modal-left {
display: inline
}
}
.action-block-alt .pricing-modal .pricing-modal-title {
font-size: var(--font__size--36);
font-family: var(--font__bold);
margin-bottom: var(--spacing__04)
}
.action-block-alt .pricing-modal .pricing-modal-preamble {
font-size: var(--font__size--18);
margin-bottom: var(--spacing__08);
line-height: 1.375
}
.action-block-alt .pricing-modal .pricing-modal-price .price {
font-size: var(--font__size--42);
font-family: var(--font__bold)
}
@media(min-width: 896px) {
.action-block-alt .pricing-modal .modal-form__inner {
border-radius: 0 var(--radius-small) var(--radius-small) 0;
width: 50%;
box-sizing: border-box
}
}
.action-block-alt .pricing-modal .pricing-modal-left {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.action-block-alt .pricing-modal .pricing-modal-left {
width: 50%
}
.action-block {
padding-top: var(--spacing__09);
padding-bottom: var(--spacing__09)
}
.action-block.dark-option {
background-color: var(--bg-brand)
}
.action-block.dark-option .wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.action-block.dark-option .wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.action-block.dark-option .wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.action-block.dark-option .wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.action-block.dark-option .wrapper {
padding-left: 0;
padding-right: 0
}
}
.action-block.dark-option .wrapper .grid>.col>h2 {
color: var(--text-primary-dark)
}
.action-block.dark-option .wrapper .grid>.col>p {
color: var(--text-primary-dark)
}
@media(min-width: 1024px) {
.action-block {
min-height: 200px
}
}
.action-block .button {
margin-top: var(--spacing__06)
}
.action-block .wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.action-block .wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.action-block .wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.action-block .wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.action-block .wrapper {
padding-left: 0;
padding-right: 0
}
}
.action-block .wrapper .grid>.col>h2 {
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.action-block .wrapper .grid>.col>h2 {
margin-bottom: 0
}
}
.action-block .wrapper .grid>.col>p {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.action-block .wrapper .grid>.col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 1
}
@media(min-width: 1024px) {
.action-block .wrapper .grid>.col:first-child {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: start;
grid-row: 1
}
}
.action-block .wrapper .grid>.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 2
}
@media(min-width: 1024px) {
.action-block .wrapper .grid>.col:first-child+.col {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 1
}
}
.accordion-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.accordion-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.accordion-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.accordion-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.accordion-block {
padding-left: 0;
padding-right: 0
}
}
.accordion-block .list__section:has(.block--heading),
.accordion-block .list__section:has(.block--preamble) {
display: block;
grid-column-gap: var(--gutter__column);
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 1fr
}
@media(min-width: 1024px) {
.accordion-block .list__section:has(.block--heading),
.accordion-block .list__section:has(.block--preamble) {
display: grid
}
}
.accordion-block .list__section:has(.block--heading) .title__preamble,
.accordion-block .list__section:has(.block--preamble) .title__preamble {
grid-column-start: 1;
grid-column-end: 6;
justify-self: stretch;
align-self: stretch;
grid-row: 1;
margin-bottom: var(--spacing__08)
}
.accordion-block .list__section:has(.block--heading) .title__preamble .button__wrapper,
.accordion-block .list__section:has(.block--preamble) .title__preamble .button__wrapper {
display: block
}
.accordion-block .list__section:has(.block--heading) .list__wrapper,
.accordion-block .list__section:has(.block--preamble) .list__wrapper {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1;
display: grid
}
.accordion-block .list__section:has(.block--heading) .list__wrapper .button__wrapper,
.accordion-block .list__section:has(.block--preamble) .list__wrapper .button__wrapper {
display: none
}
.accordion-block .title__preamble .button__wrapper {
display: none;
margin-top: var(--spacing__08)
}
.accordion-block .list__wrapper .button__wrapper {
display: block;
margin-top: var(--spacing__08);
margin-bottom: var(--spacing__08)
}
.accordion-block .title__wrapper {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
align-items: center;
justify-content: space-between;
width: inherit
}
.accordion-block .title__wrapper>* {
pointer-events: none
}
.accordion-block .title__wrapper h4 {
font-size: var(--font__size--15);
text-align: left;
color: var(--text-primary-light)
}
@media(min-width: 1024px) {
.accordion-block .title__wrapper h4 {
font-size: var(--font__size--18)
}
}
.accordion-block .title__wrapper h3 {
font-size: var(--font__size--15);
text-align: left;
padding-right: var(--spacing__06);
color: var(--text-primary-light)
}
@media(min-width: 1024px) {
.accordion-block .title__wrapper h3 {
font-size: var(--font__size--18);
padding-right: var(--spacing__08)
}
}
.accordion-block .title__wrapper .close__icon--arrow {
transform: translateZ(0) rotate(180deg);
flex-shrink: 0;
width: 20px;
height: 20px
}
@media(min-width: 1024px) {
.accordion-block .title__wrapper .close__icon--arrow {
width: 14px;
height: 14px
}
}
.accordion-block .title__wrapper .close__icon--arrow:before {
background-image: url("../images/icons/arrow-down.svg");
background-repeat: no-repeat;
background-size: contain
}
.accordion-block .title__wrapper.active .close__icon--arrow {
transform: rotate(0deg)
}
.accordion-block .list__main {
width: 100%
}
.accordion-block .qna__item {
padding: var(--spacing__07) var(--spacing__06);
border-bottom: var(--stroke-thin) solid var(--border-primary);
display: flex;
align-items: center;
justify-content: space-between
}
.accordion-block .qna__item .qna__wrapper {
width: 100%
}
.accordion-block .qna__item.active {
background: #f1f5f9
}
.accordion-block .qna__item .text__wrapper {
line-height: var(--spacing__06);
font-size: var(--font__size--15);
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows var(--duration-large) var(--ease-standard);
overflow: hidden
}
@media(min-width: 1024px) {
.accordion-block .qna__item .text__wrapper {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.accordion-block .qna__item .text__wrapper[aria-expanded=true] {
grid-template-rows: 1fr
}
.accordion-block .qna__item .text__wrapper[aria-expanded=true]>div {
opacity: 1
}
.accordion-block .qna__item .text__wrapper>div {
min-height: 0;
opacity: 0;
transition: opacity var(--duration-large) var(--ease-standard);
transition-delay: .2s
}
.accordion-block .qna__item .text__wrapper>div>div {
margin-top: var(--spacing__05)
}
.accordion-block .qna__item .text__wrapper p {
margin-bottom: var(--spacing__04)
}
.accordion-block .qna__item .text__wrapper em {
font-style: italic
}
.accordion-block .qna__item .text__wrapper strong {
font-weight: bold
}
.accordion-block .qna__item .text__wrapper ul {
list-style: initial;
padding: 0 0 0 40px;
margin: 0 0 12px 0
}
.accordion-block .qna__item .text__wrapper ol {
margin: 0 0 12px 0
}
.accordion-block .qna__item .text__wrapper .accordion__ctas {
overflow: hidden;
margin-top: var(--spacing__06)
}
.accordion-block .qna__item .text__wrapper .accordion__ctas ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin: -0.5rem
}
.accordion-block .qna__item .text__wrapper .accordion__ctas ul li {
margin: .5rem
}
.accordion-block .qna__item .text__wrapper .accordion__ctas a {
margin-bottom: var(--spacing__06);
margin-right: var(--spacing__06)
}
.accordion-block .list__wrapper h2 {
overflow-wrap: break-word;
margin-bottom: var(--spacing__06);
font-family: var(--font__bold);
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
@media(min-width: 1024px) {
.accordion-block .list__wrapper h2 {
font-family: var(--font__bold);
font-size: var(--font__size--36);
line-height: var(--font__size--40)
}
}
.accordion-block .list__wrapper img {
margin-bottom: var(--spacing__09);
max-width: 100%;
height: auto
}
.accordion-block .list__wrapper .image__responsive {
display: none
}
@media(min-width: 1024px) {
.accordion-block .list__wrapper .image__responsive {
display: block
}
}
@media(min-width: 1024px) {
.accordion-block .list__wrapper img {
margin-bottom: 0
}
.accordion-block .list__wrapper.has-image {
display: grid;
grid-column-gap: var(--gutter__column);
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 1fr
}
.accordion-block .list__wrapper.has-image:not(.inverted)>.col:first-child {
grid-column-start: 1;
grid-column-end: 6;
justify-self: stretch;
align-self: stretch
}
.accordion-block .list__wrapper.has-image:not(.inverted)>.col:first-child+.col {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
.accordion-block .list__wrapper.has-image.inverted>.col:first-child {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
.accordion-block .list__wrapper.has-image.inverted>.col:first-child+.col {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
}
@media(min-width: 1024px)and (min-width: 1024px) {
.accordion-block .list__wrapper:not(.has-image) .text__wrapper {
grid-template-columns: repeat(12, 1fr)
}
.accordion-block .list__wrapper:not(.has-image) .text__wrapper>div {
grid-column-start: 1;
grid-column-end: 12;
justify-self: stretch;
align-self: stretch
}
}
.accordion-block .list__wrapper .list__section>ul>li:first-child {
border-top: var(--stroke-thin) solid var(--color__grey--400)
}
.accordion-block .button__wrapper {
margin-top: var(--spacing__09);
margin-bottom: unset
}
.accordion-block .button__wrapper a {
background-color: var(--color__purple--100);
color: var(--text-primary-light);
text-align: center;
width: 100%
}
@media(min-width: 896px) {
.accordion-block .button__wrapper a {
width: auto
}
}
.accordion-block .button__wrapper a:hover {
background-color: var(--color__purple--200);
border-color: var(--color__purple--200)
}
.accordion-block__dark {
background: var(--bg-brand);
padding: var(--spacing__08) 0
}
@media(min-width: 1024px) {
.accordion-block__dark {
padding: var(--spacing__07) 0 var(--spacing__11)
}
}
.accordion-block__dark .accordion-block {
color: var(--text-primary-dark)
}
.accordion-block__dark .accordion-block .block--label {
color: var(--text-primary-dark)
}
.accordion-block__dark .accordion-block .list__section:has(.block--heading) .title__preamble .label,
.accordion-block__dark .accordion-block .list__section:has(.block--preamble) .title__preamble .label {
color: var(--color__purple--200)
}
.accordion-block__dark .accordion-block .title__wrapper h4 {
color: var(--text-primary-dark)
}
.accordion-block__dark .accordion-block .title__wrapper h3 {
color: var(--text-primary-dark)
}
.accordion-block__dark .accordion-block .title__wrapper .close__icon--arrow:before {
background-image: url("../images/icons/arrow-down-white.svg")
}
.accordion-block__dark .accordion-block .text__wrapper a:not(.button) {
color: var(--text-primary-dark)
}
.accordion-block__dark .accordion-block .text__wrapper a:not(.button):hover {
color: var(--color__purple--100)
}
.accordion-block__dark .accordion-block .qna__item.active {
background: #172f48
}
.benefits-overview-page .accordion-block .list__section .title__preamble {
grid-column-end: 6;
align-self: baseline;
grid-template-columns: 1fr;
grid-template-rows: auto auto
}
.benefits-overview-page .accordion-block .list__section .title__preamble .block--heading {
margin-bottom: 0px
}
.benefits-overview-page .accordion-block .list__section .title__preamble .block--preamble {
margin-top: var(--spacing__06)
}
.benefits-overview-page .accordion-block .list__section:has(.block--heading) {
display: flex;
flex-direction: column
}
@media(min-width: 1024px) {
.benefits-overview-page .accordion-block .list__section:has(.block--heading) {
display: grid
}
}
.benefits-overview-page .accordion-block .list__section:has(.block--heading) .desktop {
display: none
}
@media(min-width: 1024px) {
.benefits-overview-page .accordion-block .list__section:has(.block--heading) .desktop {
display: block
}
}
.benefits-overview-page .accordion-block .list__section:has(.block--heading) .mobile {
display: block
}
@media(min-width: 1024px) {
.benefits-overview-page .accordion-block .list__section:has(.block--heading) .mobile {
display: none
}
}
.unsupported__browser {
display: none
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.unsupported__browser {
font-family: "NotoSans-Bold", Tahoma, Verdana, sans-serif;
position: fixed;
padding: 4rem;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background-color: rgba(0, 119, 183, .9);
color: #fff;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
line-height: 1.5;
font-size: 1.5rem
}
}
.tpp {
margin-bottom: var(--spacing__06)
}
.tpp .divider {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.tpp .divider {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.tpp .divider {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.tpp .divider {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.tpp .divider {
padding-left: 0;
padding-right: 0
}
}
.tpp .divider>div {
border-bottom: var(--stroke-thin) solid var(--color__grey--400)
}
.tpp .usp-bar {
background-color: var(--bg-subtle);
padding: var(--spacing__05) 0
}
.tpp .usp-bar .inner {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.tpp .usp-bar .inner {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.tpp .usp-bar .inner {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.tpp .usp-bar .inner {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.tpp .usp-bar .inner {
padding-left: 0;
padding-right: 0
}
}
.tpp .usp-bar .inner ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column
}
@media(min-width: 896px) {
.tpp .usp-bar .inner ul {
align-items: center;
flex-direction: row;
flex-wrap: wrap
}
}
.tpp .usp-bar .inner li {
font-size: var(--font__size--18);
flex-grow: 1
}
@media(min-width: 896px) {
.tpp .usp-bar .inner li {
font-size: var(--font__size--15)
}
}
@media(min-width: 1024px) {
.tpp .usp-bar .inner li {
font-size: var(--font__size--18)
}
}
.tpp .usp-bar .inner li svg {
fill: var(--color__blue--800);
width: 1.125rem;
height: 1.125rem;
margin-right: .5rem;
margin-left: .5rem;
flex-shrink: 0;
margin-top: 3px
}
.tpp .usp-bar .inner li:first-child~li {
margin-top: var(--spacing__05)
}
@media(min-width: 896px) {
.tpp .usp-bar .inner li:first-child~li {
margin-left: var(--spacing__06);
margin-top: initial
}
}
.tpp .usp-bar .inner li a,
.tpp .usp-bar .inner li>span {
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: var(--text-primary-light)
}
.tpp .usp-bar .inner li span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.tpp .usp-bar .inner li a:hover {
text-decoration: underline
}
.tpp .image__wrapper {
position: relative
}
.tpp .image__wrapper .qbankmedia__background {
background-size: cover;
object-fit: cover;
aspect-ratio: 3/1;
background-repeat: no-repeat
}
@media(min-width: 768px) {
.tpp .image__wrapper .qbankmedia__background {
aspect-ratio: 10/3
}
}
.tpp .headline__wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-top: var(--spacing__06);
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.tpp .headline__wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.tpp .headline__wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.tpp .headline__wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.tpp .headline__wrapper {
padding-left: 0;
padding-right: 0
}
}
.tpp .tpp__text {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-top: var(--spacing__06);
margin-bottom: var(--spacing__09);
grid-row-gap: var(--spacing__04)
}
@media(min-width: 768px) {
.tpp .tpp__text {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.tpp .tpp__text {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.tpp .tpp__text {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.tpp .tpp__text {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.tpp .tpp__text {
grid-row-gap: 0
}
}
.tpp .tpp__text .tpp__subheader {
grid-row: 1;
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
font-size: var(--font__size--30);
line-height: 120%
}
@media(min-width: 896px) {
.tpp .tpp__text .tpp__subheader {
grid-column-start: 1;
grid-column-end: 9;
justify-self: start;
align-self: start
}
}
@media(min-width: 1024px) {
.tpp .tpp__text .tpp__subheader {
font-size: 2.813rem;
line-height: 107%;
letter-spacing: -0.01rem
}
}
.tpp .tpp__text .tpp__preamble {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 2
}
@media(min-width: 896px) {
.tpp .tpp__text .tpp__preamble {
grid-column-start: 1;
grid-column-end: 9;
justify-self: start;
align-self: start
}
}
.tpp .tpp__text .tpp__preamble p {
font-size: var(--font__size--24);
line-height: 125%;
margin-top: var(--spacing__04)
}
.tpp .tpp__text .tpp__preamble p em {
font-style: italic
}
.tpp .tpp__text .tpp__preamble ul,
.tpp .tpp__text .tpp__preamble ol {
font-size: var(--font__size--24);
line-height: 125%
}
.tpp .tpp__text .tpp__preamble a[href^="mailto:"] {
word-break: break-word
}
.tpp .tpp__text .tpp__preamble>a {
margin-top: var(--spacing__06)
}
.tpp .tpp__text .tpp__preamble .tpp__ctas {
overflow: hidden;
margin-top: var(--spacing__06)
}
.tpp .tpp__text .tpp__preamble .tpp__ctas ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin: -0.5rem
}
.tpp .tpp__text .tpp__preamble .tpp__ctas ul li {
margin: .5rem
}
.tpp .tpp__text .tpp__preamble .tpp__ctas ul a {
border-radius: var(--radius-pill);
box-sizing: border-box;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
text-decoration: none;
font-family: var(--font__bold);
position: relative;
display: inline-flex;
font-size: var(--font__size--15);
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__blue--800);
height: 36px;
padding: 0 1.5rem;
align-items: center
}
.tpp .tpp__text .tpp__preamble .tpp__ctas ul a:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.tpp .tpp__text .tpp__preamble .tpp__ctas ul a:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.tpp .tpp__text .tpp__preamble .tpp__ctas ul a:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.tpp h1 span {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
@media(min-width: 896px) {
.tpp h1 span {
grid-column-start: 1;
grid-column-end: 9;
justify-self: start;
align-self: start
}
}
.slider {
--slider__index: 0;
--column__gap: 24px;
overflow: hidden
}
.slider .slider__track {
transform: translateX(calc(var(--slider__index) * -90%));
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 0 5%;
transition: var(--duration-large) var(--ease-standard)
}
@media(min-width: 1024px) {
.slider .slider__track {
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: var(--column__gap)
}
}
.slider .slider__track .slide {
width: 100%;
display: inline-flex;
flex-shrink: 0;
padding: 10px;
box-sizing: border-box
}
@media(min-width: 1024px) {
.slider .slider__track .slide {
padding: 0
}
}
.slider .slider__dots {
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: center;
margin-top: 26px
}
@media(min-width: 1024px) {
.slider .slider__dots {
display: none
}
}
@media(min-width: 768px) {
.slider .slider__dots {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.slider .slider__dots {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.slider .slider__dots {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.slider .slider__dots {
padding-left: 0;
padding-right: 0
}
}
.slider .slider__dots .slider__dot {
display: inline-flex;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: var(--bg-default);
opacity: .4
}
.slider .slider__dots li:first-child~li {
margin-left: 4px
}
.slider .slider__dots .slider__dot--active {
opacity: 1
}
.qbankmedia__background.qbankmeda-align-desktop-left-bottom {
background-position: bottom left
}
.qbankmedia__background.qbankmeda-align-desktop-left-top {
background-position: top left
}
.qbankmedia__background.qbankmeda-align-desktop-left-center {
background-position: center left
}
.qbankmedia__background.qbankmeda-align-desktop-right-bottom {
background-position: bottom right
}
.qbankmedia__background.qbankmeda-align-desktop-right-top {
background-position: top right
}
.qbankmedia__background.qbankmeda-align-desktop-right-center {
background-position: center right
}
.qbankmedia__background.qbankmeda-align-desktop-center-center {
background-position: center center
}
.qbankmedia__background.qbankmeda-align-desktop-center-top {
background-position: top center
}
.qbankmedia__background.qbankmeda-align-desktop-center-bottom {
background-position: bottom center
}
.qbankmedia__background.qbankmeda-align-mobile-left-bottom {
background-position: bottom left
}
.qbankmedia__background.qbankmeda-align-mobile-left-top {
background-position: top left
}
.qbankmedia__background.qbankmeda-align-mobile-left-center {
background-position: center left
}
.qbankmedia__background.qbankmeda-align-mobile-right-bottom {
background-position: bottom right
}
.qbankmedia__background.qbankmeda-align-mobile-right-top {
background-position: top right
}
.qbankmedia__background.qbankmeda-align-mobile-right-center {
background-position: center right
}
.qbankmedia__background.qbankmeda-align-mobile-center-center {
background-position: center center
}
.qbankmedia__background.qbankmeda-align-mobile-center-top {
background-position: top center
}
.qbankmedia__background.qbankmeda-align-mobile-center-bottom {
background-position: bottom center
}
.pagination {
list-style: none;
margin: 0 -0.5rem;
overflow: hidden;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center
}
.pagination .pagination-slider {
max-width: 18rem;
--slider__index: 0;
--column__gap: 24px;
overflow: hidden
}
.pagination .pagination-slider .slider__track {
transform: translateX(calc(var(--slider__index) * -100%));
display: flex;
grid-column-gap: 0;
padding: 0
}
.pagination .pagination__item-wrapper {
width: 3rem;
height: 3rem;
justify-content: center;
align-items: center;
display: inline-flex;
flex-shrink: 0
}
.pagination .pagination__item-wrapper .pagination__item {
display: inline-flex;
width: 2rem;
height: 2rem;
border-radius: 50%;
align-items: center;
justify-content: center;
text-decoration: none
}
.pagination .pagination__item-wrapper .pagination__item.active {
background-color: var(--color__purple--600);
color: var(--text-primary-dark)
}
.pagination .pagination__item-wrapper .pagination__item:not(.active) {
cursor: pointer
}
.pagination .pagination__prev,
.pagination .pagination__next {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
display: inline-flex;
text-decoration: none;
width: 2rem;
height: 2rem;
align-items: center;
justify-content: center
}
.pagination .pagination__prev svg,
.pagination .pagination__next svg {
width: 1rem;
height: 1rem
}
.pagination .pagination-slide {
width: 100%;
display: inline-flex;
flex-shrink: 0;
box-sizing: border-box;
gap: .75rem
}
.pagination .slider__track {
transform: translateX(calc(var(--slider__index) * -90%));
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 0 5%;
transition: var(--duration-large) var(--ease-standard)
}
.notifications {
position: fixed;
bottom: var(--spacing__06);
right: var(--spacing__06);
width: calc(100% - var(--spacing__09));
z-index: 99999;
line-height: 1.5;
font-size: var(--font__size--12);
color: var(--text-primary-dark)
}
@media(min-width: 768px) {
.notifications {
width: 432px
}
}
.notifications.active {
display: block
}
.notifications .notification__close {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
background-color: #fff;
width: 1.5rem;
height: 1.5rem;
position: absolute;
top: 16px;
right: 16px;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: var(--duration-large) var(--ease-standard)
}
.notifications .notification__close>* {
pointer-events: none
}
.notifications .notification__close svg {
width: .75rem;
height: .75rem
}
.notifications .notification__close:hover {
background-color: hsla(0, 0%, 100%, .8)
}
.notifications .notification__card {
background-color: var(--color__blue--900);
padding-bottom: 32px;
padding-left: 32px;
padding-right: 32px;
padding-top: 38px;
border-radius: var(--radius-small);
position: relative
}
.notifications .notification__card:first-child~.notification__card {
margin-top: 1rem
}
.notifications .notification__title {
font-family: var(--font__bold);
margin-bottom: 5px;
font-size: var(--font__size--24)
}
.notifications .notification__text {
font-size: var(--font__size--15);
max-width: 336px
}
.notifications .button {
color: var(--color__blue--900);
margin-top: 32px
}
.modal-form-block {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, .24);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index: 1000;
box-sizing: border-box
}
.modal-form-block .modal-form__close:not(.button) {
display: flex;
cursor: pointer;
border: none;
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
align-items: center;
justify-content: center;
position: absolute;
top: 1rem;
right: 1rem
}
.modal-form-block .modal-form__close:not(.button)>* {
pointer-events: none
}
.modal-form-block .modal-form__close:not(.button) svg {
width: 1.25rem;
height: 1.25rem
}
.modal-form-block .modal-form__inner {
position: relative;
padding: var(--spacing__08);
background-color: var(--bg-default);
color: var(--text-primary-light);
border-radius: var(--radius-large);
width: 350px;
max-width: 100%;
min-height: calc(40vh - 6rem);
max-height: calc(100vh - 6rem);
overflow-y: auto
}
.modal-form-block .modal-form__inner .modal-form-content {
display: inline
}
.modal-form-block .modal-form__inner .modal-form-content .block {
padding-top: 0;
margin: 0;
width: 100%
}
.modal-form-block .modal-form__inner .modal-form-content .grid {
grid-template-columns: repeat(1, 1fr)
}
.modal-form-block .modal-form__inner h2 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__04)
}
.modal-form-block .modal__button__container {
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: var(--spacing__06);
border-top: var(--stroke-thin) solid var(--border-primary)
}
.modal-form-block .modal__button__container .modal__next,
.modal-form-block .modal__button__container .modal__prev {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
z-index: 1;
height: 100%;
align-items: center;
justify-content: center;
min-height: 60px
}
.modal-form-block .modal__button__container .modal__next .icon,
.modal-form-block .modal__button__container .modal__prev .icon {
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--bg-brand)
}
.modal-form-block .modal__button__container .modal__next .icon:after,
.modal-form-block .modal__button__container .modal__prev .icon:after {
background-image: url("../images/icons/greater-then-white.svg");
content: "";
display: block;
width: 18px;
height: 18px
}
.modal-form-block .modal__button__container .modal__next[disabled],
.modal-form-block .modal__button__container .modal__prev[disabled] {
opacity: 1
}
.modal-form-block .modal__button__container .modal__next[disabled] .icon,
.modal-form-block .modal__button__container .modal__prev[disabled] .icon {
background-color: var(--color__grey--300)
}
.modal-form-block .modal__button__container .modal__next[disabled] .icon:after,
.modal-form-block .modal__button__container .modal__prev[disabled] .icon:after {
background-image: url("../images/icons/greater-then-grey.svg")
}
.modal-form-block .modal__button__container .modal__prev .icon:after {
transform: rotate(180deg)
}
.modal-form-block .modal__button__container .next,
.modal-form-block .modal__button__container .prev {
max-width: 50%
}
.modal-form-block .modal__button__container .next>span,
.modal-form-block .modal__button__container .prev>span {
font-family: var(--font__bold);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.modal-form-block .modal__button__container .next>span,
.modal-form-block .modal__button__container .prev>span {
display: inline;
margin-top: var(--spacing__03)
}
}
.modal-form-block .modal__button__container .next button {
float: right
}
.modal-form-block .modal__button__container .next span {
float: right;
clear: both;
text-align: right
}
.list {
list-style: none;
margin: 0;
padding: 0
}
.list .list__section .list__title {
font-size: var(--font__size--30);
font-family: var(--font__bold);
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
padding-bottom: var(--spacing__06)
}
.list .list__section ul {
list-style: none;
margin: 0;
padding: 0
}
.list .list__section ul .list__item {
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__09);
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
grid-row-gap: var(--spacing__04);
display: grid;
grid-template-columns: repeat(12, 1fr)
}
.list .list__section ul .list__item a {
text-decoration: none
}
.list .list__section ul .list__item a:hover {
text-decoration: underline
}
.list .list__section ul .list__item .list__info {
grid-column-start: 1;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 1;
line-height: 1.5
}
@media(min-width: 896px) {
.list .list__section ul .list__item .list__info {
grid-column-start: 1;
grid-column-end: 5;
justify-self: start;
align-self: start
}
}
.list .list__section ul .list__item .list__main {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 2
}
.list .list__section ul .list__item .list__main .label {
font-family: var(--font__bold);
line-height: 1.5
}
.list .list__section ul .list__item .list__main .label__sub {
margin-top: .313rem
}
@media(min-width: 896px) {
.list .list__section ul .list__item .list__main {
grid-column-start: 5;
grid-column-end: 12;
justify-self: start;
align-self: start;
grid-row: 1
}
}
.list .list__section ul .list__item .list__main p {
line-height: 1.5
}
.list .list__section ul .list__item .list__action {
grid-column-start: 11;
grid-column-end: 13;
justify-self: end;
align-self: start;
grid-row: 1;
grid-row-start: 1;
grid-row-end: none
}
@media(min-width: 896px) {
.list .list__section ul .list__item .list__action {
grid-column-start: 12;
grid-column-end: 13;
justify-self: end;
align-self: start;
grid-row-start: auto;
grid-row-end: auto
}
}
.cta-wrapper {
display: none
}
.header {
position: fixed;
display: flex;
align-items: center;
width: 100%;
transition: var(--duration-large) var(--ease-standard);
z-index: 1000;
background-color: var(--bg-brand)
}
.header .country-selector {
display: none;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
color-scheme: light
}
.header .country-selector>section {
background-color: var(--bg-brand);
padding: var(--spacing__09) var(--spacing__08) var(--spacing__08) var(--spacing__08);
grid-template-rows: max-content;
grid-row-gap: var(--spacing__06);
position: relative;
width: 100vw;
height: 100vh
}
@media(min-width: 768px) {
.header .country-selector>section {
border-radius: var(--radius-small);
width: 85vw;
height: 85vh
}
}
@media(min-width: 896px) {
.header .country-selector>section {
width: 744px;
height: 85vh
}
}
@media(min-width: 1024px) {
.header .country-selector>section {
width: 1000px;
grid-row-gap: initial;
grid-template-rows: 1fr;
height: 85vh;
padding: var(--spacing__08)
}
}
@media(min-width: 1224px) {
.header .country-selector>section {
width: 1176px
}
}
@media(min-width: 1441px) {
.header .country-selector>section {
width: 1400px
}
}
.header .country-selector>section .header__sub--inner {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
overflow-y: auto
}
@media(min-width: 896px) {
.header .country-selector>section .header__sub--inner {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
}
.header .country-selector ul {
list-style: none;
margin: 0;
padding: 0
}
@media(min-width: 896px) {
.header .country-selector ul {
column-count: 3;
column-gap: var(--spacing__06)
}
}
.header .country-selector ul a {
color: var(--text-primary-dark);
line-height: 1.6;
display: inline-block
}
.header .country-selector ul li a {
color: var(--text-primary-dark)
}
.header .country-selector ul li:first-child~li {
margin-top: var(--spacing__04)
}
@media(min-width: 896px) {
.header .country-selector ul li {
margin-top: initial
}
}
.header .country-selector.active {
display: flex;
align-items: center;
justify-content: center;
background-color: hsla(0, 0%, 100%, .4);
z-index: 999
}
.header .country-selector .preview__copyright {
display: none
}
@media(min-width: 896px) {
.header .country-selector .preview__copyright {
display: block
}
}
.header .country-selector .country-selector__close {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
align-items: center;
justify-content: center;
position: absolute;
top: 1.25rem;
right: 1.25rem
}
.header .country-selector .country-selector__close>* {
pointer-events: none
}
.header .country-selector .country-selector__close svg {
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: 0
}
.header .text-blue {
color: var(--text-primary-light)
}
.header .text-blue svg {
fill: var(--color__blue--800)
}
.header .text-white {
color: var(--text-primary-dark)
}
.header .text-white svg {
fill: var(--color__white)
}
.header .mobile-hidden {
display: none
}
@media(min-width: 896px) {
.header .mobile-hidden {
display: inline-flex
}
}
@media(min-width: 896px) {
.header .desktop-hidden {
display: none
}
}
.header .header-ctas {
column-gap: 1rem;
text-align: right
}
.header .search__results-instant {
background-color: var(--bg-brand)
}
.header .header__top {
width: 100%;
background: var(--bg-brand);
color: var(--text-primary-dark)
}
.header .header__top .search__results-instant {
background-color: var(--bg-default)
}
.header .header__top .search__results-instant a {
color: var(--text-primary-light)
}
.header .header__top input[type=search] {
color: var(--text-primary-light);
background-color: var(--bg-default)
}
.header .header__top .button__cta {
font-size: var(--font__size--15)
}
.header .header__top .button__cta a:link {
color: var(--text-primary-light)
}
.header .header__top .button__language--switch+ul,
.header .header__top .button__linklist--switch+ul {
background: var(--bg-default);
color: var(--text-primary-light);
box-shadow: var(--elavation__03)
}
.header .header__top .button__linklist--switch+ul svg {
fill: var(--color__blue--800);
width: 1rem;
height: 1rem;
flex-shrink: 0
}
.header .header__top .button__linklist--switch+ul>li>a {
width: 100%;
display: flex;
justify-content: space-between;
color: var(--text-primary-light)
}
.header .header__top .button__linklist--switch+ul>li>a:hover {
color: var(--color__purple--500)
}
.header .header__top .button__linklist--switch+ul>li>a:visited {
color: var(--text-primary-light)
}
.header .header__top .button__language svg,
.header .header__top .button__search svg {
fill: var(--color__blue--800)
}
.header .header__top .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
column-gap: 1rem
}
@media(min-width: 768px) {
.header .header__top .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.header .header__top .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.header .header__top .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.header .header__top .container {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.header .header__top .container {
min-height: 68px
}
}
.header .header__top .header__logo {
min-width: var(--spacing__11)
}
.header .header__top .header__logo img {
max-height: var(--spacing__08)
}
.header .header__top .mini-links {
display: flex;
margin-left: auto;
padding-right: 1rem
}
.header .header__top .mini-links .header__country.header__link--wrapper {
border-bottom: none;
color: var(--text-primary-dark)
}
.header .header__top .mini-links svg {
fill: var(--color__white)
}
.header .header__top .separator {
background-color: var(--bg-default)
}
.header .header__top .megamenu-CTALink-button .form-block {
color: var(--text-primary-light)
}
.header .header__top .megamenu-CTALink-button .form-block .EPiServerForms .Form__Element button[type=submit] {
grid-column: span 2;
width: 100%
}
.header .header__top .megamenu-CTALink-button .form-block .EPiServerForms .Form__Element input[type=reset] {
grid-column: span 2;
width: 100%;
margin-top: var(--spacing__06);
margin-left: unset
}
.header .header__top .megamenu-CTALink-button .form-block a {
text-decoration: underline
}
.header .header__top .megamenu-CTALink-button .form-block a:link {
color: var(--text-primary-light)
}
.header .header__middle .search__wrapper {
color: var(--text-primary-dark)
}
.header .header__middle .search__wrapper input[type=search] {
background-color: var(--bg-default)
}
.header .header__middle .button__search svg {
fill: var(--color__white)
}
.header__phone svg {
width: 1rem;
height: 1rem;
margin-right: .5rem;
fill: var(--color__white)
}
@media(min-width: 896px) {
.header a {
text-decoration: none;
transition: var(--duration-large) var(--ease-standard);
color: var(--text-primary-dark);
display: flex;
align-items: center
}
.header a:link {
color: var(--text-primary-dark)
}
.header a:visited {
color: var(--text-primary-dark)
}
.header a.button__tertiary:visited {
color: var(--text-primary-dark)
}
.header a:hover {
color: var(--text-primary-dark)
}
.header a:active {
color: var(--text-primary-dark)
}
}
.header .link__container {
transition: .2s var(--ease-standard);
z-index: -1;
position: fixed;
left: 0;
top: calc(0rem - 100vh - 3rem);
background-color: var(--bg-brand);
width: 100%;
height: calc(100vh - 3rem);
display: none;
flex-direction: column
}
.header .link__container::-webkit-scrollbar {
display: none
}
@media(min-width: 896px) {
.header .link__container {
z-index: initial;
position: initial;
left: initial;
top: initial;
width: auto;
height: calc(100% - 1px);
display: flex
}
.header .link__container::webkit-scrollbar {
display: initial
}
}
.header .link__container ul {
list-style: none;
margin: 0;
padding: 0
}
.header .link__container ul.link__list {
box-sizing: border-box;
flex: 1
}
@media(min-width: 896px) {
.header .link__container ul.link__list {
width: auto;
margin: initial;
padding-left: unset;
padding-right: unset;
display: inline-flex;
height: 100%;
border-top: none;
border-bottom: none
}
}
.header .header__bottom {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
height: inherit;
width: 100%;
opacity: 1
}
@media(min-width: 768px) {
.header .header__bottom {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.header .header__bottom {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.header .header__bottom {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.header .header__bottom {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.header .header__bottom .link__list:hover .header__link--wrapper .link__inner {
opacity: .75
}
.header .header__bottom .link__list:hover .header__link--wrapper:hover .link__inner {
opacity: 1
}
}
.header .header__bottom .header__bottom-wrapper {
height: inherit;
width: 100%;
display: flex;
align-items: center;
border-top: var(--stroke-thin) solid rgba(172, 194, 221, .1490196078)
}
.header .header__bottom .header__bottom-wrapper .header__nav--primary {
display: flex;
height: inherit;
align-items: center
}
.header .header__bottom .cta__linkmobile {
color: var(--text-primary-light);
display: flex;
align-items: center;
height: var(--spacing__09)
}
.header .header__bottom .cta__linkmobile svg {
fill: var(--color__blue--800)
}
.header .header__bottom .cta__linkmobile>div {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.header .header__bottom .cta__linkmobile>div {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.header .header__bottom .cta__linkmobile>div {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.header .header__bottom .cta__linkmobile>div {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.header .header__bottom .cta__linkmobile>div {
padding-left: 0;
padding-right: 0
}
}
.header .header__bottom .cta__linkmobile button span,
.header .header__bottom .cta__linkmobile a {
color: var(--text-primary-light)
}
.header .header__bottom .cta__linkmobile .header__link {
display: flex;
align-items: center
}
.header .header__bottom .cta__linkmobile .header__link svg {
margin-top: 0;
margin-left: 0;
margin-right: .5rem
}
@media(min-width: 896px) {
.header .header__bottom .cta__linkmobile {
display: none
}
}
.header .header__bottom .cta__linkmobile .language-selector-mobile {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
font-family: inherit;
align-items: center;
width: 100%;
justify-content: space-between
}
.header .header__bottom .cta__linkmobile .language-selector-mobile>span {
display: flex;
align-items: center
}
.header .header__bottom .cta__linkmobile .language-selector-mobile>span svg {
margin-top: 0;
margin-left: 0;
margin-right: .5rem
}
@media(min-width: 896px) {
.header .language-switcher-mobile {
display: none !important
}
}
.header .language-switcher-mobile .language-switcher-title {
color: var(--text-primary-light);
font-weight: 100;
font-family: var(--font__bold)
}
.header .language-switcher-mobile .submenu__item button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
color: var(--text-primary-light)
}
.header .header__outer {
background-color: var(--bg-brand);
width: 100%;
height: inherit;
display: flex;
flex-direction: column;
align-items: center
}
.header .header__outer .header__bottom {
height: 0px
}
@media(min-width: 896px) {
.header .header__outer .header__bottom {
height: 63px
}
}
.header .header__outer .header__middle .col,
.header .header__outer .header__bottom .col {
display: flex
}
.header .header__outer .header__middle .modal-form-block,
.header .header__outer .header__bottom .modal-form-block {
position: absolute
}
.header .header__outer .header__middle .modal-form-block .col,
.header .header__outer .header__bottom .modal-form-block .col {
display: Block
}
.header .header__outer .header__middle .modal-form-block p,
.header .header__outer .header__bottom .modal-form-block p {
color: var(--text-primary-light) !important
}
.header .header__outer .header__middle .modal-form-block a,
.header .header__outer .header__bottom .modal-form-block a {
text-decoration: underline;
font-size: 15px
}
.header .header__outer .header__middle .modal-form-block a:link,
.header .header__outer .header__bottom .modal-form-block a:link {
color: var(--text-primary-light)
}
.header .header__outer .header__middle .col {
align-items: center
}
.header .header__outer .header__middle .col .phone-panel-mobile {
display: none
}
.header .header__outer .header__middle .col .phone-panel-mobile a {
background-color: var(--bg-default);
border-radius: var(--radius-small);
height: 30px;
padding: 0 12px;
white-space: nowrap
}
.header .header__outer .header__middle .col.phone-expanded {
position: relative;
height: 30px
}
.header .header__outer .header__middle .col.phone-expanded .phone-panel-mobile {
position: absolute;
left: 0;
background-color: var(--bg-brand);
z-index: 1;
width: 100%;
top: 0;
display: flex;
justify-content: flex-end;
align-items: center
}
.header .header__outer .header__middle .col.phone-expanded .phone-panel-mobile button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit
}
.header .header__outer .header__middle .col.phone-expanded .phone-panel-mobile button>* {
pointer-events: none
}
.header .header__outer .header__middle .col.phone-expanded .phone-panel-mobile button svg {
margin-left: var(--spacing__06);
width: 1rem;
height: 1rem;
fill: var(--color__white)
}
.header .header__outer .header__middle .col.phone-expanded .phone-panel-mobile a {
background-color: var(--bg-default);
border-radius: var(--radius-small);
height: 30px;
padding: 0px 12px;
font-size: 12px
}
.header .header__outer .header__separator {
position: relative;
height: 1px;
width: 100%;
background-color: hsla(0, 0%, 100%, .3)
}
.header .header__outer .header__middle {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.header .header__outer .header__middle {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.header .header__outer .header__middle {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.header .header__outer .header__middle {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.header .header__outer .header__middle {
padding-left: 0;
padding-right: 0
}
}
.header .header__outer .header__inner {
height: inherit;
display: flex;
justify-content: space-between;
align-items: center
}
.header .header__outer .header__inner .header__logo {
margin: var(--spacing__04) 0
}
.header .header__outer .header__inner .header__logo img {
height: var(--spacing__08)
}
@media(min-width: 896px) {
.header .header__outer .header__bottom .header__link--wrapper:first-child~.header__link--wrapper:last-child {
padding-right: 0
}
}
@media(min-width: 896px) {
.header .header__link,
.header .header__title {
display: flex;
align-items: center;
height: inherit
}
}
.header .link__list .header__link--wrapper {
cursor: pointer
}
.header .link__list .header__link--wrapper .link__inner {
position: relative
}
.header .link__list .header__link--wrapper .link__inner button {
background-color: unset;
border: unset
}
.header .header__link--wrapper {
position: static
}
@media(min-width: 896px) {
.header .header__link--wrapper.active .link__inner {
border-bottom: 5px solid var(--color__blue--100)
}
}
.header .header__link--wrapper.active .link__inner button>svg {
transition: .1s var(--ease-standard);
transform: rotate(180deg)
}
@media(min-width: 896px) {
.header .header__link--wrapper.active .link__inner button>svg {
transition: var(--duration-small) var(--ease-standard);
transform: rotate(180deg)
}
}
@media(min-width: 896px) {
.header .header__link--wrapper .link__inner {
border-bottom: 5px solid var(--color__blue--800);
transition: border-color .1s var(--ease-standard)
}
.header .header__link--wrapper :hover {
border-bottom-color: var(--color__blue--100)
}
}
.header .header__link--wrapper .link__inner {
display: flex;
height: 48px;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 0;
margin-left: var(--spacing__05);
margin-right: var(--spacing__05);
margin-right: var(--spacing__05)
}
@media(min-width: 896px) {
.header .header__link--wrapper .link__inner {
height: 100%;
width: auto;
max-width: var(--menu__link-max-width);
overflow: hidden;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: var(--spacing__07)
}
}
@media(min-width: 896px) {
.header .header__link--wrapper {
display: flex;
align-items: center;
height: inherit;
flex-shrink: 0
}
.header .header__link--wrapper:first-child~.header__link--wrapper {
border: none
}
}
.header .header__link--wrapper .header__link>* {
pointer-events: none
}
.header .header__link--wrapper svg {
margin-left: .5rem;
margin-top: 6px;
fill: var(--color__blue--800);
width: 20px;
height: 20px
}
.header .header__link--wrapper svg.svg-menu {
width: 24px;
height: 24px
}
.header .header__title {
display: none
}
.header .menu__preamble {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row: 1
}
@media(min-width: 896px) {
.header .menu__preamble {
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
border-left: var(--stroke-thin) solid hsla(0, 0%, 100%, .2);
padding-left: var(--spacing__04);
grid-row: span content/none
}
}
.header .menu__preamble .menu__preamble--inner {
color: var(--text-primary-dark);
display: flex;
flex-direction: column;
justify-content: space-between
}
@media(min-width: 896px) {
.header .menu__preamble .menu__preamble--inner {
height: 100%
}
}
.header .menu__preamble .menu__preamble--inner .preview__headline {
font-size: var(--font__size--30);
padding-bottom: var(--spacing__09);
border-bottom: var(--stroke-thin) solid hsla(0, 0%, 100%, .2);
line-height: 107%;
letter-spacing: -0.005rem
}
@media(min-width: 896px) {
.header .menu__preamble .menu__preamble--inner .preview__headline {
font-size: 3rem;
border-bottom: none;
padding-bottom: 0
}
}
.header .menu__preamble .menu__preamble--inner .preview__copyright {
color: var(--color__grey--400);
font-size: var(--font__size--12);
line-height: 150%
}
.header .header__country svg {
width: 24px;
height: 24px;
margin-top: 0;
margin-left: 0
}
.header .button__search svg {
width: 24px;
height: 24px;
margin-top: 0;
margin-left: 0
}
.header .language__switcher.header__link--wrapper {
position: initial
}
@media(min-width: 896px) {
.header .language__switcher.header__link--wrapper {
position: relative
}
}
.header .button__phone {
display: flex
}
@media(min-width: 896px) {
.header .button__phone {
background-color: var(--bg-default);
border-radius: var(--radius-small);
height: 30px;
padding: 0 12px
}
}
.header .button__phone>a {
display: none
}
@media(min-width: 896px) {
.header .button__phone>a {
display: flex
}
}
.header .button__phone .trigger-phone {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit
}
@media(min-width: 896px) {
.header .button__phone .trigger-phone {
display: none
}
}
.header .button__phone .trigger-phone svg {
stroke: var(--color__white)
}
.header .button__phone svg {
width: 1rem;
height: 1rem
}
.header .button__phone a {
color: var(--text-primary-light)
}
.header .header__search--wrapper {
display: flex
}
.header .button__cta {
font-size: var(--font__size--15)
}
.header .button__cta.button__display--link {
color: var(--text-primary-dark);
position: relative
}
@media(min-width: 768px) {
.header .button__cta.button__display--link {
position: relative;
align-items: center;
display: flex
}
}
.header .button__cta.button__display--link .has-mobile-link .link__desktop {
display: none
}
@media(min-width: 896px) {
.header .button__cta.button__display--link .has-mobile-link .link__desktop {
display: inline-block
}
}
.header .button__cta.button__display--link .has-mobile-link .link__mobile {
display: inline-block
}
@media(min-width: 896px) {
.header .button__cta.button__display--link .has-mobile-link .link__mobile {
display: none
}
}
.header .button__cta.button__display--button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
background-color: var(--color__red--600);
padding: 4px 24px;
border-radius: var(--radius-pill);
color: var(--text-primary-dark);
cursor: initial;
font-size: var(--font__size--15)
}
.header .button__cta.button__display--button>a:hover {
text-decoration: none
}
.header .button__cta.button__display--button .link__mobile {
display: none
}
.header .button__language {
display: none
}
@media(min-width: 896px) {
.header .button__language {
display: inline-flex
}
}
.header .button__language--switch {
text-transform: uppercase;
color: var(--text-primary-dark)
}
.header .button__linklist--switch {
color: var(--text-primary-dark)
}
.header .button__language--switch,
.header .button__linklist--switch {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
font-size: var(--font__size--15);
font-family: inherit;
position: relative;
text-decoration: none
}
.header .button__language--switch>*,
.header .button__linklist--switch>* {
pointer-events: none
}
.header .button__language--switch:hover,
.header .button__linklist--switch:hover {
text-decoration: none
}
.header .button__language--switch.active:before,
.header .button__linklist--switch.active:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.header .button__language--switch.active+ul,
.header .button__linklist--switch.active+ul {
display: block
}
@media(min-width: 896px) {
.header .button__language--switch.active>svg,
.header .button__linklist--switch.active>svg {
transform: rotate(180deg)
}
}
.header .button__language--switch+ul,
.header .button__linklist--switch+ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
padding: 1.5rem 1rem;
background: var(--bg-default);
color: var(--text-primary-light);
box-shadow: var(--elavation__03);
position: absolute;
top: calc(100% + 12px);
font-size: var(--font__size--15);
z-index: 1;
box-sizing: border-box;
width: 250%;
box-sizing: border-box
}
@media(min-width: 768px) {
.header .button__language--switch+ul,
.header .button__linklist--switch+ul {
top: calc(100% + 15px);
min-width: 250px;
width: auto;
right: -13px;
left: initial;
padding: var(--spacing__06) 1rem
}
}
@media(min-width: 896px) {
.header .button__language--switch+ul,
.header .button__linklist--switch+ul {
top: calc(100% + 8px)
}
}
.header .button__language--switch+ul li,
.header .button__linklist--switch+ul li {
display: flex;
align-items: center;
width: 100%;
margin-bottom: var(--spacing__07)
}
.header .button__language--switch+ul li:last-child,
.header .button__linklist--switch+ul li:last-child {
margin-bottom: 0
}
.header .button__language--switch+ul li:first-child~li,
.header .button__linklist--switch+ul li:first-child~li {
margin-top: 1.5rem
}
@media(min-width: 768px) {
.header .button__language--switch+ul li:first-child~li,
.header .button__linklist--switch+ul li:first-child~li {
margin-top: .75rem
}
}
.header .button__language--switch+ul li svg,
.header .button__linklist--switch+ul li svg {
width: 1rem;
height: 1rem
}
.header .button__language--switch+ul li>a,
.header .button__linklist--switch+ul li>a {
display: flex;
column-gap: 6px;
justify-content: space-between;
width: 100%
}
.header .button__language--switch+ul li .lang__title--selected,
.header .button__linklist--switch+ul li .lang__title--selected {
opacity: .7
}
.header .button__language--switch+ul li .lang__code,
.header .button__linklist--switch+ul li .lang__code {
text-transform: uppercase
}
.header .button__language--switch+ul li button,
.header .button__linklist--switch+ul li button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
font-size: inherit
}
.header .button__language--switch+ul li button:hover,
.header .button__linklist--switch+ul li button:hover {
color: var(--color__purple--500)
}
.header .button__language--switch+ul li button>*,
.header .button__linklist--switch+ul li button>* {
pointer-events: none
}
.header .button__language--switch svg,
.header .button__linklist--switch svg {
width: 1.125rem;
height: 1.125rem;
margin-top: 0;
margin-left: 4px
}
.header .button__mobile {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit
}
@media(min-width: 896px) {
.header .button__mobile {
display: none
}
}
.header .button__mobile+.separator {
display: none
}
@media(min-width: 896px) {
.header .button__mobile+.separator {
display: flex
}
}
@media(min-width: 896px) {
.header .hidden-desktop {
display: none
}
}
.header .separator {
height: 24px;
width: 1px;
background-color: hsla(0, 0%, 100%, .3);
margin: 0 var(--spacing__04)
}
@media(min-width: 896px) {
.header .separator {
margin: 0 var(--spacing__04)
}
}
.header .separator.hide-mobile {
display: none
}
@media(min-width: 896px) {
.header .separator.hide-mobile {
display: block
}
}
.header .search__panel {
position: absolute;
left: 0;
height: 48px;
top: -100%;
visibility: hidden;
width: 100%;
display: flex;
transition: var(--duration-large) var(--ease-standard);
z-index: 1;
background-color: var(--bg-brand)
}
@media(min-width: 896px) {
.header .search__panel {
height: 98px
}
}
.header .search__panel .search__close {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
margin: 0 0 0 var(--spacing__05)
}
.header .search__panel .search__close svg {
width: 1rem;
height: 1rem
}
.header .search__panel--top {
background-color: var(--bg-default)
}
.header .search__panel--top .search__close svg {
fill: var(--color__blue--800)
}
.header .search__panel--visible {
top: 0;
visibility: visible;
display: flex
}
.header .search__panel .search__panel--inner {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between
}
@media(min-width: 768px) {
.header .search__panel .search__panel--inner {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.header .search__panel .search__panel--inner {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.header .search__panel .search__panel--inner {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.header .search__panel .search__panel--inner {
padding-left: 0;
padding-right: 0
}
}
.header .search__panel .search__panel--inner .left {
display: flex;
align-items: center;
flex-grow: 1;
height: 100%
}
.header .search__panel .search__panel--inner .left .hide-mobile {
display: none
}
@media(min-width: 896px) {
.header .search__panel .search__panel--inner .left .hide-mobile {
display: inline-flex
}
}
.header .search__panel .search__panel--inner .left .search__wrapper {
width: 100%;
height: inherit
}
.header .search__panel .search__panel--inner .left .search__wrapper .offleft {
position: absolute;
left: -999px
}
.header .search__panel .search__panel--inner .left .search__wrapper input[type=search] {
width: inherit;
height: inherit;
border: none;
background-color: rgba(0, 0, 0, 0);
font-family: inherit;
font-size: var(--font__size--15);
outline: none;
padding: 0 0 0 var(--spacing__05);
background-color: var(--bg-default)
}
.header .search__panel .search__panel--inner .left .search__wrapper input[type=search]::-webkit-search-decoration,
.header .search__panel .search__panel--inner .left .search__wrapper input[type=search]::-webkit-search-cancel-button,
.header .search__panel .search__panel--inner .left .search__wrapper input[type=search]::-webkit-search-results-button,
.header .search__panel .search__panel--inner .left .search__wrapper input[type=search]::-webkit-search-results-decoration {
display: none
}
.header .search__panel .search__panel--inner .left .search__wrapper .search__results-instant {
position: absolute;
top: calc(100% - 1px);
left: 0;
width: 100%;
max-height: 0;
transition: max-height var(--duration-large) var(--ease-standard);
overflow: hidden;
z-index: 9999
}
.header .search__panel .search__panel--inner .left .search__wrapper .search__results-instant-wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
border-top: var(--stroke-thin) solid var(--color__blue--900);
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__06);
color: var(--text-primary-dark)
}
@media(min-width: 768px) {
.header .search__panel .search__panel--inner .left .search__wrapper .search__results-instant-wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.header .search__panel .search__panel--inner .left .search__wrapper .search__results-instant-wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.header .search__panel .search__panel--inner .left .search__wrapper .search__results-instant-wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.header .search__panel .search__panel--inner .left .search__wrapper .search__results-instant-wrapper {
padding-left: 0;
padding-right: 0
}
}
.header .search__panel .search__panel--inner .left .search__wrapper .search__results-instant-wrapper ul {
list-style: none;
margin: 0;
padding: 0
}
.header .search__panel .search__panel--inner .left .search__wrapper .search__results-instant-wrapper ul li:first-child~li {
margin-top: var(--spacing__04)
}
@keyframes spin {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}
.header .search__panel .search__panel--inner .left .search__wrapper .search__results-instant-wrapper svg {
width: 40px;
height: 40px;
animation: spin 1s infinite linear
}
.search__results--show .header .search__panel .search__panel--inner .left .search__wrapper .search__results-instant {
max-height: 500px
}
@media(min-width: 896px) {
.header-digital .header__outer .header__bottom .header__link--wrapper:first-child {
padding-right: var(--spacing__06)
}
}
.megamenu_background {
position: fixed;
width: 100%;
-webkit-transition: height var(--duration-xlarge);
-moz-transition: height var(--duration-xlarge);
transition: height var(--duration-xlarge);
top: 0;
left: 0;
z-index: -2
}
@media(min-width: 896px) {
.megamenu_background {
background-color: #fff
}
}
@media(min-width: 1024px) {
.megamenu_background {
height: 131px
}
}
.megamenu_overlay {
content: "";
position: fixed;
top: var(--menu__height--md);
left: 0;
width: 100%;
z-index: -2;
opacity: 30%;
background-color: #000
}
.megamenu__expanded .button__search {
opacity: .6;
pointer-events: none
}
.header__sub--wrapper {
display: none
}
.header__sub--wrapper .megamenu_labels .megamenu_desktop {
display: none
}
@media(min-width: 896px) {
.header__sub--wrapper .megamenu_labels .megamenu_desktop {
display: block
}
}
@media(min-width: 896px) {
.header__sub--wrapper .megamenu_labels .megamenu_mobile {
display: none
}
}
.header__sub--wrapper .megamenu_labels>.column>ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item .megamenu-expand-icon {
fill: var(--color__grey--800);
float: right
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item>ul {
position: absolute;
left: -1000px;
opacity: 0;
visibility: hidden
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item>ul>li a {
padding-left: var(--spacing__08);
color: var(--color__grey--800);
font-weight: normal;
font-size: var(--font__size--15);
height: var(--spacing__06)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item .js-submenu-expand .megamenu-icon {
padding-right: var(--spacing__04);
margin-left: 0;
margin-top: 0;
width: 20px;
height: 20px;
position: absolute;
left: 0;
filter: brightness(0) saturate(100%) invert(10%) sepia(11%) saturate(4313%) hue-rotate(159deg) brightness(98%) contrast(100%)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item.active .js-submenu-expand a {
color: var(--color__purple--400) !important;
text-decoration: underline
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item.active .js-submenu-expand svg {
fill: var(--color__purple--400) !important
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item.active>ul {
position: relative;
left: 0;
opacity: 1;
visibility: visible;
-webkit-transition: opacity var(--duration-xlarge) var(--ease-standard);
-moz-transition: opacity var(--duration-xlarge) var(--ease-standard);
transition: opacity var(--duration-xlarge) var(--ease-standard)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li svg>* {
pointer-events: none
}
.header__sub--wrapper .megamenu_labels>.column>ul>li>a {
font-family: var(--font__weight--700);
color: var(--text-primary-light)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li>a a:link {
color: var(--text-primary-light)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li:hover {
cursor: pointer;
opacity: 1;
background-color: var(--bg-default)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li>ul {
list-style: none;
margin: 0
}
.header__sub--wrapper .megamenu_labels>.column>ul>li>ul>li>ul {
list-style: none;
margin: 0;
padding: 0 0 0 var(--spacing__04)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li>ul>li>ul>li:before {
content: "-";
text-indent: .313rem;
color: var(--text-primary-dark)
}
.header__sub--wrapper .megamenu_labels .menu__preamble {
display: none
}
@media(min-width: 1024px) {
.header__sub--wrapper .megamenu_labels .menu__preamble {
display: flex
}
}
.header__sub--wrapper .megamenu_content {
display: flex;
flex-direction: column;
gap: 16px
}
.header__sub--wrapper .megamenu_content .content-container {
display: flex;
flex-direction: column;
gap: var(--spacing__06)
}
.header__sub--wrapper .megamenu_content .content-container .col.image {
order: -1;
text-align: center;
width: 100%
}
.header__sub--wrapper .megamenu_content .content-container .col.image figure {
width: 100%
}
.header__sub--wrapper .megamenu_content .content-container .col.image img {
max-width: 100%;
max-height: 100%
}
.header__sub--wrapper .megamenu_content .content-container .col.text {
display: flex;
font-size: var(--font__size--15);
flex-direction: column;
gap: 2px;
text-align: left;
margin: 0;
color: var(--color__grey--800);
line-height: var(--spacing__06);
font-weight: normal
}
.header__sub--wrapper .megamenu_content .content-container .col.text .label {
display: none
}
.header__sub--wrapper .megamenu_content .content-container .col.text h2 {
color: var(--text-primary-light);
margin: 0;
font-size: var(--font__size--15)
}
.header__sub--wrapper .megamenu_content .content-container .col.text .cta {
margin-top: var(--spacing__06)
}
.header__sub--wrapper .megamenu_content .content-container .col.text .cta a {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: 0;
background-color: var(--bg-default);
padding: 0;
font-family: var(--font__bold);
display: block;
text-align: left;
color: var(--text-primary-light)
}
.header__sub--wrapper .megamenu_content .content-container .col.text .cta .button.button__tertiary::after {
content: "";
background-image: url("../images/icons/circle-greater-dark-blue-32x32.svg");
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 16px;
height: 16px;
margin-left: 8px;
vertical-align: middle;
margin-top: -3px
}
@media(min-width: 896px) {
.header__sub--wrapper.expanded-mega-menu {
background-color: #fff;
z-index: -1;
opacity: 0;
-webkit-transition: opacity .9s var(--ease-standard);
-moz-transition: opacity .9s var(--ease-standard);
transition: opacity .9s var(--ease-standard);
position: absolute;
width: 100vw;
left: 0;
top: 100%
}
.header__sub--wrapper .megamenu_content {
grid-column-start: 10;
grid-column-end: 13
}
.header__sub--wrapper .megamenu_content .content-container {
margin: 0;
padding: var(--spacing__09) 0 0;
cursor: default
}
.header__sub--wrapper .megamenu_content .content-container:hover col.text p {
color: var(--color__grey--700)
}
.header__sub--wrapper .megamenu_content .content-container:hover .col.text h2 {
color: var(--color__blue--600)
}
.header__sub--wrapper .megamenu_content .content-container:hover .col.text .cta a {
color: var(--color__blue--600)
}
.header__sub--wrapper .megamenu_content .content-container:active col.text p {
color: var(--color__grey--900)
}
.header__sub--wrapper .megamenu_content .content-container:active .col.text h2 {
color: var(--text-primary-light)
}
.header__sub--wrapper .megamenu_content .content-container:active .col.text .cta a {
color: var(--text-primary-light)
}
.header__sub--wrapper .megamenu_content .content-container .col.text .grid {
display: flex
}
.header__sub--wrapper .fluid {
width: 100%
}
.header__sub--wrapper .container {
--column-width: minmax(5vw, 1fr);
--gap-size: calc(var(--column-width) / 2);
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: grid;
grid-template-columns: repeat(12, var(--column-width));
gap: var(--gap-size);
width: 100%;
margin: 0 auto var(--spacing__09);
max-width: var(--max-width__site)
}
}
@media(min-width: 896px)and (min-width: 768px) {
.header__sub--wrapper .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 896px)and (min-width: 1024px) {
.header__sub--wrapper .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 896px)and (min-width: 1441px) {
.header__sub--wrapper .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 896px)and (min-width: 1650px) {
.header__sub--wrapper .container {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.header__sub--wrapper .megamenu_labels {
grid-column: span 9;
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: min-content;
grid-template-rows: var(--spacing__08);
gap: 20px;
padding-top: var(--spacing__04)
}
}
@media(min-width: 896px)and (min-width: 1224px) {
.header__sub--wrapper .megamenu_labels {
grid-column: span 8
}
}
@media(min-width: 896px)and (min-width: 1441px) {
.header__sub--wrapper .megamenu_labels {
grid-column: span 6
}
}
@media(min-width: 896px) {
.header__sub--wrapper .megamenu_labels .megamenu-header-text {
grid-column: span 2;
color: var(--color__grey--700);
text-align: left;
align-content: end;
cursor: default
}
.header__sub--wrapper .megamenu_labels:hover {
text-decoration: none
}
.header__sub--wrapper .megamenu_labels .fluid.megamenu_labels ul:nth-child(odd) {
grid-column: 1
}
.header__sub--wrapper .megamenu_labels .fluid.megamenu_labels ul:nth-child(even) {
grid-column: 2
}
.header__sub--wrapper .megamenu_labels a {
color: var(--text-primary-light);
font-size: var(--font__size--15);
font-family: var(--font__bold);
width: 100%
}
.header__sub--wrapper .megamenu_labels a:hover {
color: var(--color__purple--400)
}
.header__sub--wrapper .megamenu_labels a.active {
text-decoration: underline
}
.header__sub--wrapper .megamenu_labels li.submenu__item .js-submenu-expand .megamenu-icon:has(+a:hover),
.header__sub--wrapper .megamenu_labels li.submenu__item .js-submenu-expand .megamenu-icon:has(+a.active) {
filter: brightness(0) saturate(100%) invert(38%) sepia(75%) saturate(583%) hue-rotate(216deg) brightness(104%) contrast(109%)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item {
padding: 0 var(--spacing__09) var(--spacing__05) 0;
background: none
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item>div {
height: var(--spacing__06)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item>ul>li {
padding: 6px 0
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item>ul>li:first-child {
padding-top: var(--spacing__04)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item>ul>li:last-child {
padding-bottom: var(--spacing__04)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item>ul>li a {
padding-left: 0;
font-family: var(--font__regular);
color: var(--color__grey--800)
}
.header__sub--wrapper .megamenu_labels>.column>ul>li.submenu__item>ul>li a:hover {
color: var(--color__grey--900)
}
.header__sub--wrapper .megamenu_labels.has-icons>.column>ul>li.submenu__item {
padding-left: var(--spacing__07);
position: relative
}
.header__sub--wrapper.landscape .megamenu_content {
grid-column-start: 10;
grid-column-end: 13
}
}
@media(min-width: 896px)and (min-width: 1224px) {
.header__sub--wrapper.landscape .megamenu_content {
grid-column-start: 9
}
.header__sub--wrapper.landscape .megamenu_content .content-container {
flex-direction: row
}
.header__sub--wrapper.landscape .megamenu_content .content-container .col.image {
max-width: 44%;
max-height: 100%;
min-width: 44%
}
}
@media(min-width: 896px)and (min-width: 1441px) {
.header__sub--wrapper.landscape .megamenu_content {
grid-column-start: 8
}
}
@media(min-width: 896px) {
.header__sub--wrapper.double-vertical .megamenu_content {
grid-column-start: 8;
grid-column-end: 13;
flex-direction: row;
gap: var(--spacing__06)
}
.header__sub--wrapper.double-vertical .megamenu_content .content-container {
width: 50%
}
.header__sub--wrapper.double-vertical .megamenu_labels {
grid-column: span 5;
grid-template-columns: 1fr
}
}
@media(min-width: 896px)and (min-width: 1024px) {
.header__sub--wrapper.double-vertical .megamenu_labels {
grid-column: span 4
}
}
@media(min-width: 896px)and (min-width: 1441px) {
.header__sub--wrapper.double-vertical .megamenu_labels {
grid-column: span 3
}
}
@media(min-width: 896px) {
.header__sub--wrapper.double-vertical .megamenu_labels .megamenu-header-text {
grid-column: span 1
}
.header__sub--wrapper.double-vertical .megamenu_labels .column+.column {
margin-top: -20px
}
.header__sub--wrapper.double-vertical .megamenu_labels .fluid.megamenu_labels ul:nth-child(even) {
grid-column: 1
}
.header__sub--wrapper.one-column .megamenu_labels {
grid-column: span 5;
grid-template-columns: 1fr
}
}
@media(min-width: 896px)and (min-width: 1024px) {
.header__sub--wrapper.one-column .megamenu_labels {
grid-column: span 4
}
}
@media(min-width: 896px)and (min-width: 1441px) {
.header__sub--wrapper.one-column .megamenu_labels {
grid-column: span 3
}
}
@media(min-width: 896px) {
.header__sub--wrapper.one-column .megamenu_labels .megamenu-header-text {
grid-column: span 1
}
.header__sub--wrapper.one-column .megamenu_labels .column+.column {
margin-top: -20px
}
.header__sub--wrapper.one-column .megamenu_labels .fluid.megamenu_labels ul:nth-child(even) {
grid-column: 1
}
.header__sub--wrapper.three-columns .megamenu_labels {
grid-column: span 12;
grid-template-columns: 1fr 1fr 1fr
}
}
@media(min-width: 896px)and (min-width: 1441px) {
.header__sub--wrapper.three-columns .megamenu_labels {
grid-column: span 10
}
}
@media(min-width: 896px)and (min-width: 1650px) {
.header__sub--wrapper.three-columns .megamenu_labels {
grid-column: span 8
}
}
@media(min-width: 896px) {
.header__sub--wrapper.three-columns .megamenu_labels .megamenu-header-text {
grid-column: span 3
}
}
.header__sub--wrapper .submenu__item>div {
height: var(--spacing__09);
display: flex;
align-items: center;
color: var(--text-primary-light);
justify-content: flex-start
}
.header__sub--wrapper .submenu__item>div .megamenu-expand-icon {
margin-left: auto
}
.header__sub--wrapper .submenu__item .lang-switch {
padding-left: var(--spacing__05)
}
.header__sub--wrapper .submenu__item .lang-switch button>* {
pointer-events: none
}
.header__sub--wrapper .submenu__item.card__subactive {
border-left: var(--stroke-thick) solid #fff;
font-family: var(--font__weight--700);
background-color: var(--color__blue--700)
}
@media(min-width: 1024px) {
.header__sub--wrapper .submenu__item.card__subactive {
font-family: inherit;
border-left: none
}
}
.header__sub--wrapper .submenu__item.active .megamenu-expand-icon {
transition: .1s var(--ease-standard);
transform: rotate(180deg)
}
.header__sub--wrapper .card__linkparent {
display: inline-block
}
.header__sub--wrapper .card__link {
height: var(--spacing__09);
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.header__sub--wrapper .card__link {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.header__sub--wrapper .card__link {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.header__sub--wrapper .card__link {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.header__sub--wrapper .card__link {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.header__sub--wrapper .card__link {
padding: 0 var(--spacing__08);
margin: initial;
width: auto
}
}
.header__sub--wrapper .card__link.card__subactive {
border-left: var(--stroke-thick) solid #fff;
font-family: var(--font__weight--700)
}
@media(min-width: 1024px) {
.header__sub--wrapper .card__link.card__subactive {
font-family: inherit;
border-left: none
}
}
.menu__mobile--expanded a {
text-decoration: none;
font-size: var(--font__size--18);
line-height: var(--spacing__06);
font-family: var(--font__bold)
}
@media(min-width: 1024px) {
.menu__mobile--expanded a {
font-size: var(--font__size--15)
}
}
.menu__mobile--expanded .cta-wrapper {
display: block;
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
.menu__mobile--expanded .cta-wrapper p {
color: var(--text-primary-dark);
padding-top: var(--spacing__06);
font-size: var(--font__size--15)
}
.menu__mobile--expanded .cta-wrapper__buttons {
display: block;
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__09);
column-gap: 7px
}
.menu__mobile--expanded .cta-wrapper__buttons .button {
min-width: 100%;
min-width: -moz-fit-content;
height: var(--spacing__09);
font-size: var(--font__size--15)
}
.menu__mobile--expanded .cta-wrapper__buttons .button:first-child {
margin-bottom: var(--spacing__05)
}
.menu__mobile--expanded .cta-wrapper__buttons .button.header__phone {
background-color: var(--color__purple--100);
color: var(--text-primary-light) !important
}
.menu__mobile--expanded .cta-wrapper__buttons .button.header__phone svg {
fill: var(--color__blue--800)
}
.menu__mobile--expanded .link__container {
background-color: var(--bg-default);
top: 4rem;
overflow-y: scroll;
font-weight: var(--font__weight--700);
line-height: var(--spacing__06);
display: flex;
}
.menu__mobile--expanded .link__container .header__link--wrapper.cta__linkmobile {
display: block
}
@media(min-width: 1024px) {
.menu__mobile--expanded .link__container {
overflow-y: initial
}
}
.menu__mobile--expanded .header {
overflow: hidden
}
.menu__mobile--expanded .button__linklist--switch,
.menu__mobile--expanded .button__language,
.menu__mobile--expanded .button__language--switch {
opacity: .6;
pointer-events: none
}
.menu__mobile--expanded .megamenu-mobile-submenu {
display: block
}
.menu__mobile--expanded .megamenu-mobile-submenu .link__inner {
flex-direction: row-reverse;
justify-content: left;
margin-left: 0
}
.menu__mobile--expanded .megamenu-mobile-submenu .link__inner svg {
margin-right: var(--spacing__04)
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper {
display: flex;
align-items: center
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .megamenu_labels {
display: flex;
flex-direction: column;
font-weight: var(--font__weight--700);
font-size: var(--font__size--15)
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .megamenu_labels .megamenu-icon {
padding-right: var(--spacing__04)
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .megamenu_labels .megamenu-header-text {
color: var(--color__grey--700);
font-size: var(--spacing__04);
font-family: var(--font__regular);
font-weight: 100
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .megamenu_labels>ul {
margin-bottom: 2px;
min-height: var(--spacing__09)
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .megamenu_labels>ul>li {
min-height: var(--spacing__09)
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .megamenu_labels.has-icons .submenu__item {
padding-left: var(--spacing__07);
width: calc(100% - var(--spacing__07))
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .megamenu_labels.has-icons .megamenu-icon {
left: var(--spacing__05)
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .megamenu_content {
padding-top: var(--spacing__06)
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .submenu__item {
width: 100%;
border-bottom: var(--stroke-thin) solid var(--color__grey--300)
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .submenu__item>div {
padding: 0
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .submenu__item a {
width: 100%;
font-size: var(--font__size--15);
padding-left: 0
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .submenu__item.active>ul {
padding-top: 0
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .submenu__item.active>ul>li {
height: var(--spacing__06);
padding-bottom: var(--spacing__03)
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .submenu__item.active>ul>li:last-child {
padding-bottom: var(--spacing__05)
}
.menu__mobile--expanded .megamenu-mobile-submenu .header__sub--wrapper .container .submenu__item.active>ul>li a {
font-family: var(--font__regular)
}
.header__link--wrapper.cta__mobile {
color: var(--text-primary-light)
}
@media(min-width: 896px) {
.header__link--wrapper.cta__mobile {
display: none
}
}
.header__link--wrapper.cta__mobile svg {
fill: var(--color__blue--800)
}
.header__link--wrapper.cta__mobile .header__link {
display: flex;
align-items: center
}
.header__link--wrapper.cta__mobile .header__link svg {
margin: 0 .5rem 0 0
}
.footer {
height: inherit;
background-color: var(--bg-brand);
padding-top: var(--spacing__08);
padding-bottom: var(--spacing__08)
}
.footer .footer__inner {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
grid-row-gap: var(--spacing__06)
}
@media(min-width: 768px) {
.footer .footer__inner {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.footer .footer__inner {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.footer .footer__inner {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.footer .footer__inner {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.footer .footer__inner {
column-gap: var(--gutter__column)
}
}
.footer .footer__inner .securitas__logo {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
display: flex;
justify-content: space-between;
border-bottom: var(--stroke-thin) solid hsla(0, 0%, 100%, .2);
padding-bottom: var(--spacing__06);
grid-row: 1
}
.footer .footer__inner .securitas__logo>div>a {
max-width: 70px;
display: inline-block
}
.footer .footer__inner .securitas__logo>div>a:first-child+a {
margin-left: var(--spacing__04)
}
.footer .footer__inner .securitas__logo>div>a img {
height: 30px;
width: auto
}
@media(min-width: 896px) {
.footer .footer__inner .securitas__logo>div>a img {
height: 40px
}
}
.footer .footer__inner .securitas__logo>div>div {
max-width: 70px;
display: inline-block
}
.footer .footer__inner .securitas__logo>div>div img {
height: 30px;
width: auto
}
@media(min-width: 896px) {
.footer .footer__inner .securitas__logo>div>div img {
height: 40px
}
}
.footer .footer__inner .footer__language {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 2;
width: inherit;
padding-bottom: var(--spacing__06);
border-bottom: var(--stroke-thin) solid hsla(0, 0%, 100%, .2)
}
@media(min-width: 1024px) {
.footer .footer__inner .footer__language {
grid-column-start: 1;
grid-column-end: 7;
justify-self: start;
align-self: start;
width: initial;
padding-bottom: 0;
border-bottom: none
}
}
.footer .footer__inner .footer__language button {
text-decoration: underline;
text-align: left
}
.footer .footer__inner .footer__newsletter {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 3;
width: inherit;
padding-bottom: var(--spacing__06);
border-bottom: var(--stroke-thin) solid hsla(0, 0%, 100%, .2)
}
@media(min-width: 1024px) {
.footer .footer__inner .footer__newsletter {
grid-column-start: 1;
grid-column-end: 5;
justify-self: start;
align-self: start;
width: initial;
padding-top: var(--spacing__06);
padding-bottom: 0;
border-bottom: none
}
}
.footer .footer__inner .footer__column--left {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 4
}
@media(min-width: 1024px) {
.footer .footer__inner .footer__column--left {
grid-column: 4/7;
justify-self: start;
align-self: start;
grid-row: 2;
}
}
.footer .footer__inner .footer__column--middle {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 5
}
@media(min-width: 1024px) {
.footer .footer__inner .footer__column--middle {
grid-column: 7/10;
justify-self: start;
align-self: start;
grid-row: 2
}
}
.footer .footer__inner .footer__column--right {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 6
}
@media(min-width: 1024px) {
.footer .footer__inner .footer__column--right {
grid-column: 10/13;
justify-self: start;
align-self: start;
grid-row: 2
}
}
.footer .footer__inner .footer__links {
font-size: var(--font__size--15)
}
.footer .footer__inner .footer__links p,
.footer .footer__inner .footer__links h2 {
line-height: 160%;
font-size: var(--font__size--15);
color: var(--text-primary-dark);
text-transform: initial;
font-family: var(--font__bold)
}
.footer .footer__inner .footer__links ul {
list-style: none;
margin: 0;
padding: 0
}
.footer .footer__inner .footer__links ul li button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit
}
.footer .footer__inner .footer__links ul li a {
text-decoration: none;
color: var(--text-primary-dark);
line-height: 160%
}
.footer .footer__inner .footer__links ul li a:hover {
text-decoration: underline
}
.footer .footer__inner .footer__copyright,
.footer .footer__inner .footer__social {
font-size: var(--font__size--15);
color: hsla(0, 0%, 100%, .6)
}
.footer .footer__inner .footer__copyright svg,
.footer .footer__inner .footer__social svg {
opacity: .6
}
.footer .footer__inner .footer__copyright {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 8;
padding-top: var(--spacing__06);
margin-top: var(--spacing__06)
}
@media(min-width: 1024px) {
.footer .footer__inner .footer__copyright {
grid-column-start: 1;
grid-column-end: 7;
justify-self: start;
align-self: end;
padding-top: var(--spacing__14);
margin-top: 0;
grid-row: 4
}
}
.footer .footer__inner .footer__social {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: start;
grid-row: 7;
padding-top: var(--spacing__06);
margin-top: var(--spacing__09);
border-top: var(--stroke-thin) solid hsla(0, 0%, 100%, .2);
overflow: hidden
}
@media(min-width: 1024px) {
.footer .footer__inner .footer__social {
grid-column-start: 7;
grid-column-end: 13;
justify-self: start;
align-self: end;
grid-row: 4;
border-top: none;
padding-top: var(--spacing__14);
margin-top: 0
}
}
.footer .footer__inner .footer__social ul {
list-style: none;
padding: 0;
margin: -12px;
display: flex;
flex-wrap: wrap
}
@media(min-width: 1024px) {
.footer .footer__inner .footer__social ul {
margin: -24px
}
}
.footer .footer__inner .footer__social ul li {
margin: var(--spacing__04)
}
@media(min-width: 1024px) {
.footer .footer__inner .footer__social ul li {
margin: var(--spacing__06)
}
}
.footer .footer__inner .footer__social ul li a {
display: block
}
.footer .footer__inner .footer__social ul li a svg {
fill: var(--color__white);
width: 1.25rem;
height: 1.25rem;
transition: var(--duration-large) var(--ease-standard)
}
.footer .footer__inner .footer__social ul li a:hover svg {
opacity: 1
}
.footer .footer__inner svg {
fill: var(--color__blue--800);
width: 1.125rem;
height: 1.125rem
}
.footer .footer__inner .footer-top {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
align-items: center
}
.footer .footer__inner .footer-top .btn__icon {
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: var(--bg-default);
float: right;
margin-right: var(--spacing__04)
}
.footer .footer__inner .footer-top p {
font-size: var(--font__size--15);
color: #fff
}
.footer .ada-logo {
grid-row: 8
}
@media(min-width: 1024px) {
.footer .ada-logo {
grid-row: 4
}
}
.footer .ada-logo img {
width: 70px
}
.filter-mobile {
position: sticky;
bottom: var(--spacing__06);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
bottom: var(--spacing__09);
margin-bottom: var(--spacing__03);
transition: opacity var(--duration-xlarge) var(--ease-standard)
}
.filter-mobile button {
pointer-events: auto
}
@media(min-width: 896px) {
.filter-mobile {
display: none
}
}
@media(max-width: 768px) {
.filters {
transition: var(--duration-large) var(--ease-standard);
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: var(--bg-default);
display: flex;
flex-direction: column;
z-index: 1000;
border-radius: var(--radius-small) var(--radius-small) 0 0;
overflow-y: scroll;
max-height: 0px;
-ms-overflow-style: none;
scrollbar-width: none
}
.filters::-webkit-scrollbar {
display: none
}
.filters dl:first-of-type~dl {
margin-top: var(--spacing__06)
}
.filters.active {
max-height: 80vh;
padding-bottom: var(--spacing__06)
}
.filters .filters-collapse-mobile {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
background-color: var(--bg-default);
display: flex;
justify-content: center;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999
}
.filters .filters-collapse-mobile>* {
pointer-events: none
}
.filters .filters-collapse-mobile span {
display: inline-flex;
width: 45px;
border-radius: 3px;
background-color: var(--color__grey--400);
height: 4px;
margin: calc(var(--spacing__06) - 2px)
}
.filters .filters-title-mobile {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36);
margin-bottom: var(--spacing__08)
}
}
@media(max-width: 768px)and (min-width: 768px) {
.filters .filter-buttons dd {
display: flex;
justify-content: space-between
}
}
@media(max-width: 768px) {
.filters .filter-clear,
.filters .filter-apply {
width: 100%
}
}
@media(max-width: 768px)and (min-width: 768px) {
.filters .filter-clear,
.filters .filter-apply {
width: 48%
}
}
@media(max-width: 768px) {
.filters .filter-apply {
margin-top: var(--spacing__04)
}
}
@media(max-width: 768px)and (min-width: 768px) {
.filters .filter-apply {
margin-left: 2.5%;
margin-top: 0
}
}
@media(min-width: 896px) {
.filters {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: var(--spacing__06);
grid-row-gap: var(--spacing__06);
margin-top: var(--spacing__08)
}
}
@media(min-width: 896px)and (min-width: 768px) {
.filters {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 896px)and (min-width: 1024px) {
.filters {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 896px)and (min-width: 1441px) {
.filters {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 896px)and (min-width: 1650px) {
.filters {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.filters .filter-buttons .filter-clear {
display: none
}
.filters .filters-collapse-mobile,
.filters .filters-title-mobile {
display: none
}
}
@media(min-width: 1224px) {
.filters {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
}
.filters dl {
display: flex;
flex-direction: column
}
.filters dl:not(.has-label) {
justify-content: flex-end
}
.filters dt {
font-family: var(--font__bold);
margin-bottom: var(--spacing__04);
display: block
}
.filters.disabled {
opacity: .6
}
.filters.disabled>* {
pointer-events: none
}
.filter-custom {
border-bottom: var(--stroke-thin) solid var(--color__grey--400)
}
.filter-custom .filter-header {
color: var(--text-primary-light);
display: inline-flex;
width: 100%;
height: inherit;
box-sizing: border-box;
justify-content: space-between;
align-items: center;
cursor: pointer;
position: relative;
z-index: 900;
font-family: var(--font__bold);
font-size: var(--font__size--18);
padding: var(--spacing__06) 0;
background-color: var(--bg-default);
border: 0
}
.filter-custom .filter-header svg {
width: 1em;
height: 1rem;
float: right
}
.filter-custom .filter-content {
max-height: 0;
transition: var(--duration-large) var(--ease-standard);
position: relative;
opacity: 0
}
.filter-custom.active .filter-header svg {
transform: rotate(180deg)
}
.filter-custom.active .filter-content {
max-height: 340px;
opacity: 1;
transition: var(--duration-xlarge) var(--ease-standard)
}
.filter-search {
min-width: 100%
}
@media(min-width: 896px) {
.filter-search {
min-width: 300px
}
}
@media(min-width: 1024px) {
.filter-search {
min-width: 400px
}
}
.filter-search .filter-wrapper {
position: relative
}
.filter-search .filter-wrapper input[type=search] {
height: 48px;
border-radius: var(--radius-xsmall);
padding: var(--spacing__04) var(--spacing__06);
border: var(--stroke-thin) solid var(--color__grey--700);
width: 100%;
font-family: inherit;
font-size: var(--font__size--15);
line-height: 133.33%;
background-color: var(--bg-default)
}
.filter-search .filter-wrapper input[type=search]:focus {
outline: none;
border-color: var(--color__grey--800)
}
.filter-search .filter-wrapper .search__button,
.filter-search .filter-wrapper .clear__button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
width: 48px;
height: 48px;
align-items: center;
position: absolute;
top: 0
}
.filter-search .filter-wrapper .search__button svg,
.filter-search .filter-wrapper .clear__button svg {
width: 1.5rem;
height: 1.5rem;
fill: var(--color__blue--800)
}
.filter-search .filter-wrapper .search__button {
right: 0;
justify-content: flex-start
}
.filter-search .filter-wrapper .search__button.disabled {
pointer-events: none;
opacity: .5
}
.filter-search .filter-wrapper .clear__button {
display: none;
right: 58px;
justify-content: flex-end
}
.filter-search .filter-wrapper input[type=search]::-webkit-search-decoration,
.filter-search .filter-wrapper input[type=search]::-webkit-search-cancel-button,
.filter-search .filter-wrapper input[type=search]::-webkit-search-results-button,
.filter-search .filter-wrapper input[type=search]::-webkit-search-results-decoration {
display: none
}
.filter-search .filter-wrapper input[type=submit] {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
z-index: 200
}
.country-selector>ul {
list-style: none;
margin: 0;
padding: 0
}
.cookie__banner {
position: fixed;
bottom: -100%;
left: 0;
z-index: 9999;
background-color: rgba(240, 246, 249, .95);
width: 100%;
padding-top: var(--spacing__08);
padding-bottom: var(--spacing__08);
transition: var(--duration-large) var(--ease-standard);
min-height: 25vh;
display: flex;
align-items: center
}
.cookie__banner .cookie__banner--inner {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
font-size: var(--font__size--15)
}
@media(min-width: 768px) {
.cookie__banner .cookie__banner--inner {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.cookie__banner .cookie__banner--inner {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.cookie__banner .cookie__banner--inner {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.cookie__banner .cookie__banner--inner {
padding-left: 0;
padding-right: 0
}
}
.cookie__banner .cookie__banner--inner h2 {
font-size: var(--font__size--18);
line-height: 133%;
grid-row: 1;
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
@media(min-width: 1024px) {
.cookie__banner .cookie__banner--inner h2 {
grid-column-start: 1;
grid-column-end: 8;
justify-self: start;
align-self: start
}
}
.cookie__banner .cookie__banner--inner p {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 2;
margin-top: var(--spacing__04);
line-height: 1.5
}
@media(min-width: 1024px) {
.cookie__banner .cookie__banner--inner p {
grid-column-start: 1;
grid-column-end: 8;
justify-self: start;
align-self: start
}
}
.cookie__banner .cookie__banner--inner a {
display: inline-block;
margin-top: var(--spacing__04);
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
@media(min-width: 1024px) {
.cookie__banner .cookie__banner--inner a {
grid-column-start: 1;
grid-column-end: 8;
justify-self: start;
align-self: start;
grid-row: 3
}
}
.cookie__banner .cookie__banner--inner .button__primary {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 4;
margin-top: var(--spacing__09)
}
@media(min-width: 1024px) {
.cookie__banner .cookie__banner--inner .button__primary {
grid-column-start: 8;
grid-column-end: 10;
justify-self: stretch;
align-self: center;
grid-row: 2;
margin-top: 0
}
}
.cookie__banner .cookie__banner--inner .button__secondary {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 5;
margin-top: var(--spacing__04)
}
@media(min-width: 1024px) {
.cookie__banner .cookie__banner--inner .button__secondary {
grid-column-start: 10;
grid-column-end: 13;
justify-self: stretch;
align-self: center;
grid-row: 2;
margin-top: 0
}
}
.cookie__banner.cookie__banner--visible {
bottom: 0
}
#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
color: var(--text-primary-dark) !important;
border: none !important;
padding: 0 !important;
line-height: 160% !important;
font-size: .938rem !important;
background: none !important
}
#ot-sdk-btn.ot-sdk-show-settings:hover,
#ot-sdk-btn.optanon-show-settings:hover {
background-color: rgba(0, 0, 0, 0) !important
}
@media only screen and (min-width: 1024px) {
#onetrust-banner-sdk #onetrust-button-group {
display: flex !important;
flex-direction: row !important;
justify-content: center !important
}
}
#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler,
#onetrust-pc-sdk #accept-recommended-btn-handler,
#onetrust-pc-sdk .ot-btn-container button {
padding-top: 12px !important;
padding-bottom: 12px !important;
padding-left: 24px !important;
padding-right: 24px !important;
border-radius: var(--radius-pill) !important;
line-height: 100% !important
}
#onetrust-pc-sdk .ot-pc-header {
height: 30px !important
}
#onetrust-pc-sdk .ot-pc-logo {
height: 30px !important;
width: 55px !important
}
#onetrust-pc-sdk .ot-close-icon {
height: 30px !important
}
#onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon {
top: 10px !important
}
#onetrust-pc-sdk .ot-cat-grp .ot-always-active {
color: var(--text-primary-dark) !important
}
.white_link {
color: var(--text-primary-dark) !important;
text-decoration: none;
font-size: inherit
}
.white_link:hover {
text-decoration: underline
}
@media only screen and (max-width: 767px) {
#onetrust-pc-sdk .ot-btn-container {
padding: 0 10px
}
}
#onetrust-banner-sdk #onetrust-policy {
margin: 0 !important
}
#onetrust-banner-sdk .ot-sdk-container {
padding: 2.25rem 20px !important;
margin-left: 1em !important
}
.dis_block {
display: block
}
@media only screen and (max-width: 767px) {
#onetrust-banner-sdk .ot-sdk-container {
margin-left: 0 !important
}
.Iframe_container .cookieconsent-optout_message {
padding: 30px 20px;
box-sizing: border-box;
left: 0px;
width: 80%;
top: 10px
}
}
.cookieconsent-optout-marketing {
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 99;
box-sizing: border-box;
box-sizing: border-box;
color: var(--text-primary-dark)
}
.cookieconsent-optout_message {
position: absolute;
top: 30px;
left: 30px
}
.homepage .cookieconsent-optout_message {
top: auto;
bottom: 50%;
left: 0;
padding: 0 25%
}
.video__container iframe[src],
js-iframe-block iframe[src],
.video__container video[src] {
z-index: 100
}
.Iframe_container {
max-width: 1200px;
margin-bottom: 40px;
padding-top: 20px !important;
padding-bottom: 0 !important
}
.Iframe_container iframe {
height: auto !important;
background-color: var(--bg-default);
background-size: 100%;
position: relative !important;
min-height: 300px !important
}
.Iframe_container iframe[src] {
background-image: none !important
}
.Iframe_container .cookieconsent-optout-marketing {
height: auto !important
}
.Iframe_container .cookieconsent-optout_message {
padding: 30px 20px
}
.Iframe_container .cookieconsent-optout-marketing picture {
display: none
}
.Iframe_container iframe[src],
.js-iframe-block iframe[src] {
z-index: 100
}
.cookieconsent_noconsentview {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 66.6666666667%
}
.cookie__modal {
position: fixed;
top: 0;
z-index: -1;
opacity: 0;
width: 100%;
height: 100%;
left: 0;
background-color: rgba(98, 99, 102, .75);
transition: var(--duration-large) var(--ease-standard);
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box
}
.cookie__modal .cookie__modal--container {
position: absolute;
top: -100%;
width: 100%;
height: 100%;
overflow: hidden;
transition: var(--duration-large) var(--ease-standard);
display: flex;
box-sizing: border-box;
justify-content: center
}
@media(min-width: 768px) {
.cookie__modal .cookie__modal--container {
padding: var(--spacing__11)
}
}
.cookie__modal .cookie__modal--container .cookie__modal--inner {
position: relative;
background-color: var(--bg-subtle);
width: 100%;
overflow: hidden;
box-sizing: border-box;
height: 100%
}
@media(min-width: 768px) {
.cookie__modal .cookie__modal--container .cookie__modal--inner {
width: 580px
}
}
.cookie__modal .cookie__modal--container .cookie__modal--inner:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 3rem;
width: 100%;
background-image: linear-gradient(to top, var(--bg-subtle), rgba(255, 255, 255, 0))
}
.cookie__modal .cookie__modal--container .cookie__modal--inner .cookie__scrollbox {
height: inherit;
position: relative;
overflow-y: auto;
box-sizing: border-box;
-ms-overflow-style: none;
scrollbar-width: none;
padding: var(--spacing__09) var(--spacing__06) 0 var(--spacing__06)
}
.cookie__modal .cookie__modal--container .cookie__modal--inner .cookie__scrollbox::-webkit-scrollbar {
display: none
}
@media(min-width: 768px) {
.cookie__modal .cookie__modal--container .cookie__modal--inner .cookie__scrollbox {
padding: var(--spacing__09) var(--spacing__09) 0 var(--spacing__09)
}
}
.cookie__modal .cookie__modal--container .cookie__modal--inner h3 {
margin-bottom: var(--spacing__04)
}
.cookie__modal .cookie__modal--container .cookie__modal--inner p {
line-height: 1.5;
margin-bottom: var(--spacing__04)
}
.cookie__modal .cookie__modal--container .cookie__modal--inner a {
display: block;
line-height: 1.5
}
.cookie__modal .cookie__modal--container .cookie__modal--inner .cookie__group {
border-left: var(--stroke-thick) dashed var(--color__blue--light);
padding-left: 1.125rem;
margin-left: .75rem
}
.cookie__modal .cookie__modal--container .cookie__modal--inner dl {
display: flex;
font-size: .875rem;
margin-bottom: var(--spacing__04)
}
.cookie__modal .cookie__modal--container .cookie__modal--inner dl dt {
font-weight: bold;
margin-right: var(--spacing__04)
}
.cookie__modal .cookie__modal--container .cookie__modal--inner dl dd {
font-style: italic
}
.cookie__modal .cookie__modal--container .cookie__modal--inner button {
margin-top: var(--spacing__08)
}
.cookie__modal .cookie__modal--container .cookie__modal--inner ul {
list-style: none;
margin: 0;
padding: 0;
margin-top: var(--spacing__08)
}
.cookie__modal .cookie__modal--container .cookie__modal--inner ul li:first-child~li {
margin-top: var(--spacing__08);
padding-top: var(--spacing__08);
border-top: var(--stroke-thin) solid var(--color__blue--light)
}
.cookie__modal .cookie__modal--container .cookie__modal--inner ul li label {
display: flex;
margin-bottom: var(--spacing__04)
}
.cookie__modal .cookie__modal--container .cookie__modal--inner ul li label span {
margin-left: 2rem;
font-family: var(--font__bold)
}
.cookie__modal .cookie__modal--container .cookie__modal--inner ul li label.disabled {
opacity: .6;
pointer-events: none
}
.cookie__modal .cookie__modal--container .cookie__modal--inner ul li input[type=checkbox] {
width: 0;
height: 0;
margin: 0;
padding: 0;
-moz-appearance: none
}
.cookie__modal .cookie__modal--container .cookie__modal--inner ul li input[type=checkbox]:before {
content: "";
display: inline-flex;
width: 1.5rem;
height: 1.5rem;
cursor: pointer;
background-image: url("../images/icons/square-black-box.svg")
}
.cookie__modal .cookie__modal--container .cookie__modal--inner ul li input[type=checkbox]:checked:before {
background-image: url("../images/icons/square-checked-black-box.svg")
}
.cookie__modal .cookie__modal--container .cookie__modal--inner ul li p {
font-size: .75rem
}
.cookie__modal .cookie__modal--container .cookie__modal--inner ul+.button {
margin: var(--spacing__08) 0 var(--spacing__09) 0
}
@media(min-width: 768px) {
.cookie__modal .cookie__modal--container .cookie__modal--inner ul+.button {
margin: var(--spacing__08) 0 var(--spacing__09) 0
}
}
.cookie__modal .cookie__modal--container .cookie__modal--inner .spinner {
display: none
}
@keyframes spin {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}
.cookie__modal .cookie__modal--container .cookie__modal--inner.loading:before {
background-color: hsla(0, 0%, 100%, .6);
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: inherit;
z-index: 1000
}
.cookie__modal .cookie__modal--container .cookie__modal--inner.loading .spinner {
position: fixed;
top: calc(50% - 2.5rem);
left: calc(50% - 2.5rem);
z-index: 2000;
width: 5rem;
height: 5rem;
display: inline-block
}
.cookie__modal .cookie__modal--container.visible {
top: 0
}
.cookie__modal.cookie__modal--visible {
z-index: 10000;
opacity: 1
}
.consent h1 {
margin-bottom: var(--spacing__06)
}
.consent .button__wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
flex-direction: column
}
@media(min-width: 768px) {
.consent .button__wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.consent .button__wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.consent .button__wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.consent .button__wrapper {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 768px) {
.consent .button__wrapper {
flex-direction: row
}
}
.consent .button__wrapper form button {
width: 100%
}
@media(min-width: 768px) {
.consent .button__wrapper form button {
width: auto
}
}
.consent .button__decline {
width: 100%;
margin-top: var(--spacing__04)
}
@media(min-width: 768px) {
.consent .button__decline {
margin-top: 0;
width: auto;
margin-left: var(--spacing__04)
}
}
.consent .consent__popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 100%, .8);
align-items: center;
justify-content: center
}
.consent .consent__popup .popup__inner {
border-radius: var(--radius-small);
padding: var(--spacing__06);
width: 100%;
margin: 0 var(--spacing__06);
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
@media(min-width: 896px) {
.consent .consent__popup .popup__inner {
width: 400px;
margin: 0
}
}
.consent .consent__popup .popup__inner h2 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__04)
}
.consent .consent__popup .popup__inner p {
line-height: 1.6
}
.consent .consent__popup .popup__inner a {
margin-top: var(--spacing__06)
}
.consent .consent__popup.active {
display: flex
}
.consent__banner {
background-color: var(--color__purple--600);
color: var(--text-primary-dark);
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__06)
}
.consent__banner .inner {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.consent__banner .inner {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.consent__banner .inner {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.consent__banner .inner {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.consent__banner .inner {
padding-left: 0;
padding-right: 0
}
}
.consent__banner .inner .banner__text {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 896px) {
.consent__banner .inner .banner__text {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
}
.consent__banner .inner .banner__text h3 {
font-size: var(--font__size--18)
}
.consent__banner .inner .banner__text div {
font-size: var(--font__size--12);
line-height: 1.5;
margin-top: .313rem
}
.consent__banner .inner .banner__text div em {
font-style: italic
}
.consent__banner .inner .banner__text div strong {
font-weight: bold
}
.consent__banner .inner .banner__text div pre {
white-space: initial
}
.cision__form {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.cision__form {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.cision__form {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.cision__form {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.cision__form {
padding-left: 0;
padding-right: 0
}
}
.cision__form .terms {
line-height: 1.5;
font-size: .875rem;
margin-bottom: var(--spacing__06)
}
.cision__form input[type=checkbox] {
width: 0;
height: 0;
margin: 0;
padding: 0;
-moz-appearance: none
}
.cision__form input[type=checkbox]:before {
content: "";
display: inline-flex;
width: 1.5rem;
height: 1.5rem;
cursor: pointer;
background-image: url("../images/icons/square-black-box.svg")
}
.cision__form input[type=checkbox]:checked:before {
background-image: url("../images/icons/square-checked-black-box.svg")
}
.cision__form input[type=text] {
font-size: var(--font__size--15);
padding: 0;
font-family: inherit;
color: inherit;
width: 100%;
box-sizing: border-box
}
.cision__form input[type=email] {
font-size: var(--font__size--15);
padding: 0;
font-family: inherit;
color: inherit;
border: none;
background-color: rgba(0, 0, 0, 0);
box-sizing: border-box;
width: 100%
}
.cision__form .form__message--error {
display: none
}
.cision__form .form__error .form__message--error {
display: block;
color: var(--color__red--500);
font-size: .875rem;
margin-top: var(--spacing__04)
}
.cision__form .form__error input[type=checkbox]:before {
background-image: url("../images/icons/square-red-frame.svg")
}
.cision__form .form__error input[type=checkbox]:checked:before {
background-image: url("../images/icons/square-checked-red.svg")
}
.cision__form .cision__data span:not(.form__message--error) {
font-family: var(--font__bold);
margin-bottom: var(--spacing__04);
display: block
}
.cision__form.cision__order .result__status {
margin: 0 auto var(--spacing__06) auto;
max-width: 768px;
font-family: var(--font__bold);
line-height: 1.5;
display: none
}
.cision__form.cision__order .result__status.success,
.cision__form.cision__order .result__status.fail {
display: block
}
.cision__form.cision__order .result__status .result__fail,
.cision__form.cision__order .result__status .result__success {
display: none;
background-color: var(--bg-subtle);
padding: var(--spacing__09);
box-sizing: border-box
}
.cision__form.cision__order .result__status .result__success {
display: block;
color: #61bd4f
}
.cision__form.cision__order .result__status .result__fail {
display: block;
color: var(--color__red--800)
}
.cision__form.cision__order form .list__info {
display: flex;
align-items: center
}
.cision__form.cision__order form .list__info label {
display: inline-flex;
width: 1.5rem;
height: 1.5rem;
margin-right: .313rem
}
.cision__form.cision__order form .g-recaptcha {
margin-bottom: var(--spacing__06)
}
.cision__form.cision__order form fieldset {
margin-bottom: var(--spacing__06);
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto;
grid-column-gap: var(--spacing__04);
grid-row-gap: var(--spacing__04)
}
.cision__form.cision__order form fieldset label {
padding: var(--spacing__05) var(--spacing__05) var(--spacing__06) var(--spacing__05);
border-radius: 3px;
background-color: var(--bg-subtle)
}
.cision__form.cision__order form fieldset label input[type=text] {
border: none;
background-color: rgba(0, 0, 0, 0)
}
.cision__form.cision__order form fieldset .cision__name {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__order form fieldset .cision__name {
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 2
}
}
.cision__form.cision__order form fieldset .cision__company {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__order form fieldset .cision__company {
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 2;
grid-row-end: 3
}
}
.cision__form.cision__order form fieldset .cision__address {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__order form fieldset .cision__address {
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 3;
grid-row-end: 4
}
}
.cision__form.cision__order form fieldset .cision__zip {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__order form fieldset .cision__zip {
grid-column-start: 7;
grid-column-end: 10;
grid-row-start: 1;
grid-row-end: 2
}
}
.cision__form.cision__order form fieldset .cision__city {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__order form fieldset .cision__city {
grid-column-start: 10;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 2
}
}
.cision__form.cision__order form fieldset .cision__state {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__order form fieldset .cision__state {
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 2;
grid-row-end: 3
}
}
.cision__form.cision__order form fieldset .cision__country {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__order form fieldset .cision__country {
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 3;
grid-row-end: 4
}
}
.cision__form.cision__order form fieldset .terms {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__order form fieldset .terms {
grid-column-start: 1;
grid-column-end: 9;
grid-row-start: 4;
grid-row-end: 4
}
}
.cision__form.cision__order form fieldset .button {
grid-column-start: 1;
grid-column-end: 3
}
@media(min-width: 896px) {
.cision__form.cision__order form fieldset .button {
grid-row-start: 5;
grid-row-end: 5
}
}
.cision__form.cision__subscribe form {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto;
grid-column-gap: var(--spacing__06);
grid-row-gap: var(--spacing__04)
}
.cision__form.cision__subscribe form fieldset {
padding: var(--spacing__05) var(--spacing__05) var(--spacing__06) var(--spacing__05);
border-radius: 3px;
background-color: var(--bg-subtle);
font-size: var(--font__size-15)
}
.cision__form.cision__subscribe form fieldset>div {
font-family: var(--font__bold);
margin-bottom: var(--spacing__04)
}
.cision__form.cision__subscribe .checkbox__container {
width: 24px;
height: 24px;
position: relative
}
.cision__form.cision__subscribe input[type=checkbox]:before {
position: absolute;
top: 0;
left: 0
}
.cision__form.cision__subscribe label {
display: flex
}
.cision__form.cision__subscribe label .label {
margin-left: .313rem;
margin-top: 2px;
font-size: var(--font__size--15)
}
.cision__form.cision__subscribe label:first-of-type~label {
margin-top: var(--spacing__04)
}
.cision__form.cision__subscribe .cision__financial--language {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__subscribe .cision__financial--language {
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 2
}
}
.cision__form.cision__subscribe .cision__financial--publication {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__subscribe .cision__financial--publication {
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 2;
grid-row-end: 3
}
}
.cision__form.cision__subscribe .cision__financial--email {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__subscribe .cision__financial--email {
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 3;
grid-row-end: 4
}
}
.cision__form.cision__subscribe .col__right {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.cision__form.cision__subscribe .col__right {
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 4
}
}
.cision__form.cision__subscribe .g-recaptcha {
margin-bottom: var(--spacing__04)
}
.card-slide {
overflow: hidden;
position: relative;
max-width: var(--max-width__site);
padding: 0 var(--spacing__02) var(--spacing__02)
}
.card-slide:not(.unslide) .slide {
flex-shrink: 0;
width: auto
}
.card-slide.unslide.card-slide {
overflow: initial
}
.card-slide.unslide .slider__track {
gap: var(--spacing__06);
flex-direction: column;
justify-content: flex-start
}
@media(min-width: 896px) {
.card-slide.unslide .slider__track {
flex-direction: row
}
}
.card-slide.unslide .slide {
flex-grow: 0;
width: 100%
}
@media(min-width: 768px) {
.card-slide.unslide .slide {
width: 50%
}
}
@media(min-width: 1024px) {
.card-slide.unslide .slide {
width: 33.333333%
}
}
.card-slide .keen-slider {
display: flex;
position: relative;
touch-action: pan-y;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
will-change: transform
}
.card-slide .keen-slider__slide {
min-width: 0;
position: relative;
width: auto
}
.card-slide .slider__track:not(.keen-slider) {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap
}
.card-slide .slider__track:not(.keen-slider) .slide {
display: inline-flex;
box-sizing: border-box
}
.card-slide .card__button__container {
display: flex;
justify-content: end;
gap: 10px;
margin-top: var(--spacing__06);
margin-right: var(--spacing__06)
}
.card-slide .card__button__container .card__next,
.card-slide .card__button__container .card__prev {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
z-index: 1;
height: 100%;
align-items: center;
justify-content: center
}
.card-slide .card__button__container .card__next .icon,
.card-slide .card__button__container .card__prev .icon {
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--bg-brand)
}
.card-slide .card__button__container .card__next .icon:after,
.card-slide .card__button__container .card__prev .icon:after {
background-image: url("../images/icons/greater-then-white.svg");
content: "";
display: block;
width: 18px;
height: 18px
}
.card-slide .card__button__container .card__next[disabled],
.card-slide .card__button__container .card__prev[disabled] {
opacity: 1
}
.card-slide .card__button__container .card__next[disabled] .icon,
.card-slide .card__button__container .card__prev[disabled] .icon {
background-color: var(--color__grey--300)
}
.card-slide .card__button__container .card__next[disabled] .icon:after,
.card-slide .card__button__container .card__prev[disabled] .icon:after {
background-image: url("../images/icons/greater-then-grey.svg")
}
.card-slide .card__button__container button[disabled=true]+button[disabled=true],
.card-slide .card__button__container button[disabled=true]:has(+button[disabled=true]) {
display: none
}
.card-slide .card__button__container .card__prev .icon:after {
transform: rotate(180deg)
}
.card-slide .slider__dots {
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: center;
margin-top: 26px
}
@media(min-width: 1024px) {
.card-slide .slider__dots {
display: none
}
}
@media(min-width: 768px) {
.card-slide .slider__dots {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.card-slide .slider__dots {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.card-slide .slider__dots {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.card-slide .slider__dots {
padding-left: 0;
padding-right: 0
}
}
.card-slide .slider__dots .slider__dot {
display: inline-flex;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: var(--bg-default);
opacity: .4
}
.card-slide .slider__dots li:first-child~li {
margin-left: 4px
}
.card-slide .slider__dots .slider__dot--active {
opacity: 1
}
.background__dark .card-slide .card__button__container .card__next .icon,
.background__dark .card-slide .card__button__container .card__prev .icon {
background-color: var(--bg-default)
}
.background__dark .card-slide .card__button__container .card__next .icon:after,
.background__dark .card-slide .card__button__container .card__prev .icon:after {
background-image: url("../images/icons/greater-then-black.svg")
}
.background__dark .card-slide .card__button__container .card__next[disabled] .icon,
.background__dark .card-slide .card__button__container .card__prev[disabled] .icon {
opacity: .24
}
.background__dark .card-slide .card__button__container .card__next[disabled] .icon:after,
.background__dark .card-slide .card__button__container .card__prev[disabled] .icon:after {
background-image: url("../images/icons/greater-then-black.svg")
}
.card {
overflow: hidden;
background-color: var(--bg-default);
width: 100%
}
.card figure {
display: flex
}
.card .card__link {
display: flex;
flex-direction: column
}
.card .card__link h5 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.card .card__link:hover h5 {
text-decoration: underline
}
.card .card__link:hover .card__preamble {
color: initial
}
.card .card__link>* {
pointer-events: none
}
.button__mobile {
font-family: var(--font__bold);
outline: none
}
.button__mobile--burger {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
overflow: hidden;
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 1.125rem;
height: 1.125rem;
cursor: pointer;
transition: all var(--duration-small) var(--ease-standard)
}
.button__mobile--line {
width: 1.125rem;
height: 2px;
background-color: var(--bg-default);
border-radius: .313rem;
transition: all var(--duration-small) var(--ease-standard)
}
.button__mobile--line:after,
.button__mobile--line:before {
content: "";
position: absolute;
width: 1.125rem;
height: 2px;
background-color: var(--bg-default);
border-radius: .313rem;
transition: all var(--duration-small) var(--ease-standard)
}
.button__mobile--line:before {
transform: translateY(-7px);
left: 0
}
.button__mobile--line:after {
transform: translateY(7px);
left: 0
}
.menu__mobile--expanded .button__mobile span {
color: var(--text-primary-dark)
}
.menu__mobile--expanded .button__mobile--line {
transform: translateX(-50px);
background: rgba(0, 0, 0, 0);
box-shadow: none;
background-color: var(--bg-default)
}
.menu__mobile--expanded .button__mobile--line:before {
transform: rotate(45deg) translate(35px, -35px);
background-color: var(--bg-default)
}
.menu__mobile--expanded .button__mobile--line:after {
transform: rotate(-45deg) translate(35px, 35px);
background-color: var(--bg-default)
}
.button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
font-size: var(--font__size--15);
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
line-height: 1;
transition: var(--duration-large) var(--ease-standard);
font-family: var(--font__bold)
}
.button:not(.tiny) {
height: 48px;
padding: 0 var(--spacing__08)
}
.button.tiny {
height: 36px;
padding: 0 1.5rem
}
.button__primary {
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800);
color: var(--text-primary-dark) !important
}
.button__primary:visited {
color: var(--text-primary-dark)
}
.button__primary:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__primary:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.button__primary:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__primary:disabled,
.button__primary.disabled {
color: var(--color__grey--500);
background-color: var(--color__grey--200);
border-color: var(--color__grey--200)
}
.button__primary.disabled {
pointer-events: none
}
.button__primary svg {
display: none
}
.button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary:hover {
color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__secondary:focus {
color: var(--color__blue--600);
outline: 3px solid var(--color__blue--600);
outline-offset: 2px
}
.button__secondary:active {
color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__secondary:disabled,
.button__secondary.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary.disabled {
pointer-events: none
}
.button__secondary svg {
display: none
}
.button__white {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thick) solid var(--color__white)
}
.button__white:hover {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:focus {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:active {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white svg {
display: none
}
.button__tertiary {
background-color: var(--color__purple--100);
border: var(--stroke-thick) solid var(--color__purple--100);
color: var(--text-primary-light)
}
.button__tertiary:hover {
background-color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__tertiary:focus {
background-color: var(--color__purple--200);
border-color: var(--color__purple--200)
}
.button__tertiary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400);
color: var(--text-primary-dark)
}
.button__tertiary:disabled,
.button__tertiary.disabled {
color: var(--color__grey--800);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__tertiary.disabled {
pointer-events: none
}
.button__tertiary svg {
display: none
}
.button__quaternary {
background-color: var(--color__purple--600);
border: var(--stroke-thick) solid var(--color__purple--600);
color: var(--text-primary-dark)
}
.button__quaternary:hover {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:focus {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:disabled,
.button__quaternary.disabled {
color: var(--color__grey--500);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__quaternary.disabled {
pointer-events: none
}
.button__quaternary svg {
display: none
}
.button__outline {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__purple--100)
}
.button__outline:hover {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:focus {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:active {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:disabled,
.button__outline.disabled {
color: var(--color__grey--500);
border-color: var(--color__grey--500)
}
.button__outline.disabled {
pointer-events: none
}
.button__outline:visited {
color: var(--text-primary-dark)
}
.button__outline svg {
display: none
}
.button__outline--white {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:hover {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:focus {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:active {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:disabled,
.button__outline--white.disabled {
border: var(--stroke-thick) solid var(--color__white)
}
.button__login {
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__white);
color: var(--text-primary-dark)
}
.button__login:visited {
color: var(--text-primary-dark)
}
.button__login:hover {
color: var(--color__purple--100);
border-color: var(--color__purple--100)
}
.button__login:focus {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:active {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:disabled,
.button__login.disabled {
color: var(--interactive-disabled);
border-color: var(--interactive-disabled)
}
.button__login.disabled {
pointer-events: none
}
.button__play {
background: hsla(0, 0%, 100%, .2);
color: var(--text-primary-dark);
cursor: pointer
}
.button__play:not(.tiny) {
padding: 0 1.5rem
}
.button__play:visited {
color: var(--text-primary-dark)
}
.button__play svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-right: var(--spacing__03)
}
.button__play:hover,
.button__play:focus,
.button__play:active {
background: #fff;
color: var(--text-primary-light)
}
.button__play:hover svg,
.button__play:focus svg,
.button__play:active svg {
fill: var(--color__blue--800)
}
.button.wide {
width: 100%;
justify-content: center
}
.button__tertiary--designsystem {
background-color: var(--cta-tertiary);
border: var(--stroke-thick) solid var(--cta-tertiary);
color: var(--text-primary-dark)
}
.button__tertiary--designsystem svg {
fill: var(--color__white)
}
.button__tertiary--designsystem:hover {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:focus {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:active {
background-color: var(--cta-tertiary--active);
border-color: var(--cta-tertiary--active)
}
.button__tertiary--designsystem:disabled,
.button__tertiary--designsystem.disabled {
color: var(--color__grey--600);
background-color: var(--color__grey--300);
border-color: var(--color__grey--300)
}
.button__tertiary--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__tertiary--designsystem {
font-size: var(--font__size--18)
}
}
.button__secondary--designsystem {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary--designsystem:not(.tiny) {
padding: 0 var(--spacing__06)
}
.button__secondary--designsystem:hover {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:focus {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:active {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:disabled,
.button__secondary--designsystem.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary--designsystem.disabled {
pointer-events: none
}
.button__secondary--designsystem svg {
display: none
}
.button__secondary--designsystem__icon svg {
display: inline;
margin-left: var(--spacing__05);
width: 17px;
height: 17px;
fill: var(--color__blue--800)
}
.button__secondary--designsystem__icon:hover svg {
fill: var(--color__white)
}
.button__outline--designsystem {
color: var(--text-primary-dark) !important;
background-color: rgba(0, 0, 0, 0);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem svg {
fill: var(--color__white)
}
.button__outline--designsystem:visited {
color: var(--text-primary-dark) !important
}
.button__outline--designsystem:hover,
.button__outline--designsystem:focus,
.button__outline--designsystem:active {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
fill: var(--color__blue--800)
}
.button__outline--designsystem:disabled,
.button__outline--designsystem.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__outline--designsystem {
font-size: var(--font__size--18)
}
}
.button__outline--designsystem--white {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:visited {
color: var(--text-primary-light) !important
}
.button__outline--designsystem--white:hover,
.button__outline--designsystem--white:focus,
.button__outline--designsystem--white:active {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:hover svg,
.button__outline--designsystem--white:focus svg,
.button__outline--designsystem--white:active svg {
fill: var(--color__white)
}
.button__outline--designsystem--white:disabled,
.button__outline--designsystem--white.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem--white.disabled {
pointer-events: none
}
.button__tertiary--designsystem,
.button__outline--designsystem {
position: relative
}
.button__tertiary--designsystem span,
.button__outline--designsystem span {
position: relative;
right: 0;
-webkit-transition: right var(--duration-large);
-moz-transition: right var(--duration-large);
transition: right var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem svg,
.button__outline--designsystem svg {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
left: 10px;
-webkit-transition: all var(--duration-large);
-moz-transition: allvar(--duration-large);
transition: all var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem:hover span,
.button__tertiary--designsystem:focus span,
.button__tertiary--designsystem:active span,
.button__outline--designsystem:hover span,
.button__outline--designsystem:focus span,
.button__outline--designsystem:active span {
right: -10px
}
.button__tertiary--designsystem:hover svg,
.button__tertiary--designsystem:focus svg,
.button__tertiary--designsystem:active svg,
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
opacity: 1;
left: 20px
}
.button__language,
.button__search {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
font-size: var(--font__size--15);
color: var(--text-primary-dark);
align-items: center
}
.button__language svg,
.button__search svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-left: .5rem;
margin-top: 2px
}
.button__language>*,
.button__search>* {
pointer-events: none
}
.button__language:hover>span,
.button__search:hover>span {
text-decoration: underline
}
.button__language:focus>span,
.button__search:focus>span {
text-decoration: underline dotted
}
.button__language:focus>svg,
.button__search:focus>svg {
fill: var(--color__blue--100)
}
.dark-option .button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: none
}
.dark-option .button__secondary:focus {
outline: 3px solid var(--color__purple--300);
outline-offset: 2px
}
.dark-option .button__secondary:hover {
background-color: var(--color__grey--200)
}
.dark-option .button__secondary:active {
background-color: var(--color__grey--400)
}
.dark-option .button__secondary:disabled,
.dark-option .button__secondary.disabled {
color: var(--color__grey--700);
background-color: var(--color__grey--300)
}
.dark-option .button__secondary.disabled {
pointer-events: none
}
.startpage .breadcrumbs {
display: none
}
.breadcrumbs {
margin-top: var(--spacing__04)
}
@media(min-width: 1024px) {
.breadcrumbs {
margin-top: 0
}
}
.breadcrumbs .wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.breadcrumbs .wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.breadcrumbs .wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.breadcrumbs .wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.breadcrumbs .wrapper {
padding-left: 0;
padding-right: 0
}
}
.breadcrumbs,
.breadcrumbs-fluid {
align-items: center;
position: relative
}
.breadcrumbs ol,
.breadcrumbs span,
.breadcrumbs-fluid ol,
.breadcrumbs-fluid span {
font-size: var(--font__size--14)
}
.breadcrumbs span,
.breadcrumbs-fluid span {
color: var(--text-primary-light)
}
@media(min-width: 1024px) {
.breadcrumbs a,
.breadcrumbs-fluid a {
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom
}
}
.breadcrumbs a span:hover,
.breadcrumbs-fluid a span:hover {
color: var(--color__blue--600)
}
.breadcrumbs svg,
.breadcrumbs-fluid svg {
fill: var(--color__blue--800);
width: 17px;
height: 17px;
margin: 0 var(--spacing__04);
top: 4px;
position: relative
}
.breadcrumbs .linkbutton__text,
.breadcrumbs-fluid .linkbutton__text {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
background-color: var(--bg-default);
z-index: 1;
width: 18px;
height: 18px
}
.breadcrumbs .item__back,
.breadcrumbs-fluid .item__back {
display: none;
height: 24px;
width: 24px;
border-radius: var(--radius-large);
background: var(--bg-brand);
margin-right: var(--spacing__04)
}
.breadcrumbs .item__back svg,
.breadcrumbs-fluid .item__back svg {
fill: var(--color__white);
margin: 0 0 0 3px
}
.breadcrumbs .ol__wrapper,
.breadcrumbs-fluid .ol__wrapper {
position: relative;
display: flex;
align-items: center
}
.breadcrumbs ol,
.breadcrumbs-fluid ol {
overflow: visible;
list-style: none;
margin: 0;
padding: var(--spacing__05) 0;
font-size: .875rem;
display: block;
white-space: nowrap;
height: inherit
}
.breadcrumbs ol:after,
.breadcrumbs-fluid ol:after {
content: "";
display: table;
clear: both
}
.breadcrumbs ol::-webkit-scrollbar,
.breadcrumbs-fluid ol::-webkit-scrollbar {
display: none
}
.breadcrumbs li,
.breadcrumbs-fluid li {
display: inline-block
}
.breadcrumbs li a,
.breadcrumbs-fluid li a {
display: inline-block
}
.breadcrumbs li.menu,
.breadcrumbs-fluid li.menu {
display: none;
cursor: pointer
}
.breadcrumbs li:last-child span,
.breadcrumbs-fluid li:last-child span {
font-family: var(--font__bold);
max-width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: bottom
}
@media(min-width: 768px) {
.breadcrumbs li:last-child span,
.breadcrumbs-fluid li:last-child span {
max-width: 450px
}
}
@media(min-width: 1024px) {
.breadcrumbs li:last-child span,
.breadcrumbs-fluid li:last-child span {
max-width: 200px
}
}
@media(min-width: 1224px) {
.breadcrumbs li:last-child span,
.breadcrumbs-fluid li:last-child span {
max-width: 400px
}
}
@media(min-width: 1441px) {
.breadcrumbs li:last-child span,
.breadcrumbs-fluid li:last-child span {
max-width: 600px
}
}
@media(min-width: 1650px) {
.breadcrumbs li:last-child span,
.breadcrumbs-fluid li:last-child span {
max-width: 800px
}
}
@media(max-width: 896px) {
.breadcrumbs li,
.breadcrumbs-fluid li {
display: none
}
.breadcrumbs li:first-child,
.breadcrumbs li:last-child,
.breadcrumbs li.menu,
.breadcrumbs-fluid li:first-child,
.breadcrumbs-fluid li:last-child,
.breadcrumbs-fluid li.menu {
display: none
}
.breadcrumbs li:nth-last-child(-n+3),
.breadcrumbs li:last-child,
.breadcrumbs-fluid li:nth-last-child(-n+3),
.breadcrumbs-fluid li:last-child {
display: inline-block
}
.breadcrumbs li:nth-last-child(-n+3)>svg,
.breadcrumbs-fluid li:nth-last-child(-n+3)>svg {
display: none
}
.breadcrumbs li:nth-last-child(-n+3) a span,
.breadcrumbs-fluid li:nth-last-child(-n+3) a span {
display: none
}
.breadcrumbs li:nth-last-child(-n+3) a .item__back,
.breadcrumbs-fluid li:nth-last-child(-n+3) a .item__back {
display: inline-block
}
.breadcrumbs li.menu,
.breadcrumbs-fluid li.menu {
display: none
}
}
.breadcrumbs li .menu__list,
.breadcrumbs-fluid li .menu__list {
display: none;
min-width: 300px;
position: absolute;
z-index: 99;
left: 0;
margin-top: var(--spacing__05);
padding: var(--spacing__05) var(--spacing__08) var(--spacing__05) var(--spacing__05);
border: var(--stroke-thin) solid var(--color__grey--300);
border-radius: var(--radius-xsmall);
background: var(--bg-default);
box-shadow: var(--elavation__03)
}
.breadcrumbs li .menu__list.active,
.breadcrumbs-fluid li .menu__list.active {
display: block
}
.breadcrumbs li .menu__list ul,
.breadcrumbs-fluid li .menu__list ul {
padding-left: 0
}
.breadcrumbs li .menu__list li,
.breadcrumbs li .menu__list a,
.breadcrumbs-fluid li .menu__list li,
.breadcrumbs-fluid li .menu__list a {
display: block
}
.breadcrumbs li .menu__list li,
.breadcrumbs-fluid li .menu__list li {
margin-bottom: var(--spacing__05)
}
.breadcrumbs li .menu__list li:last-child,
.breadcrumbs-fluid li .menu__list li:last-child {
margin-bottom: 0
}
.breadcrumbs li .menu__list a,
.breadcrumbs-fluid li .menu__list a {
font-size: var(--font__size--15);
text-decoration: none;
color: var(--text-primary-light) !important;
max-width: 500px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: bottom
}
.breadcrumbs li .menu__list a a:hover,
.breadcrumbs-fluid li .menu__list a a:hover {
color: var(--color__blue--600)
}
.breadcrumbs li .menu__list .close,
.breadcrumbs-fluid li .menu__list .close {
position: absolute;
right: 0;
top: 7px;
cursor: pointer
}
.breadcrumbs li .menu__list .close svg,
.breadcrumbs-fluid li .menu__list .close svg {
width: 24px;
height: 24px
}
@media(min-width: 896px) {
.breadcrumbs ol:has(:nth-child(5))>li,
.breadcrumbs-fluid ol:has(:nth-child(5))>li {
display: none
}
.breadcrumbs ol:has(:nth-child(5))>li:first-child,
.breadcrumbs ol:has(:nth-child(5))>li:last-child,
.breadcrumbs ol:has(:nth-child(5))>li.menu,
.breadcrumbs-fluid ol:has(:nth-child(5))>li:first-child,
.breadcrumbs-fluid ol:has(:nth-child(5))>li:last-child,
.breadcrumbs-fluid ol:has(:nth-child(5))>li.menu {
display: inline-block
}
}
@media(min-width: 1224px) {
.breadcrumbs ol:has(:nth-child(5))>li,
.breadcrumbs-fluid ol:has(:nth-child(5))>li {
display: inline-block
}
.breadcrumbs ol:has(:nth-child(5))>li.menu,
.breadcrumbs-fluid ol:has(:nth-child(5))>li.menu {
display: none
}
}
.breadcrumbs.dark,
.breadcrumbs:has(+.tpp>.top-page-carousel-block),
.breadcrumbs-fluid.dark,
.breadcrumbs-fluid:has(+.tpp>.top-page-carousel-block) {
background-color: var(--bg-brand)
}
.breadcrumbs.dark span,
.breadcrumbs:has(+.tpp>.top-page-carousel-block) span,
.breadcrumbs-fluid.dark span,
.breadcrumbs-fluid:has(+.tpp>.top-page-carousel-block) span {
color: var(--text-primary-dark)
}
.breadcrumbs.dark a,
.breadcrumbs:has(+.tpp>.top-page-carousel-block) a,
.breadcrumbs-fluid.dark a,
.breadcrumbs-fluid:has(+.tpp>.top-page-carousel-block) a {
color: var(--text-primary-dark)
}
.breadcrumbs.dark a span:hover,
.breadcrumbs:has(+.tpp>.top-page-carousel-block) a span:hover,
.breadcrumbs-fluid.dark a span:hover,
.breadcrumbs-fluid:has(+.tpp>.top-page-carousel-block) a span:hover {
color: var(--color__grey--300)
}
.breadcrumbs.dark svg,
.breadcrumbs:has(+.tpp>.top-page-carousel-block) svg,
.breadcrumbs-fluid.dark svg,
.breadcrumbs-fluid:has(+.tpp>.top-page-carousel-block) svg {
fill: var(--color__white)
}
.breadcrumbs.dark .item__back,
.breadcrumbs:has(+.tpp>.top-page-carousel-block) .item__back,
.breadcrumbs-fluid.dark .item__back,
.breadcrumbs-fluid:has(+.tpp>.top-page-carousel-block) .item__back {
background: var(--bg-default)
}
.breadcrumbs.dark .item__back svg,
.breadcrumbs:has(+.tpp>.top-page-carousel-block) .item__back svg,
.breadcrumbs-fluid.dark .item__back svg,
.breadcrumbs-fluid:has(+.tpp>.top-page-carousel-block) .item__back svg {
fill: var(--color__blue--800)
}
.js-vertical-page-template {
padding-bottom: var(--spacing__13)
}
.js-vertical-page-template .vertical-page-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08);
padding-bottom: var(--spacing__12)
}
@media(min-width: 1024px) {
.js-vertical-page-template .vertical-page-header {
padding-top: var(--spacing__12)
}
}
.js-vertical-page-template .vertical-page-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-vertical-page-template .vertical-page-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-vertical-page-template .vertical-page-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-vertical-page-template .vertical-page-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-vertical-page-template .vertical-page-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-vertical-page-template .vertical-page-header .grid {
display: grid
}
}
.js-vertical-page-template .vertical-page-header .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1224px) {
.js-vertical-page-template .vertical-page-header .text {
grid-column-end: 6
}
}
.js-vertical-page-template .vertical-page-header .text .cta {
text-align: center;
line-height: var(--font__size--18);
width: 100%
}
@media(min-width: 768px) {
.js-vertical-page-template .vertical-page-header .text .cta {
width: auto
}
}
.js-vertical-page-template .vertical-page-header .image {
display: none;
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-vertical-page-template .vertical-page-header .image {
display: block
}
}
@media(min-width: 1024px) {
.js-vertical-page-template .vertical-page-header .image {
margin-bottom: unset
}
}
.js-trust-center-page {
padding-bottom: var(--spacing__13)
}
.js-trust-center-page .trust-center-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-trust-center-page .trust-center-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.js-trust-center-page .trust-center-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-trust-center-page .trust-center-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-trust-center-page .trust-center-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-trust-center-page .trust-center-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-trust-center-page .trust-center-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-trust-center-page .trust-center-header .grid {
display: grid
}
}
.js-trust-center-page .trust-center-header .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-trust-center-page .trust-center-header .text {
padding-bottom: 0
}
}
@media(min-width: 1224px) {
.js-trust-center-page .trust-center-header .text {
grid-column-end: 6
}
}
.js-trust-center-page .trust-center-header .text .cta {
text-align: center;
line-height: var(--font__size--18);
margin-bottom: var(--spacing__06);
width: 100%
}
@media(min-width: 768px) {
.js-trust-center-page .trust-center-header .text .cta {
width: auto;
margin-right: var(--spacing__08)
}
}
.js-trust-center-page .trust-center-header .image {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 -15px
}
@media(min-width: 1024px) {
.js-trust-center-page .trust-center-header .image {
margin: 0 0 var(--spacing__06)
}
}
.js-training-page {
padding-bottom: var(--spacing__13)
}
.js-training-page>.blocks-section {
padding: 0
}
.js-training-page .training-page-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-training-page .training-page-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.js-training-page .training-page-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-training-page .training-page-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-training-page .training-page-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-training-page .training-page-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-training-page .training-page-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-training-page .training-page-header .grid {
display: grid
}
}
.js-training-page .training-page-header .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1224px) {
.js-training-page .training-page-header .text {
grid-column-end: 6
}
}
.js-training-page .training-page-header .text .cta {
text-align: center;
line-height: var(--font__size--18);
margin-bottom: var(--spacing__06);
width: 100%
}
@media(min-width: 768px) {
.js-training-page .training-page-header .text .cta {
width: auto
}
}
.js-training-page .training-page-header .image {
display: block;
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 -15px var(--spacing__06)
}
@media(min-width: 1024px) {
.js-training-page .training-page-header .image {
margin-bottom: unset;
margin: 0 0 var(--spacing__06)
}
}
.js-training-page article {
grid-column: span 12;
grid-row: 2
}
@media(min-width: 1024px) {
.js-training-page article {
grid-column: span 6;
grid-row: 1
}
}
.js-training-page article .article-intro {
margin-top: var(--spacing__08)
}
.js-training-page article .article-intro h2 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-training-page article .article-intro h2 {
font-size: var(--font__size--36)
}
}
.js-training-page article .article-intro p {
font-size: var(--font__size--18);
line-height: 150%
}
.js-training-page article .article-intro ul,
.js-training-page article .article-intro ol {
font-size: var(--font__size--18);
line-height: 150%
}
.js-training-page article .block {
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.js-training-page article .text-block {
margin-bottom: 0
}
.js-training-page article.out-of-view+aside .apply-button {
position: fixed;
bottom: 0;
left: 0;
width: calc(100% - var(--spacing__06));
background: var(--bg-default);
padding: var(--spacing__04) var(--spacing__04);
box-shadow: var(--elavation__02)
}
.js-training-page aside {
grid-column: span 12;
grid-row: 1
}
@media(min-width: 1024px) {
.js-training-page aside {
grid-column-start: 8;
grid-column-end: 13;
margin-bottom: initial
}
}
@media(min-width: 1441px) {
.js-training-page aside {
grid-column-start: 9
}
}
.js-training-page aside .block {
max-width: 100%;
margin-top: var(--spacing__08)
}
.js-training-page aside .form-block h2 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
.js-training-page aside .apply-button {
grid-column: span 2
}
@media(min-width: 1024px) {
.js-training-page aside .form-block .EPiServerForms .Form__Element button[type=submit],
.js-training-page aside .form-block .EPiServerForms .Form__Element input[type=reset] {
grid-column: span 2;
width: 100%
}
}
.training-listing-page .training-listing-header {
display: block;
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.training-listing-page .training-listing-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__08)
}
}
.training-listing-page .training-listing-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.training-listing-page .training-listing-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.training-listing-page .training-listing-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.training-listing-page .training-listing-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.training-listing-page .training-listing-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.training-listing-page .training-listing-header .grid {
display: grid
}
}
@media(min-width: 1024px) {
.training-listing-page .training-listing-header .text {
padding-bottom: 0
}
}
.training-listing-page .training-listing-header .text__header {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.training-listing-page .training-listing-header .text__preamble {
padding-bottom: var(--spacing__06);
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.training-listing-page .training-listing-header .image {
margin: var(--spacing__06) auto;
max-width: var(--max-width__site)
}
@media(min-width: 1024px) {
.training-listing-page .training-listing-header .image {
margin-top: var(--spacing__13);
margin-bottom: 0
}
}
.training-listing-page .training__list {
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-bottom: var(--spacing__08)
}
@media(min-width: 768px) {
.training-listing-page .training__list {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.training-listing-page .training__list {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.training-listing-page .training__list {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.training-listing-page .training__list {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.training-listing-page .training__list {
padding-bottom: var(--spacing__13)
}
}
.training-listing-page .training__list .list-intro {
margin: var(--spacing__08) 0
}
.training-listing-page .training__list .list-intro h2 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__06);
max-width: 650px
}
@media(min-width: 1024px) {
.training-listing-page .training__list .list-intro h2 {
font-size: var(--font__size--36)
}
}
.training-listing-page .training__list .list-intro p {
font-size: var(--font__size--15);
max-width: 650px
}
@media(min-width: 1024px) {
.training-listing-page .training__list .list-intro p {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.training-listing-page .training__list ul.list__section {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(1, 1fr);
margin-bottom: var(--spacing__06)
}
.training-listing-page .training__list ul.list__section .list__title {
font-size: var(--font__size--18);
font-family: var(--font__bold);
margin-bottom: var(--spacing__06);
line-height: 1.2
}
@media(min-width: 1024px) {
.training-listing-page .training__list ul.list__section .list__title {
margin-top: var(--spacing__04)
}
}
.training-listing-page .training__list ul.list__section li {
border-top: var(--stroke-thin) solid var(--color__grey--500);
padding: var(--spacing__08) 0
}
@media(min-width: 1024px) {
.training-listing-page .training__list ul.list__section li {
padding: var(--spacing__08) 0
}
}
.training-listing-page .training__list ul.list__section li:last-child {
border-bottom: var(--stroke-thin) solid var(--color__grey--500)
}
@media(max-width: 1024px) {
.training-listing-page .training__list ul.list__section li:first-child {
border-top: 0
}
.training-listing-page .training__list ul.list__section li:last-child {
border-bottom: 0
}
}
.training-listing-page .training__list ul.list__section li.grid {
display: block
}
@media(min-width: 1024px) {
.training-listing-page .training__list ul.list__section li.grid {
display: grid
}
}
.training-listing-page .training__list ul.list__section li .list__img {
display: grid;
align-self: self-start;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
aspect-ratio: 3/2;
background-color: #d3d3d3;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.training-listing-page .training__list ul.list__section li .list__img {
margin-bottom: 0
}
}
.training-listing-page .training__list ul.list__section li .list__main {
grid-column-start: 3;
grid-column-end: 9;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1224px) {
.training-listing-page .training__list ul.list__section li .list__main {
grid-column-end: 8
}
}
.training-listing-page .training__list ul.list__section li .list__main .list__info {
line-height: 1.5;
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.training-listing-page .training__list ul.list__section li .list__main .list__info {
margin-bottom: 0
}
}
.training-listing-page .training__list ul.list__section li .list__cta {
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1024px) {
.training-listing-page .training__list ul.list__section li .list__cta {
grid-column-start: 10
}
.training-listing-page .training__list ul.list__section li .list__cta .button {
float: right;
margin-top: var(--spacing__08)
}
}
@media(min-width: 1224px) {
.training-listing-page .training__list ul.list__section li .list__cta {
grid-column-start: 11
}
}
.training-listing-page .training__list .load-more {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-top: var(--spacing__06)
}
.training-listing-page .training__list .load-more .hidden {
display: none
}
.training-listing-page .training__list .load-more p {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
.training-listing-page .form-block.block {
margin-top: var(--spacing__03)
}
.thank-you-page {
margin-bottom: var(--spacing__12)
}
.thank-you-page .thank-you-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.thank-you-page .thank-you-header {
padding-top: var(--spacing__13);
padding-bottom: var(--spacing__13)
}
}
.thank-you-page .thank-you-header .content {
grid-column-start: 1;
grid-column-end: 13;
justify-self: center;
align-self: stretch;
text-align: center;
padding: 0 var(--spacing__05) var(--spacing__06)
}
@media(min-width: 1024px) {
.thank-you-page .thank-you-header .content {
padding: 0
}
}
.thank-you-page .thank-you-header .content h1,
.thank-you-page .thank-you-header .content .text {
max-width: 760px
}
.thank-you-page .thank-you-header .content h1 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.thank-you-page .thank-you-header .content h1 {
font-size: var(--font__size--60);
margin-bottom: var(--spacing__08)
}
}
.thank-you-page .thank-you-header .content .text {
margin-bottom: var(--spacing__08);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.thank-you-page .thank-you-header .content .text {
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
.thank-you-page .thank-you-header .content .cta {
text-align: center;
line-height: var(--font__size--18);
margin-bottom: var(--spacing__06);
width: 100%
}
@media(min-width: 768px) {
.thank-you-page .thank-you-header .content .cta {
width: auto;
margin-right: var(--spacing__05)
}
}
.thank-you-page .thank-you-cards {
padding: var(--spacing__08) 0 0
}
@media(min-width: 896px) {
.thank-you-page .thank-you-cards {
padding: var(--spacing__12) 0 0
}
}
.thank-you-page .thank-you-cards h2 {
max-width: 570px;
padding-left: var(--spacing__05);
margin-bottom: 0
}
@media(min-width: 1024px) {
.js-sustainability-page-template .logotype-block {
margin-bottom: var(--spacing__13)
}
}
.js-sustainability-page-template .sustainability-page-template-header {
display: block;
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-sustainability-page-template .sustainability-page-template-header {
padding-top: var(--spacing__12)
}
}
.js-sustainability-page-template .sustainability-page-template-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-sustainability-page-template .sustainability-page-template-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-sustainability-page-template .sustainability-page-template-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-sustainability-page-template .sustainability-page-template-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-sustainability-page-template .sustainability-page-template-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-sustainability-page-template .sustainability-page-template-header .grid {
display: grid
}
}
@media(min-width: 1024px) {
.js-sustainability-page-template .sustainability-page-template-header .text {
padding-bottom: 0
}
}
.js-sustainability-page-template .sustainability-page-template-header .text__header {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-sustainability-page-template .sustainability-page-template-header .text__header {
margin-bottom: var(--spacing__10)
}
}
.js-sustainability-page-template .sustainability-page-template-header .text__preamble {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
padding-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-sustainability-page-template .sustainability-page-template-header .text__preamble {
padding-bottom: var(--spacing__10)
}
}
.js-sustainability-page-template .sustainability-page-template-header .image {
margin: var(--spacing__06) auto;
max-width: var(--max-width__site)
}
@media(min-width: 1024px) {
.js-sustainability-page-template .sustainability-page-template-header .image {
margin-top: var(--spacing__13);
margin-bottom: 0
}
}
.js-sustainability-page-template .js-embedded-video-block.block {
padding-top: 0;
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-sustainability-page-template .js-embedded-video-block.block {
margin-bottom: 0
}
}
.js-sustainability-page-template .lead-generation-block.block {
margin-bottom: 0
}
.subcategory-listings-page {
padding-bottom: var(--spacing__13)
}
.subcategory-listings-page__header {
display: block;
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.subcategory-listings-page__header {
padding-top: var(--spacing__11);
padding-bottom: var(--spacing__08)
}
}
.subcategory-listings-page__header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.subcategory-listings-page__header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.subcategory-listings-page__header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.subcategory-listings-page__header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.subcategory-listings-page__header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.subcategory-listings-page__header .grid {
display: grid
}
}
.subcategory-listings-page__header .text {
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.subcategory-listings-page__header .text {
padding-bottom: 0
}
}
.subcategory-listings-page__header .text__header {
grid-column-start: 1;
grid-column-end: 6;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.subcategory-listings-page__header .text__preamble {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.subcategory-listings-page__header .text h1 {
font-size: var(--font__size--30)
}
@media(min-width: 1024px) {
.subcategory-listings-page__header .text h1 {
font-size: var(--font__size--48)
}
}
.subcategory-listings-page__header .text .preamble {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.subcategory-listings-page__header .text .preamble {
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
.subcategory-listings-page__categories {
padding-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.subcategory-listings-page__categories {
padding-bottom: var(--spacing__13)
}
}
.subcategory-listings-page__categories .tab-wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin: 0;
padding: 0 var(--spacing__07) 0 0;
overflow-x: auto;
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
-ms-overflow-style: none;
scrollbar-width: none
}
@media(min-width: 768px) {
.subcategory-listings-page__categories .tab-wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.subcategory-listings-page__categories .tab-wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.subcategory-listings-page__categories .tab-wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.subcategory-listings-page__categories .tab-wrapper {
padding-left: 0;
padding-right: 0
}
}
.subcategory-listings-page__categories .tab-wrapper::-webkit-scrollbar {
display: none
}
.subcategory-listings-page__categories .tab-list {
gap: var(--spacing__04);
list-style: none;
padding-left: 0;
margin-bottom: 0
}
@media(min-width: 1024px) {
.subcategory-listings-page__categories .tab-list {
margin-top: var(--spacing__08);
display: flex
}
}
.subcategory-listings-page__categories .tab-list li {
font-size: var(--font__size--15);
color: var(--text-primary-light);
cursor: pointer;
padding: 0 var(--spacing__06) 0 0;
margin-bottom: var(--spacing__06);
width: fit-content;
float: left
}
@media(min-width: 1024px) {
.subcategory-listings-page__categories .tab-list li {
font-size: var(--font__size--18);
margin-bottom: 0
}
}
.subcategory-listings-page__categories .tab-list li:hover {
text-decoration: underline;
color: var(--color__blue--700)
}
.subcategory-listings-page__categories .tab-list li.active {
text-decoration: underline;
color: var(--color__blue--900);
cursor: default
}
.subcategory-listings-page__categories .tab-categories {
margin-top: var(--spacing__06)
}
@media(min-width: 1024px) {
.subcategory-listings-page__categories .tab-categories {
margin-top: 0
}
}
.subcategory-listings-page__categories .tab-categories>div {
display: none;
padding: 0;
text-align: center
}
@media(min-width: 1024px) {
.subcategory-listings-page__categories .tab-categories>div {
padding: 0 var(--spacing__07) 0 0;
margin: var(--spacing__09) 0 0
}
}
.subcategory-listings-page__categories .tab-categories>div.active {
display: block
}
@media(min-width: 1024px) {
.subcategory-listings-page__categories .tab-categories>div.active {
display: grid
}
}
.subcategory-listings-page__categories .category-tab {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: flex-start;
gap: var(--spacing__06);
flex-wrap: wrap;
padding-left: 0;
padding-right: 0;
text-align: left
}
@media(min-width: 768px) {
.subcategory-listings-page__categories .category-tab {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.subcategory-listings-page__categories .category-tab {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.subcategory-listings-page__categories .category-tab {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.subcategory-listings-page__categories .category-tab {
padding-left: 0;
padding-right: 0
}
}
.subcategory-listings-page__categories .category-tab .card {
position: relative;
overflow: inherit
}
@media(min-width: 896px) {
.subcategory-listings-page__categories .category-tab .card {
flex: 1 0 46%;
max-width: calc(50% - var(--spacing__05))
}
}
@media(min-width: 1224px) {
.subcategory-listings-page__categories .category-tab .card {
flex: 1 0 32%;
max-width: calc(33% - var(--spacing__05))
}
}
@media(min-width: 1224px) {
.subcategory-listings-page__categories .category-tab .card__half {
flex: 1 0 46%;
max-width: calc(50% - var(--spacing__05))
}
}
.subcategory-listings-page__categories .category-tab .card .hidden {
display: none
}
.subcategory-listings-page__categories .category-tab .card .image__responsive {
height: inherit;
object-fit: cover
}
.subcategory-listings-page__categories .category-tab .card__wrapper {
overflow: hidden;
height: 100%
}
@media(min-width: 1024px) {
.subcategory-listings-page__categories .category-tab .card__wrapper a {
position: absolute;
bottom: 0
}
}
.subcategory-listings-page__categories .category-tab .card figure,
.subcategory-listings-page__categories .category-tab .card picture {
margin-bottom: var(--spacing__05);
transition: transform var(--duration-xlarge) var(--ease-standard);
display: flex
}
.subcategory-listings-page__categories .category-tab .card figure:hover,
.subcategory-listings-page__categories .category-tab .card picture:hover {
transform: scale(1.023)
}
.subcategory-listings-page__categories .category-tab .card__text {
margin: 0 auto
}
.subcategory-listings-page__categories .category-tab .card__date {
font-size: var(--font__size--15);
font-weight: var(--font__weight--400);
margin-bottom: var(--spacing__05)
}
.subcategory-listings-page__categories .category-tab .card__title {
font-family: var(--font__bold);
font-size: var(--font__size--18);
margin-bottom: var(--spacing__05)
}
.subcategory-listings-page__categories .category-tab .card__preamble {
font-size: var(--font__size--15);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__05)
}
@media(min-width: 1024px) {
.subcategory-listings-page__categories .category-tab .card__preamble {
margin-bottom: var(--spacing__08)
}
}
.subcategory-listings-page__categories .category-tab .card .linkbutton__text-after:hover {
color: var(--color__purple--400)
}
.subcategory-listings-page__categories .category-tab .card .linkbutton__text-after:hover:after {
background-image: url("../images/icons/circle-greater-purple.svg")
}
.subcategory-listings-page__categories .cta {
width: fit-content;
margin: var(--spacing__08) auto 0
}
.subcategory-listings-page__recent-articles {
padding-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.subcategory-listings-page__recent-articles {
padding-bottom: var(--spacing__12)
}
}
.subcategory-listings-page__recent-articles h2 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.subcategory-listings-page__recent-articles h2 {
font-size: var(--font__size--36)
}
}
.subcategory-listings-page__recent-articles .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block;
padding: 0
}
@media(min-width: 768px) {
.subcategory-listings-page__recent-articles .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.subcategory-listings-page__recent-articles .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.subcategory-listings-page__recent-articles .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.subcategory-listings-page__recent-articles .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.subcategory-listings-page__recent-articles .grid {
display: grid
}
}
.subcategory-listings-page__recent-articles .img__wrapper {
overflow: hidden
}
.subcategory-listings-page__recent-articles figure,
.subcategory-listings-page__recent-articles picture {
transition: transform var(--duration-xlarge) var(--ease-standard);
display: flex
}
.subcategory-listings-page__recent-articles figure:hover,
.subcategory-listings-page__recent-articles picture:hover {
transform: scale(1.023)
}
.subcategory-listings-page__recent-articles .article {
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.subcategory-listings-page__recent-articles .article {
padding-bottom: 0
}
}
.subcategory-listings-page__recent-articles .article__highlight {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.subcategory-listings-page__recent-articles .article__highlight {
margin-bottom: 0
}
}
.subcategory-listings-page__recent-articles .article__highlight .article__text {
padding: var(--spacing__06) var(--spacing__06) var(--spacing__09);
background: var(--bg-brand);
color: var(--text-primary-dark)
}
@media(min-width: 1024px) {
.subcategory-listings-page__recent-articles .article__highlight .article__text {
padding-bottom: var(--spacing__12)
}
}
.subcategory-listings-page__recent-articles .article__highlight .article__label {
font-size: var(--font__size--15);
font-weight: var(--font__weight--400);
margin-bottom: var(--spacing__03)
}
.subcategory-listings-page__recent-articles .article__highlight .article__title {
font-family: var(--font__bold);
font-size: var(--font__size--24)
}
.subcategory-listings-page__recent-articles .article__highlight .article__title a {
color: var(--text-primary-dark);
text-decoration: none
}
.subcategory-listings-page__recent-articles .article__highlight .article__title a:hover {
text-decoration: underline
}
.subcategory-listings-page__recent-articles .article__highlight .article__preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.subcategory-listings-page__recent-articles .article__list {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1
}
.subcategory-listings-page__recent-articles .article__list ul {
list-style: none;
padding-left: 0;
margin-bottom: 0
}
.subcategory-listings-page__recent-articles .article__list ul li {
border-bottom: var(--stroke-thin) solid var(--color__blue--800);
padding-bottom: var(--spacing__06);
margin-bottom: var(--spacing__06)
}
.subcategory-listings-page__recent-articles .article__list ul li:last-child {
border-bottom: none
}
.subcategory-listings-page__recent-articles .article__list .article__label {
font-size: var(--font__size--15);
font-weight: var(--font__weight--400);
margin-bottom: var(--spacing__05)
}
.subcategory-listings-page__recent-articles .article__list .article__title {
font-family: var(--font__bold);
font-size: var(--font__size--18)
}
.subcategory-listings-page__recent-articles .article__list .article__title a {
text-decoration: none
}
.subcategory-listings-page__recent-articles .article__list .article__title a:hover {
text-decoration: underline
}
.subcategory-listings-page__recent-articles .article__cta {
overflow: hidden;
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 3;
padding: var(--spacing__06) var(--spacing__06);
margin-top: var(--spacing__08);
background: var(--bg-subtle)
}
@media(min-width: 1024px) {
.subcategory-listings-page__recent-articles .article__cta {
padding: var(--spacing__08) var(--spacing__09);
margin-top: var(--spacing__12)
}
}
.subcategory-listings-page__recent-articles .article__cta p {
font-size: var(--font__size--18)
}
@media(min-width: 1024px) {
.subcategory-listings-page__recent-articles .article__cta p {
font-size: var(--font__size--24);
width: 50%;
float: left
}
}
.subcategory-listings-page__recent-articles .article__cta a {
font-family: var(--font__bold);
font-size: var(--font__size--15);
text-decoration: none;
height: 100%;
align-items: center;
padding-right: 0;
margin-top: var(--spacing__06)
}
@media(min-width: 1024px) {
.subcategory-listings-page__recent-articles .article__cta a {
float: right;
margin-top: 0
}
}
.subcategory-listings-page__recent-articles .article__cta a:after {
position: relative;
padding-left: var(--spacing__04);
background-repeat: no-repeat;
background-position: right
}
.subcategory-listings-page__popular-articles {
padding-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.subcategory-listings-page__popular-articles {
padding-bottom: var(--spacing__12)
}
}
.subcategory-listings-page__popular-articles h2 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.subcategory-listings-page__popular-articles h2 {
font-size: var(--font__size--36)
}
}
.subcategory-listings-page__popular-articles .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block;
padding: 0
}
@media(min-width: 768px) {
.subcategory-listings-page__popular-articles .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.subcategory-listings-page__popular-articles .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.subcategory-listings-page__popular-articles .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.subcategory-listings-page__popular-articles .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.subcategory-listings-page__popular-articles .grid {
display: grid
}
}
.subcategory-listings-page__popular-articles .img__wrapper {
overflow: hidden
}
.subcategory-listings-page__popular-articles figure,
.subcategory-listings-page__popular-articles picture {
transition: transform var(--duration-xlarge) var(--ease-standard);
display: flex
}
.subcategory-listings-page__popular-articles figure:hover,
.subcategory-listings-page__popular-articles picture:hover {
transform: scale(1.023)
}
.subcategory-listings-page__popular-articles .article {
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.subcategory-listings-page__popular-articles .article {
padding-bottom: 0
}
}
.subcategory-listings-page__popular-articles .article__highlight {
grid-column-start: 7;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.subcategory-listings-page__popular-articles .article__highlight {
margin-bottom: 0
}
}
.subcategory-listings-page__popular-articles .article__highlight .article__text {
padding: var(--spacing__06) 0 0
}
.subcategory-listings-page__popular-articles .article__highlight .article__label {
font-size: var(--font__size--15);
font-weight: var(--font__weight--400);
margin-bottom: var(--spacing__04)
}
.subcategory-listings-page__popular-articles .article__highlight .article__title {
font-family: var(--font__bold);
font-size: var(--font__size--18);
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.subcategory-listings-page__popular-articles .article__highlight .article__title {
font-size: var(--font__size--24)
}
}
.subcategory-listings-page__popular-articles .article__highlight .article__title a {
text-decoration: none
}
.subcategory-listings-page__popular-articles .article__highlight .article__title a:hover {
text-decoration: underline
}
.subcategory-listings-page__popular-articles .article__highlight .article__preamble {
color: var(--color__grey--700);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.subcategory-listings-page__popular-articles .article__highlight .article__preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
}
.subcategory-listings-page__popular-articles .article__list {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1
}
@media(min-width: 1441px) {
.subcategory-listings-page__popular-articles .article__list {
grid-column-end: 6
}
}
.subcategory-listings-page__popular-articles .article__list ul {
list-style: none;
padding-left: 0;
margin-bottom: 0
}
.subcategory-listings-page__popular-articles .article__list ul li {
display: block;
clear: both
}
.subcategory-listings-page__popular-articles .article__list .article__img {
margin-bottom: var(--spacing__06);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.subcategory-listings-page__popular-articles .article__list .article__img {
width: 50%;
float: left;
margin-bottom: var(--spacing__08)
}
}
.subcategory-listings-page__popular-articles .article__list .article__text {
margin-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.subcategory-listings-page__popular-articles .article__list .article__text {
width: 50%;
float: left;
margin-bottom: 0
}
.subcategory-listings-page__popular-articles .article__list .article__text>div {
padding-left: var(--spacing__06)
}
}
.subcategory-listings-page__popular-articles .article__list .article__label {
font-size: var(--font__size--15);
font-weight: var(--font__weight--400);
margin-bottom: var(--spacing__04)
}
.subcategory-listings-page__popular-articles .article__list .article__title {
font-family: var(--font__bold);
font-size: var(--font__size--18);
margin-bottom: var(--spacing__04)
}
.subcategory-listings-page__popular-articles .article__list .article__title a {
text-decoration: none
}
.subcategory-listings-page__popular-articles .article__list .article__title a:hover {
text-decoration: underline
}
.subcategory-listings-page__popular-articles .article__list .article__preamble {
font-size: var(--font__size--15);
line-height: var(--font__size--24);
color: var(--color__grey--700)
}
@media(min-width: 896px) {
.subcategory-listings-page .bannerwithbutton-block {
margin-top: 0
}
}
@media(min-width: 1024px) {
.subcategory-listings-page .bannerwithbutton-block {
padding-top: 0
}
}
.subcategory-listings-page .newsletter-form .form-block {
max-width: none;
overflow: auto;
padding: var(--spacing__08) var(--spacing__05);
margin-top: 0
}
@media(min-width: 1024px) {
.subcategory-listings-page .newsletter-form .form-block {
padding: var(--spacing__09) var(--spacing__08) var(--spacing__12);
margin-top: var(--spacing__09)
}
}
.subcategory-listings-page .newsletter-form .form-block .col {
max-width: none
}
.subcategory-listings-page .newsletter-form .form-block h2 {
text-align: left;
font-size: var(--font__size--24)
}
@media(min-width: 1024px) {
.subcategory-listings-page .newsletter-form .form-block h2 {
font-size: var(--font__size--30);
width: 40%;
float: left
}
}
.subcategory-listings-page .newsletter-form .form-block .preamble {
font-size: var(--font__size--15);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__09);
text-align: left
}
@media(min-width: 1024px) {
.subcategory-listings-page .newsletter-form .form-block .preamble {
font-size: var(--font__size--18);
width: 40%;
float: right
}
}
@media(min-width: 1024px) {
.subcategory-listings-page .newsletter-form .form-block form {
width: 40%;
float: right;
clear: both
}
}
.subcategory-listings-page .newsletter-form .form-block .Form__MainBody {
max-width: none;
margin: 0;
padding: 0
}
.standardpage main {
padding-bottom: var(--spacing__08)
}
@media(min-width: 896px) {
.standardpage main {
padding-bottom: var(--spacing__10)
}
}
.sitemap {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.sitemap {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.sitemap {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.sitemap {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.sitemap {
padding-left: 0;
padding-right: 0
}
}
.sitemap>ul {
list-style: none;
margin: 0;
padding: 0;
column-gap: var(--spacing__06)
}
@media(min-width: 896px) {
.sitemap>ul {
column-count: 2
}
}
@media(min-width: 1024px) {
.sitemap>ul {
column-count: 4
}
}
.sitemap>ul>li {
break-inside: avoid-column;
margin-bottom: var(--spacing__06)
}
.sitemap>ul>li>ul ul {
padding-left: var(--spacing__06)
}
.sitemap ul {
list-style: none;
margin: 0;
padding: 0;
list-style: none;
transition: var(--duration-large) var(--ease-standard)
}
.sitemap ul li.expanded h2 button:after,
.sitemap ul li.expanded h3 button:after,
.sitemap ul li.expanded h4 button:after {
background-image: url("../images/icons/minus-symbl-blue.svg")
}
.sitemap ul li:not(.expanded) h2 button:after,
.sitemap ul li:not(.expanded) h3 button:after,
.sitemap ul li:not(.expanded) h4 button:after {
background-image: url("../images/icons/plus-symbol-blue.svg")
}
.sitemap ul a {
color: var(--text-primary-light);
text-decoration: none;
line-height: 1.6
}
.sitemap ul a:active {
color: var(--color__blue--400)
}
.sitemap ul a:hover {
color: var(--color__blue--900);
text-decoration: underline
}
.sitemap h2,
.sitemap h3,
.sitemap h4 {
display: flex;
justify-content: flex-start;
align-items: center;
line-height: 1.5
}
.sitemap h3,
.sitemap h4 {
font-size: 1rem;
font-family: var(--font__regular);
text-transform: none
}
.sitemap h2 {
font-size: var(--font__size--18);
font-family: var(--font__bold)
}
.sitemap button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
display: inline-flex;
color: inherit;
width: 1.5rem;
height: 1.5rem;
align-items: center;
justify-content: center;
position: relative;
margin-left: var(--spacing__04);
border-radius: 50%;
background-color: var(--color__blue--light);
width: 30px;
height: 30px
}
.sitemap button:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center
}
.sitemap button>* {
pointer-events: none
}
.js-signature-solution-template {
padding-bottom: var(--spacing__13)
}
.js-signature-solution-template .signature-solution-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-signature-solution-template .signature-solution-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.js-signature-solution-template .signature-solution-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-signature-solution-template .signature-solution-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-signature-solution-template .signature-solution-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-signature-solution-template .signature-solution-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-signature-solution-template .signature-solution-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-signature-solution-template .signature-solution-header .grid {
display: grid
}
}
.js-signature-solution-template .signature-solution-header .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-signature-solution-template .signature-solution-header .text {
padding-bottom: 0
}
}
@media(min-width: 1224px) {
.js-signature-solution-template .signature-solution-header .text {
grid-column-end: 6
}
}
.js-signature-solution-template .signature-solution-header .text .cta {
text-align: center;
line-height: var(--font__size--18);
margin-bottom: var(--spacing__06);
width: 100%
}
@media(min-width: 768px) {
.js-signature-solution-template .signature-solution-header .text .cta {
width: auto;
margin-right: var(--spacing__08)
}
}
.js-signature-solution-template .signature-solution-header .image {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 -15px var(--spacing__06)
}
@media(min-width: 1024px) {
.js-signature-solution-template .signature-solution-header .image {
margin-bottom: unset;
margin: 0 0 var(--spacing__06)
}
}
.js-signature-solution-template .lead-generation-block {
margin-top: var(--spacing__12)
}
@media(min-width: 896px) {
.js-signature-solution-template .tab-blocks .image__responsive {
max-height: 559.5px
}
}
.button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
font-size: var(--font__size--15);
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
line-height: 1;
transition: var(--duration-large) var(--ease-standard);
font-family: var(--font__bold)
}
.button:not(.tiny) {
height: 48px;
padding: 0 var(--spacing__08)
}
.button.tiny {
height: 36px;
padding: 0 1.5rem
}
.button__primary {
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800);
color: var(--text-primary-dark) !important
}
.button__primary:visited {
color: var(--text-primary-dark)
}
.button__primary:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__primary:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.button__primary:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__primary:disabled,
.button__primary.disabled {
color: var(--color__grey--500);
background-color: var(--color__grey--200);
border-color: var(--color__grey--200)
}
.button__primary.disabled {
pointer-events: none
}
.button__primary svg {
display: none
}
.button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary:hover {
color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__secondary:focus {
color: var(--color__blue--600);
outline: 3px solid var(--color__blue--600);
outline-offset: 2px
}
.button__secondary:active {
color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__secondary:disabled,
.button__secondary.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary.disabled {
pointer-events: none
}
.button__secondary svg {
display: none
}
.button__white {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thick) solid var(--color__white)
}
.button__white:hover {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:focus {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:active {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white svg {
display: none
}
.button__tertiary {
background-color: var(--color__purple--100);
border: var(--stroke-thick) solid var(--color__purple--100);
color: var(--text-primary-light)
}
.button__tertiary:hover {
background-color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__tertiary:focus {
background-color: var(--color__purple--200);
border-color: var(--color__purple--200)
}
.button__tertiary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400);
color: var(--text-primary-dark)
}
.button__tertiary:disabled,
.button__tertiary.disabled {
color: var(--color__grey--800);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__tertiary.disabled {
pointer-events: none
}
.button__tertiary svg {
display: none
}
.button__quaternary {
background-color: var(--color__purple--600);
border: var(--stroke-thick) solid var(--color__purple--600);
color: var(--text-primary-dark)
}
.button__quaternary:hover {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:focus {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:disabled,
.button__quaternary.disabled {
color: var(--color__grey--500);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__quaternary.disabled {
pointer-events: none
}
.button__quaternary svg {
display: none
}
.button__outline {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__purple--100)
}
.button__outline:hover {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:focus {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:active {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:disabled,
.button__outline.disabled {
color: var(--color__grey--500);
border-color: var(--color__grey--500)
}
.button__outline.disabled {
pointer-events: none
}
.button__outline:visited {
color: var(--text-primary-dark)
}
.button__outline svg {
display: none
}
.button__outline--white {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:hover {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:focus {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:active {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:disabled,
.button__outline--white.disabled {
border: var(--stroke-thick) solid var(--color__white)
}
.button__login {
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__white);
color: var(--text-primary-dark)
}
.button__login:visited {
color: var(--text-primary-dark)
}
.button__login:hover {
color: var(--color__purple--100);
border-color: var(--color__purple--100)
}
.button__login:focus {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:active {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:disabled,
.button__login.disabled {
color: var(--interactive-disabled);
border-color: var(--interactive-disabled)
}
.button__login.disabled {
pointer-events: none
}
.button__play {
background: hsla(0, 0%, 100%, .2);
color: var(--text-primary-dark);
cursor: pointer
}
.button__play:not(.tiny) {
padding: 0 1.5rem
}
.button__play:visited {
color: var(--text-primary-dark)
}
.button__play svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-right: var(--spacing__03)
}
.button__play:hover,
.button__play:focus,
.button__play:active {
background: #fff;
color: var(--text-primary-light)
}
.button__play:hover svg,
.button__play:focus svg,
.button__play:active svg {
fill: var(--color__blue--800)
}
.button.wide {
width: 100%;
justify-content: center
}
.button__tertiary--designsystem {
background-color: var(--cta-tertiary);
border: var(--stroke-thick) solid var(--cta-tertiary);
color: var(--text-primary-dark)
}
.button__tertiary--designsystem svg {
fill: var(--color__white)
}
.button__tertiary--designsystem:hover {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:focus {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:active {
background-color: var(--cta-tertiary--active);
border-color: var(--cta-tertiary--active)
}
.button__tertiary--designsystem:disabled,
.button__tertiary--designsystem.disabled {
color: var(--color__grey--600);
background-color: var(--color__grey--300);
border-color: var(--color__grey--300)
}
.button__tertiary--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__tertiary--designsystem {
font-size: var(--font__size--18)
}
}
.button__secondary--designsystem {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary--designsystem:not(.tiny) {
padding: 0 var(--spacing__06)
}
.button__secondary--designsystem:hover {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:focus {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:active {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:disabled,
.button__secondary--designsystem.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary--designsystem.disabled {
pointer-events: none
}
.button__secondary--designsystem svg {
display: none
}
.button__secondary--designsystem__icon svg {
display: inline;
margin-left: var(--spacing__05);
width: 17px;
height: 17px;
fill: var(--color__blue--800)
}
.button__secondary--designsystem__icon:hover svg {
fill: var(--color__white)
}
.button__outline--designsystem {
color: var(--text-primary-dark) !important;
background-color: rgba(0, 0, 0, 0);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem svg {
fill: var(--color__white)
}
.button__outline--designsystem:visited {
color: var(--text-primary-dark) !important
}
.button__outline--designsystem:hover,
.button__outline--designsystem:focus,
.button__outline--designsystem:active {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
fill: var(--color__blue--800)
}
.button__outline--designsystem:disabled,
.button__outline--designsystem.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__outline--designsystem {
font-size: var(--font__size--18)
}
}
.button__outline--designsystem--white {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:visited {
color: var(--text-primary-light) !important
}
.button__outline--designsystem--white:hover,
.button__outline--designsystem--white:focus,
.button__outline--designsystem--white:active {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:hover svg,
.button__outline--designsystem--white:focus svg,
.button__outline--designsystem--white:active svg {
fill: var(--color__white)
}
.button__outline--designsystem--white:disabled,
.button__outline--designsystem--white.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem--white.disabled {
pointer-events: none
}
.button__tertiary--designsystem,
.button__outline--designsystem {
position: relative
}
.button__tertiary--designsystem span,
.button__outline--designsystem span {
position: relative;
right: 0;
-webkit-transition: right var(--duration-large);
-moz-transition: right var(--duration-large);
transition: right var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem svg,
.button__outline--designsystem svg {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
left: 10px;
-webkit-transition: all var(--duration-large);
-moz-transition: allvar(--duration-large);
transition: all var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem:hover span,
.button__tertiary--designsystem:focus span,
.button__tertiary--designsystem:active span,
.button__outline--designsystem:hover span,
.button__outline--designsystem:focus span,
.button__outline--designsystem:active span {
right: -10px
}
.button__tertiary--designsystem:hover svg,
.button__tertiary--designsystem:focus svg,
.button__tertiary--designsystem:active svg,
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
opacity: 1;
left: 20px
}
.button__language,
.button__search {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
font-size: var(--font__size--15);
color: var(--text-primary-dark);
align-items: center
}
.button__language svg,
.button__search svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-left: .5rem;
margin-top: 2px
}
.button__language>*,
.button__search>* {
pointer-events: none
}
.button__language:hover>span,
.button__search:hover>span {
text-decoration: underline
}
.button__language:focus>span,
.button__search:focus>span {
text-decoration: underline dotted
}
.button__language:focus>svg,
.button__search:focus>svg {
fill: var(--color__blue--100)
}
.dark-option .button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: none
}
.dark-option .button__secondary:focus {
outline: 3px solid var(--color__purple--300);
outline-offset: 2px
}
.dark-option .button__secondary:hover {
background-color: var(--color__grey--200)
}
.dark-option .button__secondary:active {
background-color: var(--color__grey--400)
}
.dark-option .button__secondary:disabled,
.dark-option .button__secondary.disabled {
color: var(--color__grey--700);
background-color: var(--color__grey--300)
}
.dark-option .button__secondary.disabled {
pointer-events: none
}
.js-service-page>div {
overflow: hidden
}
.js-service-page .section__header {
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__11);
background: var(--bg-brand)
}
.js-service-page .section__header .col-left {
grid-column: 1/13
}
.js-service-page .section__header .col-right {
grid-column: 1/13;
padding-top: var(--spacing__11);
margin-left: var(--spacing__05--negative);
margin-right: var(--spacing__05--negative)
}
@media(min-width: 896px) {
.js-service-page .section__header .col-right {
margin-left: 0;
margin-right: 0
}
}
@media(min-width: 1024px) {
.js-service-page .section__header {
padding-top: var(--spacing__11)
}
.js-service-page .section__header .col-left {
grid-column: 1/7
}
.js-service-page .section__header .col-right {
grid-column: 8/13;
padding-top: 0
}
}
@media(min-width: 1441px) {
.js-service-page .section__header .col-left {
grid-column: 1/6
}
.js-service-page .section__header .col-right {
grid-column: 7/13
}
}
.js-service-page .section__header .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.js-service-page .section__header .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-service-page .section__header .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-service-page .section__header .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-service-page .section__header .container {
padding-left: 0;
padding-right: 0
}
}
.js-service-page .section__header .buttons {
margin-top: var(--spacing__06)
}
.js-service-page .section__header .buttons .button {
margin-top: var(--spacing__06);
width: 100%
}
@media(min-width: 768px) {
.js-service-page .section__header .buttons .button {
width: auto;
margin-right: var(--spacing__04)
}
}
@media(min-width: 896px) {
.js-service-page .section__header figure,
.js-service-page .section__header picture,
.js-service-page .section__header img {
border-radius: var(--radius-small)
}
}
.js-service-page .section__header ul.usp {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.5;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: var(--spacing__06);
padding-top: var(--spacing__06);
color: var(--text-primary-dark)
}
@media(min-width: 896px) {
.js-service-page .section__header ul.usp {
display: grid
}
}
@media(min-width: 896px) {
.js-service-page .section__header ul.usp {
display: grid
}
}
.js-service-page .section__header ul.usp li {
display: flex;
align-items: center;
column-gap: var(--spacing__04);
padding-top: var(--spacing__06)
}
.js-service-page .section__header ul.usp li svg {
fill: var(--color__white);
width: 2rem;
height: 2rem;
flex-shrink: 0
}
.js-service-page .section__services {
margin-top: 0;
padding-top: var(--spacing__12)
}
.js-service-page .section__services .text {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.js-service-page .section__services .text {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-service-page .section__services .text {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-service-page .section__services .text {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-service-page .section__services .text {
padding-left: 0;
padding-right: 0
}
}
.js-service-page .section__services .text>* {
max-width: 570px
}
.js-service-page .section__services .block {
padding-top: var(--spacing__09)
}
@media(min-width: 896px) {
.js-service-page .accordion-block {
margin-bottom: var(--spacing__12)
}
}
@media(min-width: 896px) {
.js-service-page .lead-generation-block {
margin-top: 0
}
}
.search-page {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-top: var(--spacing__09);
padding-bottom: var(--spacing__09);
grid-row-gap: var(--spacing__06)
}
@media(min-width: 768px) {
.search-page {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.search-page {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.search-page {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.search-page {
padding-left: 0;
padding-right: 0
}
}
.search-page h1 {
margin-bottom: var(--spacing__09);
font-size: 2.813rem;
line-height: 107%;
letter-spacing: -0.01rem
}
.search-page .search-spellcheck {
margin-bottom: var(--spacing__06)
}
.search-page .search-spellcheck a {
color: var(--color__red--600)
}
.search-page .search-spellcheck-suggestions {
font-weight: 700
}
.search-page .no-hits-explanation {
font-size: var(--font__size--18)
}
.search-page .search__input {
margin-bottom: var(--spacing__09);
width: 100%;
position: relative
}
@media(min-width: 896px) {
.search-page .search__input {
width: 500px
}
}
.search-page .search__input input[type=search] {
border-radius: var(--radius-pill);
padding: var(--spacing__04) var(--spacing__06);
border: var(--stroke-thin) solid var(--border-primary);
width: 100%;
font-family: inherit
}
.search-page .search__input input[type=search]:focus {
outline: none;
border-color: var(--color__grey--800)
}
.search-page .search__input .icon__wrapper {
z-index: 100;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
display: flex;
align-items: center;
justify-content: center
}
.search-page .search__input .icon__wrapper svg {
width: 1.5rem;
height: 1.5rem;
fill: var(--color__blue--800)
}
.search-page .search__input input[type=search]::-webkit-search-decoration,
.search-page .search__input input[type=search]::-webkit-search-cancel-button,
.search-page .search__input input[type=search]::-webkit-search-results-button,
.search-page .search__input input[type=search]::-webkit-search-results-decoration {
display: none
}
.search-page .search__input input[type=submit] {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
z-index: 200
}
.search-page .search__summary {
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
padding-bottom: var(--spacing__06)
}
.search-page .search__results {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: var(--spacing__06)
}
.search-page .search__results>li {
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
padding: var(--spacing__06) 0
}
.search-page .search__results>li .search__result-title {
font-family: var(--font__bold);
display: inline-block
}
.search-page .search__results>li p {
line-height: 150%
}
.search-page .search__results>li .search__results--wrapper {
grid-column-start: 1;
grid-column-end: 11;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 896px) {
.search-page .search__results>li .search__results--wrapper {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
}
.search-page .search__results>li .linkbutton__icon {
grid-column-start: 11;
grid-column-end: 13;
justify-self: end;
align-self: center
}
@media(min-width: 896px) {
.search-page .search__results>li .linkbutton__icon {
grid-column-start: 9;
grid-column-end: 13;
justify-self: end;
align-self: center
}
}
.search-page .search__results>li .breadcrumbs-fluid {
padding-left: 0;
padding-right: 0
}
.search-page .search__results>li .breadcrumbs-fluid a,
.search-page .search__results>li .breadcrumbs-fluid span,
.search-page .search__results>li .breadcrumbs-fluid .has-overflow {
color: var(--color__grey--800)
}
.search-page .search__results>li .breadcrumbs-fluid svg {
fill: var(--color__grey--800)
}
.saved-jobs-page .saved-jobs-header {
display: block;
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.saved-jobs-page .saved-jobs-header {
padding-top: var(--spacing__11);
padding-bottom: var(--spacing__08)
}
}
.saved-jobs-page .saved-jobs-header h1,
.saved-jobs-page .saved-jobs-header .text {
max-width: 760px
}
.saved-jobs-page .saved-jobs-header h1 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.saved-jobs-page .saved-jobs-header h1 {
font-size: var(--font__size--60);
margin-bottom: var(--spacing__08)
}
}
.saved-jobs-page .saved-jobs-header .text {
margin-bottom: var(--spacing__08);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.saved-jobs-page .saved-jobs-header .text {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
}
.saved-jobs-page .saved-jobs-header .text>span {
font-family: var(--font__bold)
}
.saved-jobs-page .no-jobs {
display: none;
text-align: center
}
.saved-jobs-page .no-jobs h2,
.saved-jobs-page .no-jobs p {
margin-bottom: var(--spacing__08)
}
.saved-jobs-page .no-jobs p {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.saved-jobs-page .saved-jobs {
background: var(--surface-accent-strong);
padding-top: var(--spacing__10);
padding-bottom: var(--spacing__13)
}
.saved-jobs-page .saved-jobs .cta {
margin-top: var(--spacing__08);
max-width: 844px
}
.saved-jobs-page .saved-jobs .cta button {
margin: 0 auto
}
.saved-jobs-page .js-modal-trigger {
display: none
}
.saved-jobs-page .modal-form-content h3 {
margin-bottom: var(--spacing__04)
}
.saved-jobs-page .modal-form-content p {
margin-bottom: var(--spacing__08)
}
.saved-jobs-page .job-list>div {
max-width: 844px
}
@media print {
.pricing-page .pricing-header,
.pricing-page .pricing-faq,
.pricing-page .bundling-block,
.pricing-page .action-block-alt,
.pricing-page .lead-generation-block,
.pricing-page .logotype-block,
.pricing-page .testimonials-block,
.pricing-page .form-block,
.pricing-page .header,
.pricing-page .footer,
.pricing-page .table-print {
display: none !important
}
}
.pricing-page .pricing-header {
display: flex;
align-items: center;
flex-direction: column
}
.pricing-page .pricing-header h1 {
font-family: var(--font__bold);
font-size: var(--font__size--45);
line-height: var(--font__size--48);
letter-spacing: -0.0005rem;
margin-bottom: var(--spacing__06);
text-align: center
}
@media(max-width: 1024px) {
.pricing-page .pricing-header h1 {
font-size: var(--font__size--27);
word-break: break-word
}
}
.pricing-page .pricing-header .preamble {
font-size: var(--font__size--24);
max-width: 800px;
text-align: center
}
.pricing-page .pricing-faq {
background-color: var(--bg-subtle)
}
.pricing-page .pricing-faq .pricing-faq-inner {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-top: var(--spacing__09);
padding-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.pricing-page .pricing-faq .pricing-faq-inner {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.pricing-page .pricing-faq .pricing-faq-inner {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.pricing-page .pricing-faq .pricing-faq-inner {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.pricing-page .pricing-faq .pricing-faq-inner {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.pricing-page .pricing-faq .pricing-faq-inner {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.pricing-page .pricing-faq .pricing-faq-inner .accordion-block {
margin: 0;
width: auto;
padding: 0
}
.press-release-page .news__tpp {
grid-row-gap: var(--spacing__06);
margin-top: var(--spacing__06);
margin-bottom: var(--spacing__09)
}
@media(min-width: 896px) {
.press-release-page .news__tpp {
grid-row-gap: var(--spacing__09)
}
}
.press-release-page .news__tpp h1 {
grid-column-start: 1;
grid-column-end: 13;
font-size: var(--font__size--42);
grid-row: 1
}
@media(min-width: 896px) {
.press-release-page .news__tpp h1 {
grid-column-start: 1;
grid-column-end: 9
}
}
.press-release-page .news__tpp p {
grid-column-start: 1;
grid-column-end: 13;
grid-row: 2;
font-size: var(--font__size--18);
line-height: 133%
}
@media(min-width: 896px) {
.press-release-page .news__tpp p {
grid-column-start: 1;
grid-column-end: 9;
font-size: var(--font__size--24);
line-height: 125%
}
}
.press-release-page .news__tpp .news__publishdate {
grid-column-start: 1;
grid-column-end: 13;
grid-row: 3;
font-size: var(--font__size--15)
}
@media(min-width: 896px) {
.press-release-page .news__tpp .news__publishdate {
grid-column-start: 9;
grid-column-end: 13;
grid-row: 2;
padding-left: var(--spacing__04);
border-left: var(--stroke-thin) solid var(--color__grey--400)
}
}
.press-release-page .news__tpp .news__publishdate .news__publishlabel {
font-family: var(--font__bold);
margin-bottom: .313rem
}
.press-release-page .news__tpp+picture img {
margin-bottom: var(--spacing__09)
}
.press-release-page .divider {
border-bottom: var(--stroke-thin) solid var(--color__grey--400)
}
.press-release-page article {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-top: var(--spacing__08)
}
@media(min-width: 768px) {
.press-release-page article {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.press-release-page article {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.press-release-page article {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.press-release-page article {
padding-left: 0;
padding-right: 0
}
}
.press-release-page article .text-block__inner {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.press-release-page article .text-block__inner {
grid-column-start: 5;
grid-column-end: 12;
border-left: var(--stroke-thin) solid var(--color__grey--400);
padding-left: var(--spacing__04)
}
}
.press-release-page .press-release {
grid-column-start: 1;
grid-column-end: 13;
width: inherit
}
@media(min-width: 896px) {
.press-release-page .press-release {
grid-column-start: 5;
grid-column-end: 12;
border-left: var(--stroke-thin) solid var(--color__grey--400);
padding-left: var(--spacing__04)
}
}
@media(min-width: 896px) {
.press-release-page .press-release {
width: auto
}
}
.press-release-page .press-release p {
word-break: break-word;
font-size: var(--font__size--15);
line-height: 1.5;
margin-bottom: var(--spacing__06)
}
@media(min-width: 896px) {
.press-release-page .press-release p {
font-size: var(--font__size--18)
}
}
.press-release-page .press-release ul,
.press-release-page .press-release ol {
line-height: 1.5;
font-size: var(--font__size--15)
}
@media(min-width: 896px) {
.press-release-page .press-release ul,
.press-release-page .press-release ol {
font-size: var(--font__size--18)
}
}
.press-release-page .file__list {
margin: 0;
line-height: 150%
}
.press-release-page .image__wrapper {
aspect-ratio: 10/3;
overflow: hidden
}
.press-release-page .image__wrapper .hero-img__background {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.pressreleasepage main {
padding-bottom: var(--spacing__13)
}
@media(min-width: 1224px) {
.pressreleasepage main {
padding-bottom: var(--spacing__15)
}
}
.person-page {
margin-top: var(--spacing__08)
}
.person-page .person-page__tpp {
min-height: 30vh
}
.person-page h1 {
margin-bottom: var(--spacing__04);
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 1
}
.person-page .person__preamble {
grid-column-start: 1;
grid-column-end: 9;
font-size: var(--font__size--24);
line-height: 125%;
margin-bottom: var(--spacing__04)
}
.person-page h2 {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 2
}
.person-page picture {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
@media(min-width: 896px) {
.person-page picture {
grid-column-start: 1;
grid-column-end: 5;
justify-self: start;
align-self: start
}
}
.person-page img {
margin-bottom: var(--spacing__09)
}
.person-page .person__details {
margin: var(--spacing__09) 0 0 0;
padding: 0;
list-style: none
}
.person-page .person__details li {
margin-bottom: var(--spacing__04)
}
.person-page .person__details li:last-child {
margin-bottom: 0
}
.person-page .person-page__title {
font-size: var(--font__size--30);
line-height: 120%
}
.person-listing-page {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.person-listing-page {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.person-listing-page {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.person-listing-page {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.person-listing-page {
padding-left: 0;
padding-right: 0
}
}
.person-listing-page .section__header {
margin-bottom: var(--spacing__08);
grid-row-gap: var(--spacing__04)
}
.person-listing-page .section__header h2,
.person-listing-page .section__header .section__preamble {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 896px) {
.person-listing-page .section__header h2,
.person-listing-page .section__header .section__preamble {
grid-column-start: 1;
grid-column-end: 9;
justify-self: stretch;
align-self: stretch
}
}
.person-listing-page .section__header h2 {
grid-row-start: 1;
grid-row-end: 2
}
.person-listing-page .section__header p {
line-height: 1.5;
grid-row-start: 2;
grid-row-end: 3
}
.person-listing-page ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-row-gap: var(--spacing__09);
grid-column-gap: var(--spacing__06);
margin-bottom: var(--spacing__08)
}
@media(min-width: 896px) {
.person-listing-page ul {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
}
.person-listing-page ul li {
text-decoration: none;
box-sizing: border-box
}
.person-listing-page ul li h3 {
margin-top: var(--spacing__04)
}
.person-listing-page ul li h3,
.person-listing-page ul li span {
font-size: var(--font__size--15);
line-height: 150%
}
.person-listing-page ul li h3 a,
.person-listing-page ul li span a {
color: var(--text-primary-light)
}
.person-listing-page ul li h3 a:hover,
.person-listing-page ul li span a:hover {
color: var(--color__blue--900)
}
.person-listing-page ul li .personlisting__title {
display: block;
margin-bottom: var(--spacing__04)
}
.person-listing-page ul li .personlisting__email {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.person-listing-page ul li .personlisting__link {
display: block;
text-decoration: none;
cursor: pointer;
color: var(--text-primary-light)
}
.person-listing-page ul li .personlisting__link>* {
pointer-events: none
}
.person-listing-page ul li .personlisting__link:hover {
color: var(--color__blue--900)
}
.person-listing-page .person__modal {
position: fixed;
top: 0;
left: 100%;
z-index: 99999;
background-color: var(--bg-default);
height: 100%;
width: 100%;
transition: var(--duration-large);
outline: none
}
.person-listing-page .person__modal .person__content {
width: 100%;
height: 100vh;
overflow-y: auto
}
@media(min-width: 1024px) {
.person-listing-page .person__modal .person__content {
width: 66%
}
}
.person-listing-page .person__modal .person__content header {
height: var(--menu__height--md);
padding: var(--spacing__04) var(--spacing__06);
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
font-size: var(--font__size--15)
}
.person-listing-page .person__modal .person__content header button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
width: var(--menu__height--md);
height: var(--menu__height--md);
align-items: center;
justify-content: center
}
.person-listing-page .person__modal .person__content header button>* {
pointer-events: none
}
.person-listing-page .person__modal .person__content header button svg {
width: 1rem;
height: 1rem
}
.person-listing-page .person__modal .person__content .content {
height: calc(100% - var(--menu__height--md) - 200px);
box-sizing: border-box;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none
}
.person-listing-page .person__modal .person__content .content::-webkit-scrollbar {
display: none
}
.person-listing-page .person__modal .person__content .content figure {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
.person-listing-page .person__modal .person__content .content figure .person__image {
height: 300px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position-x: center;
background-position-y: -100px
}
@media(min-width: 768px) {
.person-listing-page .person__modal .person__content .content figure .person__image {
height: 400px
}
}
@media(min-width: 896px) {
.person-listing-page .person__modal .person__content .content figure .person__image {
height: 600px
}
}
@media(min-width: 1024px) {
.person-listing-page .person__modal .person__content .content figure .person__image {
height: 500px
}
}
.person-listing-page .person__modal .person__content .content .content__text {
display: grid;
grid-template-columns: repeat(12, 1fr);
padding: var(--spacing__06)
}
.person-listing-page .person__modal .person__content .content .content__text .content__text-inner {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
@media(min-width: 896px) {
.person-listing-page .person__modal .person__content .content .content__text .content__text-inner {
grid-column-start: 5;
grid-column-end: 13;
justify-self: start;
align-self: start
}
}
.person-listing-page .person__modal .person__content .content .content__text .content__text-inner h2 {
font-size: var(--font__size--30);
line-height: 120%
}
.person-listing-page .person__modal .person__content .content .content__text .content__text-inner .person__title {
font-size: var(--font__size--30);
line-height: 120%;
margin-bottom: var(--spacing__09)
}
.person-listing-page .person__modal .person__content .content .person__biography {
line-height: 150%;
font-size: var(--font__size--18);
font-family: var(--font__bold)
}
.person-listing-page .person__modal .person__content .content article {
margin-bottom: var(--spacing__13);
line-height: 150%
}
.person-listing-page .person__modal .person__content .content article p {
margin-bottom: var(--spacing__06)
}
.person-listing-page .person__modal .person__content footer {
height: 200px;
background-color: var(--bg-brand);
padding: var(--spacing__06);
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(2, max-content);
position: relative
}
.person-listing-page .person__modal .person__content footer:after {
content: "";
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: var(--spacing__13);
background: linear-gradient(rgba(255, 255, 255, 0), var(--bg-default))
}
.person-listing-page .person__modal .person__content footer .person__next {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 1
}
@media(min-width: 896px) {
.person-listing-page .person__modal .person__content footer .person__next {
grid-column-start: 5;
grid-column-end: 13;
justify-self: start;
align-self: start
}
}
.person-listing-page .person__modal .person__content footer .person__name {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
font-family: var(--font__bold);
text-decoration: underline;
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start;
grid-row: 2
}
@media(min-width: 896px) {
.person-listing-page .person__modal .person__content footer .person__name {
grid-column-start: 5;
grid-column-end: 13;
justify-self: start;
align-self: start
}
}
.person-listing-page .person__modal .person__content footer .person__next,
.person-listing-page .person__modal .person__content footer .person__name {
font-size: var(--font__size--30);
line-height: 120%;
color: var(--text-primary-dark)
}
.person-listing-page .person__modal.active {
left: 0
}
@media(min-width: 1024px) {
.person-listing-page .person__modal.active {
left: 34%
}
}
main.person__display:after {
width: 100%;
height: 100%;
position: fixed;
content: "";
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .6);
z-index: 1000
}
.js-partners-page {
padding-bottom: var(--spacing__13)
}
.js-partners-page .partners-page-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-partners-page .partners-page-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.js-partners-page .partners-page-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-partners-page .partners-page-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-partners-page .partners-page-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-partners-page .partners-page-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-partners-page .partners-page-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-partners-page .partners-page-header .grid {
display: grid
}
}
.js-partners-page .partners-page-header .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-partners-page .partners-page-header .text {
padding-bottom: 0
}
}
@media(min-width: 1224px) {
.js-partners-page .partners-page-header .text {
grid-column-end: 6
}
}
.js-partners-page .partners-page-header .text .cta {
text-align: center;
line-height: var(--font__size--18);
margin-bottom: var(--spacing__06);
width: 100%
}
@media(min-width: 768px) {
.js-partners-page .partners-page-header .text .cta {
width: auto;
margin-right: var(--spacing__06)
}
}
.js-partners-page .partners-page-header .js-modal-trigger {
display: inline-block;
width: 100%
}
@media(min-width: 1024px) {
.js-partners-page .partners-page-header .js-modal-trigger {
width: auto
}
}
.js-partners-page .partners-page-header .js-modal-trigger .button {
width: 100%
}
.js-partners-page .partners-page-header .image {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 -15px var(--spacing__06)
}
@media(min-width: 1024px) {
.js-partners-page .partners-page-header .image {
margin-bottom: unset;
margin: 0 0 var(--spacing__06)
}
}
.js-partners-page section .list-intro {
margin: var(--spacing__08) 0 var(--spacing__05)
}
@media(min-width: 1024px) {
.js-partners-page section .list-intro {
margin: var(--spacing__08) 0 0
}
}
@media(min-width: 1224px) {
.js-partners-page section .list-intro {
padding-bottom: var(--spacing__06)
}
}
.js-partners-page section .list-intro h2 {
max-width: 600px
}
.js-partners-page section .list-intro p {
max-width: 650px
}
.js-partners-page section .card-container-block {
padding-left: 0;
padding-right: 0;
margin-top: var(--spacing__08);
margin-bottom: var(--spacing__08)
}
@media(min-width: 1224px) {
.js-partners-page section .card-container-block .card {
flex: 1 0 32%;
max-width: calc(33% - var(--spacing__05))
}
}
.js-partners-page section .card-container-block .card__wrapper {
margin: 0
}
.js-partners-page .section__partners {
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.js-partners-page .section__partners {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-partners-page .section__partners {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-partners-page .section__partners {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-partners-page .section__partners {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1224px) {
.js-partners-page .section__partners {
padding-top: var(--spacing__08)
}
}
.js-partners-page .section__partners .card-container-block a {
text-decoration: none
}
.js-partners-page .section__partners .card-container-block .card__image {
min-height: 195px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-subtle);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1224px) {
.js-partners-page .section__partners .card-container-block .card__image {
min-height: 210px
}
}
.js-partners-page .section__partners .card-container-block .card__image figure {
margin-bottom: 0
}
.js-partners-page .section__partners .card-container-block .card__image figure img {
max-height: 195px
}
@media(min-width: 1224px) {
.js-partners-page .section__partners .card-container-block .card__image figure img {
max-height: 210px
}
}
.js-partners-page .section__partners .card-container-block .card__text {
height: calc(100% - var(--spacing__06) - 193px)
}
@media(min-width: 1224px) {
.js-partners-page .section__partners .card-container-block .card__text {
height: calc(100% - var(--spacing__06) - 210px)
}
}
.js-partners-page .section__partners .tab-wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin: 0;
padding: 0 var(--spacing__07) 0 0;
overflow-x: auto;
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 768px) {
.js-partners-page .section__partners .tab-wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-partners-page .section__partners .tab-wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-partners-page .section__partners .tab-wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-partners-page .section__partners .tab-wrapper {
padding-left: 0;
padding-right: 0
}
}
.js-partners-page .section__partners .tab-list {
gap: var(--spacing__04);
list-style: none;
padding-left: 0;
margin-bottom: 0
}
@media(min-width: 1024px) {
.js-partners-page .section__partners .tab-list {
margin-top: var(--spacing__08);
display: flex
}
}
.js-partners-page .section__partners .tab-list li {
font-size: var(--font__size--15);
color: var(--text-primary-light);
cursor: pointer;
padding: 0 var(--spacing__06) 0 0;
width: fit-content;
float: left
}
@media(min-width: 1024px) {
.js-partners-page .section__partners .tab-list li {
font-size: var(--font__size--18)
}
}
.js-partners-page .section__partners .tab-list li:hover {
text-decoration: underline;
color: var(--color__blue--700)
}
.js-partners-page .section__partners .tab-list li.active {
text-decoration: underline;
color: var(--color__blue--900);
cursor: default
}
.js-partners-page .section__partners .tab-categories>div {
display: none;
padding: 0
}
@media(min-width: 1024px) {
.js-partners-page .section__partners .tab-categories>div {
padding: 0 var(--spacing__07) 0 0
}
}
.js-partners-page .section__partners .tab-categories>div.active {
display: block
}
@media(min-width: 1024px) {
.js-partners-page .section__partners .tab-categories>div.active {
display: grid
}
}
.js-partners-page .section__partners .tab-categories>div>p {
margin-top: var(--spacing__08)
}
.js-partners-page .section__partners .show-more {
text-align: center;
margin-top: var(--spacing__06)
}
.js-partners-page .section__partners .show-more .hidden {
display: none
}
.js-partners-page .section__partners .show-more p {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
.js-partners-page .section__benefits {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.js-partners-page .section__benefits {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-partners-page .section__benefits {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-partners-page .section__benefits {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-partners-page .section__benefits {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1224px) {
.js-partners-page .section__benefits {
padding-top: var(--spacing__08)
}
}
.js-partners-page .section__benefits .card-container-block .card__wrapper {
padding: var(--spacing__08) var(--spacing__06);
height: calc(100% - var(--spacing__12))
}
.js-partners-page .section__benefits .card-container-block .card__wrapper:hover {
box-shadow: none
}
.js-partners-page .section__benefits .card-container-block .card__text-wrapper {
min-height: 150px
}
@media(min-width: 1224px) {
.js-partners-page .section__benefits .card-container-block .card__title {
font-size: var(--font__size--24)
}
}
@media(min-width: 1224px) {
.js-partners-page .section__benefits .card-container-block .card__preamble {
font-size: var(--font__size--18)
}
}
.js-partners-page .section__benefits .card-container-block .card__benefits {
list-style: none;
margin: 0;
padding: 0;
border-top: var(--stroke-thin) solid var(--color__grey--400);
padding-top: var(--spacing__08);
margin-top: var(--spacing__09)
}
.js-partners-page .section__benefits .card-container-block .card__benefits li {
position: relative;
padding-bottom: var(--spacing__06);
padding-left: var(--spacing__08)
}
@media(min-width: 1224px) {
.js-partners-page .section__benefits .card-container-block .card__benefits li {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
}
.js-partners-page .section__benefits .card-container-block .card__benefits .icon {
position: absolute;
left: 0;
height: calc(100% - var(--spacing__06));
display: flex;
align-items: center;
justify-content: center
}
.js-partners-page .section__benefits .card-container-block .card__benefits .icon svg {
width: 20px;
height: 20px
}
.office-page h1 {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36);
margin-bottom: var(--spacing__06)
}
.office-page .office__header {
grid-row-gap: var(--spacing__06)
}
.office-page .map {
overflow: hidden;
padding-top: 42.86%;
position: relative
}
.office-page .map #map {
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: 0
}
.office-page .office-page__wrapper .col {
grid-column: span 12
}
@media(min-width: 896px) {
.office-page .office-page__wrapper .col {
grid-column: span 4
}
}
.office-page .map {
grid-column: span 12;
min-height: 150px
}
@media(min-width: 896px) {
.office-page .map {
grid-column: span 8
}
}
.office-page .map .map__loader {
background-color: var(--bg-subtle);
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: 0;
display: none;
align-items: center;
justify-content: center
}
.office-page .map .map__loader.map__loader--loading {
display: flex
}
.office-page .spacer {
display: flex;
width: 1rem;
height: 1rem
}
.office-page .office__details {
display: flex;
flex-direction: column;
gap: 12px
}
.office-page .office__details .office__directions,
.office-page .office__details .office__phone,
.office-page .office__details .office__open-weekdays,
.office-page .office__details .office__open-weekends,
.office-page .office__details .office__information,
.office-page .office__details .office__fax {
display: flex;
font-size: var(--font__size--15)
}
.office-page .office__details .office__directions,
.office-page .office__details .office__phone,
.office-page .office__details .office__information,
.office-page .office__details .office__fax {
display: flex;
gap: 4px;
align-items: center
}
.office-page .office__details .office__directions {
flex-direction: row;
align-items: flex-start
}
.office-page .office__details .office__directions>svg {
margin-top: 4px
}
.office-page .office__details .office__address {
display: flex;
flex-direction: column
}
.office-page .office__details .office__address .office__get_directions {
margin-top: var(--spacing__04)
}
.office-page .office__details .office__hours-details {
padding-bottom: var(--spacing__05)
}
.office-page .office__details .office__hours-details span.open {
margin-right: 5px;
font-weight: bold
}
.office-page .office__details .office__hours-details .closes {
margin-right: 10px
}
.office-page .office__details .office__hours-details .status-closed {
font-weight: bold;
margin-right: 10px
}
.office-page .office__details .office__hours-details svg.icon__chevron.active {
transform: rotate(180deg)
}
.office-page .office__details .office__hours-details .status-open {
display: flex;
align-items: center
}
.office-page .office__details .office__hours-details .status-open svg {
width: 16px;
height: 16px;
margin-right: 5px
}
.office-page .office__details .office__hours-details #toggle-hours {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: 15px;
align-items: center;
color: var(--text-primary-light);
justify-content: space-between;
width: 100%
}
.office-page .office__details .office__hours-details #toggle-hours:hover {
opacity: .8
}
.office-page .office__details .office__hours-details #toggle-hours:focus {
outline: 2px solid var(--color__blue--800);
outline-offset: 2px
}
.office-page .office__details .office__hours-details .office__hours-expanded {
display: none;
margin-top: var(--spacing__04);
padding-left: 22px;
padding-right: 22px
}
.office-page .office__details .office__hours-details .office__hours-expanded.active {
display: block
}
.office-page .office__details .office__hours-details .office__hours-day-row {
display: flex;
flex-direction: row;
color: var(--color__grey--600);
justify-content: space-between;
padding: var(--spacing__03) 0;
border-bottom: var(--stroke-thin) solid var(--color__grey--200);
gap: var(--spacing__04)
}
.office-page .office__details .office__hours-details .office__hours-day-row:last-child {
border-bottom: none
}
.office-page .office__details .office__hours-details .office__hours-day-name {
font-family: var(--font__bold);
font-size: var(--font__size--15);
min-width: 100px;
flex-shrink: 0
}
.office-page .office__details .office__hours-details .office__hours-time-slots {
display: flex;
flex-direction: column;
gap: var(--spacing__02);
text-align: left;
flex-grow: 1
}
.office-page .office__details .office__hours-details .office__hours-time-slot {
color: var(--color__grey--600);
font-size: var(--font__size--15);
line-height: 1.4
}
.office-page .office__details .office__hours-details .office__hours-closed {
color: var(--color__grey--500);
font-size: var(--font__size--15);
font-style: italic
}
.office-page .office__details svg {
width: 18px;
height: 18px;
fill: var(--color__blue--800)
}
.office-page .office__details .icon__phone {
stroke: var(--color__blue--800)
}
.office-page .office__details .divider {
color: var(--color__grey--600)
}
.office-page .office__details .office__information a {
font-family: var(--font__bold);
color: var(--color__purple--500)
}
.office-page .office__details .offices__nearby {
margin-top: var(--spacing__09)
}
.office-page .office__details .offices__nearby .offices__nearby-header {
font-family: var(--font__bold);
margin-bottom: var(--spacing__04)
}
.office-page .office__details .offices__nearby ul {
list-style: none;
margin: 0;
padding: 0
}
.office-page .office__details .offices__nearby ul li {
line-height: 1.5
}
.office-page .office-page__wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.office-page .office-page__wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.office-page .office-page__wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.office-page .office-page__wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.office-page .office-page__wrapper {
padding-left: 0;
padding-right: 0
}
}
.office-page .office-page__content {
grid-column-start: 1;
grid-column-end: 13;
justify-self: start;
align-self: start
}
@media(min-width: 1024px) {
.office-page .office-page__content {
grid-column-start: 5;
grid-column-end: 13;
justify-self: start;
align-self: start
}
}
.office-page .office-page__contact {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column
}
.office-page .office-page__contact li {
margin-bottom: var(--spacing__06)
}
.office-page .office-page__contact li div:first-of-type {
font-weight: bold
}
:root {
--delay-time: .5s
}
.office-listing-page {
padding-bottom: var(--spacing__13)
}
.office-listing-page .map__container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
grid-row-gap: var(--spacing__04);
margin-top: var(--spacing__06);
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.office-listing-page .map__container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.office-listing-page .map__container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.office-listing-page .map__container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.office-listing-page .map__container {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 768px) {
.office-listing-page .map__container {
margin-top: var(--spacing__09)
}
}
@media(min-width: 1224px) {
.office-listing-page .map__container {
margin-top: var(--spacing__13)
}
}
.office-listing-page .map__container h2 {
font-size: var(--font__size--18);
grid-row-start: 1
}
.office-listing-page .map__container .office__hit {
display: flex;
grid-row-start: 2
}
.office-listing-page .map__container .office__hit .office__hitcount {
font-family: var(--font__bold)
}
.office-listing-page .map__container .map {
overflow: hidden;
padding-top: 42.86%;
position: relative;
height: 30vh
}
@media(min-width: 896px) {
.office-listing-page .map__container .map {
height: auto;
max-height: 715px
}
}
.office-listing-page .map__container .map #map {
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: 0
}
.office-listing-page .map__container .info-window-title {
font-size: var(--font__size--18);
font-family: var(--font__bold);
margin-bottom: 6px
}
.office-listing-page .map__container .info-window-details {
font-size: var(--font__size--15)
}
.office-listing-page .map__container .map__loader {
background-color: var(--bg-subtle);
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: 0;
display: none;
align-items: center;
justify-content: center
}
.office-listing-page .map__container .map__loader.map__loader--loading {
display: flex
}
.office-listing-page .map__container .office-title {
font-size: var(--font__size--18);
font-family: var(--font__bold);
margin-bottom: var(--spacing__04)
}
.office-listing-page .map__container .spacer {
display: flex;
height: 25px;
border-right: var(--stroke-thin) solid var(--color__grey--500);
margin-left: var(--spacing__04);
margin-right: var(--spacing__04)
}
.office-listing-page .map__container .office-directions {
font-size: var(--font__size--15);
margin-top: var(--spacing__04);
display: flex;
gap: 6px
}
.office-listing-page .map__container .office-directions svg {
fill: var(--color__blue--800);
width: 1rem;
height: 1rem
}
.office-listing-page .map__container .office-phone {
font-size: var(--font__size--15);
margin-top: var(--spacing__04);
display: flex;
gap: 6px
}
.office-listing-page .map__container .office-phone svg {
stroke: var(--color__blue--800);
width: 1rem;
height: 1rem
}
.office-listing-page .map__container .office-url {
display: flex;
gap: 6px;
font-size: var(--font__size--15);
margin-top: var(--spacing__04);
margin-left: var(--spacing__06)
}
.office-listing-page .map__container .office-url a {
color: var(--color__purple--400);
font-family: var(--font__bold)
}
.office-listing-page .map__container .gm-style-iw.gm-style-iw-c {
border-radius: var(--radius-xsmall) !important;
background-color: var(--bg-default) !important;
padding: 0;
box-shadow: none
}
.office-listing-page .map__container .gm-style-iw-d {
overflow: auto !important;
padding: var(--spacing__06);
padding-top: 0px
}
.office-listing-page .map__container .gm-ui-hover-effect {
top: 0px !important;
right: 0px !important
}
.office-listing-page .map__container .gm-style-iw-tc {
display: none !important
}
.office-listing-page .map__container:not(.map__container--init) h2 {
grid-row-start: 1;
grid-row-end: 2
}
.office-listing-page .map__container:not(.map__container--init) .office__hit {
grid-column: span 12;
grid-row-start: 2;
grid-row-end: 3
}
@media(min-width: 896px) {
.office-listing-page .map__container:not(.map__container--init) .office__hit {
grid-column: span 4
}
}
.office-listing-page .map__container:not(.map__container--init) .map__results {
grid-column: span 12;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 896px) {
.office-listing-page .map__container:not(.map__container--init) .map__results {
grid-column: span 4
}
}
.office-listing-page .map__container:not(.map__container--init) .map {
grid-column: span 12
}
@media(min-width: 896px) {
.office-listing-page .map__container:not(.map__container--init) .map {
grid-column: span 8
}
}
.office-listing-page .map__container:not(.map__container--init) .search-results {
padding-bottom: var(--spacing__06);
border-bottom: var(--stroke-thin) solid var(--color__grey--400)
}
.office-listing-page .map__container:not(.map__container--init) .search-results h2 {
margin-bottom: var(--spacing__04)
}
.office-listing-page .map__container:not(.map__container--init) .card_callout {
padding: 0 var(--spacing__08);
background: var(--bg-subtle);
border-top: var(--stroke-thin) solid var(--color__grey--500)
}
.office-listing-page .map__container:not(.map__container--init) .card_callout h3 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1224px) {
.office-listing-page .map__container:not(.map__container--init) .card_callout h3 {
max-width: 300px
}
}
.office-listing-page .map__container:not(.map__container--init) .button__quote {
padding: var(--spacing__06) 0;
display: flex;
flex-direction: column
}
.office-listing-page .map__results {
grid-row-start: 3
}
.office-listing-page .map__results .office__title {
font-size: var(--font__size--18)
}
.office-listing-page .map__results .office__title a {
text-decoration: none
}
.office-listing-page .map__results .office__title {
font-family: var(--font__bold)
}
.office-listing-page .map__results ul {
list-style: none;
margin: 0;
padding: 0;
max-height: none
}
@media(min-width: 896px) {
.office-listing-page .map__results ul {
min-height: 500px;
max-height: 500px;
overflow-y: scroll
}
}
@media(min-width: 1224px) {
.office-listing-page .map__results ul {
min-height: 620px;
max-height: 620px
}
}
.office-listing-page .map__results ul li {
display: flex;
flex-direction: column;
gap: 12px;
padding-top: var(--spacing__06);
padding-right: var(--spacing__06);
margin-bottom: var(--spacing__06);
border-top: var(--stroke-thin) solid var(--color__grey--400)
}
.office-listing-page .map__results ul li .office__directions,
.office-listing-page .map__results ul li .office__phone,
.office-listing-page .map__results ul li .office__open-weekdays,
.office-listing-page .map__results ul li .office__open-weekends,
.office-listing-page .map__results ul li .office__information {
display: flex;
font-size: var(--font__size--15)
}
.office-listing-page .map__results ul li .office__directions,
.office-listing-page .map__results ul li .office__phone,
.office-listing-page .map__results ul li .office__information {
display: flex;
gap: 4px;
align-items: center
}
.office-listing-page .map__results ul li .office__directions {
flex-direction: row;
align-items: flex-start
}
.office-listing-page .map__results ul li .office__directions>svg {
margin-top: 4px
}
.office-listing-page .map__results ul li svg {
width: 1.5rem;
height: 1.5rem;
fill: var(--color__blue--800)
}
.office-listing-page .map__results ul li .icon__phone {
stroke: var(--color__blue--800)
}
.office-listing-page .map__results ul li .divider {
color: var(--color__grey--600)
}
.office-listing-page .map__results ul li .office__information a {
color: var(--color__purple--500);
font-family: var(--font__bold)
}
.office-listing-page .map__results ul li .office__information a:hover {
color: var(--color__purple--600)
}
.office-listing-page .map__results ul li.state {
text-transform: capitalize;
background: var(--bg-brand);
margin-bottom: 0;
padding-bottom: var(--spacing__06)
}
.office-listing-page .map__results ul li.state h2 {
font-size: var(--font__size--18);
color: var(--text-primary-dark);
padding-left: var(--spacing__06)
}
.office-listing-page .map__results ul li.state+li {
border-top: none
}
.office-listing-page .map__results ul li.no-hits {
display: none
}
.office-listing-page .map__results ul li.no-hits div {
font-family: var(--font__bold);
margin-bottom: 6px
}
.office-listing-page .map__results ul li.no-hits p {
line-height: 1.375;
margin-bottom: var(--spacing__04)
}
.office-listing-page .map__results ul li.no-hits button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
text-decoration: underline;
color: var(--color__purple--500);
font-family: var(--font__bold)
}
.office-listing-page .map__results ul li.no-hits button:hover {
color: var(--color__purple--600)
}
.office-listing-page .map__results ul li.no-hits.active {
display: block
}
.office-listing-page .map__results ul li:first-child {
border-top: none
}
.office-listing-page h2 {
grid-column-start: 1;
grid-column-end: 9;
justify-self: start;
align-self: start;
grid-row: 1
}
.office-listing-page .office-listing-page__locations {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.office-listing-page .office-listing-page__locations {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.office-listing-page .office-listing-page__locations {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.office-listing-page .office-listing-page__locations {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.office-listing-page .office-listing-page__locations {
padding-left: 0;
padding-right: 0
}
}
.office-listing-page .office-listing-page__locations .locations__header {
margin-bottom: var(--spacing__06);
grid-row-gap: var(--spacing__04)
}
@media(min-width: 896px) {
.office-listing-page .office-listing-page__locations .locations__header {
margin-bottom: var(--spacing__09)
}
}
.office-listing-page .office-listing-page__locations .locations__header>div {
grid-column: span 12
}
@media(min-width: 896px) {
.office-listing-page .office-listing-page__locations .locations__header>div {
grid-column: span 6
}
}
.office-listing-page .office-listing-page__locations .locations__header>div h2 {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36);
margin-bottom: var(--spacing__04)
}
.office-listing-page .office-listing-page__locations .locations__header>div p {
font-size: var(--font__size--18);
line-height: 133%
}
.office-listing-page .office-listing-page__locations .locations__header .button-wrapper {
grid-column: span 12;
justify-content: flex-start;
margin-top: var(--spacing__09);
display: flex;
align-items: center
}
@media(min-width: 896px) {
.office-listing-page .office-listing-page__locations .locations__header .button-wrapper {
margin-top: 0px;
grid-column: span 6;
justify-content: flex-end
}
}
.office-listing-page .office-listing-page__locations .locations__header .button-wrapper button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
align-items: center
}
.office-listing-page .office-listing-page__locations .locations__header .button-wrapper button>* {
pointer-events: none
}
.office-listing-page .office-listing-page__locations .locations__header .button-wrapper button span {
font-family: var(--font__bold)
}
.office-listing-page .office-listing-page__locations .locations__header .button-wrapper button svg {
transition: var(--duration-large) var(--ease-standard);
width: 1rem;
height: 1rem;
margin-left: 6px
}
.office-listing-page .office-listing-page__locations ul {
list-style: none;
margin: 0;
padding: 0;
grid-row-gap: var(--spacing__06);
max-height: var(--spacing__06);
overflow: hidden
}
.office-listing-page .office-listing-page__locations ul li {
grid-column: span 6
}
@media(min-width: 768px) {
.office-listing-page .office-listing-page__locations ul li {
grid-column: span 4
}
}
@media(min-width: 896px) {
.office-listing-page .office-listing-page__locations ul li {
grid-column: span 2
}
}
.office-listing-page .office-listing-page__locations a {
font-size: var(--font__size--15);
line-height: 1.6
}
.office-listing-page .office-listing-page__locations.active ul {
max-height: 100%
}
.office-listing-page .office-listing-page__locations.active svg {
transform: rotate(-180deg)
}
.office-listing-page .office-listing-page__inner {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
grid-row-gap: var(--spacing__06);
margin-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.office-listing-page .office-listing-page__inner {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.office-listing-page .office-listing-page__inner {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.office-listing-page .office-listing-page__inner {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.office-listing-page .office-listing-page__inner {
padding-left: 0;
padding-right: 0
}
}
@keyframes drop {
0% {
transform: translateY(-200px) scaleY(0.9);
opacity: 0
}
5% {
opacity: .7
}
50% {
transform: translateY(0px) scaleY(1);
opacity: 1
}
65% {
transform: translateY(-17px) scaleY(0.9);
opacity: 1
}
75% {
transform: translateY(-22px) scaleY(0.9);
opacity: 1
}
100% {
transform: translateY(0px) scaleY(1);
opacity: 1
}
}
.office-listing-page .drop {
animation: drop .3s linear forwards var(--delay-time)
}
.not-found-page {
background-color: var(--bg-brand);
background-image: url("../images/NBP_Perspective_9_RGB_1.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 100vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
padding: var(--spacing__09);
box-sizing: border-box;
color: var(--text-primary-dark)
}
.not-found-page h1,
.not-found-page p.error-sub {
font-family: var(--font__bold);
font-size: 48px
}
@media(min-width: 768px) {
.not-found-page h1,
.not-found-page p.error-sub {
font-size: 75px
}
}
@media(min-width: 896px) {
.not-found-page h1,
.not-found-page p.error-sub {
font-size: 120px;
font-family: var(--font__regular)
}
}
.not-found-page h1 {
display: inline-flex;
justify-content: center;
align-items: center
}
.not-found-page h1:after {
content: "";
width: 36px;
height: 4px;
background-color: var(--bg-default);
position: relative;
display: inline-flex;
margin-left: 36px
}
@media(min-width: 768px) {
.not-found-page h1:after {
width: 60px;
height: 8px;
margin-left: 48px
}
}
@media(min-width: 896px) {
.not-found-page h1:after {
height: 8px;
width: 100px
}
}
.not-found-page p.links-text {
margin-top: var(--spacing__08);
line-height: 1.5
}
@media(min-width: 768px) {
.not-found-page p.links-text {
margin-top: var(--spacing__11)
}
}
.not-found-page .links-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
margin-top: var(--spacing__06);
flex-wrap: wrap
}
.not-found-page .links-list a {
font-family: var(--font__bold);
color: var(--text-primary-dark)
}
.not-found-page .links-list li {
line-height: 1.5;
margin-right: var(--spacing__06)
}
.not-found-page a.button {
margin-top: var(--spacing__11)
}
.news-page .news__tpp {
grid-row-gap: var(--spacing__06);
margin-top: var(--spacing__06);
margin-bottom: var(--spacing__09)
}
@media(min-width: 896px) {
.news-page .news__tpp {
grid-row-gap: var(--spacing__09)
}
}
.news-page .news__tpp h1 {
grid-column-start: 1;
grid-column-end: 13;
font-size: var(--font__size--42);
grid-row: 1
}
@media(min-width: 896px) {
.news-page .news__tpp h1 {
grid-column-start: 1;
grid-column-end: 9
}
}
.news-page .news__tpp p {
grid-column-start: 1;
grid-column-end: 13;
grid-row: 2;
font-size: var(--font__size--18);
line-height: 133%
}
@media(min-width: 896px) {
.news-page .news__tpp p {
grid-column-start: 1;
grid-column-end: 9;
font-size: var(--font__size--24);
line-height: 125%
}
}
.news-page .news__tpp .news__publishdate {
grid-column-start: 1;
grid-column-end: 13;
grid-row: 3;
font-size: var(--font__size--15)
}
@media(min-width: 896px) {
.news-page .news__tpp .news__publishdate {
grid-column-start: 9;
grid-column-end: 13;
grid-row: 2;
padding-left: var(--spacing__04);
border-left: var(--stroke-thin) solid var(--color__grey--400)
}
}
.news-page .news__tpp .news__publishdate .news__publishlabel {
font-family: var(--font__bold);
margin-bottom: .313rem
}
.news-page .news__tpp+picture img {
margin-bottom: var(--spacing__09)
}
.news-page .divider {
border-bottom: var(--stroke-thin) solid var(--color__grey--400)
}
.news-page article {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-top: var(--spacing__08)
}
@media(min-width: 768px) {
.news-page article {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.news-page article {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.news-page article {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.news-page article {
padding-left: 0;
padding-right: 0
}
}
.news-page article .text-block__inner {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.news-page article .text-block__inner {
grid-column-start: 5;
grid-column-end: 12;
border-left: var(--stroke-thin) solid var(--color__grey--400);
padding-left: var(--spacing__04)
}
}
.news-page .press-release {
grid-column-start: 1;
grid-column-end: 13;
width: inherit
}
@media(min-width: 896px) {
.news-page .press-release {
grid-column-start: 5;
grid-column-end: 12;
border-left: var(--stroke-thin) solid var(--color__grey--400);
padding-left: var(--spacing__04)
}
}
@media(min-width: 896px) {
.news-page .press-release {
width: auto
}
}
.news-page .press-release p {
word-break: break-word;
font-size: var(--font__size--15);
line-height: 1.5;
margin-bottom: var(--spacing__06)
}
@media(min-width: 896px) {
.news-page .press-release p {
font-size: var(--font__size--18)
}
}
.news-page .press-release li {
line-height: 1.5;
font-size: var(--font__size--15)
}
.news-page .file__list {
margin: 0;
line-height: 150%
}
.news-listing-page {
padding-bottom: var(--spacing__12)
}
.news-listing-page h1 {
margin-bottom: var(--spacing__04)
}
.news-listing-page .list {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.news-listing-page .list {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.news-listing-page .list {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.news-listing-page .list {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.news-listing-page .list {
padding-left: 0;
padding-right: 0
}
}
.news-listing-page .list__wrapper {
margin-top: var(--spacing__09);
position: relative
}
@media(min-width: 896px) {
.news-listing-page .list__wrapper {
border-top: var(--stroke-thin) solid var(--color__grey--400);
padding-top: var(--spacing__09);
margin-top: var(--spacing__08)
}
}
.news-listing-page .list__wrapper .list__loader {
display: none;
text-align: center;
padding: var(--spacing__06)
}
.news-listing-page .news__list {
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.news-listing-page .news__list {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.news-listing-page .news__list {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.news-listing-page .news__list {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.news-listing-page .news__list {
padding-left: 0;
padding-right: 0
}
}
.news-listing-page .news__list .list__section .list__title {
font-size: var(--font__size--30);
font-family: var(--font__bold);
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
padding-bottom: var(--spacing__06)
}
.news-listing-page .news__list .list__section ul {
list-style: none;
margin: 0;
padding: 0
}
.news-listing-page .news__list .list__section ul .list__item {
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__09);
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: var(--spacing__04)
}
@media(min-width: 896px) {
.news-listing-page .news__list .list__section ul .list__item {
grid-column-gap: var(--spacing__06)
}
}
.news-listing-page .news__list .list__section ul .list__item .list__img {
grid-column-start: 1;
grid-column-end: 3;
justify-self: start;
align-self: start;
grid-row: 1/3;
margin-top: 5px
}
@media(min-width: 896px) {
.news-listing-page .news__list .list__section ul .list__item .list__img {
grid-column-start: 1;
grid-column-end: 3;
justify-self: start;
align-self: start
}
}
.news-listing-page .news__list .list__section ul .list__item .list__img img,
.news-listing-page .news__list .list__section ul .list__item .list__img dam-image {
width: 100%;
height: auto;
object-fit: cover
}
.news-listing-page .news__list .list__section ul .list__item .list__info {
grid-column-start: 4;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 1;
line-height: 1.5
}
@media(min-width: 896px) {
.news-listing-page .news__list .list__section ul .list__item .list__info {
grid-column-start: 3;
grid-column-end: 6;
justify-self: start;
align-self: start
}
}
.news-listing-page .news__list .list__section ul .list__item .list__main {
grid-column-start: 4;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 2
}
.news-listing-page .news__list .list__section ul .list__item .list__main .label {
font-family: var(--font__bold);
line-height: 1.5
}
.news-listing-page .news__list .list__section ul .list__item .list__main .label__sub {
margin-top: .313rem
}
@media(min-width: 896px) {
.news-listing-page .news__list .list__section ul .list__item .list__main {
grid-column-start: 6;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 1
}
}
.news-listing-page .news__list .list__section ul .list__item .list__main p {
line-height: 1.5
}
.news-listing-page .news__list .list__section ul .list__item .list__action {
grid-column-start: 11;
grid-column-end: 13;
justify-self: end;
align-self: start;
grid-row: 1
}
@media(min-width: 896px) {
.news-listing-page .news__list .list__section ul .list__item .list__action {
grid-column-start: 12;
grid-column-end: 13;
justify-self: end;
align-self: start
}
}
.news-listing-page .news__list .list__section ul .list__item .list__action a {
display: inline-block;
color: var(--color__primary--dark)
}
.news-listing-page .news__list .list__section ul .list__item .list__action a svg {
width: 16px;
height: 16px
}
.news-listing-page .load-more {
text-align: center;
margin-top: var(--spacing__06)
}
.news-listing-page .load-more button {
min-width: 150px
}
.news-listing-page .load-more button:disabled {
display: none
}
.login-page {
background-color: var(--bg-brand);
background-repeat: no-repeat;
background-size: cover
}
.login-page .form-container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-top: var(--spacing__09);
padding-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.login-page .form-container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.login-page .form-container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.login-page .form-container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.login-page .form-container {
padding-left: 0;
padding-right: 0
}
}
.login-page .image-container {
grid-column: span 12;
height: 400px;
border-radius: var(--radius-small) var(--radius-small) 0 0;
background-image: url("../images/login-page.png");
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
position: relative
}
@media(min-width: 768px) {
.login-page .image-container {
grid-column: span 6;
height: auto;
border-radius: var(--radius-small) 0 0 var(--radius-small)
}
.login-page .image-container h1 {
font-size: var(--font__size--30)
}
}
@media(min-width: 896px) {
.login-page .image-container {
grid-column: span 8
}
}
.login-page .image-container .image-text {
margin: var(--spacing__06);
position: absolute;
bottom: 0;
left: 0
}
@media(min-width: 1024px) {
.login-page .image-container .image-text {
margin: var(--spacing__11) var(--spacing__09)
}
}
.login-page .image-container .image-text h1,
.login-page .image-container .image-text p {
color: var(--text-primary-dark)
}
.login-page .image-container .image-text h1 {
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.login-page .image-container .image-text h1 {
font-size: var(--font__size--48)
}
}
.login-page .image-container .image-text p {
font-size: var(--font__size--15);
line-height: 1.5;
max-width: 80%
}
@media(min-width: 768px) {
.login-page .image-container .image-text p {
max-width: 100%
}
}
@media(min-width: 896px) {
.login-page .image-container .image-text p {
max-width: 80%;
font-size: var(--font__size--18);
line-height: 1.25
}
}
@media(min-width: 1024px) {
.login-page .image-container .image-text p {
font-size: var(--font__size--24)
}
}
.login-page .form-block {
grid-column: span 12;
padding: var(--spacing__09) var(--spacing__06);
border-radius: 0 0 var(--radius-small) var(--radius-small);
background-color: var(--bg-default);
grid-row-gap: 0px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
@media(min-width: 768px) {
.login-page .form-block {
grid-column: span 6;
border-radius: 0 var(--radius-small) var(--radius-small) 0
}
}
@media(min-width: 896px) {
.login-page .form-block {
grid-column: span 4
}
}
@media(min-width: 1024px) {
.login-page .form-block {
padding: var(--spacing__11) var(--spacing__09)
}
}
.login-page .form-block h2,
.login-page .form-block p {
text-align: center
}
.login-page .form-block h2 {
margin-bottom: var(--spacing__04);
font-size: var(--font__size--24)
}
@media(min-width: 1024px) {
.login-page .form-block h2 {
font-size: var(--font__size--36)
}
}
.login-page .form-block a.button {
max-width: 100%
}
.login-page .form-block a.button span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.5
}
.login-page .form-block p {
color: var(--text-primary-light);
font-size: var(--font__size--15);
line-height: 1.5;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.login-page .form-block p {
font-size: var(--font__size--18)
}
}
.login-page .form-block h1 {
color: var(--text-primary-dark);
margin-bottom: var(--spacing__04);
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36)
}
.login-page .form-block .EPiServerForms {
width: 100%
}
.login-page .form-block .form__divider {
position: relative;
text-align: center;
margin: var(--spacing__09) 0;
width: 100%
}
.login-page .form-block .form__divider span {
background-color: var(--bg-default);
z-index: 2;
position: relative;
display: inline-block;
padding: 0 var(--spacing__05);
color: var(--color__grey--700)
}
.login-page .form-block .form__divider:after {
content: "";
height: 1px;
background-color: var(--color__grey--700);
width: 100%;
position: absolute;
top: 50%;
left: 0;
z-index: 1
}
.login-page .form-block .FormTextbox {
margin-bottom: var(--spacing__06)
}
.login-page .form-block .FormTextbox .FormTextbox__Input {
font-family: inherit;
padding: 14px 16px 14px 16px;
font-size: 15px;
border-radius: var(--radius-large);
border: none;
background-color: var(--bg-subtle);
width: 100%;
box-sizing: border-box
}
.login-page .form-block .FormTextbox .FormTextbox__Input:focus,
.login-page .form-block .FormTextbox .FormTextbox__Input:focus-visible {
outline: 1px solid var(--color__purple--400)
}
.login-page .form-block .FormTextbox .FormTextbox__Input::placeholder {
color: var(--color__grey--600)
}
.login-page .form-block .Form__Element {
margin-top: var(--spacing__04)
}
.login-page .form-block .Form__Element label {
font-size: var(--font__size--15);
color: var(--color__grey--700)
}
.login-page .form-block .Form__Element .forgot__password {
font-size: var(--font__size--15);
color: var(--color__grey--700);
text-decoration: none
}
.login-page .form-block .Form__Element:has(>.FormSubmitButton) {
overflow: hidden
}
.login-page .form-block .Form__Element button[type=submit] {
background-color: var(--bg-default);
height: 48px
}
.login-page .form__message--error {
display: block;
color: var(--color__red--500);
font-size: .875rem
}
@media(min-width: 1224px) {
.login-page .form__message--error {
width: 336px
}
}
.login-page .form__message--error.show {
padding-top: 13px
}
.login-page .password-toggle-icon {
position: absolute;
top: 39%;
right: 0;
cursor: pointer
}
.login-page .password {
position: relative
}
.login-page #password:focus-within~span .show__password {
background-image: url("../images/icons/eye-gray.svg");
width: 36px;
height: 28px;
display: block;
background-repeat: no-repeat
}
.login-page .hide__password {
background-image: url("../images/icons/eye-gray-line-through.svg");
width: 36px;
height: 28px;
display: block;
background-repeat: no-repeat
}
.login-page ::-ms-reveal {
display: none
}
.job-page article {
grid-column: span 12;
grid-row: 2;
margin-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.job-page article {
grid-column: span 6;
grid-row: 1
}
}
@media(min-width: 1224px) {
.job-page article {
grid-column: span 7
}
}
@media(min-width: 1441px) {
.job-page article {
grid-column: span 6
}
}
.job-page article .block {
max-width: 100%;
padding-left: 0;
padding-right: 0
}
@media(min-width: 1224px) {
.job-page article .block {
padding-top: var(--spacing__10);
margin-bottom: var(--spacing__10)
}
}
.job-page article.out-of-view+aside .apply-button {
position: fixed;
z-index: 101;
bottom: 0;
left: 0;
width: calc(100% - var(--spacing__06));
background: var(--bg-default);
padding: var(--spacing__04) var(--spacing__04);
box-shadow: var(--elavation__02)
}
.job-page aside {
grid-column: span 12;
grid-row: 1
}
@media(min-width: 1024px) {
.job-page aside {
grid-column-start: 8;
grid-column-end: 13;
margin-bottom: initial
}
}
@media(min-width: 1224px) {
.job-page aside {
grid-column-start: 9
}
}
@media(min-width: 1441px) {
.job-page aside {
padding-left: var(--spacing__11)
}
}
.job-page aside .block {
max-width: 100%
}
.job-page aside .table-block,
.job-page aside .heading-block {
padding-left: 0;
padding-right: 0
}
.job-page aside .table-block {
margin-top: var(--spacing__08);
padding: var(--spacing__06);
box-shadow: var(--elavation__01), var(--elavation__03);
border-radius: var(--radius-medium);
background: var(--bg-default)
}
.job-page aside .table-block .table__container .table__item:last-child {
border-bottom: 0
}
.job-page aside .table-block .table__container .table__item .value,
.job-page aside .table-block .table__container .table__item .label {
font-size: var(--font__size--15)
}
.job-page aside .table-block .share li a,
.job-page aside .table-block .share li button {
border: none;
height: 24px
}
.job-page aside .heading-block .label {
color: var(--text-primary-light)
}
.job-page aside .heading-block .button {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.job-page aside .heading-block .button:hover {
color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.job-page aside .heading-block .button:focus {
color: var(--color__blue--600);
outline: 3px solid var(--color__blue--600);
outline-offset: 2px
}
.job-page aside .heading-block .button:active {
color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.job-page aside .button {
width: 100%
}
@media(min-width: 1024px) {
.job-page aside .table-block .table__container h2,
.job-page aside .heading-block h2 {
font-size: var(--font__size--24)
}
}
.job-page .container__sticky {
margin-bottom: var(--spacing__12)
}
.job-page .highlight-banner {
padding: var(--spacing__08) var(--spacing__06);
background: var(--surface-accent);
border-radius: var(--radius-small);
position: relative
}
.job-page .highlight-banner h2 {
font-size: var(--font__size--18);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__04);
padding-left: var(--spacing__06)
}
.job-page .highlight-banner p {
font-size: var(--font__size--15);
padding-left: var(--spacing__06)
}
@media(min-width: 1024px) {
.job-page .highlight-banner p {
font-size: var(--font__size--18)
}
}
.job-page .highlight-banner svg {
height: 20px;
width: 20px;
position: absolute;
left: var(--spacing__06);
margin-top: 3px
}
.job-page .company-description {
margin-bottom: var(--spacing__08)
}
.job-page .company-title {
font-size: var(--font__size--36);
margin-bottom: var(--spacing__06);
word-break: break-word
}
.job-page .company-preamble {
font-size: var(--font__size--18);
line-height: 150%
}
.job-page .company-preamble p:first-child~p {
margin-top: var(--spacing__04)
}
.job-page .job-description h2 {
font-size: var(--font__size--36);
margin-bottom: var(--spacing__04);
word-break: break-word
}
.job-page .job-description p,
.job-page .job-description ul,
.job-page .job-description ol {
font-size: var(--font__size--18);
line-height: 150%;
margin-bottom: var(--spacing__08)
}
.job-page .job-description li {
margin-bottom: var(--spacing__04)
}
.job-page .job-description strong {
font-family: var(--font__bold)
}
.job-page .job-description em {
font-style: italic
}
.job-page .job-description p:last-child {
margin-bottom: 0
}
.job-page .job-skills {
margin: var(--spacing__06) 0
}
.job-page .job-skills h2 {
font-size: var(--font__size--36);
line-height: var(--font__size--40);
margin-bottom: var(--spacing__04)
}
.job-page .job-skills p,
.job-page .job-skills ul {
font-size: var(--font__size--18);
line-height: 150%;
margin-bottom: var(--spacing__08)
}
.job-page .job-skills h5 {
font-size: var(--font__size--18);
line-height: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
.job-page .job-skills .badge {
display: inline-block;
min-height: var(--font__size--16);
font-size: var(--font__size--13);
line-height: 125%;
margin-right: var(--spacing__04);
margin-bottom: var(--spacing__04)
}
.job-page .job-similar {
padding-top: var(--spacing__11);
padding-bottom: var(--spacing__11);
position: relative
}
.job-page .job-similar .background__grey {
position: absolute;
z-index: -1;
height: 100%;
width: 500%;
left: -100%;
top: 0;
margin-top: 0
}
.job-page .job-similar>div>h2 {
margin-bottom: var(--spacing__06);
text-align: left;
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
@media(min-width: 1024px) {
.job-page .job-similar>div>h2 {
font-size: var(--font__size--36);
line-height: var(--font__size--40)
}
}
.job-page .job-similar>div .cta {
text-align: center
}
.job-page .job-similar>div .cta .button {
margin: var(--spacing__04) auto;
background: rgba(0, 0, 0, 0);
color: var(--text-primary-light) !important
}
.job-page .job-similar>div .cta .button:hover {
background: var(--color__white)
}
.job-page .job-similar .job-area {
display: block;
position: relative;
border-radius: var(--radius-small);
margin-bottom: var(--spacing__06);
padding: var(--spacing__06) var(--spacing__05);
background: var(--color__white);
box-shadow: var(--elavation__01)
}
@media(min-width: 768px) {
.job-page .job-similar .job-area {
padding: var(--spacing__08) var(--spacing__07)
}
}
.job-page .job-similar .job-area .button {
margin-top: var(--spacing__07)
}
.job-page .job-similar .job-title {
font-family: var(--font__bold);
font-size: var(--font__size--18)
}
@media(min-width: 1024px) {
.job-page .job-similar .job-title {
font-size: var(--font__size--24)
}
}
.job-page .job-similar .job-location {
font-size: var(--font__size--16);
margin-top: var(--spacing__03);
margin-bottom: var(--spacing__06);
padding-bottom: var(--spacing__06);
border-bottom: var(--stroke-thin) solid var(--border-primary)
}
.job-page .job-similar .job-location span {
position: relative;
padding-left: var(--spacing__06)
}
.job-page .job-similar .job-location svg {
height: 20px;
width: 20px;
position: absolute;
left: 0
}
.job-page .job-similar .job-details {
font-size: var(--font__size--18);
font-family: var(--font__bold)
}
.job-page .job-similar .job-level,
.job-page .job-similar .job-position {
font-size: var(--font__size--15);
background-color: var(--bg-context);
border-radius: var(--radius-pill);
padding: var(--spacing__03) var(--spacing__04);
display: inline-block;
margin-top: var(--spacing__04)
}
.job-page .map {
overflow: hidden;
padding-top: 42.86%;
position: relative
}
.job-page .map #map {
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: 0
}
.job-page .map {
grid-column: span 12;
margin: var(--spacing__12) 0 var(--spacing__08);
min-height: 150px
}
@media(min-width: 896px) {
.job-page .map {
grid-column: span 8
}
}
.job-page .map .map__loader {
background-color: var(--bg-subtle);
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: 0;
display: none;
align-items: center;
justify-content: center
}
.job-page .map .map__loader.map__loader--loading {
display: flex
}
.job-page .map .directions-panel {
max-height: 300px;
overflow-y: auto;
padding: 10px;
background: var(--bg-default);
border: var(--stroke-thin) solid #ccc
}
.job-page .testimonial-slider-block {
padding-left: 0;
padding-right: 0
}
.job-page .lead-generation-block.block {
margin-bottom: 0
}
.job-listings-page {
background: var(--surface-accent-strong)
}
@media(min-width: 768px) {
.job-listings-page {
background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(244, 244, 245) 50%)
}
}
.job-listings-page .pagination {
display: none;
margin-top: var(--spacing__07)
}
.job-listings-page .load-more {
display: none;
margin: var(--spacing__07) auto auto auto;
background: rgba(0, 0, 0, 0)
}
.job-listings-page .load-more:hover {
background: var(--color__white)
}
.job-listings-page .section__jobs {
background: var(--bg-default);
text-align: right;
padding: var(--spacing__06) 0;
border-bottom: var(--stroke-thin) solid var(--border-primary)
}
.job-listings-page article {
grid-column: span 12;
grid-row: 2;
background: var(--surface-accent-strong)
}
@media(min-width: 768px) {
.job-listings-page article {
grid-column-start: 5;
grid-column-end: 13;
grid-row: 1;
padding: var(--spacing__10) 0 0 var(--spacing__06)
}
}
@media(min-width: 1024px) {
.job-listings-page article {
padding: var(--spacing__10) 0 0 var(--spacing__08)
}
}
.job-listings-page article .block {
max-width: 100%
}
.job-listings-page aside {
grid-column: span 12;
grid-row: 1
}
@media(min-width: 768px) {
.job-listings-page aside {
grid-column-start: 1;
grid-column-end: 5;
padding: 0
}
}
@media(min-width: 1224px) {
.job-listings-page aside {
padding: 0 var(--spacing__08) var(--spacing__10) 0
}
}
.job-listings-page aside .block {
max-width: 100%
}
@media(min-width: 1024px) {
.job-listings-page aside .leado-block {
margin-top: var(--spacing__09)
}
}
.job-listings-page .container__sticky {
padding-top: var(--spacing__08)
}
@media(min-width: 768px) {
.job-listings-page .container__sticky {
box-shadow: var(--elavation__02);
margin-top: var(--spacing__10)
}
}
@media(min-width: 1024px) {
.job-listings-page .container__sticky {
padding: var(--spacing__06)
}
}
@media(min-width: 1224px) {
.job-listings-page .container__sticky {
padding: var(--spacing__08)
}
}
.job-listings-page .tab-wrapper {
margin: 0;
padding: 0;
float: left
}
.job-listings-page .tab-list {
gap: var(--spacing__02);
list-style: none;
padding-left: 0;
margin-bottom: var(--spacing__05);
background: var(--color__white);
padding: var(--spacing__02);
border-radius: var(--radius-pill);
margin-top: var(--spacing__03);
display: flex;
min-height: 35px
}
@media(min-width: 1024px) {
.job-listings-page .tab-list {
margin-bottom: var(--spacing__07);
margin-top: 0
}
}
.job-listings-page .tab-list li {
position: relative;
font-size: var(--font__size--15);
color: var(--text-primary-light);
cursor: pointer;
padding: 0;
padding: var(--spacing__03) var(--spacing__04) var(--spacing__03) var(--spacing__08);
width: fit-content;
float: left;
opacity: .5;
border-radius: var(--radius-pill);
font-family: var(--font__bold)
}
@media(min-width: 1024px) {
.job-listings-page .tab-list li {
font-size: var(--font__size--16);
padding: var(--spacing__03) var(--spacing__05) var(--spacing__03) var(--spacing__08)
}
}
.job-listings-page .tab-list li:hover {
opacity: 1
}
.job-listings-page .tab-list li.active {
background: #eee;
opacity: 1;
cursor: default
}
.job-listings-page .tab-list li svg {
height: 20px;
width: 20px;
position: absolute;
left: var(--spacing__04)
}
@media(min-width: 1024px) {
.job-listings-page .tab-list li svg {
left: var(--spacing__05)
}
}
.job-listings-page .tab-list li span {
margin-left: var(--spacing__03)
}
.job-listings-page .tab-list li span:empty {
margin-left: 0
}
.job-listings-page .tab-categories {
display: block;
clear: both;
margin-bottom: var(--spacing__10)
}
.job-listings-page .tab-categories>div {
display: none;
padding: 0
}
.job-listings-page .tab-categories>div.active {
display: block
}
@media(min-width: 1024px) {
.job-listings-page .tab-categories>div.active {
display: grid
}
}
.job-listings-page .open-positions {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.job-listings-page .open-positions {
padding-left: var(--spacing__05)
}
}
@media(min-width: 1024px) {
.job-listings-page .open-positions {
padding-left: 0;
font-size: var(--font__size--18)
}
}
.job-listings-page .open-positions .count {
font-family: var(--font__bold)
}
.job-listings-page .open-positions .filter-clear {
float: right;
cursor: pointer;
border-bottom: var(--stroke-thin) solid var(--color__blue--800)
}
.job-listings-page .open-positions .filter-mobile {
position: relative;
float: right;
display: block;
width: auto;
bottom: 0;
opacity: 1 !important
}
@media(min-width: 768px) {
.job-listings-page .open-positions .filter-mobile {
display: none
}
}
.job-listings-page .open-positions .filter-mobile .button {
position: relative;
height: 40px;
font-size: var(--font__size--15);
color: var(--text-primary) !important;
background: var(--color__white);
cursor: pointer;
padding: 0;
padding: 0 var(--spacing__05);
width: fit-content;
float: left;
border-radius: var(--radius-pill);
border: none;
top: -12px
}
.job-listings-page .open-positions .filter-mobile .button svg {
height: 20px;
width: 20px;
position: absolute;
left: var(--spacing__04)
}
@media(min-width: 1024px) {
.job-listings-page .open-positions .filter-mobile .button svg {
left: var(--spacing__05)
}
}
.job-listings-page .filters {
border-radius: 0;
display: block
}
@media(min-width: 768px) {
.job-listings-page .filters {
padding: 0 var(--spacing__05) var(--spacing__06);
margin-top: 0
}
}
@media(min-width: 1024px) {
.job-listings-page .filters {
display: block;
padding: 0
}
}
@media(min-width: 768px) {
.job-listings-page .filters .open-positions {
display: none
}
}
.job-listings-page .filters.active {
height: 100%;
max-height: 100%;
padding: var(--spacing__06) var(--spacing__05);
margin-top: var(--spacing__06)
}
.job-listings-page .filters .search {
display: block;
grid-column-start: 10;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 0 var(--spacing__06) 0
}
.job-listings-page .filters .search .filter-search {
min-width: auto
}
.job-listings-page .filters .search .filter-wrapper input[type=search] {
border-radius: var(--radius-small);
border: var(--stroke-thin) solid var(--border-primary);
height: 56px;
padding: var(--spacing__04) var(--spacing__05)
}
@media(min-width: 1224px) {
.job-listings-page .filters .search .filter-wrapper input[type=search] {
font-size: var(--font__size--18)
}
}
.job-listings-page .filters .search .search__button svg {
margin-top: 10px
}
.job-listings-page .filters .filters-collapse-mobile {
justify-content: flex-start
}
.job-listings-page .filters .filters-collapse-mobile svg {
transform: rotate(90deg);
width: 20px;
height: 20px;
margin-right: 10px
}
.job-listings-page .filters .filters-collapse-mobile span {
width: auto;
background: none;
text-align: left;
margin: var(--spacing__09) 0;
color: var(--text-primary-light)
}
.job-listings-page .filters dt {
margin-bottom: 0
}
.job-listings-page .filters .select {
height: auto
}
.job-listings-page .filters .select li.disabled {
display: none
}
.job-listings-page .filters .select .select-toggle {
font-size: var(--font__size--15);
padding: var(--spacing__04) var(--spacing__05);
background-color: var(--bg-default);
border-radius: var(--radius-small);
border: var(--stroke-thin) solid var(--border-primary);
height: 56px;
margin-bottom: 0
}
@media(min-width: 768px) {
.job-listings-page .filters .select .select-toggle {
margin-bottom: var(--spacing__06)
}
}
@media(min-width: 1224px) {
.job-listings-page .filters .select .select-toggle {
font-size: var(--font__size--18)
}
}
.job-listings-page .filters .select .select-panel {
position: relative;
box-shadow: none;
overflow-y: auto;
margin: 0;
border-radius: var(--radius-xsmall);
margin: -0.75rem 0 var(--spacing__06)
}
.job-listings-page .filters .select .select-panel li.multiple.checked:before {
background-image: url(/images/icons/square-checked-black.svg)
}
.job-listings-page .filters .select button.clear-filter {
top: 1.75rem
}
.job-listings-page .filters .select.expanded.expanded:before {
display: none
}
.job-listings-page .filters .select.expanded .select-panel {
max-height: 340px;
border: var(--stroke-thin) solid var(--border-primary)
}
@media(min-width: 768px) {
.job-listings-page .filters .select+select {
display: none
}
}
@media(min-width: 768px) {
.job-listings-page .filters .select .select-panel:not(:has(.select-search)) {
display: block !important
}
}
.job-listings-page .filters .filter-custom {
border-bottom: 0
}
.job-listings-page .filters .filter-custom .filter-header {
font-family: var(--font__regular);
font-size: var(--font__size--15);
padding: var(--spacing__04) var(--spacing__05);
background-color: var(--bg-default);
border-radius: var(--radius-small);
border: var(--stroke-thin) solid var(--border-primary);
height: 56px;
margin-bottom: 0
}
@media(min-width: 768px) {
.job-listings-page .filters .filter-custom .filter-header {
margin-bottom: var(--spacing__06)
}
}
@media(min-width: 1224px) {
.job-listings-page .filters .filter-custom .filter-header {
font-size: var(--font__size--18)
}
}
.job-listings-page .filters input[type=range] {
width: 100%;
margin: var(--spacing__04) 0 var(--spacing__06)
}
.job-listings-page .filters .filter-apply {
margin-top: var(--spacing__06)
}
.job-listings-page .filters .button {
width: 100%;
margin-top: var(--spacing__06)
}
@media(min-width: 768px) {
.job-listings-page .filters .button {
margin-top: 0
}
}
@media(min-width: 768px) {
.job-listings-page .filters .filter-apply {
display: none
}
}
.job-listings-page .filters .filter-clear {
width: 100%;
background: var(--color__grey--200);
border: none
}
.job-listings-page .filters .filter-clear:hover {
background: var(--color__grey--400)
}
@media(min-width: 1024px) {
.job-listings-page .filters .filter-clear {
display: block
}
}
.job-listings-page .filters .filter-buttons {
border-top: var(--stroke-thin) solid var(--border-primary)
}
@media(min-width: 768px) {
.job-listings-page .filters .filter-buttons {
border-top: none
}
}
.job-listings-page .filters .filter-content.radius .radius-overlay {
position: absolute;
width: 100%;
height: 100%;
opacity: .5;
background: var(--bg-default)
}
.job-listings-page .filters .filter-content.radius .radius-info {
z-index: 1;
position: relative;
margin-bottom: var(--spacing__06);
display: block;
font-size: var(--font__size--12)
}
.job-listings-page .filters .filter-content.radius.active .radius-overlay,
.job-listings-page .filters .filter-content.radius.active .radius-info {
display: none
}
.job-listings-page .job-list {
display: none
}
.job-listings-page .job-list__loader {
text-align: center;
display: block
}
.job-listings-page .map {
overflow: hidden;
padding-top: 42.86%;
position: relative
}
.job-listings-page .map #map {
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: 0
}
.job-listings-page .map {
grid-column: span 12;
min-height: 150px
}
@media(min-width: 896px) {
.job-listings-page .map {
grid-column: span 8
}
}
.job-listings-page .map .map__loader {
background-color: var(--bg-subtle);
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: 0;
display: none;
align-items: center;
justify-content: center
}
.job-listings-page .map .map__loader.map__loader--loading {
display: flex
}
.job-listings-page .map .directions-panel {
max-height: 300px;
overflow-y: auto;
padding: 10px;
background: var(--bg-default);
border: var(--stroke-thin) solid #ccc
}
.job-listings-page .lead-generation-block {
padding: 0
}
.job-listings-page input[type=range] {
appearance: none;
background-color: rgba(0, 0, 0, 0)
}
.job-listings-page input[type=range]::-webkit-slider-runnable-track {
position: relative;
height: 8px;
background-color: var(--color__grey--600);
border-radius: var(--radius-medium)
}
.job-listings-page input[type=range]::-moz-range-track {
position: relative;
height: 8px;
background-color: var(--color__grey--600);
border-radius: var(--radius-medium)
}
.job-listings-page input[type=range]::-webkit-slider-thumb {
box-sizing: border-box;
appearance: none;
position: relative;
background-color: var(--color__purple--400);
border-radius: var(--radius-pill);
width: 24px;
height: 24px;
cursor: pointer;
top: 50%;
translate: 0 -50%
}
.job-listings-page input[type=range][disabled]::-webkit-slider-thumb {
background-color: var(--color__grey--400)
}
.job-listings-page input[type=range]::-moz-range-thumb {
box-sizing: border-box;
appearance: none;
position: relative;
background-color: var(--color__purple--400);
border-radius: var(--radius-pill);
width: 24px;
height: 24px;
cursor: pointer
}
.job-listings-page input[type=range][disabled]::-moz-range-thumb {
background-color: var(--color__grey--400)
}
.job-listings-page .lead-generation-block.block {
margin-top: 0;
margin-bottom: 0
}
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
column-gap: var(--gutter__column--s)
}
@media(min-width: 768px) {
.grid {
grid-template-columns: repeat(8, 1fr)
}
}
@media(min-width: 1024px) {
.grid {
grid-template-columns: repeat(12, 1fr)
}
}
@media(min-width: 768px) {
.grid.grid__gap {
column-gap: var(--gutter__column)
}
}
.button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
font-size: var(--font__size--15);
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
line-height: 1;
transition: var(--duration-large) var(--ease-standard);
font-family: var(--font__bold)
}
.button:not(.tiny) {
height: 48px;
padding: 0 var(--spacing__08)
}
.button.tiny {
height: 36px;
padding: 0 1.5rem
}
.button__primary {
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800);
color: var(--text-primary-dark) !important
}
.button__primary:visited {
color: var(--text-primary-dark)
}
.button__primary:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__primary:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.button__primary:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__primary:disabled,
.button__primary.disabled {
color: var(--color__grey--500);
background-color: var(--color__grey--200);
border-color: var(--color__grey--200)
}
.button__primary.disabled {
pointer-events: none
}
.button__primary svg {
display: none
}
.button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary:hover {
color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__secondary:focus {
color: var(--color__blue--600);
outline: 3px solid var(--color__blue--600);
outline-offset: 2px
}
.button__secondary:active {
color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__secondary:disabled,
.button__secondary.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary.disabled {
pointer-events: none
}
.button__secondary svg {
display: none
}
.button__white {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thick) solid var(--color__white)
}
.button__white:hover {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:focus {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:active {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white svg {
display: none
}
.button__tertiary {
background-color: var(--color__purple--100);
border: var(--stroke-thick) solid var(--color__purple--100);
color: var(--text-primary-light)
}
.button__tertiary:hover {
background-color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__tertiary:focus {
background-color: var(--color__purple--200);
border-color: var(--color__purple--200)
}
.button__tertiary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400);
color: var(--text-primary-dark)
}
.button__tertiary:disabled,
.button__tertiary.disabled {
color: var(--color__grey--800);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__tertiary.disabled {
pointer-events: none
}
.button__tertiary svg {
display: none
}
.button__quaternary {
background-color: var(--color__purple--600);
border: var(--stroke-thick) solid var(--color__purple--600);
color: var(--text-primary-dark)
}
.button__quaternary:hover {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:focus {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:disabled,
.button__quaternary.disabled {
color: var(--color__grey--500);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__quaternary.disabled {
pointer-events: none
}
.button__quaternary svg {
display: none
}
.button__outline {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__purple--100)
}
.button__outline:hover {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:focus {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:active {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:disabled,
.button__outline.disabled {
color: var(--color__grey--500);
border-color: var(--color__grey--500)
}
.button__outline.disabled {
pointer-events: none
}
.button__outline:visited {
color: var(--text-primary-dark)
}
.button__outline svg {
display: none
}
.button__outline--white {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:hover {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:focus {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:active {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:disabled,
.button__outline--white.disabled {
border: var(--stroke-thick) solid var(--color__white)
}
.button__login {
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__white);
color: var(--text-primary-dark)
}
.button__login:visited {
color: var(--text-primary-dark)
}
.button__login:hover {
color: var(--color__purple--100);
border-color: var(--color__purple--100)
}
.button__login:focus {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:active {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:disabled,
.button__login.disabled {
color: var(--interactive-disabled);
border-color: var(--interactive-disabled)
}
.button__login.disabled {
pointer-events: none
}
.button__play {
background: hsla(0, 0%, 100%, .2);
color: var(--text-primary-dark);
cursor: pointer
}
.button__play:not(.tiny) {
padding: 0 1.5rem
}
.button__play:visited {
color: var(--text-primary-dark)
}
.button__play svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-right: var(--spacing__03)
}
.button__play:hover,
.button__play:focus,
.button__play:active {
background: #fff;
color: var(--text-primary-light)
}
.button__play:hover svg,
.button__play:focus svg,
.button__play:active svg {
fill: var(--color__blue--800)
}
.button.wide {
width: 100%;
justify-content: center
}
.button__tertiary--designsystem {
background-color: var(--cta-tertiary);
border: var(--stroke-thick) solid var(--cta-tertiary);
color: var(--text-primary-dark)
}
.button__tertiary--designsystem svg {
fill: var(--color__white)
}
.button__tertiary--designsystem:hover {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:focus {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:active {
background-color: var(--cta-tertiary--active);
border-color: var(--cta-tertiary--active)
}
.button__tertiary--designsystem:disabled,
.button__tertiary--designsystem.disabled {
color: var(--color__grey--600);
background-color: var(--color__grey--300);
border-color: var(--color__grey--300)
}
.button__tertiary--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__tertiary--designsystem {
font-size: var(--font__size--18)
}
}
.button__secondary--designsystem {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary--designsystem:not(.tiny) {
padding: 0 var(--spacing__06)
}
.button__secondary--designsystem:hover {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:focus {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:active {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:disabled,
.button__secondary--designsystem.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary--designsystem.disabled {
pointer-events: none
}
.button__secondary--designsystem svg {
display: none
}
.button__secondary--designsystem__icon svg {
display: inline;
margin-left: var(--spacing__05);
width: 17px;
height: 17px;
fill: var(--color__blue--800)
}
.button__secondary--designsystem__icon:hover svg {
fill: var(--color__white)
}
.button__outline--designsystem {
color: var(--text-primary-dark) !important;
background-color: rgba(0, 0, 0, 0);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem svg {
fill: var(--color__white)
}
.button__outline--designsystem:visited {
color: var(--text-primary-dark) !important
}
.button__outline--designsystem:hover,
.button__outline--designsystem:focus,
.button__outline--designsystem:active {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
fill: var(--color__blue--800)
}
.button__outline--designsystem:disabled,
.button__outline--designsystem.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__outline--designsystem {
font-size: var(--font__size--18)
}
}
.button__outline--designsystem--white {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:visited {
color: var(--text-primary-light) !important
}
.button__outline--designsystem--white:hover,
.button__outline--designsystem--white:focus,
.button__outline--designsystem--white:active {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:hover svg,
.button__outline--designsystem--white:focus svg,
.button__outline--designsystem--white:active svg {
fill: var(--color__white)
}
.button__outline--designsystem--white:disabled,
.button__outline--designsystem--white.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem--white.disabled {
pointer-events: none
}
.button__tertiary--designsystem,
.button__outline--designsystem {
position: relative
}
.button__tertiary--designsystem span,
.button__outline--designsystem span {
position: relative;
right: 0;
-webkit-transition: right var(--duration-large);
-moz-transition: right var(--duration-large);
transition: right var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem svg,
.button__outline--designsystem svg {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
left: 10px;
-webkit-transition: all var(--duration-large);
-moz-transition: allvar(--duration-large);
transition: all var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem:hover span,
.button__tertiary--designsystem:focus span,
.button__tertiary--designsystem:active span,
.button__outline--designsystem:hover span,
.button__outline--designsystem:focus span,
.button__outline--designsystem:active span {
right: -10px
}
.button__tertiary--designsystem:hover svg,
.button__tertiary--designsystem:focus svg,
.button__tertiary--designsystem:active svg,
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
opacity: 1;
left: 20px
}
.button__language,
.button__search {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
font-size: var(--font__size--15);
color: var(--text-primary-dark);
align-items: center
}
.button__language svg,
.button__search svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-left: .5rem;
margin-top: 2px
}
.button__language>*,
.button__search>* {
pointer-events: none
}
.button__language:hover>span,
.button__search:hover>span {
text-decoration: underline
}
.button__language:focus>span,
.button__search:focus>span {
text-decoration: underline dotted
}
.button__language:focus>svg,
.button__search:focus>svg {
fill: var(--color__blue--100)
}
.dark-option .button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: none
}
.dark-option .button__secondary:focus {
outline: 3px solid var(--color__purple--300);
outline-offset: 2px
}
.dark-option .button__secondary:hover {
background-color: var(--color__grey--200)
}
.dark-option .button__secondary:active {
background-color: var(--color__grey--400)
}
.dark-option .button__secondary:disabled,
.dark-option .button__secondary.disabled {
color: var(--color__grey--700);
background-color: var(--color__grey--300)
}
.dark-option .button__secondary.disabled {
pointer-events: none
}
.home-page-revamp .background__dark {
padding-bottom: 0
}
.home-page-revamp .section__header {
background: var(--bg-brand);
padding-top: var(--spacing__05);
position: relative;
overflow: hidden
}
.home-page-revamp .section__header .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
position: relative;
overflow: hidden
}
@media(min-width: 768px) {
.home-page-revamp .section__header .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.home-page-revamp .section__header .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.home-page-revamp .section__header .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.home-page-revamp .section__header .container {
padding-left: 0;
padding-right: 0
}
}
.home-page-revamp .section__header .text {
grid-column: 1/13;
padding: var(--spacing__11) 0 var(--spacing__12);
position: relative
}
@media(min-width: 768px) {
.home-page-revamp .section__header .text {
grid-column: 1/6;
padding: var(--spacing__12) 0 var(--spacing__13)
}
}
@media(min-width: 1024px) {
.home-page-revamp .section__header .text {
grid-column: 1/9
}
}
@media(min-width: 1224px) {
.home-page-revamp .section__header .text {
grid-column: 1/7
}
}
@media(min-width: 1441px) {
.home-page-revamp .section__header .text {
grid-column: 1/6
}
}
.home-page-revamp .section__header .image {
overflow: hidden;
position: absolute;
width: 210%;
height: 100%;
left: -55%
}
@media(min-width: 768px) {
.home-page-revamp .section__header .image {
width: 100%;
height: 100%;
left: 0
}
}
.home-page-revamp .section__header .image .image__wrapper {
position: absolute;
width: 100%;
height: 100%
}
.home-page-revamp .section__header .image .overlay {
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #011523 77%);
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0
}
@media(min-width: 768px) {
.home-page-revamp .section__header .image+.container .text {
padding: var(--spacing__12) 0 var(--spacing__13)
}
}
@media(min-width: 1024px) {
.home-page-revamp .section__header .image+.container .text {
padding: var(--spacing__12) 0 var(--spacing__15);
margin-bottom: var(--spacing__14)
}
}
@media(min-width: 1224px) {
.home-page-revamp .section__header .image+.container .text {
padding: var(--spacing__14) 0 var(--spacing__15);
margin-bottom: var(--spacing__15)
}
}
@media(min-width: 1441px) {
.home-page-revamp .section__header .image+.container .text {
padding: var(--spacing__15) 0 var(--spacing__15);
margin-bottom: var(--spacing__15)
}
}
@media(min-width: 2000px) {
.home-page-revamp .section__header .image+.container .text {
margin-top: var(--spacing__15);
padding: var(--spacing__15) 0 var(--spacing__15);
margin-bottom: var(--spacing__15)
}
}
.home-page-revamp .section__header .buttons .button {
width: 100%;
margin-bottom: var(--spacing__05)
}
@media(min-width: 768px) {
.home-page-revamp .section__header .buttons .button {
width: auto
}
.home-page-revamp .section__header .buttons .button:first-child {
margin-right: var(--spacing__05)
}
}
.home-page-revamp .benefits-block,
.home-page-revamp .lead-generation-block {
margin-bottom: 0
}
.home-page-revamp .embedded-video.block,
.home-page-revamp .card-container-block.block,
.home-page-revamp .testimonial-slider-block.block {
padding-top: var(--spacing__09)
}
@media(min-width: 1224px) {
.home-page-revamp .embedded-video.block {
margin-bottom: 0
}
}
.home-page-revamp .heading-block.block {
margin-bottom: 0
}
.home-page-revamp .tab-container-block.block {
padding-top: var(--spacing__07)
}
@media(min-width: 1224px) {
.home-page-revamp .tab-container-block.block {
margin-bottom: var(--spacing__09)
}
}
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
column-gap: var(--gutter__column--s)
}
@media(min-width: 768px) {
.grid {
grid-template-columns: repeat(8, 1fr)
}
}
@media(min-width: 1024px) {
.grid {
grid-template-columns: repeat(12, 1fr)
}
}
@media(min-width: 768px) {
.grid.grid__gap {
column-gap: var(--gutter__column)
}
}
.button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
font-size: var(--font__size--15);
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
line-height: 1;
transition: var(--duration-large) var(--ease-standard);
font-family: var(--font__bold)
}
.button:not(.tiny) {
height: 48px;
padding: 0 var(--spacing__08)
}
.button.tiny {
height: 36px;
padding: 0 1.5rem
}
.button__primary {
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800);
color: var(--text-primary-dark) !important
}
.button__primary:visited {
color: var(--text-primary-dark)
}
.button__primary:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__primary:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.button__primary:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__primary:disabled,
.button__primary.disabled {
color: var(--color__grey--500);
background-color: var(--color__grey--200);
border-color: var(--color__grey--200)
}
.button__primary.disabled {
pointer-events: none
}
.button__primary svg {
display: none
}
.button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary:hover {
color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__secondary:focus {
color: var(--color__blue--600);
outline: 3px solid var(--color__blue--600);
outline-offset: 2px
}
.button__secondary:active {
color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__secondary:disabled,
.button__secondary.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary.disabled {
pointer-events: none
}
.button__secondary svg {
display: none
}
.button__white {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thick) solid var(--color__white)
}
.button__white:hover {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:focus {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:active {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white svg {
display: none
}
.button__tertiary {
background-color: var(--color__purple--100);
border: var(--stroke-thick) solid var(--color__purple--100);
color: var(--text-primary-light)
}
.button__tertiary:hover {
background-color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__tertiary:focus {
background-color: var(--color__purple--200);
border-color: var(--color__purple--200)
}
.button__tertiary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400);
color: var(--text-primary-dark)
}
.button__tertiary:disabled,
.button__tertiary.disabled {
color: var(--color__grey--800);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__tertiary.disabled {
pointer-events: none
}
.button__tertiary svg {
display: none
}
.button__quaternary {
background-color: var(--color__purple--600);
border: var(--stroke-thick) solid var(--color__purple--600);
color: var(--text-primary-dark)
}
.button__quaternary:hover {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:focus {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:disabled,
.button__quaternary.disabled {
color: var(--color__grey--500);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__quaternary.disabled {
pointer-events: none
}
.button__quaternary svg {
display: none
}
.button__outline {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__purple--100)
}
.button__outline:hover {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:focus {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:active {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:disabled,
.button__outline.disabled {
color: var(--color__grey--500);
border-color: var(--color__grey--500)
}
.button__outline.disabled {
pointer-events: none
}
.button__outline:visited {
color: var(--text-primary-dark)
}
.button__outline svg {
display: none
}
.button__outline--white {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:hover {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:focus {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:active {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:disabled,
.button__outline--white.disabled {
border: var(--stroke-thick) solid var(--color__white)
}
.button__login {
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__white);
color: var(--text-primary-dark)
}
.button__login:visited {
color: var(--text-primary-dark)
}
.button__login:hover {
color: var(--color__purple--100);
border-color: var(--color__purple--100)
}
.button__login:focus {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:active {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:disabled,
.button__login.disabled {
color: var(--interactive-disabled);
border-color: var(--interactive-disabled)
}
.button__login.disabled {
pointer-events: none
}
.button__play {
background: hsla(0, 0%, 100%, .2);
color: var(--text-primary-dark);
cursor: pointer
}
.button__play:not(.tiny) {
padding: 0 1.5rem
}
.button__play:visited {
color: var(--text-primary-dark)
}
.button__play svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-right: var(--spacing__03)
}
.button__play:hover,
.button__play:focus,
.button__play:active {
background: #fff;
color: var(--text-primary-light)
}
.button__play:hover svg,
.button__play:focus svg,
.button__play:active svg {
fill: var(--color__blue--800)
}
.button.wide {
width: 100%;
justify-content: center
}
.button__tertiary--designsystem {
background-color: var(--cta-tertiary);
border: var(--stroke-thick) solid var(--cta-tertiary);
color: var(--text-primary-dark)
}
.button__tertiary--designsystem svg {
fill: var(--color__white)
}
.button__tertiary--designsystem:hover {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:focus {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:active {
background-color: var(--cta-tertiary--active);
border-color: var(--cta-tertiary--active)
}
.button__tertiary--designsystem:disabled,
.button__tertiary--designsystem.disabled {
color: var(--color__grey--600);
background-color: var(--color__grey--300);
border-color: var(--color__grey--300)
}
.button__tertiary--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__tertiary--designsystem {
font-size: var(--font__size--18)
}
}
.button__secondary--designsystem {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary--designsystem:not(.tiny) {
padding: 0 var(--spacing__06)
}
.button__secondary--designsystem:hover {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:focus {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:active {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:disabled,
.button__secondary--designsystem.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary--designsystem.disabled {
pointer-events: none
}
.button__secondary--designsystem svg {
display: none
}
.button__secondary--designsystem__icon svg {
display: inline;
margin-left: var(--spacing__05);
width: 17px;
height: 17px;
fill: var(--color__blue--800)
}
.button__secondary--designsystem__icon:hover svg {
fill: var(--color__white)
}
.button__outline--designsystem {
color: var(--text-primary-dark) !important;
background-color: rgba(0, 0, 0, 0);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem svg {
fill: var(--color__white)
}
.button__outline--designsystem:visited {
color: var(--text-primary-dark) !important
}
.button__outline--designsystem:hover,
.button__outline--designsystem:focus,
.button__outline--designsystem:active {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
fill: var(--color__blue--800)
}
.button__outline--designsystem:disabled,
.button__outline--designsystem.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__outline--designsystem {
font-size: var(--font__size--18)
}
}
.button__outline--designsystem--white {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:visited {
color: var(--text-primary-light) !important
}
.button__outline--designsystem--white:hover,
.button__outline--designsystem--white:focus,
.button__outline--designsystem--white:active {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:hover svg,
.button__outline--designsystem--white:focus svg,
.button__outline--designsystem--white:active svg {
fill: var(--color__white)
}
.button__outline--designsystem--white:disabled,
.button__outline--designsystem--white.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem--white.disabled {
pointer-events: none
}
.button__tertiary--designsystem,
.button__outline--designsystem {
position: relative
}
.button__tertiary--designsystem span,
.button__outline--designsystem span {
position: relative;
right: 0;
-webkit-transition: right var(--duration-large);
-moz-transition: right var(--duration-large);
transition: right var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem svg,
.button__outline--designsystem svg {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
left: 10px;
-webkit-transition: all var(--duration-large);
-moz-transition: allvar(--duration-large);
transition: all var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem:hover span,
.button__tertiary--designsystem:focus span,
.button__tertiary--designsystem:active span,
.button__outline--designsystem:hover span,
.button__outline--designsystem:focus span,
.button__outline--designsystem:active span {
right: -10px
}
.button__tertiary--designsystem:hover svg,
.button__tertiary--designsystem:focus svg,
.button__tertiary--designsystem:active svg,
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
opacity: 1;
left: 20px
}
.button__language,
.button__search {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
font-size: var(--font__size--15);
color: var(--text-primary-dark);
align-items: center
}
.button__language svg,
.button__search svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-left: .5rem;
margin-top: 2px
}
.button__language>*,
.button__search>* {
pointer-events: none
}
.button__language:hover>span,
.button__search:hover>span {
text-decoration: underline
}
.button__language:focus>span,
.button__search:focus>span {
text-decoration: underline dotted
}
.button__language:focus>svg,
.button__search:focus>svg {
fill: var(--color__blue--100)
}
.dark-option .button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: none
}
.dark-option .button__secondary:focus {
outline: 3px solid var(--color__purple--300);
outline-offset: 2px
}
.dark-option .button__secondary:hover {
background-color: var(--color__grey--200)
}
.dark-option .button__secondary:active {
background-color: var(--color__grey--400)
}
.dark-option .button__secondary:disabled,
.dark-option .button__secondary.disabled {
color: var(--color__grey--700);
background-color: var(--color__grey--300)
}
.dark-option .button__secondary.disabled {
pointer-events: none
}
.js-home-page .section__header {
padding-top: var(--spacing__11);
padding-bottom: 0;
background: var(--bg-brand)
}
@media(min-width: 768px) {
.js-home-page .section__header {
padding-bottom: var(--spacing__11)
}
}
.js-home-page .section__header .col-left {
grid-column: 1/13
}
.js-home-page .section__header .col-right {
grid-column: 1/13;
padding-top: var(--spacing__11);
margin-left: calc(-1*var(--spacing__05));
margin-right: calc(-1*var(--spacing__05))
}
.js-home-page .section__header .col-right .image__wrapper {
width: 100%
}
.js-home-page .section__header .col-right img {
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-home-page .section__header .col-right {
margin-left: 0;
margin-right: 0
}
}
@media(min-width: 1024px) {
.js-home-page .section__header .col-left {
grid-column: 1/6
}
.js-home-page .section__header .col-right {
grid-column: 7/13;
padding-top: 0
}
}
.js-home-page .section__header .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.js-home-page .section__header .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-home-page .section__header .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-home-page .section__header .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-home-page .section__header .container {
padding-left: 0;
padding-right: 0
}
}
.js-home-page .section__header h1 {
color: var(--text-primary-dark);
font-size: var(--font__size--30);
line-height: var(--font__size--40)
}
@media(min-width: 1024px) {
.js-home-page .section__header h1 {
font-size: var(--font__size--48);
line-height: var(--font__size--48)
}
}
.js-home-page .section__header .preamble {
padding-top: var(--spacing__06);
color: var(--text-primary-dark);
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
@media(min-width: 1024px) {
.js-home-page .section__header .preamble {
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
.js-home-page .section__header .buttons .button {
width: 100%
}
@media(min-width: 768px) {
.js-home-page .section__header .buttons .button {
width: auto
}
.js-home-page .section__header .buttons .button:first-child {
margin-right: var(--spacing__06)
}
}
.js-home-page .section__header .buttons .button__tertiary {
margin-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-home-page .section__header .buttons .button__tertiary {
margin-top: var(--spacing__12)
}
}
.js-home-page .section__header .buttons .button__outline {
margin-top: var(--spacing__06)
}
.js-home-page .section__header .buttons .button__outline:first-child {
margin-top: var(--spacing__09)
}
.js-glossary-page {
padding-bottom: var(--spacing__13);
padding-top: var(--spacing__12)
}
.js-glossary-page>.grid,
.js-glossary-page>.blocks-section {
padding: 0
}
@media(min-width: 1024px) {
.js-glossary-page>.grid,
.js-glossary-page>.blocks-section {
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
}
.js-glossary-page article {
grid-column: span 12;
grid-row: 1
}
@media(min-width: 1024px) {
.js-glossary-page article {
grid-column: span 6
}
}
.js-glossary-page article .text {
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
@media(min-width: 1024px) {
.js-glossary-page article .text {
padding-left: 0;
padding-right: 0
}
}
.js-glossary-page article .text h1 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-glossary-page article .text h1 {
font-size: var(--font__size--48);
margin-bottom: unset
}
}
.js-glossary-page article .text .preamble {
margin-top: var(--spacing__08);
margin-bottom: var(--spacing__08);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.js-glossary-page article .text .preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--30)
}
}
.js-glossary-page article .block {
max-width: 100%;
margin: var(--spacing__08) 0
}
@media(min-width: 1024px) {
.js-glossary-page article .lead-generation-block {
padding: 0
}
}
.js-glossary-page aside {
grid-column: span 12;
grid-row: 2;
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
@media(min-width: 1024px) {
.js-glossary-page aside {
grid-column-start: 8;
grid-column-end: 13;
grid-row: 1;
margin-bottom: initial;
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1441px) {
.js-glossary-page aside {
grid-column-start: 9
}
}
.js-glossary-page aside .block {
max-width: 100%
}
.js-glossary-page aside .related-links {
padding: var(--spacing__06) 0
}
@media(min-width: 1024px) {
.js-glossary-page aside .related-links {
padding: 0
}
}
.js-glossary-page aside .related-links h3 {
font-size: var(--font__size--24);
padding-bottom: var(--spacing__04);
margin-bottom: var(--spacing__08);
border-bottom: var(--stroke-thin) solid var(--border-primary)
}
.js-glossary-page aside .related-links ul {
padding-left: var(--spacing__06)
}
.js-glossary-page aside .related-links ul li {
margin-bottom: var(--spacing__06)
}
.js-glossary-page aside .related-links ul a {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.js-glossary-page aside .related-links ul a {
font-size: var(--font__size--18)
}
}
@media(min-width: 1224px) {
.js-glossary-page .newsletter-form__block .form-block {
display: grid;
padding: var(--spacing__11);
max-width: 1200px
}
.js-glossary-page .newsletter-form__block .form-block .col {
display: grid;
grid-column: span 12 !important;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto;
max-width: none
}
.js-glossary-page .newsletter-form__block .form-block .col>h2 {
grid-column: span 5;
text-align: left;
font-size: var(--font__size--30)
}
.js-glossary-page .newsletter-form__block .form-block .col>p {
grid-column-start: 7;
grid-column-end: 13;
justify-self: center;
max-width: 500px
}
.js-glossary-page .newsletter-form__block .form-block .col>form {
grid-column: span 12;
justify-self: end
}
}
.js-glossary-page .related-content-block .card-slide .card__prev {
left: 1px
}
.js-glossary-page .related-content-block .card-slide .card__next {
right: -25px
}
.glossary-listings-page {
padding-bottom: var(--spacing__13)
}
.glossary-listings-page>.grid,
.glossary-listings-page>.blocks-section {
padding: 0
}
@media(min-width: 1024px) {
.glossary-listings-page>.grid,
.glossary-listings-page>.blocks-section {
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
}
.glossary-listings-page__header {
display: block;
padding-top: var(--spacing__08)
}
.glossary-listings-page__header .col {
padding-bottom: var(--spacing__06)
}
.glossary-listings-page__header .search__input {
position: relative;
max-width: 380px;
margin: 0 0 var(--spacing__08)
}
.glossary-listings-page__header .search__input input[type=search] {
border-radius: var(--radius-pill);
padding: var(--spacing__05) var(--spacing__06);
border: var(--stroke-thin) solid var(--border-primary);
width: 100%;
font-family: inherit;
font-size: var(--font__size--15)
}
.glossary-listings-page__header .search__input input[type=search]:focus {
outline: none;
border-color: var(--color__grey--800)
}
.glossary-listings-page__header .search__input .icon__wrapper {
z-index: 100;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
display: flex;
align-items: center;
justify-content: center
}
.glossary-listings-page__header .search__input .icon__wrapper svg {
width: 1.5rem;
height: 1.5rem;
fill: var(--color__blue--800)
}
.glossary-listings-page__header .search__input input[type=search]::-webkit-search-decoration,
.glossary-listings-page__header .search__input input[type=search]::-webkit-search-cancel-button,
.glossary-listings-page__header .search__input input[type=search]::-webkit-search-results-button,
.glossary-listings-page__header .search__input input[type=search]::-webkit-search-results-decoration {
display: none
}
.glossary-listings-page__header .search__input input[type=submit] {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
z-index: 200
}
.glossary-listings-page ul.glossary-list {
list-style: none;
padding-left: 0;
text-align: left
}
.glossary-listings-page ul.glossary-list li {
margin-top: var(--spacing__06);
padding-bottom: var(--spacing__06);
border-bottom: var(--stroke-thin) solid var(--border-primary)
}
.glossary-listings-page ul.glossary-list li.hide {
display: none
}
.glossary-listings-page ul.glossary-list li .headline {
font-family: var(--font__bold);
font-size: var(--font__size--18);
margin-bottom: var(--spacing__05)
}
.glossary-listings-page ul.glossary-list li .preamble {
font-size: var(--font__size--15);
color: var(--color__grey--700)
}
@media(min-width: 1024px) {
.glossary-listings-page ul.glossary-list li .preamble {
font-size: var(--font__size--18)
}
}
.glossary-listings-page ul.glossary-list a {
text-decoration: none
}
.glossary-listings-page ul.glossary-list a:hover .headline {
text-decoration: underline
}
.glossary-listings-page .load-more-button {
display: none;
margin: 0 auto
}
.glossary-listings-page .load-more-button.show {
display: inline-flex
}
.glossary-listings-page .glossary-list__empty {
display: none;
margin-bottom: var(--spacing__05);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.glossary-listings-page .glossary-list__empty {
font-size: var(--font__size--24)
}
}
.glossary-listings-page .glossary-list__empty.show {
display: block
}
.glossary-listings-page article {
grid-column: span 12;
grid-row: 2;
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
text-align: center
}
@media(min-width: 1024px) {
.glossary-listings-page article {
grid-column: span 6;
grid-row: 1;
padding-left: 0;
padding-right: 0
}
}
.glossary-listings-page aside {
grid-column: span 12;
grid-row: 1;
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
@media(min-width: 1024px) {
.glossary-listings-page aside {
grid-column-start: 8;
grid-column-end: 13;
margin-bottom: initial;
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1441px) {
.glossary-listings-page aside {
grid-column-start: 9
}
}
.glossary-listings-page aside .filter p {
font-size: var(--font__size--24);
font-family: var(--font__bold);
margin-bottom: var(--spacing__06)
}
.glossary-listings-page aside .filter p span {
width: 25%;
float: right;
font-size: var(--font__size--18);
font-family: var(--font__regular);
text-decoration: underline;
cursor: pointer;
margin-top: var(--spacing__02)
}
.glossary-listings-page aside .letter-filter {
display: inline-block
}
.glossary-listings-page aside .letter-filter>div {
width: 16.66%;
float: left;
margin-bottom: var(--spacing__05)
}
@media(min-width: 1024px) {
.glossary-listings-page aside .letter-filter>div {
width: 25%
}
}
.glossary-listings-page aside .letter-filter label {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.glossary-listings-page aside .letter-filter label {
font-size: var(--font__size--18)
}
}
.global-career.global-career-purpose .background__dark {
padding-bottom: 0
}
.global-career.global-career-purpose .background__light {
margin-top: var(--spacing__13);
padding: var(--spacing__04) 0
}
@media(min-width: 1024px) {
.global-career.global-career-purpose .background__light {
margin-top: 0
}
}
.global-career.global-career-people .background__dark {
padding-bottom: 0
}
.global-career.global-career-people .background__light {
padding: var(--spacing__04) 0
}
@media(min-width: 1024px) {
.global-career.global-career-people .USP-section-block__purple.first .usp__container .usp__item {
padding: var(--spacing__12) var(--spacing__13) var(--spacing__09) var(--spacing__06)
}
.global-career.global-career-people .USP-section-block__purple.first .usp__container .usp__item p {
margin-bottom: var(--spacing__15)
}
.global-career.global-career-people .USP-section-block__purple.first .usp__container .usp__item .number {
margin-bottom: var(--spacing__08)
}
.global-career.global-career-people .USP-section-block__purple.first .usp__container .usp__item h4 {
min-height: 0;
margin-bottom: var(--spacing__04)
}
}
.global-career-opportunity .background__light {
padding: var(--spacing__04) 0
}
.global-career-opportunity .background__dark--bottom {
margin-top: var(--spacing__08)
}
.global-career-opportunity .map__container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
position: relative;
padding: var(--spacing__08) 0
}
@media(min-width: 768px) {
.global-career-opportunity .map__container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.global-career-opportunity .map__container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.global-career-opportunity .map__container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.global-career-opportunity .map__container {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.global-career-opportunity .map__container {
padding: var(--spacing__08) 0 0
}
}
.global-career-opportunity .map__video {
max-width: 100%
}
.global-career-opportunity .map__text {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center
}
.global-career-opportunity .map__text h2 {
max-width: 300px;
font-size: var(--font__size--36);
line-height: var(--font__size--40)
}
@media(min-width: 1024px) {
.global-career-opportunity .map__text h2 {
max-width: 700px;
font-size: var(--font__size--100);
line-height: var(--font__size--120)
}
}
@media(min-width: 1024px) {
.global-career-opportunity .country-selector-block.block {
margin-top: 0
}
}
@media(min-width: 1024px) {
.global-career-opportunity .USP-section-block__purple .usp__container .usp__item h4 {
min-height: 135px
}
}
.global-career-opportunity .heading-block.block {
margin-top: 0
}
@media(min-width: 896px) {
.global-career .block {
margin-top: var(--spacing__09)
}
}
@media(min-width: 1024px) {
.global-career .block {
margin-top: var(--spacing__12);
margin-bottom: var(--spacing__12)
}
}
@media(min-width: 1441px) {
.global-career .block {
margin-top: var(--spacing__12);
margin-bottom: var(--spacing__12)
}
}
.global-career .background__dark .heading-block {
margin-bottom: 0
}
.global-career .background__dark .horizontal-accordion-block {
margin-top: 0
}
.global-career .background__dark--bottom {
padding-top: var(--spacing__08);
margin-bottom: 0
}
@media(min-width: 1024px) {
.global-career .background__dark--bottom {
padding-top: 0
}
}
.global-career .background__dark .image-with-text-block .col.text,
.global-career .background__dark .video-with-text-block .col.text,
.global-career .background__light .image-with-text-block .col.text,
.global-career .background__light .video-with-text-block .col.text {
display: flex;
justify-content: center;
flex-direction: column
}
@media(min-width: 1224px) {
.global-career .background__dark .image-with-text-block .col.text h2,
.global-career .background__dark .video-with-text-block .col.text h2,
.global-career .background__light .image-with-text-block .col.text h2,
.global-career .background__light .video-with-text-block .col.text h2 {
font-family: var(--font__bold);
font-size: var(--font__size--45);
line-height: var(--font__size--48);
letter-spacing: -0.0005rem
}
}
@media(min-width: 1441px) {
.global-career .background__dark .image-with-text-block .col.text h2,
.global-career .background__dark .video-with-text-block .col.text h2,
.global-career .background__light .image-with-text-block .col.text h2,
.global-career .background__light .video-with-text-block .col.text h2 {
font-family: var(--font__bold);
font-size: var(--font__size--60);
line-height: var(--font__size--60);
letter-spacing: -0.01rem
}
}
@media(min-width: 1224px) {
.global-career .background__dark .numbers-block .text h2,
.global-career .background__light .numbers-block .text h2 {
font-family: var(--font__bold);
font-size: var(--font__size--45);
line-height: var(--font__size--48);
letter-spacing: -0.0005rem
}
}
@media(min-width: 1441px) {
.global-career .background__dark .numbers-block .text h2,
.global-career .background__light .numbers-block .text h2 {
font-family: var(--font__bold);
font-size: var(--font__size--60);
line-height: var(--font__size--60);
letter-spacing: -0.01rem
}
}
.general-meetings-listing-page h1 {
margin-bottom: var(--spacing__04)
}
.general-meetings-listing-page .list {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.general-meetings-listing-page .list {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.general-meetings-listing-page .list {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.general-meetings-listing-page .list {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.general-meetings-listing-page .list {
padding-left: 0;
padding-right: 0
}
}
.general-meetings-listing-page .list__wrapper {
margin-top: var(--spacing__09)
}
@media(min-width: 896px) {
.general-meetings-listing-page .list__wrapper {
border-top: var(--stroke-thin) solid var(--color__grey--400);
padding-top: var(--spacing__09);
margin-top: var(--spacing__08)
}
}
.general-meetings-listing-page .news__list {
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.general-meetings-listing-page .news__list {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.general-meetings-listing-page .news__list {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.general-meetings-listing-page .news__list {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.general-meetings-listing-page .news__list {
padding-left: 0;
padding-right: 0
}
}
.general-meetings-listing-page .news__list .list__header {
display: none;
padding-bottom: var(--spacing__04);
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
grid-column-gap: var(--spacing__04);
grid-template-columns: repeat(12, 1fr)
}
@media(min-width: 896px) {
.general-meetings-listing-page .news__list .list__header {
display: grid;
grid-column-gap: var(--spacing__06)
}
}
.general-meetings-listing-page .news__list .list__header>div {
font-family: var(--font__bold);
line-height: 1.5
}
.general-meetings-listing-page .news__list .list__header>div:first-child {
grid-column-start: 1;
grid-column-end: 3;
justify-self: start;
align-self: start;
grid-row: 1;
grid-row-end: 3
}
@media(min-width: 896px) {
.general-meetings-listing-page .news__list .list__header>div:first-child {
grid-column-start: 1;
grid-column-end: 5;
justify-self: start;
align-self: start
}
}
.general-meetings-listing-page .news__list .list__header>div:first-child+div {
grid-column-start: 4;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 1
}
@media(min-width: 896px) {
.general-meetings-listing-page .news__list .list__header>div:first-child+div {
grid-column-start: 5;
grid-column-end: 7;
justify-self: start;
align-self: start
}
}
.general-meetings-listing-page .news__list .list__header>div:first-child+div+div {
grid-column-start: 4;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 2
}
@media(min-width: 896px) {
.general-meetings-listing-page .news__list .list__header>div:first-child+div+div {
grid-column-start: 7;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 1
}
}
.general-meetings-listing-page .news__list .list__section .list__title {
font-size: var(--font__size--30);
font-family: var(--font__bold);
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
padding-bottom: var(--spacing__06);
margin-top: var(--spacing__09)
}
.general-meetings-listing-page .news__list .list__section ul {
list-style: none;
margin: 0;
padding: 0
}
.general-meetings-listing-page .news__list .list__section ul .list__item {
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__09);
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
display: grid;
grid-column-gap: var(--spacing__04);
grid-template-columns: repeat(12, 1fr)
}
@media(min-width: 896px) {
.general-meetings-listing-page .news__list .list__section ul .list__item {
grid-column-gap: var(--spacing__06)
}
}
.general-meetings-listing-page .news__list .list__section ul .list__item .list__category {
grid-column-start: 1;
grid-column-end: 11;
justify-self: start;
align-self: start;
font-family: var(--font__bold);
grid-row: 1;
grid-row-end: 2;
line-height: 1.5
}
@media(min-width: 896px) {
.general-meetings-listing-page .news__list .list__section ul .list__item .list__category {
grid-column-start: 1;
grid-column-end: 5;
justify-self: start;
align-self: start
}
}
.general-meetings-listing-page .news__list .list__section ul .list__item .list__year {
grid-column-start: 1;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 3;
line-height: 1.5
}
@media(min-width: 896px) {
.general-meetings-listing-page .news__list .list__section ul .list__item .list__year {
grid-column-start: 5;
grid-column-end: 7;
justify-self: start;
align-self: start;
grid-row: 1
}
}
.general-meetings-listing-page .news__list .list__section ul .list__item .list__main {
grid-column-start: 1;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 2;
display: flex;
align-items: center;
gap: 6px;
margin-bottom: var(--spacing__04)
}
.general-meetings-listing-page .news__list .list__section ul .list__item .list__main svg {
margin-top: 2px;
fill: var(--color__blue--800);
width: 12px;
height: 12px
}
.general-meetings-listing-page .news__list .list__section ul .list__item .list__main .label {
font-family: var(--font__bold);
line-height: 1.5
}
.general-meetings-listing-page .news__list .list__section ul .list__item .list__main .label__sub {
margin-top: .313rem
}
@media(min-width: 896px) {
.general-meetings-listing-page .news__list .list__section ul .list__item .list__main {
grid-column-start: 7;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 1;
margin-bottom: initial
}
}
.general-meetings-listing-page .news__list .list__section ul .list__item .list__main p {
line-height: 1.5
}
.general-meetings-listing-page .news__list .list__section ul .list__item .list__action {
grid-column-start: 11;
grid-column-end: 13;
justify-self: end;
align-self: start;
grid-row: 1;
grid-row-start: 1;
grid-row-end: none
}
@media(min-width: 896px) {
.general-meetings-listing-page .news__list .list__section ul .list__item .list__action {
grid-column-start: 12;
grid-column-end: 13;
justify-self: end;
align-self: start;
grid-row-start: auto;
grid-row-end: auto
}
}
.js-faq-page {
padding-bottom: var(--spacing__13)
}
.js-faq-page .faq-page-header {
display: block;
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-faq-page .faq-page-header {
padding-top: var(--spacing__09);
padding-bottom: var(--spacing__12)
}
}
.js-faq-page .faq-page-header .col.text {
max-width: 700px;
margin: 0 auto;
padding: 0 var(--spacing__05);
text-align: center
}
.js-faq-page .faq-page-header .col.text h1 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-faq-page .faq-page-header .col.text h1 {
font-size: var(--font__size--48);
margin-bottom: unset
}
}
.js-faq-page .faq-page-header .col.text .preamble {
margin-top: var(--spacing__06);
margin-bottom: var(--spacing__06);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.js-faq-page .faq-page-header .col.text .preamble {
font-size: var(--font__size--24);
line-height: var(--font__size--36)
}
}
.js-faq-page .search__input {
position: relative;
max-width: 512px;
margin: 0 auto var(--spacing__08)
}
.js-faq-page .search__input input[type=search] {
border-radius: var(--radius-pill);
padding: var(--spacing__05) var(--spacing__06);
border: var(--stroke-thin) solid var(--border-primary);
width: 100%;
font-family: inherit;
font-size: var(--font__size--15)
}
.js-faq-page .search__input input[type=search]:focus {
outline: none;
border-color: var(--color__grey--800)
}
.js-faq-page .search__input .icon__wrapper {
z-index: 100;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
display: flex;
align-items: center;
justify-content: center
}
.js-faq-page .search__input .icon__wrapper svg {
width: 1.5rem;
height: 1.5rem;
fill: var(--color__blue--800)
}
.js-faq-page .search__input input[type=search]::-webkit-search-decoration,
.js-faq-page .search__input input[type=search]::-webkit-search-cancel-button,
.js-faq-page .search__input input[type=search]::-webkit-search-results-button,
.js-faq-page .search__input input[type=search]::-webkit-search-results-decoration {
display: none
}
.js-faq-page .search__input input[type=submit] {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
z-index: 200
}
.js-faq-page .list-wrapper {
max-width: 630px;
margin: 0 auto
}
.js-faq-page .list-wrapper .faq-list {
display: block;
list-style: none;
padding-left: 0;
margin-bottom: 0
}
.js-faq-page .list-wrapper .faq-list li {
margin-bottom: var(--spacing__06)
}
.js-faq-page .list-wrapper .faq-list a {
font-size: var(--font__size--15);
color: var(--text-primary-light)
}
.js-faq-page .list-wrapper .faq-list a:hover {
color: var(--color__blue--600)
}
.js-faq-page .list-wrapper .faq-list a:active {
color: var(--color__blue--900)
}
@media(min-width: 1024px) {
.js-faq-page .list-wrapper .faq-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--spacing__06)
}
.js-faq-page .list-wrapper .faq-list li {
margin-bottom: 0
}
}
.js-faq-page .block {
scroll-margin-top: var(--spacing__12)
}
.events-listing-page {
padding-bottom: var(--spacing__12)
}
.events-listing-page .events-listing-header {
display: block;
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.events-listing-page .events-listing-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__08)
}
}
.events-listing-page .events-listing-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.events-listing-page .events-listing-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.events-listing-page .events-listing-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.events-listing-page .events-listing-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.events-listing-page .events-listing-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.events-listing-page .events-listing-header .grid {
display: grid
}
}
.events-listing-page .events-listing-header .text {
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.events-listing-page .events-listing-header .text {
padding-bottom: 0
}
}
.events-listing-page .events-listing-header .text__header {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.events-listing-page .events-listing-header .text__preamble {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.events-listing-page .events-listing-header .text h1 {
font-size: var(--font__size--30)
}
@media(min-width: 1024px) {
.events-listing-page .events-listing-header .text h1 {
font-size: var(--font__size--48)
}
}
.events-listing-page .events-listing-header .text .preamble {
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.events-listing-page .events-listing-header .text .preamble {
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
.events-listing-page .events-listing-header .image {
margin: var(--spacing__06) auto;
max-width: var(--max-width__site)
}
@media(min-width: 1024px) {
.events-listing-page .events-listing-header .image {
margin-top: var(--spacing__13);
margin-bottom: 0
}
}
.events-listing-page .events__list {
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.events-listing-page .events__list {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.events-listing-page .events__list {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.events-listing-page .events__list {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.events-listing-page .events__list {
padding-left: 0;
padding-right: 0
}
}
.events-listing-page .events__list .list-intro {
margin: var(--spacing__08) 0 var(--spacing__05)
}
@media(min-width: 1024px) {
.events-listing-page .events__list .list-intro {
margin: var(--spacing__08) 0 0
}
}
.events-listing-page .events__list .list-intro h2 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__06);
max-width: 650px
}
@media(min-width: 1024px) {
.events-listing-page .events__list .list-intro h2 {
font-size: var(--font__size--36)
}
}
.events-listing-page .events__list .list-intro p {
font-size: var(--font__size--15);
max-width: 650px
}
@media(min-width: 1024px) {
.events-listing-page .events__list .list-intro p {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.events-listing-page .events__list .tab-wrapper {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin: 0;
padding: 0 var(--spacing__07) 0 0;
overflow-x: auto;
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
-ms-overflow-style: none;
scrollbar-width: none
}
@media(min-width: 768px) {
.events-listing-page .events__list .tab-wrapper {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.events-listing-page .events__list .tab-wrapper {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.events-listing-page .events__list .tab-wrapper {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.events-listing-page .events__list .tab-wrapper {
padding-left: 0;
padding-right: 0
}
}
.events-listing-page .events__list .tab-wrapper::-webkit-scrollbar {
display: none
}
.events-listing-page .events__list .tab-list {
gap: var(--spacing__04);
list-style: none;
padding-left: 0;
margin-bottom: 0
}
@media(min-width: 1024px) {
.events-listing-page .events__list .tab-list {
margin-top: var(--spacing__08);
display: flex
}
}
.events-listing-page .events__list .tab-list li {
font-size: var(--font__size--15);
color: var(--text-primary-light);
cursor: pointer;
padding: 0 var(--spacing__06) 0 0;
margin-bottom: var(--spacing__06);
width: fit-content;
float: left
}
@media(min-width: 1024px) {
.events-listing-page .events__list .tab-list li {
font-size: var(--font__size--18);
margin-bottom: 0
}
}
.events-listing-page .events__list .tab-list li:hover {
text-decoration: underline;
color: var(--color__blue--700)
}
.events-listing-page .events__list .tab-list li.active {
text-decoration: underline;
color: var(--color__blue--900);
cursor: default
}
.events-listing-page .events__list .tab-categories>div {
display: none;
padding: 0
}
@media(min-width: 1024px) {
.events-listing-page .events__list .tab-categories>div {
padding: 0 var(--spacing__07) 0 0;
margin: var(--spacing__06) 0 0
}
}
.events-listing-page .events__list .tab-categories>div.active {
display: block
}
@media(min-width: 1024px) {
.events-listing-page .events__list .tab-categories>div.active {
display: grid
}
}
.events-listing-page .events__list .tab-categories>div .no-events {
max-width: 600px;
margin-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.events-listing-page .events__list .tab-categories>div .no-events {
margin-top: var(--spacing__09)
}
}
.events-listing-page .events__list .tab-categories>div .no-events h3 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.events-listing-page .events__list .tab-categories>div .no-events h3 {
font-size: var(--font__size--36)
}
}
.events-listing-page .events__list .tab-categories>div .no-events p {
font-size: var(--font__size--15);
line-height: var(--font__size--21)
}
@media(min-width: 1024px) {
.events-listing-page .events__list .tab-categories>div .no-events p {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.events-listing-page .events__list ul.list__section {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(1, 1fr);
margin-bottom: var(--spacing__06);
padding-bottom: var(--spacing__09)
}
.events-listing-page .events__list ul.list__section .list__title {
font-size: var(--font__size--18);
font-family: var(--font__bold);
margin-bottom: var(--spacing__06);
line-height: 1.2
}
@media(min-width: 1024px) {
.events-listing-page .events__list ul.list__section .list__title {
margin-top: var(--spacing__04)
}
}
.events-listing-page .events__list ul.list__section li {
border-top: var(--stroke-thin) solid var(--color__grey--500);
padding: var(--spacing__08) 0
}
@media(min-width: 1024px) {
.events-listing-page .events__list ul.list__section li {
padding: var(--spacing__08) 0
}
}
.events-listing-page .events__list ul.list__section li:last-child {
border-bottom: var(--stroke-thin) solid var(--color__grey--500)
}
@media(max-width: 1024px) {
.events-listing-page .events__list ul.list__section li:first-child {
border-top: 0
}
.events-listing-page .events__list ul.list__section li:last-child {
border-bottom: 0
}
}
.events-listing-page .events__list ul.list__section li.grid {
display: block
}
@media(min-width: 1024px) {
.events-listing-page .events__list ul.list__section li.grid {
display: grid
}
}
.events-listing-page .events__list ul.list__section li .list__img {
display: grid;
align-self: self-start;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
aspect-ratio: 3/2;
background-color: #d3d3d3;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.events-listing-page .events__list ul.list__section li .list__img {
margin-bottom: 0
}
}
.events-listing-page .events__list ul.list__section li .list__main {
grid-column-start: 3;
grid-column-end: 6;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1224px) {
.events-listing-page .events__list ul.list__section li .list__main {
grid-column-end: 7
}
}
@media(max-width: 1024px) {
.events-listing-page .events__list ul.list__section li .list__main {
display: block;
clear: both
}
}
.events-listing-page .events__list ul.list__section li .list__main .list__info {
line-height: 1.5;
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.events-listing-page .events__list ul.list__section li .list__main .list__info {
margin-bottom: 0
}
}
.events-listing-page .events__list ul.list__section li .list__location {
grid-column-start: 7;
grid-column-end: 10;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1224px) {
.events-listing-page .events__list ul.list__section li .list__location {
grid-column-start: 8
}
}
.events-listing-page .events__list ul.list__section li .list__location .list__info {
line-height: 1.5;
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06);
float: left;
width: 50%
}
@media(min-width: 1024px) {
.events-listing-page .events__list ul.list__section li .list__location .list__info {
margin-bottom: 0;
width: 100%
}
.events-listing-page .events__list ul.list__section li .list__location .list__info:first-child {
margin-bottom: var(--spacing__08)
}
}
@media(max-width: 1024px) {
.events-listing-page .events__list ul.list__section li .list__location .list__info:first-child {
margin-right: var(--spacing__04);
width: calc(50% - var(--spacing__04))
}
}
.events-listing-page .events__list ul.list__section li .list__cta {
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1024px) {
.events-listing-page .events__list ul.list__section li .list__cta {
grid-column-start: 11
}
.events-listing-page .events__list ul.list__section li .list__cta .button {
float: right;
margin-top: var(--spacing__08)
}
}
@media(min-width: 1224px) {
.events-listing-page .events__list ul.list__section li .list__cta {
grid-column-start: 11
}
}
.events-listing-page .events__list .load-more {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-top: var(--spacing__06)
}
.events-listing-page .events__list .load-more .hidden {
display: none
}
.events-listing-page .events__list .load-more p {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
.js-event-page {
padding-bottom: var(--spacing__13)
}
.js-event-page>.blocks-section {
padding: 0
}
@media(min-width: 1024px) {
.js-event-page>.blocks-section {
padding: var(--spacing__08) 0 0
}
}
.js-event-page .event-page-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-event-page .event-page-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.js-event-page .event-page-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-event-page .event-page-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-event-page .event-page-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-event-page .event-page-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-event-page .event-page-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-event-page .event-page-header .grid {
display: grid
}
}
.js-event-page .event-page-header .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1224px) {
.js-event-page .event-page-header .text {
grid-column-end: 6
}
}
.js-event-page .event-page-header .text .label {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__05);
color: var(--color__purple--100)
}
@media(min-width: 1024px) {
.js-event-page .event-page-header .text .label {
font-size: var(--font__size--18)
}
}
.js-event-page .event-page-header .text .cta {
text-align: center;
line-height: var(--font__size--18);
margin-bottom: var(--spacing__06);
width: 100%
}
@media(min-width: 768px) {
.js-event-page .event-page-header .text .cta {
width: auto
}
}
.js-event-page .event-page-header .image {
display: block;
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 -15px var(--spacing__06)
}
@media(min-width: 1024px) {
.js-event-page .event-page-header .image {
margin-bottom: unset;
margin: 0 0 var(--spacing__06)
}
}
.js-event-page article {
grid-column: span 12;
grid-row: 2
}
@media(min-width: 1024px) {
.js-event-page article {
grid-column: span 6;
grid-row: 1
}
}
.js-event-page article .article-intro {
margin-top: var(--spacing__08)
}
.js-event-page article .article-intro h2 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-event-page article .article-intro h2 {
font-size: var(--font__size--36)
}
}
.js-event-page article .article-intro p {
font-size: var(--font__size--18)
}
.js-event-page article .article-intro h4 {
font-size: var(--font__size--18);
margin-top: var(--spacing__08)
}
.js-event-page article .article-intro .add-to-calendar-button {
margin-top: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-event-page article .article-intro .add-to-calendar-button {
margin-top: var(--spacing__09)
}
}
.js-event-page article .block {
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.js-event-page article .text-block {
margin-bottom: 0
}
.js-event-page article.out-of-view+aside .apply-button {
position: fixed;
bottom: 0;
left: 0;
width: calc(100% - var(--spacing__06));
background: var(--bg-default);
padding: var(--spacing__04) var(--spacing__04);
box-shadow: var(--elavation__02)
}
.js-event-page aside {
grid-column: span 12;
grid-row: 1
}
@media(min-width: 1024px) {
.js-event-page aside {
grid-column-start: 8;
grid-column-end: 13;
margin-bottom: initial
}
}
@media(min-width: 1441px) {
.js-event-page aside {
grid-column-start: 9
}
}
.js-event-page aside .block {
max-width: 100%;
margin-top: var(--spacing__08)
}
.js-event-page aside .form-block h2 {
font-size: var(--font__size--24);
margin-bottom: var(--spacing__06)
}
.js-event-page aside .apply-button {
grid-column: span 2
}
@media(min-width: 1024px) {
.js-event-page aside .form-block .EPiServerForms .Form__Element button[type=submit],
.js-event-page aside .form-block .EPiServerForms .Form__Element input[type=reset] {
grid-column: span 2;
width: 100%
}
}
.js-employee-support-page-template {
padding-bottom: var(--spacing__13)
}
.js-employee-support-page-template .employee-support-page-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-employee-support-page-template .employee-support-page-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.js-employee-support-page-template .employee-support-page-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-employee-support-page-template .employee-support-page-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-employee-support-page-template .employee-support-page-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-employee-support-page-template .employee-support-page-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-employee-support-page-template .employee-support-page-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-employee-support-page-template .employee-support-page-header .grid {
display: grid
}
}
.js-employee-support-page-template .employee-support-page-header .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.js-employee-support-page-template .employee-support-page-header .text h1 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-employee-support-page-template .employee-support-page-header .text h1 {
font-size: var(--font__size--48);
margin-bottom: unset
}
}
.js-employee-support-page-template .employee-support-page-header .text .preamble {
margin-top: var(--spacing__08);
margin-bottom: var(--spacing__08);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.js-employee-support-page-template .employee-support-page-header .text .preamble {
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
.js-employee-support-page-template .employee-support-page-header .text .cta {
text-align: center;
line-height: var(--font__size--18);
margin-bottom: var(--spacing__08);
width: 100%
}
@media(min-width: 768px) {
.js-employee-support-page-template .employee-support-page-header .text .cta {
width: auto
}
}
@media(min-width: 1024px) {
.js-employee-support-page-template .employee-support-page-header .text .cta {
margin-bottom: 0
}
}
.js-employee-support-page-template .employee-support-page-header .image {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 -15px var(--spacing__06)
}
@media(min-width: 1024px) {
.js-employee-support-page-template .employee-support-page-header .image {
margin-bottom: unset;
margin: 0 0 var(--spacing__06)
}
}
.js-employee-support-page-template .solutions-grid-block>ul li .sgb__card--icon {
display: none
}
.js-customer-success-story-template {
padding-bottom: var(--spacing__13)
}
.js-customer-success-story-template>.grid,
.js-customer-success-story-template>.blocks-section {
padding: 0
}
@media(min-width: 1024px) {
.js-customer-success-story-template>.grid,
.js-customer-success-story-template>.blocks-section {
padding-left: var(--spacing__05);
padding-right: var(--spacing__05)
}
}
.js-customer-success-story-template .customer-success-story-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-customer-success-story-template .customer-success-story-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.js-customer-success-story-template .customer-success-story-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-customer-success-story-template .customer-success-story-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-customer-success-story-template .customer-success-story-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-customer-success-story-template .customer-success-story-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-customer-success-story-template .customer-success-story-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-customer-success-story-template .customer-success-story-header .grid {
display: grid
}
}
.js-customer-success-story-template .customer-success-story-header .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 1224px) {
.js-customer-success-story-template .customer-success-story-header .text {
grid-column-end: 6
}
}
.js-customer-success-story-template .customer-success-story-header .text .cta {
text-align: center;
line-height: var(--font__size--18);
margin-bottom: var(--spacing__06);
width: 100%
}
@media(min-width: 768px) {
.js-customer-success-story-template .customer-success-story-header .text .cta {
width: auto
}
}
.js-customer-success-story-template .customer-success-story-header .image {
display: block;
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 -15px var(--spacing__06)
}
@media(min-width: 1024px) {
.js-customer-success-story-template .customer-success-story-header .image {
margin-bottom: unset;
margin: 0 0 var(--spacing__06)
}
}
.js-customer-success-story-template article {
grid-column: span 12;
grid-row: 2
}
@media(min-width: 1024px) {
.js-customer-success-story-template article {
grid-column: span 6;
grid-row: 1
}
}
.js-customer-success-story-template article .block {
max-width: 100%
}
.js-customer-success-story-template aside {
grid-column: span 12;
grid-row: 1
}
@media(min-width: 1024px) {
.js-customer-success-story-template aside {
grid-column-start: 8;
grid-column-end: 13;
margin-bottom: initial
}
}
@media(min-width: 1441px) {
.js-customer-success-story-template aside {
grid-column-start: 9
}
}
.js-customer-success-story-template aside .block {
max-width: 100%
}
@media(min-width: 1024px) {
.js-customer-success-story-template aside .table-block .table__container h2,
.js-customer-success-story-template aside .heading-block h2 {
font-size: var(--font__size--24)
}
}
.js-customer-success-story-template .related-content-block .card-slide .card__prev {
left: 1px
}
.js-customer-success-story-template .related-content-block .card-slide .card__next {
right: -25px
}
.js-customer-size-template .customer-size-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
.js-customer-size-template .customer-size-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-customer-size-template .customer-size-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-customer-size-template .customer-size-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-customer-size-template .customer-size-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-customer-size-template .customer-size-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-customer-size-template .customer-size-header .grid {
display: grid
}
}
.js-customer-size-template .customer-size-header .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.js-customer-size-template .customer-size-header .text .cta {
text-align: center;
line-height: var(--font__size--18);
width: 100%
}
@media(min-width: 768px) {
.js-customer-size-template .customer-size-header .text .cta {
width: auto
}
}
.js-customer-size-template .customer-size-header .image {
display: none;
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-customer-size-template .customer-size-header .image {
display: block
}
}
@media(min-width: 1024px) {
.js-customer-size-template .customer-size-header .image {
margin-bottom: unset
}
}
.js-customer-size-template .block.bundling-block {
background: var(--bg-subtle);
padding-bottom: var(--spacing__08)
}
.js-customer-size-template .block.bundling-block .block-description {
padding-top: var(--spacing__09)
}
.js-customer-size-template .block.bundling-block .block-description a {
margin-top: var(--spacing__05)
}
@media(min-width: 1024px) {
.js-customer-size-template .js-bundling-block .card-slide .card__button__container {
width: 100%
}
.js-customer-size-template .js-bundling-block .card-slide .card__prev {
display: flex;
background: linear-gradient(to right, var(--bg-subtle), 25%, transparent)
}
.js-customer-size-template .js-bundling-block .card-slide .card__prev:hover {
background: linear-gradient(to right, var(--bg-subtle), 25%, transparent)
}
.js-customer-size-template .js-bundling-block .card-slide .card__next {
display: flex;
background: linear-gradient(to left, var(--bg-subtle), 25%, transparent)
}
.js-customer-size-template .js-bundling-block .card-slide .card__next:hover {
background: linear-gradient(to left, var(--bg-subtle), 25%, transparent)
}
.js-customer-size-template .js-bundling-block .card-slide:not(.unslide) .slider__track {
width: 66.667%;
float: right;
margin-bottom: var(--spacing__06)
}
.js-customer-size-template .js-bundling-block .card-slide:not(.unslide) .cards__indicator {
width: 100%
}
.js-customer-size-template .js-bundling-block .card-slide:not(.unslide) .slide {
width: 50%
}
}
.js-contact-us-page {
padding-bottom: var(--spacing__13)
}
.js-contact-us-page .contact-us-page-hero {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-contact-us-page .contact-us-page-hero {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.js-contact-us-page .contact-us-page-hero .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-contact-us-page .contact-us-page-hero .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-contact-us-page .contact-us-page-hero .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-contact-us-page .contact-us-page-hero .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-contact-us-page .contact-us-page-hero .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-contact-us-page .contact-us-page-hero .grid {
display: grid
}
}
.js-contact-us-page .contact-us-page-hero .col.text {
grid-column-start: 1;
grid-column-end: 5;
grid-row: 1;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 1024px) {
.js-contact-us-page .contact-us-page-hero .col.text {
margin-bottom: var(--spacing__06)
}
}
@media(min-width: 1024px) {
.js-contact-us-page .contact-us-page-hero .col.text {
margin-bottom: unset
}
}
.js-contact-us-page .contact-us-page-hero .col.form {
grid-column-start: 6;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 3
}
.js-contact-us-page .contact-us-page-hero .col.info {
grid-column-start: 1;
grid-column-end: 5;
grid-row: 2;
justify-self: stretch;
align-self: stretch;
display: flex;
flex-flow: column;
justify-content: flex-end;
margin-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-contact-us-page .contact-us-page-hero .col.info {
margin-bottom: var(--spacing__12)
}
}
.js-contact-us-page .contact-us-page-hero .col.info h2 {
font-size: var(--font__size--18);
margin-bottom: var(--spacing__04)
}
@media(min-width: 1024px) {
.js-contact-us-page .contact-us-page-hero .col.info h2 {
font-size: var(--font__size--24)
}
}
.js-contact-us-page .contact-us-page-hero .col.info .preamble {
margin-bottom: var(--spacing__08);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.js-contact-us-page .contact-us-page-hero .col.info .preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
}
.js-contact-us-page .contact-us-page-hero .col.info a {
display: block;
position: relative;
font-size: var(--font__size--15);
color: var(--text-primary-dark);
margin-bottom: var(--spacing__04);
text-decoration: none;
padding-left: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-contact-us-page .contact-us-page-hero .col.info a {
font-size: var(--font__size--18)
}
}
.js-contact-us-page .contact-us-page-hero .col.info a:hover {
text-decoration: underline
}
.js-contact-us-page .contact-us-page-hero .col.info a:visited {
color: var(--text-primary-dark)
}
.js-contact-us-page .contact-us-page-hero .col.info a svg {
fill: var(--color__white);
width: 1.25rem;
height: 1.25em;
position: absolute;
left: 0
}
.js-contact-us-page .contact-us-page-hero .form-block.block {
width: 100%;
background: var(--bg-default);
border-radius: var(--radius-small);
margin-top: 0;
margin-bottom: 0;
padding: var(--spacing__08) var(--spacing__06)
}
.js-contact-us-page .contact-us-page-hero .form-block.block .EPiServerForms section {
grid-column-gap: var(--spacing__06)
}
@media(min-width: 768px) {
.js-contact-us-page .contact-us-page-hero .form-block.block .EPiServerForms .Form__Element {
grid-column: span 12;
grid-template-columns: repeat(12, minmax(0, 1fr))
}
}
.js-contact-us-page .contact-us-page-hero .form-block.block .EPiServerForms .FormParagraphText {
color: var(--text-primary-light)
}
@media(min-width: 768px) {
.js-contact-us-page .contact-us-page-hero .form-block.block .half-width-form_element {
grid-column: span 6
}
}
@media(min-width: 1224px) {
.js-contact-us-page .contact-us-page-hero .form-block.block {
padding: var(--spacing__08)
}
}
.js-contact-us-page .contact-us-page-hero .form-block.block .col {
grid-column: span 12
}
.js-contact-us-page .contact-us-page-hero .form-block.block .Form__MandatoryFields {
color: var(--text-primary-light)
}
.js-contact-us-page .contact-us-page-hero .form-block.block .Form__Title,
.js-contact-us-page .contact-us-page-hero .form-block.block .Form__Description {
color: var(--text-primary-light)
}
@media(max-width: 896px) {
.js-contact-us-page .image-with-text-block .col.image {
display: none
}
}
.combined-press-release-page {
margin-top: var(--spacing__09);
padding-bottom: var(--spacing__12)
}
.combined-press-release-page .filters {
margin-bottom: var(--spacing__09);
margin-top: 0
}
.combined-press-release-page .filters {
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-bottom: var(--spacing__09);
margin-top: 0
}
.combined-press-release-page .filters .filter-search {
align-items: flex-end;
display: flex;
min-width: auto
}
.combined-press-release-page .filters .filter-search .filter-wrapper {
flex: 0 0 100%
}
.combined-press-release-page .filters .filters-collapse-mobile,
.combined-press-release-page .filters .filters-title-mobile {
order: 1
}
@media(min-width: 896px) {
.combined-press-release-page .filters .filters-collapse-mobile,
.combined-press-release-page .filters .filters-title-mobile {
order: initial
}
}
.combined-press-release-page .filters .filter-search {
order: 2;
margin-bottom: var(--spacing__06)
}
@media(min-width: 896px) {
.combined-press-release-page .filters .filter-search {
order: initial;
margin-bottom: initial
}
}
.combined-press-release-page .filters dl {
order: 3
}
@media(min-width: 896px) {
.combined-press-release-page .filters dl {
order: initial
}
}
.combined-press-release-page .filters .filter-buttons {
order: 4
}
@media(min-width: 896px) {
.combined-press-release-page .filters .filter-buttons {
order: initial
}
}
.combined-press-release-page .filters .select .select-toggle {
background-color: var(--bg-default);
padding: var(--spacing__06) var(--spacing__03);
border: var(--stroke-thin) solid var(--color__grey--700);
border-radius: var(--radius-xsmall)
}
.combined-press-release-page .list__loader {
display: flex;
justify-content: center;
padding: var(--spacing__09) 0
}
.combined-press-release-page .list {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.combined-press-release-page .list {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.combined-press-release-page .list {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.combined-press-release-page .list {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.combined-press-release-page .list {
padding-left: 0;
padding-right: 0
}
}
.combined-press-release-page .list__section {
margin-bottom: var(--spacing__09)
}
@media(min-width: 1224px) {
.combined-press-release-page .list__section {
margin-bottom: var(--spacing__12)
}
}
.combined-press-release-page .list__section .list__title {
font-size: var(--font__size--24);
font-family: var(--font__bold);
padding-bottom: var(--spacing__06);
border-bottom: 0
}
@media(min-width: 1024px) {
.combined-press-release-page .list__section .list__title {
font-size: var(--font__size--36)
}
}
.combined-press-release-page .list__section ul {
list-style: none;
margin: 0;
padding: 0
}
.combined-press-release-page .list__section ul .list__item {
padding: var(--spacing__08) var(--spacing__06);
border-bottom: var(--stroke-thin) solid var(--border-primary);
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: var(--spacing__04)
}
@media(min-width: 896px) {
.combined-press-release-page .list__section ul .list__item {
grid-column-gap: var(--spacing__06)
}
}
.combined-press-release-page .list__section ul .list__item:nth-child(odd) {
background: #f4f4f5
}
.combined-press-release-page .list__section ul .list__item .list__info {
grid-column-start: 1;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 1
}
@media(min-width: 896px) {
.combined-press-release-page .list__section ul .list__item .list__info {
grid-column-start: 1;
grid-column-end: 6;
justify-self: start;
align-self: start
}
}
.combined-press-release-page .list__section ul .list__item .list__main {
grid-column-start: 1;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 2
}
@media(min-width: 896px) {
.combined-press-release-page .list__section ul .list__item .list__main {
grid-column-start: 5;
grid-column-end: 11;
justify-self: start;
align-self: start;
grid-row: 1
}
}
.combined-press-release-page .list__section ul .list__item .list__main .label {
font-family: var(--font__bold)
}
.combined-press-release-page .list__section ul .list__item .list__action {
grid-column-start: 11;
grid-column-end: 13;
justify-self: end;
align-self: start;
grid-row-start: 3;
grid-row-end: 3
}
@media(min-width: 896px) {
.combined-press-release-page .list__section ul .list__item .list__action {
grid-column-start: 12;
grid-column-end: 13;
justify-self: end;
align-self: start;
grid-row-start: 1;
grid-row-end: none
}
}
.combined-press-release-page .load-more {
display: none;
justify-content: center;
margin-top: var(--spacing__06)
}
.js-client-care-template {
padding-bottom: var(--spacing__13)
}
.js-client-care-template .client-care-header {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-client-care-template .client-care-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.js-client-care-template .client-care-header .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-client-care-template .client-care-header .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-client-care-template .client-care-header .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-client-care-template .client-care-header .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-client-care-template .client-care-header .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-client-care-template .client-care-header .grid {
display: grid
}
}
.js-client-care-template .client-care-header .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2;
padding-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-client-care-template .client-care-header .text {
padding-bottom: 0
}
}
@media(min-width: 1224px) {
.js-client-care-template .client-care-header .text {
grid-column-end: 6
}
}
.js-client-care-template .client-care-header .text .cta {
text-align: center;
line-height: var(--font__size--18);
margin-bottom: var(--spacing__06);
width: 100%
}
@media(min-width: 768px) {
.js-client-care-template .client-care-header .text .cta {
width: auto;
margin-right: var(--spacing__08)
}
}
.js-client-care-template .client-care-header .image {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0 -15px var(--spacing__06)
}
@media(min-width: 1024px) {
.js-client-care-template .client-care-header .image {
margin-bottom: unset;
margin: 0 0 var(--spacing__06)
}
}
@media(min-width: 896px) {
.js-client-care-template .tab-blocks .image__responsive {
max-height: 559.5px
}
}
@media(max-width: 1024px) {
.js-client-care-template .tab-container-block .tab-images {
display: block
}
}
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
column-gap: var(--gutter__column--s)
}
@media(min-width: 768px) {
.grid {
grid-template-columns: repeat(8, 1fr)
}
}
@media(min-width: 1024px) {
.grid {
grid-template-columns: repeat(12, 1fr)
}
}
@media(min-width: 768px) {
.grid.grid__gap {
column-gap: var(--gutter__column)
}
}
.button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
font-size: var(--font__size--15);
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
line-height: 1;
transition: var(--duration-large) var(--ease-standard);
font-family: var(--font__bold)
}
.button:not(.tiny) {
height: 48px;
padding: 0 var(--spacing__08)
}
.button.tiny {
height: 36px;
padding: 0 1.5rem
}
.button__primary {
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800);
color: var(--text-primary-dark) !important
}
.button__primary:visited {
color: var(--text-primary-dark)
}
.button__primary:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__primary:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.button__primary:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__primary:disabled,
.button__primary.disabled {
color: var(--color__grey--500);
background-color: var(--color__grey--200);
border-color: var(--color__grey--200)
}
.button__primary.disabled {
pointer-events: none
}
.button__primary svg {
display: none
}
.button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary:hover {
color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__secondary:focus {
color: var(--color__blue--600);
outline: 3px solid var(--color__blue--600);
outline-offset: 2px
}
.button__secondary:active {
color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__secondary:disabled,
.button__secondary.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary.disabled {
pointer-events: none
}
.button__secondary svg {
display: none
}
.button__white {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thick) solid var(--color__white)
}
.button__white:hover {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:focus {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:active {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white svg {
display: none
}
.button__tertiary {
background-color: var(--color__purple--100);
border: var(--stroke-thick) solid var(--color__purple--100);
color: var(--text-primary-light)
}
.button__tertiary:hover {
background-color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__tertiary:focus {
background-color: var(--color__purple--200);
border-color: var(--color__purple--200)
}
.button__tertiary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400);
color: var(--text-primary-dark)
}
.button__tertiary:disabled,
.button__tertiary.disabled {
color: var(--color__grey--800);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__tertiary.disabled {
pointer-events: none
}
.button__tertiary svg {
display: none
}
.button__quaternary {
background-color: var(--color__purple--600);
border: var(--stroke-thick) solid var(--color__purple--600);
color: var(--text-primary-dark)
}
.button__quaternary:hover {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:focus {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:disabled,
.button__quaternary.disabled {
color: var(--color__grey--500);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__quaternary.disabled {
pointer-events: none
}
.button__quaternary svg {
display: none
}
.button__outline {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__purple--100)
}
.button__outline:hover {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:focus {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:active {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:disabled,
.button__outline.disabled {
color: var(--color__grey--500);
border-color: var(--color__grey--500)
}
.button__outline.disabled {
pointer-events: none
}
.button__outline:visited {
color: var(--text-primary-dark)
}
.button__outline svg {
display: none
}
.button__outline--white {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:hover {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:focus {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:active {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:disabled,
.button__outline--white.disabled {
border: var(--stroke-thick) solid var(--color__white)
}
.button__login {
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__white);
color: var(--text-primary-dark)
}
.button__login:visited {
color: var(--text-primary-dark)
}
.button__login:hover {
color: var(--color__purple--100);
border-color: var(--color__purple--100)
}
.button__login:focus {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:active {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:disabled,
.button__login.disabled {
color: var(--interactive-disabled);
border-color: var(--interactive-disabled)
}
.button__login.disabled {
pointer-events: none
}
.button__play {
background: hsla(0, 0%, 100%, .2);
color: var(--text-primary-dark);
cursor: pointer
}
.button__play:not(.tiny) {
padding: 0 1.5rem
}
.button__play:visited {
color: var(--text-primary-dark)
}
.button__play svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-right: var(--spacing__03)
}
.button__play:hover,
.button__play:focus,
.button__play:active {
background: #fff;
color: var(--text-primary-light)
}
.button__play:hover svg,
.button__play:focus svg,
.button__play:active svg {
fill: var(--color__blue--800)
}
.button.wide {
width: 100%;
justify-content: center
}
.button__tertiary--designsystem {
background-color: var(--cta-tertiary);
border: var(--stroke-thick) solid var(--cta-tertiary);
color: var(--text-primary-dark)
}
.button__tertiary--designsystem svg {
fill: var(--color__white)
}
.button__tertiary--designsystem:hover {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:focus {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:active {
background-color: var(--cta-tertiary--active);
border-color: var(--cta-tertiary--active)
}
.button__tertiary--designsystem:disabled,
.button__tertiary--designsystem.disabled {
color: var(--color__grey--600);
background-color: var(--color__grey--300);
border-color: var(--color__grey--300)
}
.button__tertiary--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__tertiary--designsystem {
font-size: var(--font__size--18)
}
}
.button__secondary--designsystem {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary--designsystem:not(.tiny) {
padding: 0 var(--spacing__06)
}
.button__secondary--designsystem:hover {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:focus {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:active {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:disabled,
.button__secondary--designsystem.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary--designsystem.disabled {
pointer-events: none
}
.button__secondary--designsystem svg {
display: none
}
.button__secondary--designsystem__icon svg {
display: inline;
margin-left: var(--spacing__05);
width: 17px;
height: 17px;
fill: var(--color__blue--800)
}
.button__secondary--designsystem__icon:hover svg {
fill: var(--color__white)
}
.button__outline--designsystem {
color: var(--text-primary-dark) !important;
background-color: rgba(0, 0, 0, 0);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem svg {
fill: var(--color__white)
}
.button__outline--designsystem:visited {
color: var(--text-primary-dark) !important
}
.button__outline--designsystem:hover,
.button__outline--designsystem:focus,
.button__outline--designsystem:active {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
fill: var(--color__blue--800)
}
.button__outline--designsystem:disabled,
.button__outline--designsystem.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__outline--designsystem {
font-size: var(--font__size--18)
}
}
.button__outline--designsystem--white {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:visited {
color: var(--text-primary-light) !important
}
.button__outline--designsystem--white:hover,
.button__outline--designsystem--white:focus,
.button__outline--designsystem--white:active {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:hover svg,
.button__outline--designsystem--white:focus svg,
.button__outline--designsystem--white:active svg {
fill: var(--color__white)
}
.button__outline--designsystem--white:disabled,
.button__outline--designsystem--white.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem--white.disabled {
pointer-events: none
}
.button__tertiary--designsystem,
.button__outline--designsystem {
position: relative
}
.button__tertiary--designsystem span,
.button__outline--designsystem span {
position: relative;
right: 0;
-webkit-transition: right var(--duration-large);
-moz-transition: right var(--duration-large);
transition: right var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem svg,
.button__outline--designsystem svg {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
left: 10px;
-webkit-transition: all var(--duration-large);
-moz-transition: allvar(--duration-large);
transition: all var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem:hover span,
.button__tertiary--designsystem:focus span,
.button__tertiary--designsystem:active span,
.button__outline--designsystem:hover span,
.button__outline--designsystem:focus span,
.button__outline--designsystem:active span {
right: -10px
}
.button__tertiary--designsystem:hover svg,
.button__tertiary--designsystem:focus svg,
.button__tertiary--designsystem:active svg,
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
opacity: 1;
left: 20px
}
.button__language,
.button__search {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
font-size: var(--font__size--15);
color: var(--text-primary-dark);
align-items: center
}
.button__language svg,
.button__search svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-left: .5rem;
margin-top: 2px
}
.button__language>*,
.button__search>* {
pointer-events: none
}
.button__language:hover>span,
.button__search:hover>span {
text-decoration: underline
}
.button__language:focus>span,
.button__search:focus>span {
text-decoration: underline dotted
}
.button__language:focus>svg,
.button__search:focus>svg {
fill: var(--color__blue--100)
}
.dark-option .button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: none
}
.dark-option .button__secondary:focus {
outline: 3px solid var(--color__purple--300);
outline-offset: 2px
}
.dark-option .button__secondary:hover {
background-color: var(--color__grey--200)
}
.dark-option .button__secondary:active {
background-color: var(--color__grey--400)
}
.dark-option .button__secondary:disabled,
.dark-option .button__secondary.disabled {
color: var(--color__grey--700);
background-color: var(--color__grey--300)
}
.dark-option .button__secondary.disabled {
pointer-events: none
}
.breadcrumbs {
margin-top: var(--spacing__04)
}
@media(min-width: 896px) {
.breadcrumbs {
margin-top: 0
}
}
.design-system.js-category-page .anchor-bar {
transition: box-shadow var(--duration-large) var(--ease-standard)
}
.design-system.js-category-page .anchor-bar.is-sticky {
box-shadow: var(--elavation__03)
}
.design-system.js-category-page .anchor-bar .anchor-links {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.design-system.js-category-page .anchor-bar .anchor-links {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .anchor-bar .anchor-links {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.design-system.js-category-page .anchor-bar .anchor-links {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.design-system.js-category-page .anchor-bar .anchor-links {
padding-left: 0;
padding-right: 0
}
}
.design-system.js-category-page .anchor-bar .anchor-links a:hover {
color: var(--color__blue--600)
}
.design-system.js-category-page .anchor-bar .anchor-links li.active a {
border-bottom: var(--stroke-thin) solid var(--color__blue--800)
}
.design-system.js-category-page .section__header {
overflow-x: hidden;
padding-top: var(--spacing__07);
padding-bottom: var(--spacing__07);
background: var(--bg-brand)
}
@media(min-width: 768px) {
.design-system.js-category-page .section__header {
padding-top: var(--spacing__11);
padding-bottom: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .section__header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.design-system.js-category-page .section__header .col-left {
grid-column: 1/13
}
@media(min-width: 1024px) {
.design-system.js-category-page .section__header .col-left {
grid-column: 1/7;
max-width: 565px
}
}
.design-system.js-category-page .section__header .col-right {
grid-column: 1/13;
padding-top: var(--spacing__08);
margin-inline: var(--spacing__05--negative)
}
@media(min-width: 768px) {
.design-system.js-category-page .section__header .col-right {
margin-inline: 0
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .section__header .col-right {
width: 537px;
grid-column: 8/13;
padding-top: 0
}
}
@media(min-width: 1441px) {
.design-system.js-category-page .section__header .col-right {
width: 600px
}
}
@media(min-width: 896px) {
.design-system.js-category-page .section__header .col-right figure,
.design-system.js-category-page .section__header .col-right picture,
.design-system.js-category-page .section__header .col-right img {
border-radius: var(--radius-small)
}
}
.design-system.js-category-page .section__header .container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.design-system.js-category-page .section__header .container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .section__header .container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.design-system.js-category-page .section__header .container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.design-system.js-category-page .section__header .container {
padding-left: 0;
padding-right: 0
}
}
.design-system.js-category-page .section__header h1 {
color: var(--text-primary-dark);
font-size: var(--font__size--30);
line-height: var(--font__size--40)
}
@media(min-width: 768px) {
.design-system.js-category-page .section__header h1 {
font-size: var(--font__size--45);
line-height: var(--font__size--48)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .section__header h1 {
font-size: var(--font__size--48);
line-height: var(--font__size--48)
}
}
.design-system.js-category-page .section__header .preamble {
padding-top: var(--spacing__05);
color: var(--text-primary-dark);
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
@media(min-width: 768px) {
.design-system.js-category-page .section__header .preamble {
padding-top: var(--spacing__06);
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.design-system.js-category-page .section__header .buttons .button {
width: 100%
}
@media(min-width: 768px) {
.design-system.js-category-page .section__header .buttons .button {
width: auto
}
.design-system.js-category-page .section__header .buttons .button:first-child {
margin-right: var(--spacing__05)
}
}
.design-system.js-category-page .section__header .buttons .button__tertiary--designsystem {
margin-top: var(--spacing__06)
}
@media(min-width: 768px) {
.design-system.js-category-page .section__header .buttons .button__tertiary--designsystem {
margin-top: var(--spacing__08)
}
}
.design-system.js-category-page .section__header .buttons .button__outline--designsystem {
margin-top: var(--spacing__05)
}
.design-system.js-category-page .section__header ul.usp {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.5;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: var(--spacing__06);
padding-top: var(--spacing__06);
color: var(--text-primary-dark)
}
@media(min-width: 896px) {
.design-system.js-category-page .section__header ul.usp {
display: grid
}
}
.design-system.js-category-page .section__header ul.usp li {
display: flex;
align-items: center;
column-gap: var(--spacing__04);
padding-top: var(--spacing__06)
}
.design-system.js-category-page .section__header ul.usp li svg {
fill: var(--color__white);
width: 2rem;
height: 2rem;
flex-shrink: 0
}
.design-system.js-category-page .js-image-with-text-block {
padding-top: var(--spacing__08)
}
@media(min-width: 768px) {
.design-system.js-category-page .js-image-with-text-block {
padding-top: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .js-image-with-text-block {
padding-top: var(--spacing__12);
margin-bottom: var(--spacing__12)
}
}
.design-system.js-category-page .js-image-with-text-block .col.image.landscape {
margin: 0
}
.design-system.js-category-page .section__categories {
padding-top: var(--spacing__08);
padding-bottom: var(--spacing__08);
padding-inline: 0;
background: var(--bg-default);
margin-bottom: 0;
overflow: hidden
}
@media(min-width: 768px) {
.design-system.js-category-page .section__categories {
padding-top: var(--spacing__11);
padding-bottom: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .section__categories {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.design-system.js-category-page .section__categories .block--label {
line-height: var(--font__size--24);
font-weight: var(--font__weight--700);
font-size: var(--font__size--15);
margin: 0;
max-width: var(--max-width__site);
margin-left: 0;
margin-right: 0
}
@media(min-width: 768px) {
.design-system.js-category-page .section__categories .block--label {
font-size: var(--font__size--18)
}
}
.design-system.js-category-page .section__categories .block-intro {
margin-bottom: var(--spacing__08)
}
@media(min-width: 768px) {
.design-system.js-category-page .section__categories .block-intro {
margin-bottom: var(--spacing__09)
}
}
.design-system.js-category-page .section__categories .block-intro h2 {
font-size: var(--font__size--30);
line-height: var(--font__size--40);
font-family: var(--font__bold);
margin-top: var(--spacing__02);
grid-column: 1/12
}
@media(min-width: 768px) {
.design-system.js-category-page .section__categories .block-intro h2 {
grid-column: 1/6;
margin-top: var(--spacing__04)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .section__categories .block-intro h2 {
font-size: var(--font__size--36)
}
}
.design-system.js-category-page .section__categories .block-intro .category__preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--27);
grid-column: 1/12;
justify-self: stretch;
align-self: stretch;
margin-top: var(--spacing__05)
}
@media(min-width: 768px) {
.design-system.js-category-page .section__categories .block-intro .category__preamble {
grid-column: 1/6;
margin-top: var(--spacing__06)
}
}
.design-system.js-category-page .section__categories .card-slide h3 {
font-size: var(--font__size--24);
line-height: 30px
}
@media(max-width: 580px) {
.design-system.js-category-page .section__categories .card-slide h3 {
font-size: var(--font__size--18);
line-height: 24px
}
}
.design-system.js-category-page .section__categories .card-slide .preamble {
margin-bottom: var(--spacing__12);
font-size: var(--font__size--15);
line-height: 24px
}
.design-system.js-category-page .section__categories .card-slide .slide {
padding-top: 0
}
.design-system.js-category-page .section__categories .card-slide .slide a {
text-decoration: none
}
.design-system.js-category-page .section__categories .card-slide .slide a h3 {
text-decoration: none
}
.design-system.js-category-page .section__categories .card-slide .slide a .link--purple {
transition: var(--duration-large) var(--ease-standard);
text-decoration: underline;
font-size: var(--font__size--18);
line-height: 27px
}
@media(max-width: 580px) {
.design-system.js-category-page .section__categories .card-slide .slide a .link--purple {
font-size: var(--font__size--16)
}
}
.design-system.js-category-page .section__categories .card-slide .slide a:link .link--purple {
color: var(--color__purple--500)
}
.design-system.js-category-page .section__categories .card-slide .slide a:visited .link--purple {
color: var(--color__purple--600)
}
.design-system.js-category-page .section__categories .card-slide .slide a:hover .link--purple {
color: var(--color__purple--800)
}
.design-system.js-category-page .section__categories .card-slide .slide a:active .link--purple {
color: var(--color__purple--300)
}
.design-system.js-category-page .section__categories .card__feature {
width: 100%;
border-radius: var(--radius-small);
overflow: hidden;
display: flex;
flex-direction: column;
margin-top: 0;
height: 100%
}
.design-system.js-category-page .section__categories .card__feature>a {
display: flex;
flex-direction: column;
flex: 1;
text-decoration: none
}
.design-system.js-category-page .section__categories .card__feature .card__img {
aspect-ratio: 3/2;
overflow: hidden
}
.design-system.js-category-page .section__categories .card__feature .img__wrapper {
height: 100%
}
.design-system.js-category-page .section__categories .card__feature .img__wrapper .image__responsive {
width: 100%;
height: 100%;
object-fit: cover
}
.design-system.js-category-page .section__categories .card__feature.card__feature--no-image .card__text {
margin-top: auto
}
.design-system.js-category-page .section__categories .card__feature .card__text {
flex: 1;
min-height: 230px;
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: var(--spacing__05) var(--spacing__05) var(--spacing__06)
}
@media(min-width: 768px) {
.design-system.js-category-page .section__categories .card__feature .card__text {
padding: var(--spacing__07)
}
}
.design-system.js-category-page .section__categories .card__feature .card__text>div {
flex: 1
}
.design-system.js-category-page .section__categories .card__feature .card__text h3 {
margin-top: 0;
text-decoration: none
}
.design-system.js-category-page .section__categories .card__feature .card__text .preamble {
margin-top: var(--spacing__04);
margin-bottom: 0
}
.design-system.js-category-page .section__categories .card__feature .card__text .button.button__outline--designsystem {
width: 100%;
height: auto;
min-height: 48px;
border: var(--stroke-thin) solid var(--bg-brand);
margin-top: var(--spacing__07);
padding-top: var(--spacing__04);
padding-bottom: var(--spacing__04)
}
.design-system.js-category-page .section__categories .card__feature .card__text .button.button__outline--designsystem span {
color: var(--bg-brand)
}
.design-system.js-category-page .benefits {
padding-bottom: 0;
margin-bottom: 0
}
.design-system.js-category-page .testimonials .heading-block.block {
padding-top: var(--spacing__09);
margin-bottom: 0
}
@media(min-width: 768px) {
.design-system.js-category-page .testimonials .heading-block.block {
padding-top: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .testimonials .heading-block.block {
padding-top: var(--spacing__12)
}
}
.design-system.js-category-page .testimonials .heading-block.block .block--heading {
margin-bottom: 0
}
.design-system.js-category-page .testimonials .heading-block.block .block--preamble {
margin-top: var(--spacing__06)
}
.design-system.js-category-page .testimonials .js-testimonial-slider-block.testimonial-slider-block.block {
padding-top: var(--spacing__06);
margin-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.design-system.js-category-page .testimonials .js-testimonial-slider-block.testimonial-slider-block.block {
padding-top: var(--spacing__09);
margin-bottom: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .testimonials .js-testimonial-slider-block.testimonial-slider-block.block {
margin-bottom: var(--spacing__12)
}
}
.design-system.js-category-page .industries {
padding: var(--spacing__08) 0 0;
margin-top: 0
}
@media(min-width: 768px) {
.design-system.js-category-page .industries {
padding-top: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .industries {
padding-top: var(--spacing__12)
}
}
.design-system.js-category-page .industries .js-card-container-block {
padding-top: 0;
margin-bottom: var(--spacing__08)
}
@media(min-width: 768px) {
.design-system.js-category-page .industries .js-card-container-block {
margin-bottom: var(--spacing__11);
padding-top: var(--spacing__05)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .industries .js-card-container-block {
margin-bottom: var(--spacing__12);
padding-top: var(--spacing__05)
}
}
.design-system.js-category-page .industries .js-card-container-block .card.slide .card__wrapper {
border-radius: 0
}
.design-system.js-category-page .container__sticky--anchor {
position: sticky;
z-index: 998;
top: 60px;
isolation: isolate
}
@media(min-width: 1024px) {
.design-system.js-category-page .container__sticky--anchor {
z-index: 999;
top: 68px
}
}
.design-system.js-category-page .container__sticky--anchor .anchor-bar {
background-color: var(--bg-context);
width: 100%
}
.design-system.js-category-page .lead-generation-block {
margin-top: 0;
margin-bottom: 0
}
.design-system.js-category-page .accordion-block {
padding-top: var(--spacing__08);
margin-bottom: var(--spacing__11)
}
@media(min-width: 768px) {
.design-system.js-category-page .accordion-block {
padding-top: var(--spacing__11);
margin-bottom: var(--spacing__14)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .accordion-block {
padding-top: var(--spacing__12)
}
}
.design-system.js-category-page .related-content-block {
padding-top: var(--spacing__08);
margin-bottom: var(--spacing__08)
}
@media(min-width: 768px) {
.design-system.js-category-page .related-content-block {
padding-top: var(--spacing__11);
margin-bottom: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.design-system.js-category-page .related-content-block {
padding-top: var(--spacing__14);
margin-bottom: var(--spacing__14)
}
}
.button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
font-size: var(--font__size--15);
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
line-height: 1;
transition: var(--duration-large) var(--ease-standard);
font-family: var(--font__bold)
}
.button:not(.tiny) {
height: 48px;
padding: 0 var(--spacing__08)
}
.button.tiny {
height: 36px;
padding: 0 1.5rem
}
.button__primary {
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800);
color: var(--text-primary-dark) !important
}
.button__primary:visited {
color: var(--text-primary-dark)
}
.button__primary:hover {
background-color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__primary:focus {
background-color: var(--color__blue--600);
border-color: var(--border-secondary)
}
.button__primary:active {
background-color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__primary:disabled,
.button__primary.disabled {
color: var(--color__grey--500);
background-color: var(--color__grey--200);
border-color: var(--color__grey--200)
}
.button__primary.disabled {
pointer-events: none
}
.button__primary svg {
display: none
}
.button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary:hover {
color: var(--color__blue--700);
border-color: var(--color__blue--700)
}
.button__secondary:focus {
color: var(--color__blue--600);
outline: 3px solid var(--color__blue--600);
outline-offset: 2px
}
.button__secondary:active {
color: var(--color__blue--900);
border-color: var(--color__blue--900)
}
.button__secondary:disabled,
.button__secondary.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary.disabled {
pointer-events: none
}
.button__secondary svg {
display: none
}
.button__white {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thick) solid var(--color__white)
}
.button__white:hover {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:focus {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white:active {
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0)
}
.button__white svg {
display: none
}
.button__tertiary {
background-color: var(--color__purple--100);
border: var(--stroke-thick) solid var(--color__purple--100);
color: var(--text-primary-light)
}
.button__tertiary:hover {
background-color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__tertiary:focus {
background-color: var(--color__purple--200);
border-color: var(--color__purple--200)
}
.button__tertiary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400);
color: var(--text-primary-dark)
}
.button__tertiary:disabled,
.button__tertiary.disabled {
color: var(--color__grey--800);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__tertiary.disabled {
pointer-events: none
}
.button__tertiary svg {
display: none
}
.button__quaternary {
background-color: var(--color__purple--600);
border: var(--stroke-thick) solid var(--color__purple--600);
color: var(--text-primary-dark)
}
.button__quaternary:hover {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:focus {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:active {
background-color: var(--color__purple--400);
border-color: var(--color__purple--400)
}
.button__quaternary:disabled,
.button__quaternary.disabled {
color: var(--color__grey--500);
background-color: var(--bg-subtle);
border-color: var(--color__grey--100)
}
.button__quaternary.disabled {
pointer-events: none
}
.button__quaternary svg {
display: none
}
.button__outline {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__purple--100)
}
.button__outline:hover {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:focus {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:active {
background-color: var(--color__blue--900);
border: var(--stroke-thick) solid var(--color__purple--300)
}
.button__outline:disabled,
.button__outline.disabled {
color: var(--color__grey--500);
border-color: var(--color__grey--500)
}
.button__outline.disabled {
pointer-events: none
}
.button__outline:visited {
color: var(--text-primary-dark)
}
.button__outline svg {
display: none
}
.button__outline--white {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:hover {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:focus {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:active {
border: var(--stroke-thick) solid var(--color__white)
}
.button__outline--white:disabled,
.button__outline--white.disabled {
border: var(--stroke-thick) solid var(--color__white)
}
.button__login {
background-color: var(--bg-brand);
border: var(--stroke-thick) solid var(--color__white);
color: var(--text-primary-dark)
}
.button__login:visited {
color: var(--text-primary-dark)
}
.button__login:hover {
color: var(--color__purple--100);
border-color: var(--color__purple--100)
}
.button__login:focus {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:active {
color: var(--color__purple--300);
border-color: var(--color__purple--300)
}
.button__login:disabled,
.button__login.disabled {
color: var(--interactive-disabled);
border-color: var(--interactive-disabled)
}
.button__login.disabled {
pointer-events: none
}
.button__play {
background: hsla(0, 0%, 100%, .2);
color: var(--text-primary-dark);
cursor: pointer
}
.button__play:not(.tiny) {
padding: 0 1.5rem
}
.button__play:visited {
color: var(--text-primary-dark)
}
.button__play svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-right: var(--spacing__03)
}
.button__play:hover,
.button__play:focus,
.button__play:active {
background: #fff;
color: var(--text-primary-light)
}
.button__play:hover svg,
.button__play:focus svg,
.button__play:active svg {
fill: var(--color__blue--800)
}
.button.wide {
width: 100%;
justify-content: center
}
.button__tertiary--designsystem {
background-color: var(--cta-tertiary);
border: var(--stroke-thick) solid var(--cta-tertiary);
color: var(--text-primary-dark)
}
.button__tertiary--designsystem svg {
fill: var(--color__white)
}
.button__tertiary--designsystem:hover {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:focus {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.button__tertiary--designsystem:active {
background-color: var(--cta-tertiary--active);
border-color: var(--cta-tertiary--active)
}
.button__tertiary--designsystem:disabled,
.button__tertiary--designsystem.disabled {
color: var(--color__grey--600);
background-color: var(--color__grey--300);
border-color: var(--color__grey--300)
}
.button__tertiary--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__tertiary--designsystem {
font-size: var(--font__size--18)
}
}
.button__secondary--designsystem {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__secondary--designsystem:not(.tiny) {
padding: 0 var(--spacing__06)
}
.button__secondary--designsystem:hover {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:focus {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:active {
background-color: var(--bg-brand);
color: var(--text-primary-dark)
}
.button__secondary--designsystem:disabled,
.button__secondary--designsystem.disabled {
color: var(--color__grey--700);
border-color: var(--color__grey--700)
}
.button__secondary--designsystem.disabled {
pointer-events: none
}
.button__secondary--designsystem svg {
display: none
}
.button__secondary--designsystem__icon svg {
display: inline;
margin-left: var(--spacing__05);
width: 17px;
height: 17px;
fill: var(--color__blue--800)
}
.button__secondary--designsystem__icon:hover svg {
fill: var(--color__white)
}
.button__outline--designsystem {
color: var(--text-primary-dark) !important;
background-color: rgba(0, 0, 0, 0);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem svg {
fill: var(--color__white)
}
.button__outline--designsystem:visited {
color: var(--text-primary-dark) !important
}
.button__outline--designsystem:hover,
.button__outline--designsystem:focus,
.button__outline--designsystem:active {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__white)
}
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
fill: var(--color__blue--800)
}
.button__outline--designsystem:disabled,
.button__outline--designsystem.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.button__outline--designsystem {
font-size: var(--font__size--18)
}
}
.button__outline--designsystem--white {
color: var(--text-primary-light) !important;
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:visited {
color: var(--text-primary-light) !important
}
.button__outline--designsystem--white:hover,
.button__outline--designsystem--white:focus,
.button__outline--designsystem--white:active {
color: var(--text-primary-dark) !important;
background-color: var(--bg-brand);
border: var(--stroke-thin) solid var(--color__blue--800)
}
.button__outline--designsystem--white:hover svg,
.button__outline--designsystem--white:focus svg,
.button__outline--designsystem--white:active svg {
fill: var(--color__white)
}
.button__outline--designsystem--white:disabled,
.button__outline--designsystem--white.disabled {
color: var(--color__grey--600) !important;
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.button__outline--designsystem--white.disabled {
pointer-events: none
}
.button__tertiary--designsystem,
.button__outline--designsystem {
position: relative
}
.button__tertiary--designsystem span,
.button__outline--designsystem span {
position: relative;
right: 0;
-webkit-transition: right var(--duration-large);
-moz-transition: right var(--duration-large);
transition: right var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem svg,
.button__outline--designsystem svg {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
left: 10px;
-webkit-transition: all var(--duration-large);
-moz-transition: allvar(--duration-large);
transition: all var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.button__tertiary--designsystem:hover span,
.button__tertiary--designsystem:focus span,
.button__tertiary--designsystem:active span,
.button__outline--designsystem:hover span,
.button__outline--designsystem:focus span,
.button__outline--designsystem:active span {
right: -10px
}
.button__tertiary--designsystem:hover svg,
.button__tertiary--designsystem:focus svg,
.button__tertiary--designsystem:active svg,
.button__outline--designsystem:hover svg,
.button__outline--designsystem:focus svg,
.button__outline--designsystem:active svg {
opacity: 1;
left: 20px
}
.button__language,
.button__search {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
font-size: var(--font__size--15);
color: var(--text-primary-dark);
align-items: center
}
.button__language svg,
.button__search svg {
fill: var(--color__white);
width: 1rem;
height: 1rem;
margin-left: .5rem;
margin-top: 2px
}
.button__language>*,
.button__search>* {
pointer-events: none
}
.button__language:hover>span,
.button__search:hover>span {
text-decoration: underline
}
.button__language:focus>span,
.button__search:focus>span {
text-decoration: underline dotted
}
.button__language:focus>svg,
.button__search:focus>svg {
fill: var(--color__blue--100)
}
.dark-option .button__secondary {
background-color: var(--bg-default);
color: var(--text-primary-light);
border: none
}
.dark-option .button__secondary:focus {
outline: 3px solid var(--color__purple--300);
outline-offset: 2px
}
.dark-option .button__secondary:hover {
background-color: var(--color__grey--200)
}
.dark-option .button__secondary:active {
background-color: var(--color__grey--400)
}
.dark-option .button__secondary:disabled,
.dark-option .button__secondary.disabled {
color: var(--color__grey--700);
background-color: var(--color__grey--300)
}
.dark-option .button__secondary.disabled {
pointer-events: none
}
.js-campaign-page {
padding-bottom: var(--spacing__13)
}
.js-campaign-page .campaign-top-area {
display: block;
background-color: var(--bg-brand);
color: var(--text-primary-dark);
padding-top: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-campaign-page .campaign-top-area {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__12)
}
}
.js-campaign-page .campaign-top-area .grid {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: block
}
@media(min-width: 768px) {
.js-campaign-page .campaign-top-area .grid {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-campaign-page .campaign-top-area .grid {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-campaign-page .campaign-top-area .grid {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-campaign-page .campaign-top-area .grid {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-campaign-page .campaign-top-area .grid {
display: grid
}
}
.js-campaign-page .campaign-top-area .button {
margin-bottom: var(--spacing__08);
width: 100%
}
@media(min-width: 768px) {
.js-campaign-page .campaign-top-area .button {
width: auto
}
.js-campaign-page .campaign-top-area .button:first-child {
margin-right: var(--spacing__06)
}
}
.js-campaign-page .campaign-top-area .button+.button {
margin-top: 0
}
.js-campaign-page .campaign-top-area .button__tertiary {
margin-top: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-campaign-page .campaign-top-area .button__tertiary {
margin-top: var(--spacing__09)
}
}
.js-campaign-page .campaign-top-area .button__outline {
margin-top: var(--spacing__06)
}
.js-campaign-page .campaign-top-area .button__phone svg {
width: 1rem;
height: 1rem;
margin-right: var(--spacing__05);
fill: var(--color__white)
}
.js-campaign-page .campaign-top-area .button__phone--dark svg {
fill: var(--color__blue--800)
}
.js-campaign-page .campaign-top-area .text {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.js-campaign-page .campaign-top-area .text h1 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-campaign-page .campaign-top-area .text h1 {
font-size: var(--font__size--48);
margin-bottom: unset
}
}
.js-campaign-page .campaign-top-area .text .preamble {
margin-top: var(--spacing__08);
margin-bottom: var(--spacing__08);
font-size: var(--font__size--15)
}
@media(min-width: 1024px) {
.js-campaign-page .campaign-top-area .text .preamble {
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
.js-campaign-page .campaign-top-area .text .preamble a {
color: var(--text-primary-dark) !important
}
.js-campaign-page .campaign-top-area .image {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin-top: var(--spacing__08);
margin-left: calc(var(--spacing__05)*-1);
margin-right: calc(var(--spacing__05)*-1)
}
@media(min-width: 1024px) {
.js-campaign-page .campaign-top-area .image {
margin-top: 0
}
}
@media(min-width: 1024px) {
.js-campaign-page .campaign-top-area .image {
margin-left: auto;
margin-right: auto
}
}
.js-campaign-page .campaign-top-area .blocks {
grid-column-start: 9;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
padding-bottom: var(--spacing__06)
}
.js-campaign-page .campaign-top-area .modal-form-block .modal-form__inner .Form__Title,
.js-campaign-page .campaign-top-area .modal-form-block .modal-form__inner .Form__Description {
color: var(--text-primary-light)
}
.js-campaign-page .campaign-top-area__centered {
text-align: center;
padding-bottom: var(--spacing__09)
}
.js-campaign-page .campaign-top-area__centered .text {
max-width: 800px;
margin: 0 auto
}
.js-campaign-page .campaign-top-area__centered .text .button {
margin-bottom: var(--spacing__09);
margin-top: var(--spacing__04)
}
@media(min-width: 1024px) {
.js-campaign-page .campaign-top-area__centered .text .button {
margin-bottom: var(--spacing__09);
margin-top: var(--spacing__06)
}
}
.js-campaign-page .campaign-top-area__centered .image {
max-width: 1000px;
margin: 0 auto;
margin-bottom: var(--spacing__09)
}
.js-campaign-page .campaign-top-area__centered .blocks {
max-width: 500px;
margin: 0 auto
}
.js-campaign-page .image-with-text-block.layout__centered,
.js-campaign-page .video-with-text-block.layout__centered {
display: block;
text-align: center;
max-width: var(--layout__centered)
}
.js-campaign-page .heading-block.layout__centered {
text-align: center;
max-width: var(--layout__centered)
}
.js-campaign-page .heading-block.layout__centered>* {
max-width: 100%
}
.js-campaign-page .card-container-block.layout__centered {
max-width: var(--layout__centered)
}
@media(min-width: 1224px) {
.js-campaign-page .card-container-block.layout__centered .card {
flex: 1 0 46%;
max-width: calc(50% - var(--spacing__05))
}
}
.js-campaign-page .product-or-service-block.layout__centered {
max-width: var(--layout__centered-l);
justify-content: center
}
.header.campaign-header .header__inner {
color: var(--text-primary-dark)
}
@media(min-width: 1024px) {
main.main-content__campaignPage {
padding-top: var(--menu__height--s)
}
}
.bundle-page .bundle__header {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-top: var(--spacing__09);
margin-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.bundle-page .bundle__header {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.bundle-page .bundle__header {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.bundle-page .bundle__header {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.bundle-page .bundle__header {
padding-left: 0;
padding-right: 0
}
}
.bundle-page .bundle__header h1 {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
font-size: var(--font__size--30)
}
@media(min-width: 768px) {
.bundle-page .bundle__header h1 {
font-size: var(--font__size--36)
}
}
@media(min-width: 1024px) {
.bundle-page .bundle__header h1 {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch;
font-size: 45px;
font-weight: 700
}
}
.bundle-page .bundle__header .bundle__preamble {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin-top: var(--spacing__04);
font-size: var(--font__size--21);
line-height: 125%
}
@media(min-width: 1024px) {
.bundle-page .bundle__header .bundle__preamble {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin-top: 0;
font-size: var(--font__size--24)
}
}
.bundle-page .bundle__bar {
background-color: var(--bg-subtle)
}
.bundle-page .bundle__bar>div {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.bundle-page .bundle__bar>div {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.bundle-page .bundle__bar>div {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.bundle-page .bundle__bar>div {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.bundle-page .bundle__bar>div {
padding-left: 0;
padding-right: 0
}
}
.bundle-page .bundle__bar>div p {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
font-size: var(--font__size--24);
font-weight: bold
}
@media(min-width: 896px) {
.bundle-page .bundle__bar>div p {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch
}
}
.bundle-page .bundle__bar>div ul {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
flex-direction: column;
margin: var(--spacing__04) 0 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
list-style-position: inside;
line-height: 1.5
}
@media(min-width: 896px) {
.bundle-page .bundle__bar>div ul {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
margin: 0;
flex-direction: row
}
}
.bundle-page .bundle__bar>div ul li {
margin-right: var(--spacing__05)
}
.bundle-page .bundle__slides {
overflow: hidden;
display: flex;
width: 100%
}
.bundle-page .bundle__set h3 {
font-size: 18px
}
.bundle-page .bundle__set p {
margin-top: 3px;
margin-bottom: 15px
}
.bundle-page .bundle__slide--wrapper {
--slider-index: 0;
display: flex;
width: 100%;
transform: translateX(calc(var(--slider-index) * -100%));
transition: transform var(--duration-large) var(--ease-standard)
}
.bundle-page .bundle__slide--1,
.bundle-page .bundle__slide--2,
.bundle-page .bundle__slide--3 {
flex: 0 0 100%;
margin-top: var(--spacing__06)
}
.bundle-page .bundle__slide--1 .bundle__slide--header,
.bundle-page .bundle__slide--2 .bundle__slide--header,
.bundle-page .bundle__slide--3 .bundle__slide--header {
color: var(--text-primary-dark);
padding: var(--spacing__06) 0;
margin-bottom: var(--spacing__09)
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div,
.bundle-page .bundle__slide--2 .bundle__slide--header>div,
.bundle-page .bundle__slide--3 .bundle__slide--header>div {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
justify-content: center;
align-items: center
}
@media(min-width: 768px) {
.bundle-page .bundle__slide--1 .bundle__slide--header>div,
.bundle-page .bundle__slide--2 .bundle__slide--header>div,
.bundle-page .bundle__slide--3 .bundle__slide--header>div {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.bundle-page .bundle__slide--1 .bundle__slide--header>div,
.bundle-page .bundle__slide--2 .bundle__slide--header>div,
.bundle-page .bundle__slide--3 .bundle__slide--header>div {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.bundle-page .bundle__slide--1 .bundle__slide--header>div,
.bundle-page .bundle__slide--2 .bundle__slide--header>div,
.bundle-page .bundle__slide--3 .bundle__slide--header>div {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.bundle-page .bundle__slide--1 .bundle__slide--header>div,
.bundle-page .bundle__slide--2 .bundle__slide--header>div,
.bundle-page .bundle__slide--3 .bundle__slide--header>div {
padding-left: 0;
padding-right: 0
}
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div h2,
.bundle-page .bundle__slide--2 .bundle__slide--header>div h2,
.bundle-page .bundle__slide--3 .bundle__slide--header>div h2 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div .small,
.bundle-page .bundle__slide--2 .bundle__slide--header>div .small,
.bundle-page .bundle__slide--3 .bundle__slide--header>div .small {
font-size: var(--font__size--15)
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div .price,
.bundle-page .bundle__slide--2 .bundle__slide--header>div .price,
.bundle-page .bundle__slide--3 .bundle__slide--header>div .price {
font-size: var(--font__size--30);
font-weight: bold;
margin: 0 6px
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div .col,
.bundle-page .bundle__slide--2 .bundle__slide--header>div .col,
.bundle-page .bundle__slide--3 .bundle__slide--header>div .col {
display: flex;
align-items: center
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div .col:nth-child(1),
.bundle-page .bundle__slide--1 .bundle__slide--header>div .col:nth-child(3),
.bundle-page .bundle__slide--2 .bundle__slide--header>div .col:nth-child(1),
.bundle-page .bundle__slide--2 .bundle__slide--header>div .col:nth-child(3),
.bundle-page .bundle__slide--3 .bundle__slide--header>div .col:nth-child(1),
.bundle-page .bundle__slide--3 .bundle__slide--header>div .col:nth-child(3) {
width: 30%
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div .col:nth-child(2),
.bundle-page .bundle__slide--2 .bundle__slide--header>div .col:nth-child(2),
.bundle-page .bundle__slide--3 .bundle__slide--header>div .col:nth-child(2) {
width: 40%;
flex-direction: column;
text-align: center
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div .col:nth-child(3),
.bundle-page .bundle__slide--2 .bundle__slide--header>div .col:nth-child(3),
.bundle-page .bundle__slide--3 .bundle__slide--header>div .col:nth-child(3) {
justify-content: flex-end
}
.bundle-page .bundle__slide--1 .bundle__btn--slide,
.bundle-page .bundle__slide--2 .bundle__btn--slide,
.bundle-page .bundle__slide--3 .bundle__btn--slide {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
color: var(--text-primary-dark);
font-size: var(--font__size--18)
}
.bundle-page .bundle__slide--1 .bundle__btn--slide>*,
.bundle-page .bundle__slide--2 .bundle__btn--slide>*,
.bundle-page .bundle__slide--3 .bundle__btn--slide>* {
pointer-events: none
}
.bundle-page .bundle__slide--1 .bundle__btn--slide>span,
.bundle-page .bundle__slide--2 .bundle__btn--slide>span,
.bundle-page .bundle__slide--3 .bundle__btn--slide>span {
margin: 0 6px;
display: none
}
@media(min-width: 896px) {
.bundle-page .bundle__slide--1 .bundle__btn--slide>span,
.bundle-page .bundle__slide--2 .bundle__btn--slide>span,
.bundle-page .bundle__slide--3 .bundle__btn--slide>span {
display: inline-block
}
}
.bundle-page .bundle__slide--1 .bundle__btn--slide .btn__icon,
.bundle-page .bundle__slide--2 .bundle__btn--slide .btn__icon,
.bundle-page .bundle__slide--3 .bundle__btn--slide .btn__icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(--bg-default)
}
.bundle-page .bundle__slide--1 .bundle__btn--slide svg,
.bundle-page .bundle__slide--2 .bundle__btn--slide svg,
.bundle-page .bundle__slide--3 .bundle__btn--slide svg {
fill: var(--color__blue--800);
width: 1.125rem;
height: 1.125rem
}
.bundle-page .bundle__slide--1 .bundle__btn--slide-1,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1 {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
color: var(--text-primary-dark);
font-size: var(--font__size--18)
}
.bundle-page .bundle__slide--1 .bundle__btn--slide-1>*,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1>*,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1>* {
pointer-events: none
}
.bundle-page .bundle__slide--1 .bundle__btn--slide-1>span,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1>span,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1>span {
margin: 0 6px;
display: none
}
@media(min-width: 896px) {
.bundle-page .bundle__slide--1 .bundle__btn--slide-1>span,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1>span,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1>span {
display: inline-block
}
}
.bundle-page .bundle__slide--1 .bundle__btn--slide-1 .btn__icon,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1 .btn__icon,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1 .btn__icon {
display: flex;
align-items: center;
justify-content: center;
width: 19px;
height: 19px;
border-radius: 50%;
background-color: #031f30
}
.bundle-page .bundle__slide--1 .bundle__btn--slide-1 .btn__icon_slide1,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1 .btn__icon_slide1,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1 .btn__icon_slide1 {
background-color: var(--bg-brand) !important
}
.bundle-page .bundle__slide--1 .bundle__btn--slide-1 .btn__icon_slide2,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1 .btn__icon_slide2,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1 .btn__icon_slide2 {
background-color: var(--color__purple--800) !important
}
.bundle-page .bundle__slide--1 .bundle__btn--slide-1 .btn__icon_slide3,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1 .btn__icon_slide3,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1 .btn__icon_slide3 {
background-color: var(--color__red--800) !important
}
.bundle-page .bundle__slide--1 .bundle__btn--slide-1 .btn__icon_slide1,
.bundle-page .bundle__slide--1 .bundle__btn--slide-1 .btn__icon_slide2,
.bundle-page .bundle__slide--1 .bundle__btn--slide-1 .btn__icon_slide3,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1 .btn__icon_slide1,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1 .btn__icon_slide2,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1 .btn__icon_slide3,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1 .btn__icon_slide1,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1 .btn__icon_slide2,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1 .btn__icon_slide3 {
margin-top: 3px
}
.bundle-page .bundle__slide--1 .bundle__btn--slide-1 svg,
.bundle-page .bundle__slide--2 .bundle__btn--slide-1 svg,
.bundle-page .bundle__slide--3 .bundle__btn--slide-1 svg {
fill: var(--color__white);
width: 1.125rem;
height: 1.125rem
}
.bundle-page .bundle__slide--1 .bundle__slide--body,
.bundle-page .bundle__slide--2 .bundle__slide--body,
.bundle-page .bundle__slide--3 .bundle__slide--body {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.bundle-page .bundle__slide--1 .bundle__slide--body,
.bundle-page .bundle__slide--2 .bundle__slide--body,
.bundle-page .bundle__slide--3 .bundle__slide--body {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.bundle-page .bundle__slide--1 .bundle__slide--body,
.bundle-page .bundle__slide--2 .bundle__slide--body,
.bundle-page .bundle__slide--3 .bundle__slide--body {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.bundle-page .bundle__slide--1 .bundle__slide--body,
.bundle-page .bundle__slide--2 .bundle__slide--body,
.bundle-page .bundle__slide--3 .bundle__slide--body {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.bundle-page .bundle__slide--1 .bundle__slide--body,
.bundle-page .bundle__slide--2 .bundle__slide--body,
.bundle-page .bundle__slide--3 .bundle__slide--body {
padding-left: 0;
padding-right: 0
}
}
.bundle-page .bundle__slide--1 .bundle__slide--body .hreflabel,
.bundle-page .bundle__slide--2 .bundle__slide--body .hreflabel,
.bundle-page .bundle__slide--3 .bundle__slide--body .hreflabel {
display: none;
margin-top: var(--spacing__06)
}
.bundle-page .bundle__slide--1 .bundle__slide--body .btnfloat,
.bundle-page .bundle__slide--2 .bundle__slide--body .btnfloat,
.bundle-page .bundle__slide--3 .bundle__slide--body .btnfloat {
float: right
}
.bundle-page .bundle__slide--1 .bundle__slide--body .btnfloatleft,
.bundle-page .bundle__slide--2 .bundle__slide--body .btnfloatleft,
.bundle-page .bundle__slide--3 .bundle__slide--body .btnfloatleft {
float: left
}
.bundle-page .bundle__slide--1 .bundle__slide--body .btncolor-slide2,
.bundle-page .bundle__slide--2 .bundle__slide--body .btncolor-slide2,
.bundle-page .bundle__slide--3 .bundle__slide--body .btncolor-slide2 {
color: var(--color__purple--800);
font-size: 15px;
font-weight: 700;
line-height: 24px
}
.bundle-page .bundle__slide--1 .bundle__slide--body .btncolor-slide1,
.bundle-page .bundle__slide--2 .bundle__slide--body .btncolor-slide1,
.bundle-page .bundle__slide--3 .bundle__slide--body .btncolor-slide1 {
color: var(--text-primary-light);
font-size: 15px;
font-weight: 700;
line-height: 24px
}
.bundle-page .bundle__slide--1 .bundle__slide--body .btncolor-slide3,
.bundle-page .bundle__slide--2 .bundle__slide--body .btncolor-slide3,
.bundle-page .bundle__slide--3 .bundle__slide--body .btncolor-slide3 {
color: var(--color__red--800);
font-size: 15px;
font-weight: 700;
line-height: 24px
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--preamble,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--preamble,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--preamble {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
font-size: var(--font__size--18);
line-height: 133%;
margin-bottom: var(--spacing__13)
}
@media(min-width: 896px) {
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--preamble,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--preamble,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--preamble {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package {
list-style: none;
margin: 0;
padding: 0
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li {
display: grid;
column-gap: var(--spacing__06);
font-size: var(--font__size--18);
line-height: 133%
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
margin-bottom: var(--spacing__04);
display: flex;
align-items: center;
justify-content: left
}
@media(min-width: 896px) {
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch;
border-right: var(--stroke-thin) solid var(--color__grey--400);
border-bottom: none;
margin-bottom: 0;
width: 90%
}
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper {
display: flex;
align-items: center;
justify-content: left;
padding-bottom: 6px
}
@media(min-width: 896px) {
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper {
padding-bottom: 0
}
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper svg,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper svg,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper svg {
width: 35px;
height: 35px;
margin-right: var(--spacing__04);
filter: brightness(0) saturate(100%)
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper span,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper span,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper span {
font-weight: 400;
font-size: 20px;
line-height: 24px
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child+.col,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child+.col,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child+.col {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 896px) {
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child+.col,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child+.col,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child+.col {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li:first-child~li,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li:first-child~li,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li:first-child~li {
margin-top: var(--spacing__09)
}
.bundle-page .bundle__slide--1 .bundle__slide--header {
background-color: var(--bg-brand)
}
.bundle-page .bundle__slide--2 .bundle__slide--header {
background-color: var(--color__purple--800)
}
.bundle-page .bundle__slide--2 .icon__wrapper {
color: var(--color__purple--800)
}
.bundle-page .bundle__slide--2 svg {
fill: var(--color__purple--800)
}
.bundle-page .bundle_hide {
display: none
}
.bundle-page .bundle_visible {
display: block
}
.bundle-page .bundle__slide--3 .bundle__slide--header {
background-color: var(--color__red--800)
}
.bundle-page .bundle__slide--3 .icon__wrapper {
color: var(--color__red--800)
}
.bundle-page .bundle__slide--3 svg {
fill: var(--color__red--800)
}
.bundle-page .solutions-grid-block>ul li a,
.bundle-page .solutions-grid-block>ul li>div {
height: initial
}
@media only screen and (max-device-width: 799px) {
.bundle-page .bundle__header {
margin-top: var(--spacing__06);
margin-bottom: var(--spacing__05);
padding-left: var(--spacing__05) !important;
padding-right: var(--spacing__05) !important
}
}
@media only screen and (max-device-width: 799px)and (max-device-width: 799px) {
.bundle-page .bundle__header .bundle__preamble {
font-size: var(--font__size--15);
margin-top: var(--spacing__06);
line-height: 24px
}
}
@media only screen and (max-device-width: 799px) {
.bundle-page .bundle__bar>div p {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
font-size: var(--font__size--18);
font-weight: bold
}
.bundle-page .bundle__bar>div ul {
font-size: var(--font__size--15);
line-height: 30px;
margin: var(--spacing__05) 0 0 0
}
.bundle-page .bundle__set h3 {
font-size: 15px;
font-weight: 700;
color: #031f30;
font-weight: bold
}
.bundle-page .bundle__set p {
margin-top: 3px;
margin-bottom: 15px;
line-height: 24px
}
.bundle-page .bundle__slide--1 .bundle__slide--header,
.bundle-page .bundle__slide--2 .bundle__slide--header,
.bundle-page .bundle__slide--3 .bundle__slide--header {
margin-bottom: var(--spacing__06)
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div h2,
.bundle-page .bundle__slide--2 .bundle__slide--header>div h2,
.bundle-page .bundle__slide--3 .bundle__slide--header>div h2 {
font-weight: 700;
font-size: 24px;
margin-bottom: var(--spacing__06)
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div .col,
.bundle-page .bundle__slide--2 .bundle__slide--header>div .col,
.bundle-page .bundle__slide--3 .bundle__slide--header>div .col {
display: flex;
align-items: center
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div .col:nth-child(1),
.bundle-page .bundle__slide--1 .bundle__slide--header>div .col:nth-child(3),
.bundle-page .bundle__slide--2 .bundle__slide--header>div .col:nth-child(1),
.bundle-page .bundle__slide--2 .bundle__slide--header>div .col:nth-child(3),
.bundle-page .bundle__slide--3 .bundle__slide--header>div .col:nth-child(1),
.bundle-page .bundle__slide--3 .bundle__slide--header>div .col:nth-child(3) {
width: 5%
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div .col:nth-child(2),
.bundle-page .bundle__slide--2 .bundle__slide--header>div .col:nth-child(2),
.bundle-page .bundle__slide--3 .bundle__slide--header>div .col:nth-child(2) {
width: 100%;
flex-direction: column;
text-align: center
}
.bundle-page .bundle__slide--1 .bundle__slide--header>div .col:nth-child(3),
.bundle-page .bundle__slide--2 .bundle__slide--header>div .col:nth-child(3),
.bundle-page .bundle__slide--3 .bundle__slide--header>div .col:nth-child(3) {
justify-content: flex-end
}
.bundle-page .bundle__slide--1 .bundle__slide--body,
.bundle-page .bundle__slide--2 .bundle__slide--body,
.bundle-page .bundle__slide--3 .bundle__slide--body {
padding-left: var(--spacing__05) !important;
padding-right: var(--spacing__05) !important
}
.bundle-page .bundle__slide--1 .bundle__slide--body .hreflabel,
.bundle-page .bundle__slide--2 .bundle__slide--body .hreflabel,
.bundle-page .bundle__slide--3 .bundle__slide--body .hreflabel {
display: block
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--preamble,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--preamble,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--preamble {
margin-bottom: var(--spacing__08) !important;
font-size: var(--font__size--15);
line-height: 24px
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--preamble .bundle__slide--package span,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--preamble .bundle__slide--package span,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--preamble .bundle__slide--package span {
font-weight: 400;
font-size: 15px;
line-height: 24px
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package {
list-style: none;
margin: 0;
padding: 0
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li {
font-size: var(--font__size--15)
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child {
margin-bottom: var(--spacing__06);
display: flex;
align-items: center;
justify-content: center
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 6px
}
}
@media only screen and (max-device-width: 799px)and (min-width: 896px) {
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper {
padding-bottom: 0
}
}
@media only screen and (max-device-width: 799px) {
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper svg,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper svg,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper svg {
width: 35px;
height: 35px;
margin-right: var(--spacing__04)
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper span,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper span,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li .col:first-child .icon__wrapper span {
font-weight: 400;
font-size: 18px;
line-height: 24px
}
.bundle-page .bundle__slide--1 .bundle__slide--body .bundle__slide--package li:first-child~li,
.bundle-page .bundle__slide--2 .bundle__slide--body .bundle__slide--package li:first-child~li,
.bundle-page .bundle__slide--3 .bundle__slide--body .bundle__slide--package li:first-child~li {
margin-top: var(--spacing__08)
}
.bundle-page .solutions-grid-block>ul li>div {
padding: var(--spacing__04) !important
}
.bundle-page .solutions-grid-block h3 {
font-size: var(--font__size--15);
font-weight: 700
}
.bundle-page .form-block {
padding-left: var(--spacing__06);
padding-right: var(--spacing__06)
}
.bundle-page .form-block>.col p {
font-size: var(--font__size--15);
line-height: 24px
}
.bundle-page .form-block .Form__Element>div p {
font-size: var(--font__size--12);
color: #9c9ea0;
line-height: 18px
}
}
.blog-page .blog-banner {
background-color: rgba(0, 0, 0, 0);
margin-bottom: var(--spacing__09)
}
@media(min-width: 896px) {
.blog-page .blog-banner .blog-banner__container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
}
@media(min-width: 896px)and (min-width: 768px) {
.blog-page .blog-banner .blog-banner__container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 896px)and (min-width: 1024px) {
.blog-page .blog-banner .blog-banner__container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 896px)and (min-width: 1441px) {
.blog-page .blog-banner .blog-banner__container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 896px)and (min-width: 1650px) {
.blog-page .blog-banner .blog-banner__container {
padding-left: 0;
padding-right: 0
}
}
.blog-page .blog-banner .blog-banner__container .blog-banner__intro {
grid-row: 1;
grid-column: span 12;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.blog-page .blog-banner .blog-banner__container .blog-banner__intro {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.blog-page .blog-banner .blog-banner__container .blog-banner__intro {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.blog-page .blog-banner .blog-banner__container .blog-banner__intro {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.blog-page .blog-banner .blog-banner__container .blog-banner__intro {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.blog-page .blog-banner .blog-banner__container .blog-banner__intro {
box-sizing: border-box;
width: 100%;
min-height: 400px;
grid-column: span 6;
padding: var(--spacing__09) 0
}
}
.blog-page .blog-banner .blog-banner__container .blog-banner__intro h1 {
font-size: var(--font__size--30);
line-height: 107%;
letter-spacing: -0.005rem;
margin-bottom: var(--spacing__05)
}
@media(min-width: 1024px) {
.blog-page .blog-banner .blog-banner__container .blog-banner__intro h1 {
font-size: var(--font__size--42)
}
}
.blog-page .blog-banner .blog-banner__container .blog-banner__intro p {
font-size: var(--font__size--15);
line-height: var(--font__size--21)
}
@media(min-width: 1024px) {
.blog-page .blog-banner .blog-banner__container .blog-banner__intro p {
font-size: var(--font__size--24);
line-height: var(--font__size--36)
}
}
.blog-page .blog-banner .blog-banner__container .blog-banner__intro ul,
.blog-page .blog-banner .blog-banner__container .blog-banner__intro ol {
font-size: var(--font__size--15);
line-height: var(--font__size--21)
}
@media(min-width: 1024px) {
.blog-page .blog-banner .blog-banner__container .blog-banner__intro ul,
.blog-page .blog-banner .blog-banner__container .blog-banner__intro ol {
font-size: var(--font__size--24);
line-height: var(--font__size--36)
}
}
.blog-page .blog-banner .blog-banner__container .blog_banner__image {
grid-column: span 12;
grid-row: 2;
aspect-ratio: 16/9;
margin-top: var(--spacing__06)
}
@media(min-width: 896px) {
.blog-page .blog-banner .blog-banner__container .blog_banner__image {
grid-column: span 6;
grid-row: 1;
aspect-ratio: initial;
margin-top: initial
}
}
.blog-page .blog-banner .blog-banner__container .blog_banner__image .image__wrapper .qbankmedia__background {
width: 100%;
height: 100%;
background-size: cover;
object-fit: cover;
background-position: center center
}
.blog-page .blog-banner .blog-banner__container .blog_banner__image .image__responsive {
max-width: 100%;
width: auto
}
@media(min-width: 896px) {
.blog-page .blog-banner .blog-banner__container .blog_banner__image .image__responsive {
float: right
}
}
.blog-page article {
grid-column: span 12;
grid-row: 2
}
@media(min-width: 896px) {
.blog-page article {
grid-column: span 6;
grid-row: 1
}
}
.blog-page article p {
line-height: 1.5;
font-size: var(--font__size--18);
margin-bottom: var(--spacing__06)
}
.blog-page article ul,
.blog-page article ol {
line-height: 1.5;
font-size: var(--font__size--18);
margin-bottom: var(--spacing__06)
}
.blog-page article img {
width: 100%;
height: auto
}
.blog-page h2 {
font-size: var(--font__size--24)
}
@media(min-width: 896px) {
.blog-page h2 {
font-size: var(--font__size--36)
}
}
.blog-page h3 {
font-size: var(--font__size--18)
}
@media(min-width: 896px) {
.blog-page h3 {
font-size: var(--font__size--30)
}
}
.blog-page h2,
.blog-page h3,
.blog-page h4,
.blog-page h5,
.blog-page h6 {
margin: var(--spacing__04) 0;
line-height: 125%
}
.blog-page .blog__tags {
display: flex;
margin-bottom: var(--spacing__12);
flex-direction: column;
row-gap: var(--spacing__04)
}
.blog-page .blog__tags span {
margin-right: 6px;
font-family: var(--font__bold);
font-size: var(--font__size--18)
}
@media(min-width: 896px) {
.blog-page .blog__tags span {
font-size: var(--font__size--24)
}
}
.blog-page .blog__tags ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
line-height: 1.5
}
.blog-page .blog__tags ul li {
margin-right: var(--spacing__04);
margin-bottom: var(--spacing__04)
}
.blog-page .blog__tags ul li .button {
padding: 6px 18px;
height: auto
}
.blog-page .blog__tags ul li .button.button__primary {
border-color: var(--color__grey--700);
background-color: var(--color__grey--700);
color: var(--text-primary-dark)
}
.blog-page .blog__tags ul li .button.button__primary:hover {
background-color: var(--color__blue--700);
color: var(--color__grey--700)
}
.blog-page aside {
grid-column: span 12;
grid-row: 1
}
@media(min-width: 896px) {
.blog-page aside {
grid-column-start: 9;
grid-column-end: 13;
margin-bottom: initial
}
}
@media(min-width: 1024px) {
.blog-page aside {
margin-bottom: var(--spacing__06)
}
}
.blog-page aside .label {
font-family: var(--font__bold);
font-size: var(--font__size--15);
margin-bottom: var(--spacing__03)
}
.blog-page aside .author {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
.blog-page aside .date {
display: block;
margin-bottom: var(--spacing__06);
font-size: var(--font__size--15);
position: relative;
padding-left: var(--spacing__07)
}
.blog-page aside .date svg {
position: absolute;
width: 20px;
height: 20px;
left: 0
}
@media(min-width: 1024px) {
.blog-page aside .share {
margin-bottom: var(--spacing__06)
}
}
.blog-page aside .blog-downloads {
margin-bottom: var(--spacing__06)
}
.blog-page aside .blog-downloads .blog-downloads__title {
font-size: var(--font__size--15);
font-family: var(--font__bold);
margin-bottom: var(--spacing__04)
}
.blog-page aside .blog-downloads ul {
list-style: none;
margin: 0;
padding: 0
}
.blog-page aside .blog-downloads ul li {
display: flex;
align-items: center
}
.blog-page aside .blog-downloads ul li:first-child~li {
margin-top: calc(var(--spacing__04)/2)
}
.blog-page aside .blog-downloads ul li a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: var(--font__size--15)
}
.blog-page aside .blog-downloads ul li:before {
display: inline-flex;
content: "";
width: 36px;
height: 36px;
flex-shrink: 0;
margin-right: var(--spacing__04);
background-image: url("../images/icons/download-black-circle.svg")
}
.blog-page aside .blog-anchors {
margin-bottom: var(--spacing__08)
}
@media(min-width: 896px) {
.blog-page aside .blog-anchors {
margin-bottom: initial
}
}
.blog-page aside .blog-anchors .blog-anchors__title {
font-size: var(--font__size--36);
border-bottom: var(--stroke-thin) solid var(--border-primary);
padding-bottom: calc(var(--spacing__04)/2);
margin-bottom: var(--spacing__06)
}
.blog-page aside .blog-anchors ul {
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.blog-page aside .blog-anchors ul:before {
position: absolute;
display: inline-flex;
content: "";
width: 0px;
height: 100%;
border-right: var(--stroke-thin) dashed var(--border-primary);
left: 10px
}
.blog-page aside .blog-anchors ul.expandable li:nth-child(3)~li {
display: none
}
.blog-page aside .blog-anchors ul li {
display: flex;
align-items: center;
position: relative
}
.blog-page aside .blog-anchors ul li:first-child~li {
margin-top: var(--spacing__06)
}
.blog-page aside .blog-anchors ul li:before {
display: inline-flex;
content: "";
width: 19px;
height: 19px;
flex-shrink: 0;
border-radius: 50%;
border: var(--stroke-thin) solid var(--border-primary);
background-color: var(--bg-default);
margin-right: var(--spacing__04)
}
.blog-page aside .blog-anchors .blog-anchors-toggle-wrapper {
display: flex;
justify-content: center;
margin-top: var(--spacing__06)
}
.blog-page aside .blog-anchors .blog-anchors-toggle-wrapper .blog-anchors-toggle {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
text-decoration: underline;
color: var(--text-primary-light)
}
.blog-page .blog-form .form-block,
.blog-page .blog-form-placeholder-mobile .form-block {
background: var(--bg-subtle);
padding: var(--spacing__06)
}
.blog-page .blog-form h2,
.blog-page .blog-form-placeholder-mobile h2 {
font-size: var(--font__size--24);
margin-top: 0;
margin-bottom: var(--spacing__08)
}
.blog-page .blog-form .EPiServerForms .Form__Element input[type=text],
.blog-page .blog-form .EPiServerForms .Form__Element input[type=number],
.blog-page .blog-form .EPiServerForms .Form__Element input[type=tel],
.blog-page .blog-form .EPiServerForms .Form__Element input[type=url],
.blog-page .blog-form .EPiServerForms .Form__Element textarea,
.blog-page .blog-form .EPiServerForms .Form__Element .form-select,
.blog-page .blog-form-placeholder-mobile .EPiServerForms .Form__Element input[type=text],
.blog-page .blog-form-placeholder-mobile .EPiServerForms .Form__Element input[type=number],
.blog-page .blog-form-placeholder-mobile .EPiServerForms .Form__Element input[type=tel],
.blog-page .blog-form-placeholder-mobile .EPiServerForms .Form__Element input[type=url],
.blog-page .blog-form-placeholder-mobile .EPiServerForms .Form__Element textarea,
.blog-page .blog-form-placeholder-mobile .EPiServerForms .Form__Element .form-select {
border: var(--stroke-thin) solid var(--color__blue--800)
}
.blog-page .blog-form .EPiServerForms .Form__Element button[type=submit],
.blog-page .blog-form-placeholder-mobile .EPiServerForms .Form__Element button[type=submit] {
grid-column: auto;
width: 100%;
min-width: 160px;
margin-top: var(--spacing__06)
}
.blog-page .blog-form-placeholder-mobile {
display: none
}
.benefits-overview-page .benefits-overview-header {
display: block
}
@media(min-width: 1024px) {
.benefits-overview-page .benefits-overview-header {
grid-template-columns: repeat(2, 1fr);
display: grid;
align-items: normal;
grid-gap: 157px
}
}
.article-page .article__tpp {
grid-row-gap: var(--spacing__06);
margin-bottom: var(--spacing__09)
}
@media(min-width: 896px) {
.article-page .article__tpp {
grid-row-gap: var(--spacing__09)
}
}
.article-page .article__tpp h1 {
grid-column-start: 1;
grid-column-end: 13;
grid-row: 1;
padding-top: var(--spacing__06)
}
@media(min-width: 896px) {
.article-page .article__tpp h1 {
grid-column-start: 1;
grid-column-end: 9;
font-size: 2.813rem;
line-height: 107%;
letter-spacing: -0.005rem
}
}
.article-page .article__tpp .article-preamble {
grid-column-start: 1;
grid-column-end: 13;
grid-row: 2;
font-size: var(--font__size--18);
line-height: 133%
}
@media(min-width: 896px) {
.article-page .article__tpp .article-preamble {
grid-column-start: 1;
grid-column-end: 9;
font-size: var(--font__size--24);
line-height: 125%
}
}
.article-page .article__tpp .article-preamble p:first-child~p {
margin-top: var(--spacing__04)
}
.article-page .article__tpp .blog__author {
margin-bottom: .313rem
}
.article-page .article__tpp .blog__readtime {
color: var(--color__grey--800);
margin-top: var(--spacing__04);
font-size: var(--font__size--12)
}
.article-page .article__tpp .article__publishdate {
grid-column-start: 1;
grid-column-end: 13;
grid-row: 3;
display: flex;
flex-direction: column;
justify-content: flex-start;
font-size: var(--font__size--15)
}
@media(min-width: 896px) {
.article-page .article__tpp .article__publishdate {
grid-column-start: 9;
grid-column-end: 13;
grid-row: 2;
padding-left: var(--spacing__04);
border-left: var(--stroke-thin) solid var(--color__grey--400)
}
}
.article-page .article__tpp .article__publishdate .share {
margin-bottom: var(--spacing__04)
}
.article-page .article__tpp .article__publishdate .article__publishlabel {
font-family: var(--font__bold);
margin-bottom: .313rem
}
.article-page .article__tpp+picture img {
margin-bottom: var(--spacing__09)
}
.article-page .divider {
border-bottom: var(--stroke-thin) solid var(--color__grey--400)
}
@media(min-width: 896px) {
.article-page .mainlinks-wrapper {
height: 100%
}
}
.article-page .article {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
margin-top: var(--spacing__08);
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.article-page .article {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.article-page .article {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.article-page .article {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.article-page .article {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 896px) {
.article-page .article {
margin-bottom: var(--spacing__09)
}
}
.article-page .article h2 {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36);
margin-bottom: var(--spacing__04)
}
.article-page .article h3 {
font-family: var(--font__bold);
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
.article-page .article h4 {
font-family: var(--font__bold);
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.article-page .article h5 {
font-family: var(--font__bold);
font-size: var(--font__size--16);
line-height: var(--font__size--24)
}
.article-page .article .button.button__primary {
color: var(--text-primary-dark)
}
.article-page .article .caption {
font-size: .875rem;
line-height: 1.375rem
}
.article-page .article.anchor-link-page aside {
grid-row-start: 1
}
.article-page .article.anchor-link-page article {
grid-row-start: 2
}
@media(min-width: 896px) {
.article-page .article.anchor-link-page article {
grid-row-start: 1
}
}
.article-page .article:not(.anchor-link-page) aside {
grid-row-start: 2
}
@media(min-width: 896px) {
.article-page .article:not(.anchor-link-page) aside {
grid-row-start: 1
}
}
.article-page .article aside {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 896px) {
.article-page .article aside {
grid-column-start: 1;
grid-column-end: 5;
margin-top: initial
}
}
.article-page .article aside .aside__contact {
line-height: 24px;
margin-bottom: var(--spacing__11)
}
.article-page .article aside .aside__contact h3 {
margin-bottom: var(--spacing__05)
}
.article-page .article aside .aside__contact .contact__image {
width: 160px;
height: 160px;
border-radius: 50%;
background-color: var(--bg-subtle);
margin-bottom: var(--spacing__05);
background-position: center center
}
.article-page .article aside .aside__contact .contact__name {
font-size: var(--font__size--15);
font-family: var(--font__bold)
}
.article-page .article aside .aside__contact .contact__title {
font-size: var(--font__size--12);
font-family: var(--font__bold)
}
.article-page .article aside .aside__related h3 {
margin-bottom: var(--spacing__05)
}
.article-page .article aside .aside__related ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 24px
}
.article-page .article aside .aside__related ul li:first-child~li {
margin-top: var(--spacing__04)
}
.article-page .article aside .aside__related ul li a {
display: flex;
align-items: center;
column-gap: var(--spacing__04)
}
.article-page .article aside .aside__related ul li a>span:first-child {
flex-shrink: 0
}
.article-page .article aside .aside__related ul li a>span:first-child+span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.article-page .article article {
grid-column-start: 1;
grid-column-end: 13;
grid-row-start: 1
}
@media(min-width: 896px) {
.article-page .article article {
grid-column-start: 5;
grid-column-end: 12;
border-left: var(--stroke-thin) solid var(--color__grey--400);
padding-left: var(--spacing__04)
}
}
.article-page .article article h2,
.article-page .article article h3,
.article-page .article article h4,
.article-page .article article h5 {
margin-bottom: var(--spacing__04)
}
.article-page .article article p {
font-size: var(--font__size--15);
line-height: 150%;
margin-bottom: var(--spacing__06)
}
@media(min-width: 896px) {
.article-page .article article p {
font-size: var(--font__size--18)
}
}
.article-page .article article p strong {
font-family: var(--font__bold)
}
.article-page .article article p em {
font-style: italic
}
.article-page .article article ul,
.article-page .article article ol {
font-size: var(--font__size--15);
line-height: 150%
}
@media(min-width: 896px) {
.article-page .article article ul,
.article-page .article article ol {
font-size: var(--font__size--18)
}
}
.article-page .article .usp {
grid-row-start: 1;
border: var(--stroke-thin) solid var(--color__blue--800);
border-radius: var(--radius-small);
overflow: hidden;
margin-bottom: var(--spacing__06)
}
.article-page .article .usp h3 {
background-color: var(--bg-brand);
color: var(--text-primary-dark);
font-size: var(--font__size--24);
padding: 16px 24px
}
.article-page .article .usp svg {
width: 14px;
height: 14px;
padding: 4px;
border-radius: 50%;
background-color: var(--bg-brand);
fill: var(--color__white);
flex-shrink: 0;
margin-right: 12px
}
.article-page .article .usp ul {
margin: 0;
list-style: none;
padding: 16px 24px
}
.article-page .article .usp ul li {
font-size: var(--font__size--18);
display: flex;
align-items: center
}
.article-page .article .usp ul li:first-child~li {
margin-top: var(--spacing__04)
}
.article-page .article .click-dimensions-form {
margin-top: var(--spacing__06)
}
.article-page .article .blog__tags {
display: flex;
margin-bottom: var(--spacing__12);
flex-direction: column;
row-gap: var(--spacing__04)
}
.article-page .article .blog__tags span {
margin-right: 6px;
font-family: var(--font__bold);
font-size: var(--font__size--18)
}
@media(min-width: 896px) {
.article-page .article .blog__tags span {
font-size: var(--font__size--24)
}
}
.article-page .article .blog__tags ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
line-height: 1.5
}
.article-page .article .blog__tags ul li {
margin-right: var(--spacing__04);
margin-bottom: var(--spacing__04)
}
.article-page .article .blog__tags ul li .button {
padding: 6px 18px;
height: auto
}
.article-page .article .blog__tags ul li .button.button__primary {
border-color: var(--color__grey--700);
background-color: var(--color__grey--700)
}
.article-page .article .blog__tags ul li .button.button__primary:hover {
background-color: var(--color__blue--700);
color: var(--color__grey--700)
}
.article-page .file__list {
margin: 0;
line-height: 150%
}
.article-page .js-top-page-properties .image__wrapper {
aspect-ratio: 10/3;
overflow: hidden
}
.article-page .js-top-page-properties .image__wrapper .news-desk-img__background {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.articlelistingpage .filters {
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-bottom: var(--spacing__09);
margin-top: 0
}
.articlelistingpage .filters .filter-search {
align-items: flex-end;
display: flex;
min-width: auto
}
.articlelistingpage .filters .filter-search .filter-wrapper {
flex: 0 0 100%
}
.articlelistingpage .filters .filters-collapse-mobile,
.articlelistingpage .filters .filters-title-mobile {
order: 1
}
@media(min-width: 896px) {
.articlelistingpage .filters .filters-collapse-mobile,
.articlelistingpage .filters .filters-title-mobile {
order: initial
}
}
.articlelistingpage .filters .filter-search {
order: 2;
margin-bottom: var(--spacing__06)
}
@media(min-width: 896px) {
.articlelistingpage .filters .filter-search {
order: initial;
margin-bottom: initial
}
}
.articlelistingpage .filters dl {
order: 3
}
@media(min-width: 896px) {
.articlelistingpage .filters dl {
order: initial
}
}
.articlelistingpage .filters .filter-buttons {
order: 4
}
@media(min-width: 896px) {
.articlelistingpage .filters .filter-buttons {
order: initial
}
}
.articlelistingpage .filters .select .select-toggle {
background-color: var(--bg-default);
padding: var(--spacing__06) var(--spacing__03);
border: var(--stroke-thin) solid var(--color__grey--700);
border-radius: var(--radius-xsmall)
}
.article-listing-page {
margin-top: var(--spacing__09);
margin-bottom: var(--spacing__12)
}
@media(min-width: 896px) {
.article-listing-page {
margin-top: var(--spacing__08)
}
}
@media(min-width: 1224px) {
.article-listing-page {
margin-bottom: var(--spacing__13)
}
}
.article-listing-page h1 {
margin-bottom: var(--spacing__04)
}
.article-listing-page .list {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.article-listing-page .list {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.article-listing-page .list {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.article-listing-page .list {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.article-listing-page .list {
padding-left: 0;
padding-right: 0
}
}
.article-listing-page .article__list {
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.article-listing-page .article__list {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.article-listing-page .article__list {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.article-listing-page .article__list {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.article-listing-page .article__list {
padding-left: 0;
padding-right: 0
}
}
.article-listing-page .article__list .list__loader {
text-align: center;
display: block
}
.article-listing-page .article__list ul.list__section {
list-style: none;
margin: 0;
padding: 0;
column-gap: var(--spacing__06);
row-gap: var(--spacing__06);
grid-template-columns: repeat(1, 1fr);
margin-bottom: var(--spacing__06);
padding-bottom: var(--spacing__09);
display: none
}
@media(min-width: 896px) {
.article-listing-page .article__list ul.list__section {
grid-template-columns: repeat(2, 1fr)
}
}
@media(min-width: 1024px) {
.article-listing-page .article__list ul.list__section {
grid-template-columns: repeat(3, 1fr)
}
}
@media(min-width: 1441px) {
.article-listing-page .article__list ul.list__section {
grid-template-columns: repeat(4, 1fr)
}
}
.article-listing-page .article__list ul.list__section .list__title {
font-size: var(--font__size--14);
font-family: var(--font__bold);
margin-bottom: var(--spacing__04);
line-height: 1.2
}
@media(min-width: 896px) {
.article-listing-page .article__list ul.list__section .list__title {
font-size: var(--font__size--24);
line-height: initial
}
}
.article-listing-page .article__list ul.list__section .list__item .list__action {
height: 100%;
display: grid;
grid-column-gap: var(--spacing__04);
grid-template-columns: fit-content(100%)
}
@media(min-width: 896px) {
.article-listing-page .article__list ul.list__section .list__item .list__action {
grid-template-rows: fit-content(100%);
grid-template-columns: auto;
grid-row-gap: var(--spacing__04);
grid-column-gap: initial
}
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__newsdesk__img {
display: grid;
align-self: self-start;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
aspect-ratio: 3/2;
object-fit: cover
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__img {
display: grid;
align-self: self-start;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
aspect-ratio: 3/2;
background-color: #d3d3d3
}
@media(min-width: 768px) {
.article-listing-page .article__list ul.list__section .list__item .list__action .list__img {
width: initial
}
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__img.mynewsdesk__image {
background-size: cover;
background-position: center center
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__newsdesk__img,
.article-listing-page .article__list ul.list__section .list__item .list__action .list__img {
width: 120px
}
@media(min-width: 768px) {
.article-listing-page .article__list ul.list__section .list__item .list__action .list__newsdesk__img,
.article-listing-page .article__list ul.list__section .list__item .list__action .list__img {
width: 150px
}
}
@media(min-width: 896px) {
.article-listing-page .article__list ul.list__section .list__item .list__action .list__newsdesk__img,
.article-listing-page .article__list ul.list__section .list__item .list__action .list__img {
width: 100%
}
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__main {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2
}
@media(min-width: 896px) {
.article-listing-page .article__list ul.list__section .list__item .list__action .list__main {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3
}
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__main .label {
color: var(--color__grey--800);
font-family: var(--font__bold);
line-height: 125%;
font-size: var(--font__size--12)
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__main .label__sub {
margin-top: .313rem
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__main .list__label__wrapper {
margin-bottom: var(--spacing__04)
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__main .list__label__wrapper .time__container {
display: flex;
align-items: center
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__main .list__label__wrapper .time__container svg {
margin-right: 6px;
width: 1rem;
height: 1rem;
fill: var(--color__grey--800)
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__main .list__info {
line-height: 1.5;
font-size: var(--font__size--15);
display: none
}
@media(min-width: 768px) {
.article-listing-page .article__list ul.list__section .list__item .list__action .list__main .list__info {
display: flex
}
}
.article-listing-page .article__list ul.list__section .list__item .list__action .list__footer {
display: none
}
@media(min-width: 768px) {
.article-listing-page .article__list ul.list__section .list__item .list__action .list__footer {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 3;
grid-row-end: 4;
display: grid;
justify-self: self-start;
align-self: self-end
}
}
.article-listing-page .article__list ul.list__section .list__item .list__action {
width: 100%;
text-decoration: none
}
.article-listing-page .article__list ul.list__section .list__item .list__action:hover h4,
.article-listing-page .article__list ul.list__section .list__item .list__action:hover .list__readmore {
text-decoration: underline
}
.article-listing-page .article__list .load-more {
display: none;
flex-direction: column;
align-items: center;
text-align: center;
margin-top: var(--spacing__06)
}
.article-listing-page .article__list .load-more p {
font-size: var(--font__size--15);
margin-bottom: var(--spacing__06)
}
.anchor-link-page {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
position: relative;
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.anchor-link-page {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.anchor-link-page {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.anchor-link-page {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.anchor-link-page {
padding-left: 0;
padding-right: 0
}
}
.anchor-link-page>.mainlinks-wrapper {
border-top: var(--stroke-thin) solid var(--color__grey--400);
border-bottom: var(--stroke-thin) solid var(--color__grey--400);
margin-bottom: var(--spacing__06);
position: relative;
background-color: var(--bg-default);
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
.anchor-link-page>.mainlinks-wrapper.is-fixed {
z-index: 1;
position: sticky;
top: 48px
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper.is-fixed {
position: relative;
top: initial
}
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper.is-fixed .menu-wrapper>ul {
position: sticky;
top: 150px
}
}
.anchor-link-page>.mainlinks-wrapper .menu-wrapper {
height: 100%;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper .menu-wrapper {
overflow: initial
}
}
.anchor-link-page>.mainlinks-wrapper .menu-wrapper::-webkit-scrollbar {
display: none
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper {
grid-column-start: 1;
grid-column-end: 5;
justify-self: stretch;
align-self: stretch;
border-top: none;
border-bottom: none;
margin-bottom: 0
}
}
.anchor-link-page>.mainlinks-wrapper.overflowing button {
display: flex
}
.anchor-link-page>.mainlinks-wrapper.overflowing ul li:last-child {
padding-right: 2rem
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper.overflowing ul li:last-child {
padding-right: initial
}
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper.overflowing ul li:first-child {
padding-left: var(--spacing__04)
}
}
.anchor-link-page>.mainlinks-wrapper:not(.overflowing) button {
display: none
}
.anchor-link-page>.mainlinks-wrapper button {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
z-index: 98
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper button {
display: none
}
}
.anchor-link-page>.mainlinks-wrapper button:disabled {
opacity: .2
}
.anchor-link-page>.mainlinks-wrapper button.anchor-left {
position: absolute;
left: 0;
top: 20px;
width: 40px;
height: 100%
}
.anchor-link-page>.mainlinks-wrapper button.anchor-left:before {
transform: rotate(180deg);
top: calc(50% - 9px)
}
.anchor-link-page>.mainlinks-wrapper button.anchor-left.hidden {
display: none
}
.anchor-link-page>.mainlinks-wrapper button.anchor-right {
position: absolute;
right: 0;
top: 20px;
width: 40px;
height: 100%
}
.anchor-link-page>.mainlinks-wrapper button.anchor-right:before {
right: 0;
left: initial;
top: calc(50% - 9px)
}
.anchor-link-page>.mainlinks-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
padding: 1rem 0 2rem;
display: flex;
transition: var(--duration-large) var(--ease-standard)
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper ul {
display: block;
padding: 0
}
}
.anchor-link-page>.mainlinks-wrapper ul li {
font-size: var(--font__size--18)
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper ul li {
padding-left: var(--spacing__04)
}
}
.anchor-link-page>.mainlinks-wrapper ul li:first-child~li {
margin-left: var(--spacing__04)
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper ul li:first-child~li {
margin-left: 0
}
}
.anchor-link-page>.mainlinks-wrapper ul li a {
white-space: nowrap;
text-decoration: none;
display: inline-block;
line-height: 1.5
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper ul li a {
padding: .5rem 0;
white-space: initial
}
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper ul li.is-active {
border-left: var(--stroke-thick) solid var(--border-secondary)
}
}
.anchor-link-page>.mainlinks-wrapper ul li.is-active a {
font-weight: bold
}
@media(min-width: 896px) {
.anchor-link-page>.mainlinks-wrapper ul li:not(.is-active) {
border-left: var(--stroke-thick) solid var(--color__grey--400)
}
}
.anchor-link-page>article {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 896px) {
.anchor-link-page>article {
grid-column-start: 5;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
}
@media(min-width: 896px) {
.anchor-link-page>article {
grid-column-start: 5;
grid-column-end: 11;
justify-self: stretch;
align-self: stretch
}
}
.anchor-link-page>article h2 {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36);
margin-bottom: var(--spacing__04)
}
.anchor-link-page>article h3 {
font-family: var(--font__bold);
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
.anchor-link-page>article h4 {
font-family: var(--font__bold);
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.anchor-link-page>article h5 {
font-family: var(--font__bold);
font-size: var(--font__size--16);
line-height: var(--font__size--24)
}
.anchor-link-page>article p {
font-size: var(--font__size--18);
line-height: 1.5;
margin-bottom: var(--spacing__04)
}
.anchor-link-page>article p strong {
font-weight: bold
}
.anchor-link-page>article p em {
font-style: italic
}
.anchor-link-page>article img {
max-width: 100%;
display: block;
height: auto
}
.anchor-link-page>article section {
scroll-margin-top: 110px
}
@media(min-width: 896px) {
.anchor-link-page>article section {
scroll-margin-top: 70px
}
}
.anchor-link-page>article section:first-child~section {
padding-top: var(--spacing__06);
margin-bottom: -12px
}
.anchor-link-page-ca {
padding-top: var(--spacing__06);
padding-bottom: var(--spacing__12)
}
.anchor-link-page-ca>.block {
padding-left: 0;
padding-right: 0
}
.about-us-page .about-us-header {
display: block
}
@media(min-width: 1024px) {
.about-us-page .about-us-header {
grid-template-columns: repeat(2, 1fr);
display: grid;
align-items: normal;
grid-gap: 157px
}
}
.about-us-page .about-us-header h1 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.about-us-page .about-us-header h1 {
font-size: var(--font__size--48);
margin-bottom: unset
}
}
@media(min-width: 1024px) {
.about-us-page .about-us-header .preamble {
font-size: var(--font__size--24)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .logotype-block {
margin-bottom: var(--spacing__13)
}
}
.js-about-us-country-template .anchor-bar {
transition: box-shadow var(--duration-large) var(--ease-standard)
}
.js-about-us-country-template .anchor-bar.is-sticky {
box-shadow: var(--elavation__03)
}
.js-about-us-country-template .anchor-bar .anchor-links {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.js-about-us-country-template .anchor-bar .anchor-links {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .anchor-bar .anchor-links {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-about-us-country-template .anchor-bar .anchor-links {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-about-us-country-template .anchor-bar .anchor-links {
padding-left: 0;
padding-right: 0
}
}
.js-about-us-country-template .anchor-bar .anchor-links a:hover {
color: var(--color__blue--600)
}
.js-about-us-country-template .anchor-bar .anchor-links li.active a {
border-bottom: var(--stroke-thin) solid var(--color__blue--800)
}
.js-about-us-country-template .about-us-country-header {
display: block;
padding-top: var(--spacing__08);
padding-bottom: var(--spacing__08)
}
@media(min-width: 1024px) {
.js-about-us-country-template .about-us-country-header {
padding-top: var(--spacing__12);
padding-bottom: var(--spacing__09)
}
}
.js-about-us-country-template .about-us-country-header .grid {
display: block
}
@media(min-width: 1024px) {
.js-about-us-country-template .about-us-country-header .grid {
display: grid
}
}
.js-about-us-country-template .about-us-country-header .text__header {
grid-column-start: 1;
grid-column-end: 7;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.js-about-us-country-template .about-us-country-header .text__preamble {
grid-column-start: 8;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch;
grid-row-start: 1;
grid-row-end: 2
}
.js-about-us-country-template .about-us-country-header .text h2 {
font-size: var(--font__size--30);
margin-bottom: var(--spacing__06)
}
@media(min-width: 1024px) {
.js-about-us-country-template .about-us-country-header .text h2 {
font-size: var(--font__size--36)
}
}
.js-about-us-country-template .about-us-country-header .text .hero--preamble {
margin-bottom: 0
}
.js-about-us-country-template .video-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
padding-bottom: var(--spacing__08)
}
@media(min-width: 768px) {
.js-about-us-country-template .video-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .video-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.js-about-us-country-template .video-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.js-about-us-country-template .video-block {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .video-block {
padding-bottom: var(--spacing__12)
}
}
.js-about-us-country-template .video-block .embedded-video.block {
padding-top: 0;
margin-bottom: 0
}
.js-about-us-country-template .js-facts-block.facts-block.block {
margin-bottom: var(--spacing__09);
padding-top: var(--spacing__09)
}
@media(min-width: 768px) {
.js-about-us-country-template .js-facts-block.facts-block.block {
margin-bottom: var(--spacing__11);
padding-top: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .js-facts-block.facts-block.block {
margin-bottom: var(--spacing__14);
padding-top: var(--spacing__14)
}
}
.js-about-us-country-template .js-legacy-block.legacy-block.block.grid.grid__gap {
padding-top: var(--spacing__09);
margin-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.js-about-us-country-template .js-legacy-block.legacy-block.block.grid.grid__gap {
padding-top: var(--spacing__11);
margin-bottom: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .js-legacy-block.legacy-block.block.grid.grid__gap {
padding-top: var(--spacing__14);
margin-bottom: var(--spacing__14)
}
}
.js-about-us-country-template #services .background__dark {
margin-bottom: 0;
padding-bottom: 0
}
.js-about-us-country-template #services .tab-container-block__dark {
padding-top: var(--spacing__07)
}
.js-about-us-country-template #services .tab-container-block__dark .tab-container-block.block {
margin-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.js-about-us-country-template #services .tab-container-block__dark .tab-container-block.block {
margin-bottom: var(--spacing__12)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template #services .tab-container-block__dark .tab-container-block.block {
margin-bottom: var(--spacing__14)
}
}
.js-about-us-country-template .js-person-listing-block.person-listing-block.block {
padding-top: var(--spacing__07);
margin-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.js-about-us-country-template .js-person-listing-block.person-listing-block.block {
padding-top: var(--spacing__09);
margin-bottom: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .js-person-listing-block.person-listing-block.block {
margin-bottom: var(--spacing__14)
}
}
.js-about-us-country-template .person-listing-block.block,
.js-about-us-country-template .scroll-container-block.block {
padding-top: var(--spacing__08);
margin-bottom: var(--spacing__05)
}
@media(min-width: 768px) {
.js-about-us-country-template .person-listing-block.block,
.js-about-us-country-template .scroll-container-block.block {
padding-top: var(--spacing__06);
margin-bottom: var(--spacing__08)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .person-listing-block.block,
.js-about-us-country-template .scroll-container-block.block {
padding-top: var(--spacing__14);
margin-bottom: var(--spacing__14)
}
}
.js-about-us-country-template .strategy .background__dark {
margin-bottom: 0
}
.js-about-us-country-template .logotype .logotype-block {
padding-top: var(--spacing__09);
margin-bottom: var(--spacing__06)
}
@media(min-width: 768px) {
.js-about-us-country-template .logotype .logotype-block {
padding-top: var(--spacing__11);
margin-bottom: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .logotype .logotype-block {
padding-top: var(--spacing__14);
margin-bottom: var(--spacing__14)
}
}
.js-about-us-country-template .USP-section-block.block {
padding-top: var(--spacing__12);
margin-bottom: 0
}
@media(min-width: 1024px) {
.js-about-us-country-template .USP-section-block.block {
padding-top: var(--spacing__14)
}
}
.js-about-us-country-template .heading-block.block {
padding-top: var(--spacing__09);
margin-bottom: 0
}
@media(min-width: 768px) {
.js-about-us-country-template .heading-block.block {
padding-top: var(--spacing__12)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .heading-block.block {
padding-top: var(--spacing__14)
}
}
.js-about-us-country-template .heading-block.block .block--heading {
margin-bottom: 0
}
.js-about-us-country-template .heading-block.block .block--preamble {
margin-top: var(--spacing__06)
}
.js-about-us-country-template .js-accordion-block.accordion-block.block {
padding-top: 0;
padding-top: var(--spacing__09);
margin-bottom: var(--spacing__09)
}
@media(min-width: 768px) {
.js-about-us-country-template .js-accordion-block.accordion-block.block {
padding-top: var(--spacing__11);
margin-bottom: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .js-accordion-block.accordion-block.block {
padding-top: var(--spacing__13);
margin-bottom: var(--spacing__14)
}
}
.js-about-us-country-template .related-content .js-related-content-block.related-content-block.block {
margin-bottom: var(--spacing__09);
padding-top: var(--spacing__09)
}
@media(min-width: 768px) {
.js-about-us-country-template .related-content .js-related-content-block.related-content-block.block {
padding-top: var(--spacing__11);
margin-bottom: var(--spacing__11)
}
}
@media(min-width: 1024px) {
.js-about-us-country-template .related-content .js-related-content-block.related-content-block.block {
padding-top: var(--spacing__14);
margin-bottom: var(--spacing__14)
}
}
.js-about-us-country-template .tab-container-block.block {
padding-top: 0
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
ol,
ul,
li {
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
display: block
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
h1 {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36)
}
@media(min-width: 768px) {
h1 {
font-family: var(--font__bold);
font-size: var(--font__size--45);
line-height: var(--font__size--48);
letter-spacing: -0.0005rem
}
}
@media(min-width: 896px) {
h1 {
font-family: var(--font__bold);
font-size: var(--font__size--60);
line-height: var(--font__size--60);
letter-spacing: -0.01rem
}
}
h2 {
font-family: var(--font__bold);
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
@media(min-width: 768px) {
h2 {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36)
}
}
@media(min-width: 896px) {
h2 {
font-family: var(--font__bold);
font-size: var(--font__size--45);
line-height: var(--font__size--48);
letter-spacing: -0.0005rem
}
}
h3 {
font-family: var(--font__bold);
font-size: var(--font__size--21);
line-height: var(--font__size--27)
}
@media(min-width: 768px) {
h3 {
font-family: var(--font__bold);
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
@media(min-width: 896px) {
h3 {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36)
}
}
h4 {
font-family: var(--font__bold);
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
@media(min-width: 896px) {
h4 {
font-family: var(--font__bold);
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
h5 {
font-family: var(--font__bold);
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
h6 {
font-family: var(--font__bold);
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.preamble__block {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.text {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.text__bold {
font-family: var(--font__bold)
}
.hero--label {
font-family: var(--font__bold);
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
.hero--heading {
font-family: var(--font__bold);
font-size: var(--font__size--30);
line-height: var(--font__size--36)
}
@media(min-width: 896px) {
.hero--heading {
font-family: var(--font__bold);
font-size: var(--font__size--45);
line-height: var(--font__size--48);
letter-spacing: -0.0005rem
}
}
@media(min-width: 1024px) {
.hero--heading {
font-family: var(--font__bold);
font-size: var(--font__size--48);
line-height: var(--font__size--54);
letter-spacing: -0.0005rem
}
}
@media(min-width: 1224px) {
.hero--heading__xl {
font-family: var(--font__bold);
font-size: var(--font__size--60);
line-height: var(--font__size--60);
letter-spacing: -0.01rem
}
}
.hero--preamble {
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
@media(min-width: 896px) {
.hero--preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--27)
}
}
.hero--preamble__xl {
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
@media(min-width: 1024px) {
.hero--preamble__xl {
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
}
.block--label {
font-family: var(--font__bold);
font-size: var(--font__size--18);
line-height: var(--font__size--24);
color: var(--color__purple--500)
}
.block--heading {
font-family: var(--font__bold);
font-size: var(--font__size--24);
line-height: var(--font__size--30)
}
@media(min-width: 1024px) {
.block--heading {
font-family: var(--font__bold);
font-size: var(--font__size--36);
line-height: var(--font__size--40)
}
}
.block--preamble {
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
@media(min-width: 1024px) {
.block--preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
}
*:lang(ko) h1,
*:lang(ko) h2,
*:lang(ko) h3,
*:lang(ko) h4,
*:lang(ko) h5,
*:lang(ko) h6 {
word-break: keep-all;
font-family: var(--font__bold)
}
*:lang(ko) h1 {
font-size: var(--font__size--24)
}
@media(min-width: 768px) {
*:lang(ko) h1 {
font-size: var(--font__size--36)
}
}
@media(min-width: 896px) {
*:lang(ko) h1 {
font-size: var(--font__size--48)
}
}
*:lang(ko) h2 {
font-size: var(--font__size--18)
}
@media(min-width: 768px) {
*:lang(ko) h2 {
font-size: var(--font__size--24)
}
}
@media(min-width: 896px) {
*:lang(ko) h2 {
font-size: var(--font__size--36)
}
}
@media(min-width: 768px) {
*:lang(ko) h3 {
font-size: var(--font__size--18)
}
}
@media(min-width: 896px) {
*:lang(ko) h3 {
font-size: var(--font__size--24)
}
}
@media(min-width: 896px) {
*:lang(ko) h4 {
font-size: var(--font__size--18)
}
}
*:lang(ko) .hero--label {
line-height: var(--font__size--30)
}
*:lang(ko) .hero--heading {
line-height: var(--font__size--45)
}
@media(min-width: 1224px) {
*:lang(ko) .hero--heading__xl {
font-size: var(--font__size--48);
line-height: var(--font__size--60)
}
}
*:lang(ko) .hero--preamble {
line-height: var(--font__size--27)
}
@media(min-width: 896px) {
*:lang(ko) .hero--preamble {
line-height: var(--font__size--30)
}
}
*:lang(ko) .block--label {
font-size: var(--font__size--15);
line-height: var(--font__size--24)
}
@media(min-width: 1024px) {
*:lang(ko) .block--label {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
}
*:lang(ko) .block--heading {
font-size: var(--font__size--24);
line-height: var(--font__size--36)
}
@media(min-width: 1024px) {
*:lang(ko) .block--heading {
font-size: var(--font__size--36);
line-height: var(--font__size--48)
}
}
*:lang(ko) .block--preamble {
font-size: var(--font__size--15);
line-height: var(--font__size--27)
}
@media(min-width: 1024px) {
*:lang(ko) .block--preamble {
font-size: var(--font__size--18);
line-height: var(--font__size--30)
}
}
*:lang(ko) .preamble__block {
line-height: var(--font__size--30)
}
*:lang(ko) .text {
line-height: var(--font__size--30)
}
*:lang(ko) .tpp .tpp__text .tpp__subheader {
font-size: var(--font__size--30);
line-height: var(--font__size--45)
}
@media(min-width: 1024px) {
*:lang(ko) .tpp .tpp__text .tpp__subheader {
font-size: var(--font__size--48);
line-height: var(--font__size--60)
}
}
*:lang(ko) .tpp .tpp__text .tpp__preamble p,
*:lang(ko) .tpp .tpp__text .tpp__preamble ul,
*:lang(ko) .tpp .tpp__text .tpp__preamble ol {
font-size: var(--font__size--15);
line-height: var(--font__size--27)
}
@media(min-width: 1024px) {
*:lang(ko) .tpp .tpp__text .tpp__preamble p,
*:lang(ko) .tpp .tpp__text .tpp__preamble ul,
*:lang(ko) .tpp .tpp__text .tpp__preamble ol {
font-size: var(--font__size--18);
line-height: var(--font__size--30)
}
}
@font-face {
font-family: "secpro__regular";
font-style: normal;
font-weight: normal;
font-display: swap;
src: url("../fonts/SecuritasPro-Regular.eot");
src: url("../fonts/SecuritasPro-Regular.eot?#iefix") format("embedded-opentype"), url( "../fonts/SecuritasPro-Regular.woff2") format("woff2"), url( "../fonts/SecuritasPro-Regular.woff") format("woff"), url( "../fonts/SecuritasPro-Regular.ttf") format("truetype")
}
@font-face {
font-family: "secpro__regular--fallback";
src: local("Arial");
size-adjust: 103%;
ascent-override: 96%;
descent-override: 22%;
line-gap-override: 0%
}
@font-face {
font-family: "secpro__bold";
font-style: normal;
font-weight: normal;
font-display: swap;
src: url( "../fonts/SecuritasPro-Bold.eot");
src: url( "../fonts/SecuritasPro-Bold.eot?#iefix") format("embedded-opentype"), url( "../fonts/SecuritasPro-Bold.woff2") format("woff2"), url( "../fonts/SecuritasPro-Bold.woff") format("woff"), url( "../fonts/SecuritasPro-Bold.ttf") format("truetype")
}
@font-face {
font-family: "secpro__bold--fallback";
src: local("Arial Bold");
size-adjust: 102%;
ascent-override: 98%;
descent-override: 19%;
line-gap-override: 0%
}
@font-face {
font-family: "arial__bold";
font-style: normal;
font-weight: bold;
font-display: block;
src: url( "../fonts/ArialBold.woff") format("woff")
}
@font-face {
font-family: "Noto Sans KR__bold";
font-style: normal;
font-weight: normal;
font-display: block;
src: url( "../fonts/NotoSansKR-Bold.eot");
src: url( "../fonts/NotoSansKR-Bold.ttf") format("truetype"), url( "../fonts/NotoSansKR-Bold.woff2") format("woff2"), url( "../fonts/NotoSansKR-Bold.woff") format("woff")
}
@font-face {
font-family: "Noto Sans KR__regular";
font-style: normal;
font-weight: normal;
font-display: block;
src: url( "../fonts/NotoSansKR-Regular.eot");
src: url( "../fonts/NotoSansKR-Regular.ttf") format("truetype"), url( "../fonts/NotoSansKR-Regular.woff2") format("woff2"), url( "../fonts/NotoSansKR-Regular.woff") format("woff")
}
:root .theme__default,
:root .theme__alt {
--menu__height--s: 60px;
--menu__height--md: 131px;
--menu__link-max-width: 270px;
--layout__centered: 800px;
--layout__centered-l: 900px;
--max-width__site: 1440px;
--gutter__column: 24px;
--gutter__column--s: 16px;
--gutter__column--content: 96px;
--color__red--100: #ff8da3;
--color__red--200: #fe718e;
--color__red--300: #fd566c;
--color__red--400: #fc273f;
--color__red--500: #d31b3d;
--color__red--600: #aa1834;
--color__red--800: #641432;
--color__blue--100: #acc2dd;
--color__blue--500: #42638c;
--color__blue--600: #2e4869;
--color__blue--700: #172f48;
--color__blue--800: #031f30;
--color__blue--900: #011523;
--color__purple--100-10: #F7F6FF;
--color__purple--100: #c2b4fc;
--color__purple--200: #AE97FD;
--color__purple--300: #9977FE;
--color__purple--400: #8d5fff;
--color__purple--450: #6E42DE;
--color__purple--500: #6C47CF;
--color__purple--600: #55419e;
--color__purple--800: #26224c;
--color__grey--100: #F4F4F5;
--color__grey--200: #eeeeee;
--color__grey--300: #e5e5e4;
--color__grey--400: #d7d8d6;
--color__grey--500: #babcbc;
--color__grey--600: #9c9ea0;
--color__grey--700: #717376;
--color__grey--800: #53565a;
--color__grey--900: #404346;
--color__white: #fff;
--color__black: #000;
--font__size--12: 0.75rem;
--font__size--13: 0.813rem;
--font__size--14: 0.875rem;
--font__size--15: 0.938rem;
--font__size--16: 1rem;
--font__size--18: 1.125rem;
--font__size--21: 1.313rem;
--font__size--24: 1.5rem;
--font__size--27: 1.688rem;
--font__size--30: 1.875rem;
--font__size--36: 2.25rem;
--font__size--40: 2.5rem;
--font__size--42: 2.625rem;
--font__size--45: 2.813rem;
--font__size--48: 3rem;
--font__size--54: 3.375rem;
--font__size--60: 3.75rem;
--font__size--66: 4.125rem;
--font__size--72: 4.5rem;
--font__size--90: 5.625rem;
--font__size--96: 6rem;
--font__size--100: 6.25rem;
--font__size--120: 7.5rem;
--font__weight--400: 400;
--font__weight--700: 700;
--bg-default: #FFFFFF;
--bg-brand: #031F30;
--bg-context: #F1F5F9;
--bg-subtle: #F4F4F5;
--surface-accent: #F1F5F9;
--surface-accent-light: #C2B4FC;
--surface-accent-strong: #F4F4F5;
--text-primary-light: #031F30;
--text-primary-dark: #FFFFFF;
--text-secondary-light: #53565A;
--text-secondary-dark: #BABCBC;
--text-interactive-light: #031F30;
--text-interactive-dark: #FFFFFF;
--text-action: #6E42DE;
--text-action-disabled: ##9C9EA0;
--text-context-light: #031F30;
--text-context-dark: #FFFFFF;
--border-primary: #9C9EA0;
--border-secondary: #2E4869;
--interactive-primary: #6E42DE;
--interactive-secondary: #031F30;
--interactive-secondary-inverse: #FFFFFF;
--interactive-disabled: #E5E5E4;
--success-on-light: #0B512C;
--success-on-dark: #1BC972;
--error-on-light: #AA1834;
--error-on-dark: #FD566C;
--cta-tertiary: var(--interactive-primary);
--cta-tertiary--hover: #5E33CC;
--cta-tertiary--active: #4F2AAD;
--spacing__01: 0.125rem;
--spacing__02: 0.25rem;
--spacing__03: 0.5rem;
--spacing__04: 0.75rem;
--spacing__05: 1.0rem;
--spacing__05--negative: -1.0rem;
--spacing__06: 1.5rem;
--spacing__07: 2.0rem;
--spacing__08: 2.5rem;
--spacing__09: 3.0rem;
--spacing__10: 3.5rem;
--spacing__11: 4.0rem;
--spacing__12: 5.0rem;
--spacing__13: 6.0rem;
--spacing__14: 7rem;
--spacing__15: 10.0rem;
--radius-xsmall: 0.25rem;
--radius-small: 0.375rem;
--radius-medium: 0.5rem;
--radius-large: 0.75rem;
--radius-pill: 99px;
--stroke-thin: 1px;
--stroke-thick: 2px;
--elavation__01: 0px 0.5px 2px 0px rgba(0, 0, 0, 0.18);
--elavation__02: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
--elavation__03: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
--elavation__04: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
--elavation__05: 8px 8px 30px 0px rgba(0, 0, 0, 0.06);
--duration-small: 160ms;
--duration-medium: 240ms;
--duration-large: 320ms;
--duration-xlarge: 560ms;
--ease-entrance: cubic-bezier(0, 0, 0.4, 1);
--ease-exit: cubic-bezier(0.2, 0, 1, 1);
--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
--ease-linear: cubic-bezier(0, 0, 1, 1)
}
:root .theme__default {
--font__bold: "secpro__bold", "secpro__bold--fallback", Arial, sans-serif;
--font__regular: "secpro__regular", "secpro__regular--fallback", Arial, sans-serif
}
:root .theme__alt {
--font__bold: "arial__bold", Tahoma, Verdana, sans-serif;
--font__regular: Arial, "Helvetica Neue", Helvetica, sans-serif
}
:root:lang(ko) .theme__default {
--font__bold: "Noto Sans KR__bold", "secpro__bold", "secpro__bold--fallback", Arial, sans-serif;
--font__regular: "Noto Sans KR__regular", "secpro__regular", "secpro__regular--fallback", Arial, sans-serif
}
html {
scroll-padding-top: 6.2rem
}
html.html-scroll__smooth {
scroll-behavior: smooth
}
html.html-scroll__disabled {
overflow: hidden
}
body {
scroll-behavior: smooth;
margin: 0;
padding: 0;
font-family: var(--font__regular);
color: var(--text-primary-light);
background-color: var(--bg-default)
}
a {
transition: var(--duration-large) var(--ease-standard)
}
a:link {
color: var(--text-primary-light)
}
a:visited {
color: var(--color__blue--900)
}
a:hover {
color: var(--color__blue--600)
}
a:active {
color: var(--color__blue--500)
}
a.button__login {
color: var(--text-primary-dark)
}
.hero__dark {
color: var(--text-primary-dark)
}
.hero--label {
margin-bottom: var(--spacing__05)
}
@media(min-width: 1024px) {
.hero--label {
margin-bottom: var(--spacing__04)
}
}
.hero--heading {
margin-bottom: var(--spacing__06)
}
@media(max-width: 1224px) {
.hero--heading {
word-break: break-word
}
}
.hero--preamble {
margin-bottom: var(--spacing__08)
}
.block {
padding-top: var(--spacing__07);
margin-bottom: var(--spacing__07)
}
@media(min-width: 896px) {
.block {
padding-top: var(--spacing__10);
margin-bottom: var(--spacing__10)
}
}
.block--label {
margin-bottom: var(--spacing__05);
color: var(--color__purple--500)
}
@media(min-width: 1024px) {
.block--label {
margin-bottom: var(--spacing__04)
}
}
.block--heading {
margin-bottom: var(--spacing__06)
}
.block--preamble p {
margin-bottom: var(--spacing__04)
}
.block--preamble ul.checkmark-list {
list-style: none;
padding-left: 0
}
.block--preamble ul.checkmark-list li {
margin-bottom: var(--spacing__04);
padding-left: var(--spacing__09);
position: relative
}
.block--preamble ul.checkmark-list li::before {
content: url("../images/icons/checkmark-black.svg");
margin-right: 0;
position: absolute;
left: 0;
top: -4px
}
.block--preamble .text__purple {
color: var(--color__purple--200)
}
strong {
font-family: var(--font__bold)
}
em {
font-style: italic
}
section:not(.fluid) {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
section:not(.fluid) {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
section:not(.fluid) {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
section:not(.fluid) {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
section:not(.fluid) {
padding-left: 0;
padding-right: 0
}
}
section.fluid {
box-sizing: border-box;
width: 100%
}
.container {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.container {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.container {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.container {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.container {
padding-left: 0;
padding-right: 0
}
}
main {
padding-top: 3rem
}
@media(min-width: 896px) {
main {
padding-top: var(--menu__height--md)
}
}
main.disabled:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, .6);
z-index: 999
}
button[disabled] {
opacity: .6;
cursor: default !important
}
.skip-to-main {
position: absolute;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
top: -100px;
left: 0;
background-color: var(--color__blue--600);
height: var(--menu__height--md)-34px;
box-sizing: border-box;
outline: none
}
.skip-to-main:link {
color: var(--text-primary-dark)
}
.skip-to-main:active {
color: var(--text-primary-dark)
}
.skip-to-main:visited {
color: var(--text-primary-dark)
}
.skip-to-main:focus {
top: 0;
z-index: 99999
}
ul .infolist,
ul .checklist,
li .infolist,
li .checklist {
font-size: var(--font__size--15);
line-height: 1.5;
list-style: none;
margin-bottom: var(--spacing__06);
align-items: center;
padding: 0 0 0 3.25rem;
position: relative
}
@media(min-width: 896px) {
ul .infolist,
ul .checklist,
li .infolist,
li .checklist {
font-size: var(--font__size--18)
}
}
ul .infolist::before,
li .infolist::before {
content: url("../images/icons/base-one.svg");
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
box-sizing: border-box;
flex-shrink: 0;
line-height: 0;
position: absolute;
top: calc(50% - 1.125rem);
left: 0;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--bg-brand)
}
ul .checklist::before,
li .checklist::before {
content: url("../images/icons/base-two.svg");
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--bg-brand);
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
box-sizing: border-box;
flex-shrink: 0;
line-height: 0;
position: absolute;
top: calc(50% - 1.125rem);
left: 0
}
ul.checkmark-list,
li.checkmark-list {
list-style: none;
padding-left: 0
}
ul.checkmark-list li,
li.checkmark-list li {
margin-bottom: var(--spacing__04)
}
ul.checkmark-list li::before,
li.checkmark-list li::before {
content: url("../images/icons/checkmark-white.svg");
top: var(--spacing__04);
position: relative;
margin-right: var(--spacing__05)
}
.google-tag-iframe {
display: none;
visibility: hidden
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
body #ld-chat-app #ld-bot-flow {
z-index: 2147483644 !important
}
.background__dark {
background: var(--bg-brand);
color: var(--text-primary-dark);
overflow: auto;
padding-bottom: var(--spacing__12);
margin-bottom: var(--spacing__08)
}
.background__dark--radius {
border-top-left-radius: 16px;
border-top-right-radius: 16px
}
@media(min-width: 1024px) {
.background__dark {
padding-bottom: var(--spacing__13);
margin-bottom: 0
}
}
.background__dark .block--label {
color: var(--text-primary-dark) !important
}
.background__grey {
background: var(--bg-subtle);
overflow: auto;
padding: var(--spacing__06) 0
}
@media(min-width: 1024px) {
.background__grey {
margin-top: var(--spacing__09);
padding: 0
}
}
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
column-gap: var(--gutter__column--s)
}
@media(min-width: 768px) {
.grid {
grid-template-columns: repeat(8, 1fr)
}
}
@media(min-width: 1024px) {
.grid {
grid-template-columns: repeat(12, 1fr)
}
}
@media(min-width: 768px) {
.grid.grid__gap {
column-gap: var(--gutter__column)
}
}
.image__responsive {
width: 100%;
display: block;
height: auto
}
.figure__proportion {
position: relative;
overflow: hidden;
width: 100%
}
.figure__proportion.figure__proportion--standard {
padding-top: 75%
}
.figure__proportion.figure__proportion--widescreen {
padding-top: 56.25%
}
.figure__proportion.figure__proportion--cinemascope {
padding-top: 42.86%
}
.figure__proportion>img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%
}
.hidden {
display: none
}
.video__container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 66.6666666667%
}
.video__container iframe,
.video__container video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%
}
.video__container .cookieconsent-optout-marketing.yt-embedd {
background-image: url("../images/misc/404.png");
padding: 2rem;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
line-height: 1.5;
font-family: var(--font__bold);
flex-direction: column;
row-gap: var(--spacing__04)
}
.video__container .cookieconsent-optout-marketing.yt-embedd a {
text-decoration: underline
}
.linkbutton__text,
.linkbutton__text-after,
.linkbutton__icon {
color: var(--text-primary-light);
text-decoration: none;
font-family: var(--font__bold);
position: relative;
display: inline-flex;
font-size: var(--font__size--15);
transition: var(--duration-large) var(--ease-standard);
outline: none
}
.linkbutton__text:before,
.linkbutton__text-after:before,
.linkbutton__icon:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.linkbutton__text:hover,
.linkbutton__text-after:hover,
.linkbutton__icon:hover {
color: var(--color__blue--700)
}
.linkbutton__text:focus,
.linkbutton__text-after:focus,
.linkbutton__icon:focus {
color: var(--color__blue--600);
outline: 2px solid var(--color__blue--600);
outline-offset: 8px
}
.linkbutton__text:active,
.linkbutton__text-after:active,
.linkbutton__icon:active {
color: var(--color__blue--900)
}
.linkbutton__text {
padding-left: 30px
}
.linkbutton__text:before {
width: 18px;
height: 18px;
background-image: url("../images/icons/circle-greater-black.svg")
}
.linkbutton__text:hover:before {
background-image: url("../images/icons/circle-greater-black.svg")
}
.linkbutton__text:focus:before {
background-image: url("../images/icons/circle-greater-dark-gray.svg")
}
.linkbutton__text:active:before {
background-image: url("../images/icons/circle-greater-black.svg")
}
.linkbutton__text-after {
padding-right: 30px;
width: fit-content
}
.linkbutton__text-after:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 18px;
height: 18px;
background-image: url("../images/icons/circle-greater-black.svg")
}
.linkbutton__text-after:hover:after {
background-image: url("../images/icons/circle-greater-black.svg")
}
.linkbutton__text-after:focus:after {
background-image: url("../images/icons/circle-greater-dark-gray.svg")
}
.linkbutton__text-after:active:after {
background-image: url("../images/icons/circle-greater-black.svg")
}
.linkbutton__icon {
width: 36px;
height: 36px
}
.linkbutton__icon--arrow:before {
background-image: url("../images/icons/circle-greater-black-32x32.svg")
}
.linkbutton__icon--arrow:hover:before {
background-image: url("../images/icons/circle-greater-dark-gray-32x32.svg")
}
.linkbutton__icon--arrow:focus:before {
background-image: url("../images/icons/circle-greater-dark-blue-32x32.svg")
}
.linkbutton__icon--arrow:active:before {
background-image: url("../images/icons/circle-greater-black-32x32.svg")
}
.linkbutton__icon--download:before {
background-image: url("../images/icons/download-black-circle.svg")
}
.linkbutton__icon--download:hover:before {
background-image: url("../images/icons/download-circle-dark-blue.svg")
}
.linkbutton__icon--download:focus:before {
background-image: url("../images/icons/download-circle-blue.svg")
}
.linkbutton__icon--download:active:before {
background-image: url("../images/icons/download-black-circle.svg")
}
.linkbutton__icon--external:before {
background-image: url("../images/icons/graph-up-circle-black.svg")
}
.linkbutton__icon--external:hover:before {
background-image: url("../images/icons/graph-up-circle-black.svg")
}
.linkbutton__icon--external:focus:before {
background-image: url("../images/icons/graph-up-circle-black.svg")
}
.linkbutton__icon--external:active:before {
background-image: url("../images/icons/graph-up-circle-black.svg")
}
.block-intro {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 2fr;
margin-bottom: var(--spacing__06)
}
@media(min-width: 896px) {
.block-intro {
grid-column-gap: var(--gutter__column)
}
}
@media(min-width: 1224px) {
.block-intro {
margin-bottom: var(--spacing__08)
}
}
.block-intro .block--label,
.block-intro .block--heading,
.block-intro .block--preamble {
grid-column-start: 1;
grid-column-end: 13;
justify-self: stretch;
align-self: stretch
}
@media(min-width: 1024px) {
.block-intro .block--label,
.block-intro .block--heading,
.block-intro .block--preamble {
grid-column-end: 8
}
}
@media(min-width: 1224px) {
.block-intro .block--label,
.block-intro .block--heading,
.block-intro .block--preamble {
grid-column-end: 7
}
}
.block-intro>a {
grid-column-start: 1;
grid-column-end: 13
}
@media(min-width: 1024px) {
.container__sticky {
position: sticky;
top: 116px
}
}
.container__sticky--anchor {
position: sticky;
z-index: 998;
top: 60px
}
@media(min-width: 1024px) {
.container__sticky--anchor {
z-index: 999;
top: 68px
}
}
@media(min-width: 1024px) {
.container__sticky.has-anchor {
top: 182px
}
}
.anchor-bar {
background-color: var(--bg-context);
padding: 0 0;
overflow-x: auto
}
.anchor-bar .anchor-links {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
display: flex;
gap: var(--spacing__04);
list-style: none;
margin-top: 0;
margin-bottom: 0
}
@media(min-width: 768px) {
.anchor-bar .anchor-links {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.anchor-bar .anchor-links {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.anchor-bar .anchor-links {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.anchor-bar .anchor-links {
padding-left: 0;
padding-right: 0
}
}
.anchor-bar .anchor-links li {
margin-bottom: 0;
white-space: nowrap;
padding-right: var(--spacing__04)
}
@media(min-width: 1024px) {
.anchor-bar .anchor-links li {
padding-right: var(--spacing__06)
}
}
@media(min-width: 1441px) {
.anchor-bar .anchor-links li {
padding-right: var(--spacing__08)
}
}
.anchor-bar .anchor-links li a {
display: block;
padding: var(--spacing__06) 0
}
.anchor-bar .anchor-links li.active a {
border-bottom: var(--stroke-thin) solid var(--color__blue--800)
}
.anchor-bar .anchor-links li.self-assessment {
margin-left: auto
}
.anchor-bar .anchor-links li.self-assessment a {
color: var(--text-action);
position: relative;
padding-right: 30px
}
.anchor-bar .anchor-links li.self-assessment a:hover {
color: #5e33cc
}
.anchor-bar .anchor-links li.self-assessment a:hover svg {
fill: #5e33cc
}
.anchor-bar .anchor-links li.self-assessment svg {
fill: var(--text-action);
width: 25px;
height: 25px;
position: absolute;
right: 0;
transform: translateZ(0) rotate(-45deg)
}
.anchor-bar .anchor-links a {
font-family: var(--font__bold);
text-decoration: none;
font-size: var(--font__size--15)
}
@media(min-width: 1224px) {
.anchor-bar .anchor-links a {
font-size: var(--font__size--18);
line-height: var(--font__size--24)
}
}
.anchor-bar .anchor-links a:hover {
color: var(--color__blue--500)
}
.top-image__background {
background: var(--bg-brand);
position: relative;
overflow: hidden;
min-height: 400px
}
.top-image__background .container {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
min-height: 400px
}
.top-image__background .hero__breadcrumbs-wrapper {
grid-column: 1/13;
z-index: 3;
position: relative;
padding-top: var(--spacing__05)
}
@media(min-width: 896px) {
.top-image__background .hero__breadcrumbs-wrapper {
padding-top: 0
}
}
.top-image__background .hero__breadcrumbs-wrapper .breadcrumbs {
margin-top: 0
}
.top-image__background .hero__breadcrumbs-wrapper .breadcrumbs .wrapper {
padding-left: 0;
margin: 0
}
.top-image__background .hero__breadcrumbs-wrapper .breadcrumbs a {
color: var(--color__white)
}
.top-image__background .hero__breadcrumbs-wrapper .breadcrumbs span,
.top-image__background .hero__breadcrumbs-wrapper .breadcrumbs a span {
color: var(--color__white)
}
.top-image__background .hero__breadcrumbs-wrapper .breadcrumbs .item__back {
background: var(--color__white);
margin-right: var(--spacing__03)
}
.top-image__background .hero__breadcrumbs-wrapper .breadcrumbs a:hover,
.top-image__background .hero__breadcrumbs-wrapper .breadcrumbs a span:hover {
color: var(--color__white);
opacity: .8
}
.top-image__background .hero__breadcrumbs-wrapper .breadcrumbs svg {
fill: var(--color__blue--800)
}
.top-image__background .text {
grid-column: 1/13;
padding: 0 0 var(--spacing__10);
position: relative;
z-index: 2;
margin-top: auto
}
@media(min-width: 768px) {
.top-image__background .text {
grid-column: 1/8;
padding-bottom: var(--spacing__10)
}
}
@media(min-width: 1024px) {
.top-image__background .text {
grid-column: 1/9;
padding-bottom: var(--spacing__12)
}
}
@media(min-width: 1224px) {
.top-image__background .text {
grid-column: 1/7
}
}
@media(min-width: 1441px) {
.top-image__background .text {
grid-column: 1/6
}
}
.top-image__background .text h1 {
margin-bottom: 0;
word-wrap: break-word;
overflow-wrap: break-word;
text-align: left;
max-width: 556px;
font-size: var(--font__size--30);
line-height: var(--font__size--40)
}
@media(min-width: 768px) {
.top-image__background .text h1 {
font-size: var(--font__size--45);
line-height: var(--font__size--48)
}
}
@media(min-width: 1024px) {
.top-image__background .text h1 {
font-size: var(--font__size--60);
line-height: var(--font__size--60)
}
}
.top-image__background .image {
overflow: hidden;
position: absolute;
width: 210%;
height: 100%;
left: -55%;
top: 0
}
@media(min-width: 768px) {
.top-image__background .image {
width: 100%;
height: 100%;
left: 0
}
}
.top-image__background .image .image__wrapper {
position: absolute;
width: 100%;
height: 100%
}
.top-image__background .image .image__wrapper img,
.top-image__background .image .image__wrapper picture {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.top-image__background .image .image__wrapper picture {
width: 100%;
height: 100%
}
.top-image__background .image .overlay {
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(1, 21, 35, 0.85) 77%);
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1
}
@media(min-width: 768px) {
.top-image__background .image .overlay {
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(1, 21, 35, 0.85) 70%)
}
}
.top-image__background--xl {
min-height: 500px
}
@media(min-width: 768px) {
.top-image__background--xl {
min-height: 600px
}
}
@media(min-width: 1441px) {
.top-image__background--xl {
min-height: 833px
}
}
.top-image__background--xl .container {
min-height: 500px
}
@media(min-width: 768px) {
.top-image__background--xl .container {
min-height: 600px
}
}
@media(min-width: 1441px) {
.top-image__background--xl .container {
min-height: 833px
}
}
@media print {
#epi-quickNavigator {
display: none !important
}
.header,
.footer,
.breadcrumbs,
.share {
display: none !important
}
main {
padding-top: 0
}
.news__tpp {
margin-top: 0 !important
}
.article,
.article__tpp,
.news__tpp,
.news__article,
.text-block {
display: block;
width: auto !important
}
.article__tpp h1,
.news__tpp h1 {
margin-bottom: 12px;
padding-top: 0 !important
}
section {
padding-left: 0 !important;
padding-right: 0 !important
}
article,
.article__publishdate,
.news__publishdate,
.press-release,
.text-block__inner {
padding-left: 0 !important;
border-left: none !important
}
.article {
padding-left: 0 !important;
padding-right: 0 !important
}
.article__publishdate,
.news__publishdate {
margin-top: 2rem
}
.cookie__banner,
.button__quaternary {
display: none !important
}
}
.share {
list-style: none;
margin: 0;
padding: 0;
display: flex
}
.share li:first-child~li {
margin-left: .5rem
}
.share li button {
background-color: rgba(0, 0, 0, 0);
cursor: pointer
}
.share li a,
.share li button {
display: flex;
width: 36px;
height: 36px;
border: var(--stroke-thin) solid var(--color__grey--400);
border-radius: 50%;
justify-content: center;
align-items: center;
box-sizing: border-box
}
.share li a>*,
.share li button>* {
pointer-events: none
}
.share li svg {
width: 16px;
height: 16px;
fill: var(--color__blue--800)
}
@media(min-width: 768px) {
.share li.whatsapp__share {
display: none
}
}
.styled-table {
display: flex;
width: 100% !important
}
.styled-table .styled-table-heading {
font-size: var(--font__size--18) !important;
font-family: var(--font__bold)
}
.styled-table tbody {
width: inherit;
overflow: hidden
}
.styled-table tr {
display: flex;
justify-content: space-between;
margin: -0.5rem;
flex-direction: column
}
@media(min-width: 768px) {
.styled-table tr {
flex-direction: row
}
}
@media(min-width: 896px) {
.styled-table tr {
flex-direction: column
}
}
@media(min-width: 1024px) {
.styled-table tr {
flex-direction: row
}
}
.styled-table tr td {
background-color: var(--bg-brand);
color: var(--text-primary-dark);
width: initial !important;
display: inline-flex;
flex-direction: column;
margin: .5rem;
padding: 1rem;
box-sizing: border-box;
border-radius: var(--radius-small)
}
@media(min-width: 768px) {
.styled-table tr td {
width: 100% !important
}
}
@media(min-width: 896px) {
.styled-table tr td {
width: initial !important
}
}
@media(min-width: 1024px) {
.styled-table tr td {
width: 100% !important
}
}
.styled-table tr td ul,
.styled-table tr td ol {
margin-top: 0;
padding-left: 2rem
}
.styled-table tr td p {
margin-bottom: var(--spacing__04)
}
.styled-table tr td a {
color: var(--text-primary-dark)
}
.styled-table tr td:nth-child(3)~td {
display: none
}
.styled-table tr:first-child~tr {
display: none
}
.distinct-table tr,
.distinct-table td {
padding: var(--spacing__05)
}
.distinct-table tr {
height: 48px !important;
border-bottom: var(--stroke-thin) solid #e4e5e5
}
.distinct-table tr:first-child {
font-size: var(--font__size--18);
color: var(--text-primary-dark);
font-weight: bold;
background-color: var(--bg-brand) !important
}
.distinct-table tr:nth-child(odd) {
background-color: var(--bg-subtle)
}
.distinct-table tr:nth-child(even) {
background-color: var(--bg-default)
}
.template-intro {
row-gap: var(--spacing__04)
}
@media(min-width: 896px) {
.template-intro {
margin-top: var(--spacing__08)
}
}
.template-intro h1 {
grid-column: span 12;
grid-row: 1;
font-size: var(--font__size--30)
}
@media(min-width: 896px) {
.template-intro h1 {
grid-column: span 8;
font-size: var(--font__size--48)
}
}
@media(min-width: 1224px) {
.template-intro h1 {
grid-column: span 6
}
}
.template-intro .preamble {
grid-column: span 12;
grid-row: 2
}
.template-intro .preamble p {
font-size: var(--font__size--15);
line-height: 125%
}
@media(min-width: 896px) {
.template-intro .preamble {
margin-top: var(--spacing__06);
grid-column: span 8
}
.template-intro .preamble p {
font-size: var(--font__size--24)
}
}
@media(min-width: 1224px) {
.template-intro .preamble {
grid-column: span 6
}
}
.template-intro .preamble ul,
.template-intro .preamble ol {
font-size: var(--font__size--15);
line-height: 125%
}
@media(min-width: 896px) {
.template-intro .preamble ul,
.template-intro .preamble ol {
font-size: var(--font__size--24)
}
}
.search {
margin-top: var(--spacing__08);
margin-bottom: var(--spacing__08)
}
@media(min-width: 768px) {
.search {
margin-top: var(--spacing__09);
margin-bottom: var(--spacing__09)
}
}
.search .search-wrapper {
grid-column: span 12;
position: relative
}
@media(min-width: 896px) {
.search .search-wrapper {
grid-column: span 6
}
}
.search .search-icon {
width: 24px;
height: 24px;
fill: var(--color__grey--700);
position: absolute;
top: 14px;
left: 14px
}
.search input[type=search]::-webkit-search-decoration,
.search input[type=search]::-webkit-search-cancel-button,
.search input[type=search]::-webkit-search-results-button,
.search input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none
}
.search input[type=search] {
height: 52px;
padding: 12px 46px;
border-radius: var(--radius-pill);
border: var(--stroke-thin) solid var(--color__grey--700);
font-family: inherit;
box-sizing: border-box;
width: 100%;
font-size: var(--font__size--15);
background-color: var(--bg-default)
}
@media(min-width: 896px) {
.search input[type=search] {
font-size: var(--font__size--18)
}
}
.search input[type=search]:disabled {
opacity: .5
}
.search input[type=search]:focus {
outline: none;
border-color: var(--color__purple--400)
}
.search input[type=search]::-webkit-search-cancel-button {
appearance: none;
-webkit-appearance: none
}
.search button[type=submit] {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
position: absolute;
top: 8px;
right: 10px;
border-radius: 50%;
width: 36px;
height: 36px;
border: none;
background-color: var(--color__purple--100);
font-size: 0px;
line-height: 0;
padding: 0;
align-items: center;
justify-content: center
}
.search button[type=submit] svg {
width: 20px;
height: 20px
}
#epi-quickNavigator {
right: 60px !important;
height: 40px
}
@media(min-width: 1024px) {
#epi-quickNavigator {
right: 100px !important
}
}
@media(min-width: 1224px) {
#epi-quickNavigator {
right: 200px !important
}
}
@media(min-width: 1441px) {
#epi-quickNavigator {
right: 100px !important
}
}
@media(min-width: 1650px) {
#epi-quickNavigator {
right: 200px !important
}
}
#epi-quickNavigator a {
display: block
}
#epi-quickNavigator span {
margin-top: -14px;
font-family: "Lato", sans-serif !important
}
.heading-block {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%
}
@media(min-width: 768px) {
.heading-block {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.heading-block {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.heading-block {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.heading-block {
padding-left: 0;
padding-right: 0
}
}
.heading-block.block {
margin-bottom: 0
}
@media(min-width: 1024px) {
.heading-block .block--label,
.heading-block h2,
.heading-block .block--preamble {
max-width: 520px
}
}
.heading-block .cta {
margin-top: var(--spacing__08)
}
.heading-block .cta .button {
width: 100%
}
@media(min-width: 768px) {
.heading-block .cta .button {
width: auto
}
}
.heading-with-image-block {
position: relative;
min-height: 475px;
overflow: hidden
}
@media(min-width: 768px) {
.heading-with-image-block {
height: 605px
}
}
@media(min-width: 1024px) {
.heading-with-image-block {
height: 700px
}
}
.heading-with-image-block .image {
position: absolute;
width: 100%
}
.heading-with-image-block .overlay {
background: var(--color__black);
opacity: .25;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0
}
.heading-with-image-block .container {
margin-top: var(--spacing__12)
}
.heading-with-image-block .block--label,
.heading-with-image-block .block--heading,
.heading-with-image-block .block--preamble {
position: relative;
color: var(--text-primary-dark)
}
@media(min-width: 1024px) {
.heading-with-image-block .block--label,
.heading-with-image-block .block--heading,
.heading-with-image-block .block--preamble {
max-width: 520px
}
}
.heading-with-image-block .cta {
margin-top: var(--spacing__08);
position: relative
}
.badge {
font-size: var(--font__size--12);
font-family: var(--font__bold);
border-radius: var(--radius-large);
margin-right: var(--spacing__03);
padding: var(--spacing__02) var(--spacing__04)
}
.badge__primary {
background: var(--color__grey--400)
}
.design-system {
position: relative
}
.design-system .block--label {
color: var(--text-primary-light)
}
@media(min-width: 896px) {
.design-system .block {
padding-top: var(--spacing__10);
margin-bottom: var(--spacing__10)
}
}
@media(min-width: 1224px) {
.design-system .block {
padding-top: var(--spacing__14);
margin-bottom: var(--spacing__14)
}
}
.design-system .heading-with-image-block .block--label {
color: var(--text-primary-dark)
}
.design-system .js-embedded-video-block .image-container,
.design-system .js-embedded-video-block .video-container,
.design-system .js-embedded-video-block iframe {
border-radius: var(--radius-medium)
}
.design-system .js-embedded-video-block .cookieconsent-optout-marketing {
border-radius: var(--radius-large)
}
.design-system .image-with-text-block .button__tertiary,
.design-system .video-with-text-block .button__tertiary,
.design-system .bannerwithbutton-block .button__tertiary,
.design-system .accordion-block .button__tertiary,
.design-system .spotlight-block .button__tertiary,
.design-system .related-articles-block .button__tertiary,
.design-system .related-content-block .button__tertiary,
.design-system .banner-block .button__tertiary,
.design-system .heading-block .button__tertiary,
.design-system .heading-with-image-block .button__tertiary,
.design-system .benefits-block .button__tertiary,
.design-system .USP-section-block .button__tertiary,
.design-system .modal-form-block .button__tertiary,
.design-system .table-block .button__tertiary,
.design-system .job-list .button__tertiary,
.design-system .job-similar .button__tertiary,
.design-system .saved-jobs .button__tertiary,
.design-system .container__sticky .filter-buttons .button__tertiary {
background-color: var(--cta-tertiary);
border: var(--stroke-thick) solid var(--cta-tertiary);
color: var(--text-primary-dark)
}
.design-system .image-with-text-block .button__tertiary svg,
.design-system .video-with-text-block .button__tertiary svg,
.design-system .bannerwithbutton-block .button__tertiary svg,
.design-system .accordion-block .button__tertiary svg,
.design-system .spotlight-block .button__tertiary svg,
.design-system .related-articles-block .button__tertiary svg,
.design-system .related-content-block .button__tertiary svg,
.design-system .banner-block .button__tertiary svg,
.design-system .heading-block .button__tertiary svg,
.design-system .heading-with-image-block .button__tertiary svg,
.design-system .benefits-block .button__tertiary svg,
.design-system .USP-section-block .button__tertiary svg,
.design-system .modal-form-block .button__tertiary svg,
.design-system .table-block .button__tertiary svg,
.design-system .job-list .button__tertiary svg,
.design-system .job-similar .button__tertiary svg,
.design-system .saved-jobs .button__tertiary svg,
.design-system .container__sticky .filter-buttons .button__tertiary svg {
fill: var(--color__white);
display: block
}
.design-system .image-with-text-block .button__tertiary:hover,
.design-system .video-with-text-block .button__tertiary:hover,
.design-system .bannerwithbutton-block .button__tertiary:hover,
.design-system .accordion-block .button__tertiary:hover,
.design-system .spotlight-block .button__tertiary:hover,
.design-system .related-articles-block .button__tertiary:hover,
.design-system .related-content-block .button__tertiary:hover,
.design-system .banner-block .button__tertiary:hover,
.design-system .heading-block .button__tertiary:hover,
.design-system .heading-with-image-block .button__tertiary:hover,
.design-system .benefits-block .button__tertiary:hover,
.design-system .USP-section-block .button__tertiary:hover,
.design-system .modal-form-block .button__tertiary:hover,
.design-system .table-block .button__tertiary:hover,
.design-system .job-list .button__tertiary:hover,
.design-system .job-similar .button__tertiary:hover,
.design-system .saved-jobs .button__tertiary:hover,
.design-system .container__sticky .filter-buttons .button__tertiary:hover {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.design-system .image-with-text-block .button__tertiary:focus,
.design-system .video-with-text-block .button__tertiary:focus,
.design-system .bannerwithbutton-block .button__tertiary:focus,
.design-system .accordion-block .button__tertiary:focus,
.design-system .spotlight-block .button__tertiary:focus,
.design-system .related-articles-block .button__tertiary:focus,
.design-system .related-content-block .button__tertiary:focus,
.design-system .banner-block .button__tertiary:focus,
.design-system .heading-block .button__tertiary:focus,
.design-system .heading-with-image-block .button__tertiary:focus,
.design-system .benefits-block .button__tertiary:focus,
.design-system .USP-section-block .button__tertiary:focus,
.design-system .modal-form-block .button__tertiary:focus,
.design-system .table-block .button__tertiary:focus,
.design-system .job-list .button__tertiary:focus,
.design-system .job-similar .button__tertiary:focus,
.design-system .saved-jobs .button__tertiary:focus,
.design-system .container__sticky .filter-buttons .button__tertiary:focus {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.design-system .image-with-text-block .button__tertiary:active,
.design-system .video-with-text-block .button__tertiary:active,
.design-system .bannerwithbutton-block .button__tertiary:active,
.design-system .accordion-block .button__tertiary:active,
.design-system .spotlight-block .button__tertiary:active,
.design-system .related-articles-block .button__tertiary:active,
.design-system .related-content-block .button__tertiary:active,
.design-system .banner-block .button__tertiary:active,
.design-system .heading-block .button__tertiary:active,
.design-system .heading-with-image-block .button__tertiary:active,
.design-system .benefits-block .button__tertiary:active,
.design-system .USP-section-block .button__tertiary:active,
.design-system .modal-form-block .button__tertiary:active,
.design-system .table-block .button__tertiary:active,
.design-system .job-list .button__tertiary:active,
.design-system .job-similar .button__tertiary:active,
.design-system .saved-jobs .button__tertiary:active,
.design-system .container__sticky .filter-buttons .button__tertiary:active {
background-color: var(--cta-tertiary--active);
border-color: var(--cta-tertiary--active)
}
.design-system .image-with-text-block .button__tertiary:disabled,
.design-system .image-with-text-block .button__tertiary.disabled,
.design-system .video-with-text-block .button__tertiary:disabled,
.design-system .video-with-text-block .button__tertiary.disabled,
.design-system .bannerwithbutton-block .button__tertiary:disabled,
.design-system .bannerwithbutton-block .button__tertiary.disabled,
.design-system .accordion-block .button__tertiary:disabled,
.design-system .accordion-block .button__tertiary.disabled,
.design-system .spotlight-block .button__tertiary:disabled,
.design-system .spotlight-block .button__tertiary.disabled,
.design-system .related-articles-block .button__tertiary:disabled,
.design-system .related-articles-block .button__tertiary.disabled,
.design-system .related-content-block .button__tertiary:disabled,
.design-system .related-content-block .button__tertiary.disabled,
.design-system .banner-block .button__tertiary:disabled,
.design-system .banner-block .button__tertiary.disabled,
.design-system .heading-block .button__tertiary:disabled,
.design-system .heading-block .button__tertiary.disabled,
.design-system .heading-with-image-block .button__tertiary:disabled,
.design-system .heading-with-image-block .button__tertiary.disabled,
.design-system .benefits-block .button__tertiary:disabled,
.design-system .benefits-block .button__tertiary.disabled,
.design-system .USP-section-block .button__tertiary:disabled,
.design-system .USP-section-block .button__tertiary.disabled,
.design-system .modal-form-block .button__tertiary:disabled,
.design-system .modal-form-block .button__tertiary.disabled,
.design-system .table-block .button__tertiary:disabled,
.design-system .table-block .button__tertiary.disabled,
.design-system .job-list .button__tertiary:disabled,
.design-system .job-list .button__tertiary.disabled,
.design-system .job-similar .button__tertiary:disabled,
.design-system .job-similar .button__tertiary.disabled,
.design-system .saved-jobs .button__tertiary:disabled,
.design-system .saved-jobs .button__tertiary.disabled,
.design-system .container__sticky .filter-buttons .button__tertiary:disabled,
.design-system .container__sticky .filter-buttons .button__tertiary.disabled {
color: var(--color__grey--600);
background-color: var(--color__grey--300);
border-color: var(--color__grey--300)
}
.design-system .image-with-text-block .button__tertiary.disabled,
.design-system .video-with-text-block .button__tertiary.disabled,
.design-system .bannerwithbutton-block .button__tertiary.disabled,
.design-system .accordion-block .button__tertiary.disabled,
.design-system .spotlight-block .button__tertiary.disabled,
.design-system .related-articles-block .button__tertiary.disabled,
.design-system .related-content-block .button__tertiary.disabled,
.design-system .banner-block .button__tertiary.disabled,
.design-system .heading-block .button__tertiary.disabled,
.design-system .heading-with-image-block .button__tertiary.disabled,
.design-system .benefits-block .button__tertiary.disabled,
.design-system .USP-section-block .button__tertiary.disabled,
.design-system .modal-form-block .button__tertiary.disabled,
.design-system .table-block .button__tertiary.disabled,
.design-system .job-list .button__tertiary.disabled,
.design-system .job-similar .button__tertiary.disabled,
.design-system .saved-jobs .button__tertiary.disabled,
.design-system .container__sticky .filter-buttons .button__tertiary.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.design-system .image-with-text-block .button__tertiary,
.design-system .video-with-text-block .button__tertiary,
.design-system .bannerwithbutton-block .button__tertiary,
.design-system .accordion-block .button__tertiary,
.design-system .spotlight-block .button__tertiary,
.design-system .related-articles-block .button__tertiary,
.design-system .related-content-block .button__tertiary,
.design-system .banner-block .button__tertiary,
.design-system .heading-block .button__tertiary,
.design-system .heading-with-image-block .button__tertiary,
.design-system .benefits-block .button__tertiary,
.design-system .USP-section-block .button__tertiary,
.design-system .modal-form-block .button__tertiary,
.design-system .table-block .button__tertiary,
.design-system .job-list .button__tertiary,
.design-system .job-similar .button__tertiary,
.design-system .saved-jobs .button__tertiary,
.design-system .container__sticky .filter-buttons .button__tertiary {
font-size: var(--font__size--18)
}
.design-system .image-with-text-block .button__tertiary--small,
.design-system .video-with-text-block .button__tertiary--small,
.design-system .bannerwithbutton-block .button__tertiary--small,
.design-system .accordion-block .button__tertiary--small,
.design-system .spotlight-block .button__tertiary--small,
.design-system .related-articles-block .button__tertiary--small,
.design-system .related-content-block .button__tertiary--small,
.design-system .banner-block .button__tertiary--small,
.design-system .heading-block .button__tertiary--small,
.design-system .heading-with-image-block .button__tertiary--small,
.design-system .benefits-block .button__tertiary--small,
.design-system .USP-section-block .button__tertiary--small,
.design-system .modal-form-block .button__tertiary--small,
.design-system .table-block .button__tertiary--small,
.design-system .job-list .button__tertiary--small,
.design-system .job-similar .button__tertiary--small,
.design-system .saved-jobs .button__tertiary--small,
.design-system .container__sticky .filter-buttons .button__tertiary--small {
font-size: var(--font__size--16)
}
}
.design-system .image-with-text-block .button__secondary svg,
.design-system .video-with-text-block .button__secondary svg,
.design-system .bannerwithbutton-block .button__secondary svg,
.design-system .accordion-block .button__secondary svg,
.design-system .spotlight-block .button__secondary svg,
.design-system .related-articles-block .button__secondary svg,
.design-system .related-content-block .button__secondary svg,
.design-system .banner-block .button__secondary svg,
.design-system .heading-block .button__secondary svg,
.design-system .heading-with-image-block .button__secondary svg,
.design-system .benefits-block .button__secondary svg,
.design-system .USP-section-block .button__secondary svg,
.design-system .modal-form-block .button__secondary svg,
.design-system .table-block .button__secondary svg,
.design-system .job-list .button__secondary svg,
.design-system .job-similar .button__secondary svg,
.design-system .saved-jobs .button__secondary svg,
.design-system .container__sticky .filter-buttons .button__secondary svg {
fill: var(--text-primary-light);
display: block
}
.design-system .image-with-text-block .button__secondary:disabled,
.design-system .image-with-text-block .button__secondary.disabled,
.design-system .video-with-text-block .button__secondary:disabled,
.design-system .video-with-text-block .button__secondary.disabled,
.design-system .bannerwithbutton-block .button__secondary:disabled,
.design-system .bannerwithbutton-block .button__secondary.disabled,
.design-system .accordion-block .button__secondary:disabled,
.design-system .accordion-block .button__secondary.disabled,
.design-system .spotlight-block .button__secondary:disabled,
.design-system .spotlight-block .button__secondary.disabled,
.design-system .related-articles-block .button__secondary:disabled,
.design-system .related-articles-block .button__secondary.disabled,
.design-system .related-content-block .button__secondary:disabled,
.design-system .related-content-block .button__secondary.disabled,
.design-system .banner-block .button__secondary:disabled,
.design-system .banner-block .button__secondary.disabled,
.design-system .heading-block .button__secondary:disabled,
.design-system .heading-block .button__secondary.disabled,
.design-system .heading-with-image-block .button__secondary:disabled,
.design-system .heading-with-image-block .button__secondary.disabled,
.design-system .benefits-block .button__secondary:disabled,
.design-system .benefits-block .button__secondary.disabled,
.design-system .USP-section-block .button__secondary:disabled,
.design-system .USP-section-block .button__secondary.disabled,
.design-system .modal-form-block .button__secondary:disabled,
.design-system .modal-form-block .button__secondary.disabled,
.design-system .table-block .button__secondary:disabled,
.design-system .table-block .button__secondary.disabled,
.design-system .job-list .button__secondary:disabled,
.design-system .job-list .button__secondary.disabled,
.design-system .job-similar .button__secondary:disabled,
.design-system .job-similar .button__secondary.disabled,
.design-system .saved-jobs .button__secondary:disabled,
.design-system .saved-jobs .button__secondary.disabled,
.design-system .container__sticky .filter-buttons .button__secondary:disabled,
.design-system .container__sticky .filter-buttons .button__secondary.disabled {
color: var(--color__grey--600);
background-color: var(--color__grey--300);
border-color: var(--color__grey--300)
}
.design-system .image-with-text-block .button__secondary.disabled,
.design-system .video-with-text-block .button__secondary.disabled,
.design-system .bannerwithbutton-block .button__secondary.disabled,
.design-system .accordion-block .button__secondary.disabled,
.design-system .spotlight-block .button__secondary.disabled,
.design-system .related-articles-block .button__secondary.disabled,
.design-system .related-content-block .button__secondary.disabled,
.design-system .banner-block .button__secondary.disabled,
.design-system .heading-block .button__secondary.disabled,
.design-system .heading-with-image-block .button__secondary.disabled,
.design-system .benefits-block .button__secondary.disabled,
.design-system .USP-section-block .button__secondary.disabled,
.design-system .modal-form-block .button__secondary.disabled,
.design-system .table-block .button__secondary.disabled,
.design-system .job-list .button__secondary.disabled,
.design-system .job-similar .button__secondary.disabled,
.design-system .saved-jobs .button__secondary.disabled,
.design-system .container__sticky .filter-buttons .button__secondary.disabled {
pointer-events: none
}
@media(min-width: 1224px) {
.design-system .image-with-text-block .button__secondary,
.design-system .video-with-text-block .button__secondary,
.design-system .bannerwithbutton-block .button__secondary,
.design-system .accordion-block .button__secondary,
.design-system .spotlight-block .button__secondary,
.design-system .related-articles-block .button__secondary,
.design-system .related-content-block .button__secondary,
.design-system .banner-block .button__secondary,
.design-system .heading-block .button__secondary,
.design-system .heading-with-image-block .button__secondary,
.design-system .benefits-block .button__secondary,
.design-system .USP-section-block .button__secondary,
.design-system .modal-form-block .button__secondary,
.design-system .table-block .button__secondary,
.design-system .job-list .button__secondary,
.design-system .job-similar .button__secondary,
.design-system .saved-jobs .button__secondary,
.design-system .container__sticky .filter-buttons .button__secondary {
font-size: var(--font__size--18)
}
}
.design-system .image-with-text-block .button__tertiary,
.design-system .image-with-text-block .button__secondary,
.design-system .video-with-text-block .button__tertiary,
.design-system .video-with-text-block .button__secondary,
.design-system .bannerwithbutton-block .button__tertiary,
.design-system .bannerwithbutton-block .button__secondary,
.design-system .accordion-block .button__tertiary,
.design-system .accordion-block .button__secondary,
.design-system .spotlight-block .button__tertiary,
.design-system .spotlight-block .button__secondary,
.design-system .related-articles-block .button__tertiary,
.design-system .related-articles-block .button__secondary,
.design-system .related-content-block .button__tertiary,
.design-system .related-content-block .button__secondary,
.design-system .banner-block .button__tertiary,
.design-system .banner-block .button__secondary,
.design-system .heading-block .button__tertiary,
.design-system .heading-block .button__secondary,
.design-system .heading-with-image-block .button__tertiary,
.design-system .heading-with-image-block .button__secondary,
.design-system .benefits-block .button__tertiary,
.design-system .benefits-block .button__secondary,
.design-system .USP-section-block .button__tertiary,
.design-system .USP-section-block .button__secondary,
.design-system .modal-form-block .button__tertiary,
.design-system .modal-form-block .button__secondary,
.design-system .table-block .button__tertiary,
.design-system .table-block .button__secondary,
.design-system .job-list .button__tertiary,
.design-system .job-list .button__secondary,
.design-system .job-similar .button__tertiary,
.design-system .job-similar .button__secondary,
.design-system .saved-jobs .button__tertiary,
.design-system .saved-jobs .button__secondary,
.design-system .container__sticky .filter-buttons .button__tertiary,
.design-system .container__sticky .filter-buttons .button__secondary {
position: relative
}
.design-system .image-with-text-block .button__tertiary span,
.design-system .image-with-text-block .button__secondary span,
.design-system .video-with-text-block .button__tertiary span,
.design-system .video-with-text-block .button__secondary span,
.design-system .bannerwithbutton-block .button__tertiary span,
.design-system .bannerwithbutton-block .button__secondary span,
.design-system .accordion-block .button__tertiary span,
.design-system .accordion-block .button__secondary span,
.design-system .spotlight-block .button__tertiary span,
.design-system .spotlight-block .button__secondary span,
.design-system .related-articles-block .button__tertiary span,
.design-system .related-articles-block .button__secondary span,
.design-system .related-content-block .button__tertiary span,
.design-system .related-content-block .button__secondary span,
.design-system .banner-block .button__tertiary span,
.design-system .banner-block .button__secondary span,
.design-system .heading-block .button__tertiary span,
.design-system .heading-block .button__secondary span,
.design-system .heading-with-image-block .button__tertiary span,
.design-system .heading-with-image-block .button__secondary span,
.design-system .benefits-block .button__tertiary span,
.design-system .benefits-block .button__secondary span,
.design-system .USP-section-block .button__tertiary span,
.design-system .USP-section-block .button__secondary span,
.design-system .modal-form-block .button__tertiary span,
.design-system .modal-form-block .button__secondary span,
.design-system .table-block .button__tertiary span,
.design-system .table-block .button__secondary span,
.design-system .job-list .button__tertiary span,
.design-system .job-list .button__secondary span,
.design-system .job-similar .button__tertiary span,
.design-system .job-similar .button__secondary span,
.design-system .saved-jobs .button__tertiary span,
.design-system .saved-jobs .button__secondary span,
.design-system .container__sticky .filter-buttons .button__tertiary span,
.design-system .container__sticky .filter-buttons .button__secondary span {
position: relative;
right: 0;
-webkit-transition: right var(--duration-large);
-moz-transition: right var(--duration-large);
transition: right var(--duration-large);
transition-timing-function: var(--ease-standard);
text-align: center
}
.design-system .image-with-text-block .button__tertiary svg,
.design-system .image-with-text-block .button__secondary svg,
.design-system .video-with-text-block .button__tertiary svg,
.design-system .video-with-text-block .button__secondary svg,
.design-system .bannerwithbutton-block .button__tertiary svg,
.design-system .bannerwithbutton-block .button__secondary svg,
.design-system .accordion-block .button__tertiary svg,
.design-system .accordion-block .button__secondary svg,
.design-system .spotlight-block .button__tertiary svg,
.design-system .spotlight-block .button__secondary svg,
.design-system .related-articles-block .button__tertiary svg,
.design-system .related-articles-block .button__secondary svg,
.design-system .related-content-block .button__tertiary svg,
.design-system .related-content-block .button__secondary svg,
.design-system .banner-block .button__tertiary svg,
.design-system .banner-block .button__secondary svg,
.design-system .heading-block .button__tertiary svg,
.design-system .heading-block .button__secondary svg,
.design-system .heading-with-image-block .button__tertiary svg,
.design-system .heading-with-image-block .button__secondary svg,
.design-system .benefits-block .button__tertiary svg,
.design-system .benefits-block .button__secondary svg,
.design-system .USP-section-block .button__tertiary svg,
.design-system .USP-section-block .button__secondary svg,
.design-system .modal-form-block .button__tertiary svg,
.design-system .modal-form-block .button__secondary svg,
.design-system .table-block .button__tertiary svg,
.design-system .table-block .button__secondary svg,
.design-system .job-list .button__tertiary svg,
.design-system .job-list .button__secondary svg,
.design-system .job-similar .button__tertiary svg,
.design-system .job-similar .button__secondary svg,
.design-system .saved-jobs .button__tertiary svg,
.design-system .saved-jobs .button__secondary svg,
.design-system .container__sticky .filter-buttons .button__tertiary svg,
.design-system .container__sticky .filter-buttons .button__secondary svg {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
left: 10px;
-webkit-transition: all var(--duration-large);
-moz-transition: all var(--duration-large);
transition: all var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.design-system .image-with-text-block .button__tertiary:hover span,
.design-system .image-with-text-block .button__tertiary:focus span,
.design-system .image-with-text-block .button__tertiary:active span,
.design-system .image-with-text-block .button__secondary:hover span,
.design-system .image-with-text-block .button__secondary:focus span,
.design-system .image-with-text-block .button__secondary:active span,
.design-system .video-with-text-block .button__tertiary:hover span,
.design-system .video-with-text-block .button__tertiary:focus span,
.design-system .video-with-text-block .button__tertiary:active span,
.design-system .video-with-text-block .button__secondary:hover span,
.design-system .video-with-text-block .button__secondary:focus span,
.design-system .video-with-text-block .button__secondary:active span,
.design-system .bannerwithbutton-block .button__tertiary:hover span,
.design-system .bannerwithbutton-block .button__tertiary:focus span,
.design-system .bannerwithbutton-block .button__tertiary:active span,
.design-system .bannerwithbutton-block .button__secondary:hover span,
.design-system .bannerwithbutton-block .button__secondary:focus span,
.design-system .bannerwithbutton-block .button__secondary:active span,
.design-system .accordion-block .button__tertiary:hover span,
.design-system .accordion-block .button__tertiary:focus span,
.design-system .accordion-block .button__tertiary:active span,
.design-system .accordion-block .button__secondary:hover span,
.design-system .accordion-block .button__secondary:focus span,
.design-system .accordion-block .button__secondary:active span,
.design-system .spotlight-block .button__tertiary:hover span,
.design-system .spotlight-block .button__tertiary:focus span,
.design-system .spotlight-block .button__tertiary:active span,
.design-system .spotlight-block .button__secondary:hover span,
.design-system .spotlight-block .button__secondary:focus span,
.design-system .spotlight-block .button__secondary:active span,
.design-system .related-articles-block .button__tertiary:hover span,
.design-system .related-articles-block .button__tertiary:focus span,
.design-system .related-articles-block .button__tertiary:active span,
.design-system .related-articles-block .button__secondary:hover span,
.design-system .related-articles-block .button__secondary:focus span,
.design-system .related-articles-block .button__secondary:active span,
.design-system .related-content-block .button__tertiary:hover span,
.design-system .related-content-block .button__tertiary:focus span,
.design-system .related-content-block .button__tertiary:active span,
.design-system .related-content-block .button__secondary:hover span,
.design-system .related-content-block .button__secondary:focus span,
.design-system .related-content-block .button__secondary:active span,
.design-system .banner-block .button__tertiary:hover span,
.design-system .banner-block .button__tertiary:focus span,
.design-system .banner-block .button__tertiary:active span,
.design-system .banner-block .button__secondary:hover span,
.design-system .banner-block .button__secondary:focus span,
.design-system .banner-block .button__secondary:active span,
.design-system .heading-block .button__tertiary:hover span,
.design-system .heading-block .button__tertiary:focus span,
.design-system .heading-block .button__tertiary:active span,
.design-system .heading-block .button__secondary:hover span,
.design-system .heading-block .button__secondary:focus span,
.design-system .heading-block .button__secondary:active span,
.design-system .heading-with-image-block .button__tertiary:hover span,
.design-system .heading-with-image-block .button__tertiary:focus span,
.design-system .heading-with-image-block .button__tertiary:active span,
.design-system .heading-with-image-block .button__secondary:hover span,
.design-system .heading-with-image-block .button__secondary:focus span,
.design-system .heading-with-image-block .button__secondary:active span,
.design-system .benefits-block .button__tertiary:hover span,
.design-system .benefits-block .button__tertiary:focus span,
.design-system .benefits-block .button__tertiary:active span,
.design-system .benefits-block .button__secondary:hover span,
.design-system .benefits-block .button__secondary:focus span,
.design-system .benefits-block .button__secondary:active span,
.design-system .USP-section-block .button__tertiary:hover span,
.design-system .USP-section-block .button__tertiary:focus span,
.design-system .USP-section-block .button__tertiary:active span,
.design-system .USP-section-block .button__secondary:hover span,
.design-system .USP-section-block .button__secondary:focus span,
.design-system .USP-section-block .button__secondary:active span,
.design-system .modal-form-block .button__tertiary:hover span,
.design-system .modal-form-block .button__tertiary:focus span,
.design-system .modal-form-block .button__tertiary:active span,
.design-system .modal-form-block .button__secondary:hover span,
.design-system .modal-form-block .button__secondary:focus span,
.design-system .modal-form-block .button__secondary:active span,
.design-system .table-block .button__tertiary:hover span,
.design-system .table-block .button__tertiary:focus span,
.design-system .table-block .button__tertiary:active span,
.design-system .table-block .button__secondary:hover span,
.design-system .table-block .button__secondary:focus span,
.design-system .table-block .button__secondary:active span,
.design-system .job-list .button__tertiary:hover span,
.design-system .job-list .button__tertiary:focus span,
.design-system .job-list .button__tertiary:active span,
.design-system .job-list .button__secondary:hover span,
.design-system .job-list .button__secondary:focus span,
.design-system .job-list .button__secondary:active span,
.design-system .job-similar .button__tertiary:hover span,
.design-system .job-similar .button__tertiary:focus span,
.design-system .job-similar .button__tertiary:active span,
.design-system .job-similar .button__secondary:hover span,
.design-system .job-similar .button__secondary:focus span,
.design-system .job-similar .button__secondary:active span,
.design-system .saved-jobs .button__tertiary:hover span,
.design-system .saved-jobs .button__tertiary:focus span,
.design-system .saved-jobs .button__tertiary:active span,
.design-system .saved-jobs .button__secondary:hover span,
.design-system .saved-jobs .button__secondary:focus span,
.design-system .saved-jobs .button__secondary:active span,
.design-system .container__sticky .filter-buttons .button__tertiary:hover span,
.design-system .container__sticky .filter-buttons .button__tertiary:focus span,
.design-system .container__sticky .filter-buttons .button__tertiary:active span,
.design-system .container__sticky .filter-buttons .button__secondary:hover span,
.design-system .container__sticky .filter-buttons .button__secondary:focus span,
.design-system .container__sticky .filter-buttons .button__secondary:active span {
right: -10px
}
.design-system .image-with-text-block .button__tertiary:hover svg,
.design-system .image-with-text-block .button__tertiary:focus svg,
.design-system .image-with-text-block .button__tertiary:active svg,
.design-system .image-with-text-block .button__secondary:hover svg,
.design-system .image-with-text-block .button__secondary:focus svg,
.design-system .image-with-text-block .button__secondary:active svg,
.design-system .video-with-text-block .button__tertiary:hover svg,
.design-system .video-with-text-block .button__tertiary:focus svg,
.design-system .video-with-text-block .button__tertiary:active svg,
.design-system .video-with-text-block .button__secondary:hover svg,
.design-system .video-with-text-block .button__secondary:focus svg,
.design-system .video-with-text-block .button__secondary:active svg,
.design-system .bannerwithbutton-block .button__tertiary:hover svg,
.design-system .bannerwithbutton-block .button__tertiary:focus svg,
.design-system .bannerwithbutton-block .button__tertiary:active svg,
.design-system .bannerwithbutton-block .button__secondary:hover svg,
.design-system .bannerwithbutton-block .button__secondary:focus svg,
.design-system .bannerwithbutton-block .button__secondary:active svg,
.design-system .accordion-block .button__tertiary:hover svg,
.design-system .accordion-block .button__tertiary:focus svg,
.design-system .accordion-block .button__tertiary:active svg,
.design-system .accordion-block .button__secondary:hover svg,
.design-system .accordion-block .button__secondary:focus svg,
.design-system .accordion-block .button__secondary:active svg,
.design-system .spotlight-block .button__tertiary:hover svg,
.design-system .spotlight-block .button__tertiary:focus svg,
.design-system .spotlight-block .button__tertiary:active svg,
.design-system .spotlight-block .button__secondary:hover svg,
.design-system .spotlight-block .button__secondary:focus svg,
.design-system .spotlight-block .button__secondary:active svg,
.design-system .related-articles-block .button__tertiary:hover svg,
.design-system .related-articles-block .button__tertiary:focus svg,
.design-system .related-articles-block .button__tertiary:active svg,
.design-system .related-articles-block .button__secondary:hover svg,
.design-system .related-articles-block .button__secondary:focus svg,
.design-system .related-articles-block .button__secondary:active svg,
.design-system .related-content-block .button__tertiary:hover svg,
.design-system .related-content-block .button__tertiary:focus svg,
.design-system .related-content-block .button__tertiary:active svg,
.design-system .related-content-block .button__secondary:hover svg,
.design-system .related-content-block .button__secondary:focus svg,
.design-system .related-content-block .button__secondary:active svg,
.design-system .banner-block .button__tertiary:hover svg,
.design-system .banner-block .button__tertiary:focus svg,
.design-system .banner-block .button__tertiary:active svg,
.design-system .banner-block .button__secondary:hover svg,
.design-system .banner-block .button__secondary:focus svg,
.design-system .banner-block .button__secondary:active svg,
.design-system .heading-block .button__tertiary:hover svg,
.design-system .heading-block .button__tertiary:focus svg,
.design-system .heading-block .button__tertiary:active svg,
.design-system .heading-block .button__secondary:hover svg,
.design-system .heading-block .button__secondary:focus svg,
.design-system .heading-block .button__secondary:active svg,
.design-system .heading-with-image-block .button__tertiary:hover svg,
.design-system .heading-with-image-block .button__tertiary:focus svg,
.design-system .heading-with-image-block .button__tertiary:active svg,
.design-system .heading-with-image-block .button__secondary:hover svg,
.design-system .heading-with-image-block .button__secondary:focus svg,
.design-system .heading-with-image-block .button__secondary:active svg,
.design-system .benefits-block .button__tertiary:hover svg,
.design-system .benefits-block .button__tertiary:focus svg,
.design-system .benefits-block .button__tertiary:active svg,
.design-system .benefits-block .button__secondary:hover svg,
.design-system .benefits-block .button__secondary:focus svg,
.design-system .benefits-block .button__secondary:active svg,
.design-system .USP-section-block .button__tertiary:hover svg,
.design-system .USP-section-block .button__tertiary:focus svg,
.design-system .USP-section-block .button__tertiary:active svg,
.design-system .USP-section-block .button__secondary:hover svg,
.design-system .USP-section-block .button__secondary:focus svg,
.design-system .USP-section-block .button__secondary:active svg,
.design-system .modal-form-block .button__tertiary:hover svg,
.design-system .modal-form-block .button__tertiary:focus svg,
.design-system .modal-form-block .button__tertiary:active svg,
.design-system .modal-form-block .button__secondary:hover svg,
.design-system .modal-form-block .button__secondary:focus svg,
.design-system .modal-form-block .button__secondary:active svg,
.design-system .table-block .button__tertiary:hover svg,
.design-system .table-block .button__tertiary:focus svg,
.design-system .table-block .button__tertiary:active svg,
.design-system .table-block .button__secondary:hover svg,
.design-system .table-block .button__secondary:focus svg,
.design-system .table-block .button__secondary:active svg,
.design-system .job-list .button__tertiary:hover svg,
.design-system .job-list .button__tertiary:focus svg,
.design-system .job-list .button__tertiary:active svg,
.design-system .job-list .button__secondary:hover svg,
.design-system .job-list .button__secondary:focus svg,
.design-system .job-list .button__secondary:active svg,
.design-system .job-similar .button__tertiary:hover svg,
.design-system .job-similar .button__tertiary:focus svg,
.design-system .job-similar .button__tertiary:active svg,
.design-system .job-similar .button__secondary:hover svg,
.design-system .job-similar .button__secondary:focus svg,
.design-system .job-similar .button__secondary:active svg,
.design-system .saved-jobs .button__tertiary:hover svg,
.design-system .saved-jobs .button__tertiary:focus svg,
.design-system .saved-jobs .button__tertiary:active svg,
.design-system .saved-jobs .button__secondary:hover svg,
.design-system .saved-jobs .button__secondary:focus svg,
.design-system .saved-jobs .button__secondary:active svg,
.design-system .container__sticky .filter-buttons .button__tertiary:hover svg,
.design-system .container__sticky .filter-buttons .button__tertiary:focus svg,
.design-system .container__sticky .filter-buttons .button__tertiary:active svg,
.design-system .container__sticky .filter-buttons .button__secondary:hover svg,
.design-system .container__sticky .filter-buttons .button__secondary:focus svg,
.design-system .container__sticky .filter-buttons .button__secondary:active svg {
opacity: 1;
left: 20px
}
@media(min-width: 1024px) {
.design-system .spotlight-block.col__double--inverted>.size-m.col:first-child+.col {
grid-column-end: 6
}
}
.design-system .lead-generation-block__wrapper {
background-color: var(--bg-brand);
background-image: url(../images/dot-pattern-l.jpg);
background-size: 300% auto;
background-position: bottom;
background-repeat: no-repeat
}
@media(min-width: 768px) {
.design-system .lead-generation-block__wrapper {
background-size: 200% auto
}
}
@media(min-width: 1024px) {
.design-system .lead-generation-block__wrapper {
background-size: 100% auto
}
}
@media(min-width: 1650px) {
.design-system .lead-generation-block__wrapper {
background-image: url(../images/dot-pattern-xl.jpg)
}
}
.design-system .lead-generation-block-inner {
background: rgba(0, 0, 0, 0);
padding: var(--spacing__12) var(--spacing__06) var(--spacing__15)
}
@media(max-width: 896px) {
.design-system .lead-generation-block-inner {
padding: var(--spacing__12) var(--spacing__06) var(--spacing__09)
}
}
@media(min-width: 1224px) {
.design-system .lead-generation-block-inner .col-right {
grid-column-start: 8
}
}
.design-system .lead-generation-block-inner .col-right .ctas {
flex-direction: row-reverse;
justify-content: flex-end
}
@media(max-width: 896px) {
.design-system .lead-generation-block-inner .col-right .ctas {
flex-direction: column-reverse
}
}
@media(max-width: 896px) {
.design-system .lead-generation-block-inner .col-right .phone-wrapper {
margin-bottom: var(--spacing__06)
}
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper>a {
display: none
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-title {
display: none
}
@media(max-width: 896px) {
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details {
width: 100%
}
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a {
display: flex;
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
border-radius: var(--radius-pill);
box-sizing: border-box;
font-size: var(--font__size--15);
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
line-height: 1;
transition: var(--duration-large) var(--ease-standard);
font-family: var(--font__bold);
height: 48px;
padding: 0 var(--spacing__08);
color: var(--text-primary-dark);
background-color: rgba(0, 0, 0, 0);
border: var(--stroke-thin) solid var(--color__white)
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a svg {
fill: var(--color__white)
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:visited {
color: var(--text-primary-dark)
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:hover,
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:focus,
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:active {
color: var(--text-primary-light);
background-color: var(--bg-default);
border: var(--stroke-thin) solid var(--color__white)
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:hover svg,
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:focus svg,
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:active svg {
fill: var(--color__blue--800)
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:hover:before,
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:focus:before,
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:active:before {
background-image: url(../images/icons/phone-black.svg)
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:disabled,
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a.disabled {
color: var(--color__grey--600);
background-color: rgba(0, 0, 0, 0);
border-color: var(--color__grey--300)
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a.disabled {
pointer-events: none
}
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a:before {
background-repeat: no-repeat;
content: "";
width: 18px;
height: 18px;
background-image: url("../images/icons/phone-white.svg");
margin-right: var(--spacing__04)
}
@media(max-width: 896px) {
.design-system .lead-generation-block-inner .col-right .phone-wrapper .phone-details a {
width: 100%
}
}
.design-system .lead-generation-block .button__secondary {
background-color: var(--cta-tertiary);
border: var(--stroke-thick) solid var(--cta-tertiary);
color: var(--text-primary-dark)
}
@media(max-width: 896px) {
.design-system .lead-generation-block .button__secondary {
width: 100%
}
}
.design-system .lead-generation-block .button__secondary svg {
fill: var(--color__white);
display: block
}
.design-system .lead-generation-block .button__secondary:hover {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.design-system .lead-generation-block .button__secondary:focus {
background-color: var(--cta-tertiary--hover);
border-color: var(--cta-tertiary--hover)
}
.design-system .lead-generation-block .button__secondary:active {
background-color: var(--cta-tertiary--active);
border-color: var(--cta-tertiary--active)
}
.design-system .lead-generation-block .button__secondary:disabled,
.design-system .lead-generation-block .button__secondary.disabled {
color: var(--color__grey--600);
background-color: var(--color__grey--300);
border-color: var(--color__grey--300)
}
.design-system .lead-generation-block .button__secondary.disabled {
pointer-events: none
}
.design-system .lead-generation-block .button__secondary {
position: relative
}
.design-system .lead-generation-block .button__secondary span {
position: relative;
right: 0;
-webkit-transition: right var(--duration-large);
-moz-transition: right var(--duration-large);
transition: right var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.design-system .lead-generation-block .button__secondary svg {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
left: 10px;
-webkit-transition: all var(--duration-large);
-moz-transition: all var(--duration-large);
transition: all var(--duration-large);
transition-timing-function: var(--ease-standard)
}
.design-system .lead-generation-block .button__secondary:hover span,
.design-system .lead-generation-block .button__secondary:focus span,
.design-system .lead-generation-block .button__secondary:active span {
right: -10px
}
.design-system .lead-generation-block .button__secondary:hover svg,
.design-system .lead-generation-block .button__secondary:focus svg,
.design-system .lead-generation-block .button__secondary:active svg {
opacity: 1;
left: 20px
}
.design-system .job-list>div {
display: block;
position: relative;
border-radius: var(--radius-small);
margin-bottom: var(--spacing__06);
padding: var(--spacing__06) var(--spacing__05);
background: var(--color__white);
box-shadow: var(--elavation__01)
}
@media(min-width: 768px) {
.design-system .job-list>div {
padding: var(--spacing__08) var(--spacing__07)
}
}
.design-system .job-list .job-title {
font-family: var(--font__bold);
font-size: var(--font__size--18)
}
@media(min-width: 1024px) {
.design-system .job-list .job-title {
font-size: var(--font__size--24)
}
}
.design-system .job-list .job-save {
cursor: pointer
}
.design-system .job-list .job-save:after {
float: right;
content: "";
position: absolute;
width: 25px;
height: 25px;
background-image: url(/images/icons/favorite-filled.svg);
background-repeat: no-repeat;
background-size: 30px;
top: var(--spacing__06);
right: var(--spacing__05)
}
@media(min-width: 768px) {
.design-system .job-list .job-save:after {
top: var(--spacing__08);
right: var(--spacing__07)
}
}
.design-system .job-list .job-save.active:after {
background-image: url(/images/icons/favorite-active.svg)
}
.design-system .job-list .job-location {
font-size: var(--font__size--16);
margin-top: var(--spacing__03);
margin-bottom: var(--spacing__06);
padding-bottom: var(--spacing__06);
border-bottom: var(--stroke-thin) solid var(--border-primary)
}
.design-system .job-list .job-location span {
position: relative;
padding-left: var(--spacing__06)
}
.design-system .job-list .job-location svg {
height: 20px;
width: 20px;
position: absolute;
left: 0
}
.design-system .job-list .job-details {
font-size: var(--font__size--18);
font-family: var(--font__bold)
}
.design-system .job-list .job-level,
.design-system .job-list .job-position {
font-size: var(--font__size--15);
background-color: var(--bg-context);
border-radius: var(--radius-pill);
padding: var(--spacing__03) var(--spacing__04);
display: inline-block;
margin-top: var(--spacing__04)
}
.design-system .job-list .button {
margin-top: var(--spacing__07)
}
:root {
--attention-banner-height: 0px
}
.has-attention-banner .header {
top: var(--attention-banner-height)
}
.has-attention-banner main {
padding-top: calc(3rem + var(--attention-banner-height))
}
@media(min-width: 896px) {
.has-attention-banner main {
padding-top: calc(var(--menu__height--md) + var(--attention-banner-height))
}
}
.attention-banner-block {
position: fixed;
top: 0;
left: 0;
z-index: 1001;
width: 100%;
background-color: var(--color__purple--450);
padding-top: var(--spacing__04);
padding-bottom: var(--spacing__04);
display: flex;
align-items: center;
justify-content: center;
min-height: 52px;
box-sizing: border-box
}
@media(min-width: 768px) {
.attention-banner-block {
padding-top: .875rem;
padding-bottom: .875rem
}
}
.attention-banner-block__text {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
max-width: var(--max-width__site);
padding-left: var(--spacing__05);
padding-right: var(--spacing__05);
width: 100%;
color: var(--text-context-dark);
font-size: var(--font__size--14);
line-height: var(--font__size--21)
}
@media(min-width: 768px) {
.attention-banner-block__text {
padding-left: var(--spacing__07);
padding-right: var(--spacing__07)
}
}
@media(min-width: 1024px) {
.attention-banner-block__text {
padding-left: var(--spacing__11);
padding-right: var(--spacing__11)
}
}
@media(min-width: 1441px) {
.attention-banner-block__text {
padding-left: var(--spacing__12);
padding-right: var(--spacing__12)
}
}
@media(min-width: 1650px) {
.attention-banner-block__text {
padding-left: 0;
padding-right: 0
}
}
@media(min-width: 768px) {
.attention-banner-block__text {
font-size: var(--font__size--16);
line-height: var(--font__size--24);
text-align: center
}
}
.attention-banner-block__text a {
color: var(--text-context-dark);
text-decoration: underline
}
.attention-banner-block__text a:hover {
opacity: .85
}
.attention-banner-block__text p {
margin: 0
}
/*# sourceMappingURL=site.min.css.map*/