.it-intro {
position: relative;
}
.it-intro--columns.it-intro--slider .swiper-controls {
z-index: 2;
position: relative;
margin-top: var(--it-spacing-section-half);
}
.it-intro--columns.it-intro--slider-both {
--it-swiper-controls-height: 1.75rem;
}
.it-intro--columns.it-intro--slider-both .swiper-slide {
display: grid;
align-items: center;
row-gap: var(--it-spacing-content);
}
.it-intro--columns.it-intro--slider-both .it-intro__content {
padding-bottom: calc(var(--it-spacing-section-half) + var(--it-swiper-controls-height));
}
.it-intro--columns.it-intro--slider-both .swiper-controls {
margin-top: calc(var(--it-swiper-controls-height) * -1);
}
.it-intro--columns .it-intro__image {
order: -1;
max-height: 30rem;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: var(--it-border-radius);
}
.it-intro--fullwidth {
height: calc(100vh - var(--it-header-height) - var(--wp-admin--admin-bar--height, 0px));
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: -moz-min-content;
min-height: min-content;
color: var(--it-color-white);
}
.it-intro--fullwidth.it-intro--slider {
padding: 0;
}
.it-intro--fullwidth.it-intro--static:before, .it-intro--fullwidth.it-intro--slider .it-intro__background:before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: var(--it-intro-overlay);
}
.it-intro--fullwidth.it-intro--slider-both .it-intro__background {
z-index: -1;
position: absolute;
inset: 0 calc(var(--it-global-padding) * -1);
}
.it-intro--fullwidth div[class*=it-container] {
height: 100%;
position: relative;
z-index: 1;
min-height: -moz-min-content;
min-height: min-content;
}
.it-intro--fullwidth .swiper {
height: 100%;
padding-inline: var(--it-global-padding);
}
.it-intro--fullwidth .swiper-button-next,
.it-intro--fullwidth .swiper-button-prev {
display: none;
}
.it-intro--fullwidth .swiper-pagination {
position: absolute;
bottom: 2rem;
z-index: 1;
left: 50%;
transform: translateX(-50%);
}
.it-intro--fullwidth .it-subtitle,
.it-intro--fullwidth .it-title {
color: inherit;
}
.it-intro--slider .swiper {
width: 100%;
}
.it-intro div[class*=it-container] {
display: grid;
align-items: center;
row-gap: var(--it-spacing-content);
}
@media (min-width: 1024px) {
.it-intro--columns .it-intro__image {
order: 1;
}
.it-intro--columns.it-intro--slider-both .swiper-slide {
grid-template-columns: 1fr 1fr;
-moz-column-gap: var(--it-spacing-section);
column-gap: var(--it-spacing-section);
}
.it-intro--columns:not(.it-intro--slider-both) div[class*=it-container] {
grid-template-columns: 1fr 1fr;
-moz-column-gap: var(--it-spacing-section);
column-gap: var(--it-spacing-section);
}
.it-intro--fullwidth .swiper-button-next,
.it-intro--fullwidth .swiper-button-prev {
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%) scale(1.5);
z-index: 1;
}
.it-intro--fullwidth .swiper-button-prev {
left: var(--it-global-padding);
}
.it-intro--fullwidth .swiper-button-next {
right: var(--it-global-padding);
}
}
.it-block.it-intro {
margin-top: 0;
}
.it-intro--band {
padding-top: 0;
padding-bottom: 0;
background-color: var(--it-color-brand-light);
overflow: hidden;
}
.it-intro--band .it-intro__background {
display: none;
}
.it-intro--band div[class*=it-container] {
position: relative;
z-index: 1;
min-height: clamp(10.375rem, calc(10.375rem + (1vw - 6.4px) * 7.34), 16.25rem);
align-content: center;
}
.it-intro--band .it-title,
.it-intro--band .it-subtitle {
color: var(--it-color-headings);
}
@media (min-width: 783px) {
.it-intro--band {
background-image: linear-gradient(to right, var(--it-color-brand-light) 62%, var(--it-color-brand) 100%);
}
.it-intro--band .it-intro__background {
display: block;
position: absolute;
inset: 0;
margin-inline: 0;
width: auto;
pointer-events: none;
}
.it-intro--band .it-intro__background img {
position: absolute;
top: 0;
right: 0;
left: auto;
height: 100%;
width: 55%;
-o-object-fit: cover;
object-fit: cover;
-webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 60%);
mask-image: linear-gradient(to right, transparent 0%, #000000 60%);
}
.it-intro--band:has(.it-intro__background img) {
background-image: none;
}
}
.it-intro--arc {
background-color: var(--it-color-brand-light);
overflow: hidden;
}
.it-intro--arc::after {
content: "";
position: absolute;
left: -28.9vw;
bottom: 31.1vw;
transform: translateY(50%);
width: 156.1vw;
aspect-ratio: 1;
border: 7vw solid var(--it-color-accent-greyed);
pointer-events: none;
}
.it-intro--arc .it-intro__content {
padding-block: var(--it-spacing-section-half) 0;
}
.it-intro--arc .it-intro__media {
position: relative;
margin-top: 1.25rem;
aspect-ratio: 360/397;
}
.it-intro--arc .it-intro__image {
position: absolute;
inset: 7vw 0 auto;
width: 100%;
height: calc(100% - 7vw);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 35% 50%;
object-position: 35% 50%;
}
@media (min-width: 1024px) {
.it-intro--arc {
--arc-radius: min(35.99vw, 43.1875rem);
--arc-border: min(7.92vw, 9.5rem);
}
.it-intro--arc::after {
left: calc(47.3% - var(--arc-border));
bottom: auto;
top: 50%;
transform: translateY(-50%);
width: calc((var(--arc-radius) + var(--arc-border)) * 2);
border-width: var(--arc-border);
border-radius: 50%;
}
.it-intro--arc div[class*=it-container] {
max-width: var(--it-full-size);
min-height: min(36.46vw, 43.75rem);
}
.it-intro--arc .it-intro__content {
max-width: min(34.0625rem, 47.3vw - var(--arc-border) - var(--it-global-padding) - 1.5rem);
padding-block: var(--it-spacing-section-half);
}
.it-intro--arc .it-intro__media {
position: absolute;
inset: 0 0 0 47.3%;
margin: 0;
width: auto;
aspect-ratio: auto;
-webkit-mask-image: radial-gradient(circle var(--arc-radius) at var(--arc-radius) 50%, #000000 calc(var(--arc-radius) - 1px), transparent var(--arc-radius)), linear-gradient(90deg, transparent var(--arc-radius), #000000 var(--arc-radius));
mask-image: radial-gradient(circle var(--arc-radius) at var(--arc-radius) 50%, #000000 calc(var(--arc-radius) - 1px), transparent var(--arc-radius)), linear-gradient(90deg, transparent var(--arc-radius), #000000 var(--arc-radius));
}
.it-intro--arc .it-intro__image {
inset: -8.7% 0 auto;
height: 112.4%;
-o-object-position: left center;
object-position: left center;
}
}.it-columns__items {
--columns-gap: clamp(3rem, calc(3rem + (1vw - 6.4px) * 7.75), 6.875rem);
display: flex;
flex-wrap: wrap;
gap: var(--columns-gap);
padding-top: var(--it-spacing-content);
}
.it-columns__items:first-child {
padding-top: 0;
}
.it-columns__items .editor {
flex: 1 0 0;
display: flex;
flex-direction: column;
width: 100%;
min-width: 100%;
max-width: 100%;
}
@media (min-width: 1024px) {
.it-columns__items .editor {
min-width: calc((100% - (var(--max-columns, 2) - 1) * var(--columns-gap)) / var(--max-columns, 2));
}
}
.it-columns__items .editor h5 {
font-size: clamp(1rem, calc(1rem + (1vw - 6.4px) * 0.75), 1.375rem);
}
.it-columns__items .editor .it-button-group {
margin-top: auto;
padding-top: 1.5rem;
}
.it-columns--2 .it-columns__items .editor + .editor {
position: relative;
}
.it-columns--2 .it-columns__items .editor + .editor:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: calc(-0.5 * var(--columns-gap));
height: 1px;
background-color: #c3deec;
}
@media (min-width: 1024px) {
.it-columns--2 .it-columns__items .editor + .editor:before {
left: calc(-0.5 * var(--columns-gap));
right: auto;
top: 0;
bottom: 0;
width: 1px;
height: auto;
}
}
.it-columns--1 > [class*=it-container] {
max-width: var(--it-narrow-size);
}.it-icon-cards__items {
display: grid;
grid-template-columns: 1fr;
gap: var(--it-spacing-columns);
padding-top: var(--it-spacing-content);
}
.it-icon-cards__item {
background-color: var(--it-color-beige);
padding: clamp(1.25rem, calc(1.25rem + (1vw - 6.4px) * 1), 1.75rem);
}
.it-icon-cards__item-icon img {
width: clamp(3.75rem, calc(3.75rem + (1vw - 6.4px) * 5), 6.25rem);
height: clamp(3.75rem, calc(3.75rem + (1vw - 6.4px) * 5), 6.25rem);
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center;
}
.it-icon-cards__item-label {
margin-top: clamp(1.25rem, calc(1.25rem + (1vw - 6.4px) * 1), 1.75rem);
margin-bottom: 0;
font-size: 1rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--it-color-headings);
}
.it-icon-cards__item-title {
margin-top: clamp(1rem, calc(1rem + (1vw - 6.4px) * 0.5), 1.25rem);
margin-bottom: 0;
font-size: clamp(1.125rem, calc(1.125rem + (1vw - 6.4px) * 0.5), 1.375rem);
}
.it-icon-cards__item-content {
margin-top: 1rem;
margin-bottom: 0;
font-size: var(--it-size-medium);
}
@media (min-width: 783px) {
.it-icon-cards__items {
grid-template-columns: repeat(2, 1fr);
}
.it-icon-cards__item {
display: grid;
grid-template-rows: subgrid;
grid-row: span 4;
row-gap: 0;
align-content: start;
}
.it-icon-cards--cols-3 .it-icon-cards__items {
grid-template-columns: repeat(3, 1fr);
}
}.it-cta > div[class*=it-container] {
display: flex;
flex-direction: column;
align-items: center;
row-gap: var(--it-spacing-default);
-moz-column-gap: var(--it-spacing-section);
column-gap: var(--it-spacing-section);
}
@media (min-width: 1024px) {
.it-cta.layout-row > div[class*=it-container] {
flex-direction: row;
}
}
.it-cta.layout-row .it-button-group {
width: 100%;
}
@media (min-width: 1024px) {
.it-cta.layout-row .it-button-group {
flex: 0 0 auto;
width: auto;
}
}
.it-cta__content {
flex: 1 1 auto;
font-size: clamp(1.25rem, calc(1.25rem + (1vw - 6.4px) * 0.25), 1.375rem);
}
.it-cta__content .h5 {
font-size: clamp(1.625rem, calc(1.625rem + (1vw - 6.4px) * 0.5), 1.875rem);
}
@media (min-width: 783px) {
.layout-row .it-cta__content {
max-width: 100%;
}
}