html {--witrav-header-height: 68px}
body {margin: 0; background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); -webkit-font-smoothing: antialiased}
button, input, select, textarea {font-family: inherit}
.wp-site-blocks > * + *,
.wp-block-post-content > * + *,
.editor-styles-wrapper .is-root-container > .wp-block + .wp-block {margin-block-start: 0 !important}
.witrav-header {position: sticky; top: 0; z-index: 100; background: var(--wp--preset--color--base); overflow: visible; border-bottom: 1px solid var(--wp--preset--color--gray-200, #e2e8f0)}
body:has(.wp-block-post-content > .witrav-hero:first-child) main,
body:has(.wp-block-post-content > .witrav-hero:first-child) .wp-block-post-content,
body:has(.wp-block-post-content > .witrav-compact-hero:first-child) main,
body:has(.wp-block-post-content > .witrav-compact-hero:first-child) .wp-block-post-content {overflow: visible}
.witrav-header .witrav-header-inner.is-layout-flex {position: relative; min-width: 0; min-height: var(--witrav-header-height); height: var(--witrav-header-height); gap: 12px; align-items: center; justify-content: space-between}
.witrav-header-nav {flex: 1 1 auto; align-self: center; display: flex; align-items: center; justify-content: center; min-width: 0; height: 100%}
.witrav-header-nav .mega-menu-wrap,
.witrav-header-nav #mega-menu-wrap-primary {position: relative; flex: 0 1 auto; display: flex; align-items: center; justify-content: center; min-width: 0; max-width: 100%; height: 100%}
.witrav-header-actions {flex-shrink: 0; display: flex; align-items: center; gap: 16px; margin: 0; white-space: nowrap}
.witrav-header-phone {display: flex; align-items: center; gap: 7px; margin: 0}
.witrav-header-phone__icon {display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin: 0 !important; border-radius: 13px; background: color-mix(in srgb, var(--wp--preset--color--accent-1) 10%, transparent)}
.witrav-header-phone__number {margin: 0 !important; font-size: 14px; font-weight: 600; line-height: 1}
.witrav-header-phone__number a {color: inherit; text-decoration: none}
.witrav-header-lang {display: flex; align-items: center; gap: 4px; margin: 0; padding-left: 16px; border-left: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 13%, transparent)}
.witrav-header-lang__item {margin: 0 !important; padding: 5px 12px; border-radius: 12px; color: color-mix(in srgb, var(--wp--preset--color--contrast) 38%, transparent); font-size: 14px; font-weight: 500; line-height: 1; cursor: default}
.witrav-header-lang__item.is-active {background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--base); font-weight: 700}
@media (min-width: 769px) {
.witrav-header-nav {position: absolute; left: 50%; top: 0; bottom: 0; transform: translateX(-50%); flex: 0 0 auto; width: max-content; max-width: calc(100% - 360px); height: auto; justify-content: center}
.witrav-header-nav #mega-menu-wrap-primary #mega-menu-primary {display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: auto; height: 100%; gap: 34px; text-align: center; margin: 0}
.witrav-header-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {float: none; flex: 0 0 auto; display: flex; align-items: center; height: 100%}
}
@media (min-width: 769px) and (max-width: 1024px) {
.witrav-header.wp-block-group {padding-left: 16px !important; padding-right: 16px !important}
.witrav-header-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {padding-left: 0; padding-right: 0}
.witrav-header-nav {max-width: calc(100% - 280px)}
}
.witrav-logo {flex-shrink: 0; display: flex; align-items: center; gap: 4px; margin: 0; line-height: 1; text-decoration: none}
.witrav-logo.wp-block-image {width: auto; max-width: 100%}
.witrav-logo a {display: flex; align-items: center; gap: 4px; line-height: 1; text-decoration: none}
.witrav-logo__word {margin: 0 !important; color: var(--wp--preset--color--contrast); font-family: var(--wp--preset--font-family--unbounded, var(--wp--preset--font-family--plus-jakarta-sans)); font-size: 20px; font-weight: 800; letter-spacing: 0; line-height: 1}
.witrav-footer .witrav-logo__word {color: var(--wp--preset--color--base)}
.witrav-logo img:not(.witrav-logo__dot),
.witrav-logo__img {display: block; width: 100%; height: auto; object-fit: contain; border-radius: 6px}
.witrav-logo__dot {display: block; flex: 0 0 6px; width: 6px; height: 6px; object-fit: contain}
.witrav-footer {background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base)}
.witrav-footer .witrav-logo {margin: 0 0 8px}
.witrav-footer__brand-title {margin: 0 !important; color: var(--wp--preset--color--base); font-size: 16px; font-weight: 700; line-height: 1.25}
.witrav-footer__brand-sub {margin: 2px 0 12px !important; color: #94a3b8; font-size: 12px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase}
.witrav-footer__blurb {max-width: 32em; color: #cbd5e1 !important; line-height: 1.5}
.witrav-footer a {color: #cbd5e1; text-decoration: none}
.witrav-footer a:hover {color: var(--wp--preset--color--base)}
.witrav-footer h3 {margin: 0 0 8px; color: var(--wp--preset--color--base); font-size: 15.12px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase}
.witrav-footer ul {margin: 0; padding: 0; list-style: none}
.witrav-footer li {margin-bottom: 10px; line-height: 1.5; font-size: 15.12px; color: #cbd5e1}
.witrav-footer-social {display: flex; gap: 12px; margin: 16px 0 0}
.witrav-footer-social__item {margin: 0 !important}
.witrav-footer-social__item a {display: block; width: 36px; height: 36px; border-radius: 18px; background-color: rgba(255, 255, 255, 0.08); background-repeat: no-repeat; background-position: center; background-size: 16px}
.witrav-hotline,
.witrav-hotline a {display: block; font-size: 25.92px; font-weight: 600; color: var(--wp--preset--color--base); text-decoration: none}
.witrav-social {margin: 16px 0 0}
.witrav-footer-bottom {margin-top: 52px; padding-top: 22px; border-top: 1px solid #1e293b; color: #cbd5e1; font-size: 14.04px}
.witrav-footer-bottom a {color: #cbd5e1}
.witrav-footer-bottom p {margin: 0}
@media (max-width: 768px) {
html {--witrav-header-height: 60px}
body {font-size: 15.12px}
.witrav-header.wp-block-group {padding-left: 16px !important; padding-right: 16px !important}
.witrav-header .witrav-header-inner.is-layout-flex {position: static; align-items: center; overflow: visible; gap: 8px}
.witrav-header-actions {order: 1}
.witrav-header-nav {flex: 0 0 auto; align-self: stretch; display: flex; align-items: center; justify-content: flex-end; min-width: 0; width: auto; position: static; transform: none; left: auto; max-width: none; order: 2}
.witrav-header-nav .mega-menu-wrap,
.witrav-header-nav #mega-menu-wrap-primary {display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; height: 100%; min-width: 0; width: auto; max-width: none; position: static}
.witrav-header-lang {display: none}
.witrav-logo__word {font-size: 19.44px}
.witrav-footer-grid {flex-direction: column}
}.mega-menu-wrap {
--mmm-text: var(--wp--preset--color--contrast, #0f172a);
--mmm-muted: #64748b;
--mmm-accent: var(--wp--preset--color--accent-1, #1d63c9);
--mmm-hover: var(--wp--preset--color--accent-2, #f8fafc);
--mmm-line: var(--wp--preset--color--gray-200, #e2e8f0);
--mmm-panel: var(--wp--preset--color--base, #ffffff);
--mmm-wash: var(--wp--preset--color--gray-100, #f1f5f9);
--mmm-wash-tint: var(--wp--preset--color--wash-100, #eff6ff);
--mmm-surface: var(--wp--preset--color--gray-50, #f8fafc);
--mmm-shadow: 0 10px 28px -10px rgba(15, 23, 42, 0.04);
--mmm-radius: 6px;
--mmm-radius-panel: 12px;
--mmm-radius-tile: 8px;
--mmm-font: var(--wp--preset--font-family--plus-jakarta-sans, "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
--mmm-font-size: 15px;
--mmm-nav: var(--wp--preset--color--accent-4, #64748b);
--mmm-nav-active: var(--wp--preset--color--accent-1, #1d63c9);
--mmm-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}
.mega-menu-wrap,
.mega-menu-wrap a.mega-menu-link {
font-family: var(--mmm-font);
font-size: var(--mmm-font-size);
}
.mega-menu-wrap a.mega-menu-link {
font-size: var(--mmm-font-size) !important;
}
.mega-menu-wrap span.mega-indicator {
display: inline-block !important;
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
flex: 0 0 16px;
margin: 0 0 0 6px !important;
padding: 0 !important;
line-height: 0 !important;
vertical-align: middle;
float: none !important;
background: currentColor !important;
-webkit-mask-image: var(--mmm-chevron);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
mask-image: var(--mmm-chevron);
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
transform-origin: center;
transition: transform 0.2s ease;
}
.mega-menu-wrap span.mega-indicator:after {
content: none !important;
display: none !important;
}
.mega-menu-wrap > ul > li > a.mega-menu-link {
display: inline-flex !important;
align-items: center;
line-height: 1;
}
.mega-menu-wrap li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
.mega-menu-wrap li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu a.mega-menu-link {
font-family: var(--mmm-font);
}
.mega-menu-wrap li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
display: flex !important;
align-items: center;
}
.mega-menu-wrap li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:after {
display: none !important;
}
.mega-menu-wrap li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > span.mega-indicator {
display: inline-block !important;
margin-left: auto;
}
.mega-menu-wrap li.mega-collapse-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
transform: rotate(180deg);
}
.mega-menu-wrap li.mega-menu-megamenu li.mega-has-icon.mega-icon-left > a.mega-menu-link {
display: flex;
align-items: flex-start;
gap: 12px;
}
.mega-menu-wrap li.mega-menu-megamenu li.mega-has-icon.mega-icon-left > a.mega-menu-link:before {
flex: 0 0 22px;
width: 22px;
margin-top: 3px;
text-align: center;
}
.mega-menu-wrap li.mega-collapse-children > a.mega-menu-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.mega-menu-wrap .mega-description-group {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.mega-menu-wrap .mega-menu-title {
font-weight: 600;
line-height: 1.3;
}
.mega-menu-wrap .mega-menu-description {
display: block;
color: var(--mmm-muted);
font-size: 14.04px;
font-weight: 400;
font-style: normal;
line-height: 1.4;
}
.mega-menu-wrap .mega-sub-menu .widget,
.mega-menu-wrap .mega-sub-menu .textwidget,
.mega-menu-wrap .mega-sub-menu .custom-html-widget {
color: var(--mmm-muted);
font-size: var(--mmm-font-size);
line-height: 1.6;
}
.mega-menu-wrap .mega-sub-menu p {
margin: 0 0 12px;
}
.mega-menu-wrap .mega-sub-menu p:last-child {
margin-bottom: 0;
}
.mega-menu-wrap .mega-sub-menu h4 {
margin: 0 0 8px;
color: var(--mmm-text);
font-size: var(--mmm-font-size);
font-weight: 600;
line-height: 1.3;
}
.mega-menu-wrap .mega-sub-menu hr {
border: 0;
border-top: 1px solid var(--mmm-line);
margin: 12px 0;
}
.mega-menu-wrap .mega-sub-menu em {
color: var(--mmm-muted);
}
.mega-menu-wrap .mega-sub-menu img,
.mega-menu-wrap .mega-sub-menu iframe {
max-width: 100%;
display: block;
border: 0;
}
.mega-menu-wrap .mega-sub-menu .witrav-image-swap {
position: relative;
}
.mega-menu-wrap .mega-sub-menu .witrav-image-swap img {
display: none;
width: 100%;
height: auto;
}
.mega-menu-wrap .mega-sub-menu .witrav-image-swap img:first-child {
display: block;
}
.mega-menu-wrap .mega-sub-menu iframe {
width: 100%;
height: 250px;
}
.mega-menu-wrap .widget_media_image img,
.mega-menu-wrap .mega-sub-menu .custom-html-widget img {
width: 100%;
border-radius: var(--mmm-radius);
}
.mega-menu-wrap .mega-sub-menu .widget ul,
.mega-menu-wrap .mega-sub-menu .textwidget ul,
.mega-menu-wrap .mega-sub-menu .custom-html-widget ul {
margin: 0;
padding: 0 0 0 1.1em;
}
.mega-menu-wrap .mega-sub-menu .widget li,
.mega-menu-wrap .mega-sub-menu .textwidget li,
.mega-menu-wrap .mega-sub-menu .custom-html-widget li {
margin: 0 0 6px;
}
.mega-menu-wrap .widget_calendar table {
width: 100%;
border-collapse: collapse;
}
.mega-menu-wrap .widget_calendar caption {
font-weight: 600;
color: var(--mmm-text);
margin-bottom: 8px;
text-align: left;
}
.mega-menu-wrap .widget_calendar th {
background: var(--mmm-wash);
color: var(--mmm-text);
font-size: 12.96px;
font-weight: 600;
padding: 6px 4px;
}
.mega-menu-wrap .widget_calendar td {
border: 1px solid var(--mmm-line);
text-align: center;
padding: 6px 4px;
}
.mega-menu-wrap .widget_calendar a {
color: var(--mmm-accent);
text-decoration: none;
}
.mega-menu-wrap .mega-sub-menu form table {
width: 100%;
border-collapse: collapse;
}
.mega-menu-wrap .mega-sub-menu form th {
width: 30%;
padding: 6px 12px 6px 0;
text-align: left;
vertical-align: top;
font-weight: 600;
color: var(--mmm-text);
}
.mega-menu-wrap .mega-sub-menu form td {
padding: 6px 0;
}
.mega-menu-wrap .mega-sub-menu form input[type="text"],
.mega-menu-wrap .mega-sub-menu form input[type="email"],
.mega-menu-wrap .mega-sub-menu form input[type="url"],
.mega-menu-wrap .mega-sub-menu form textarea,
.mega-menu-wrap .mega-sub-menu form select {
width: 100%;
box-sizing: border-box;
border: 1px solid var(--mmm-line);
border-radius: var(--mmm-radius);
padding: 8px 10px;
font: inherit;
color: var(--mmm-text);
background: var(--mmm-surface);
}
.mega-menu-wrap .mega-sub-menu form input[type="text"]:focus,
.mega-menu-wrap .mega-sub-menu form input[type="email"]:focus,
.mega-menu-wrap .mega-sub-menu form textarea:focus,
.mega-menu-wrap .mega-sub-menu form select:focus {
outline: 2px solid var(--mmm-accent);
outline-offset: 1px;
}
.mega-menu-wrap .mega-sub-menu form button,
.mega-menu-wrap .mega-sub-menu form input[type="submit"] {
appearance: none;
border: 0;
background: none;
color: var(--mmm-accent);
font-weight: 700;
letter-spacing: 0.04em;
cursor: pointer;
padding: 8px 0;
}
.mega-menu-wrap .mega-search input[type="text"] {
font-size: var(--mmm-font-size);
font-family: var(--mmm-font);
}
.mega-menu-wrap .mega-search.mega-search-open input[type="text"] {
box-shadow: inset 0 0 0 1px var(--mmm-line);
}
.mega-menu-wrap .mega-menu-toggle .mega-toggle-block {
color: var(--mmm-text);
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-weight: 500 !important;
font-size: 15px !important;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::before,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::after {
background-color: var(--wp--preset--color--contrast, #0f172a);
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block {
color: var(--wp--preset--color--contrast, #0f172a);
}
@media (min-width: 769px) {
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: var(--mmm-nav) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link,
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-ancestor > a.mega-menu-link {
color: var(--mmm-nav-active) !important;
font-weight: 600 !important;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
position: relative;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link::after,
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-ancestor > a.mega-menu-link::after {
content: "";
position: absolute;
left: 50%;
bottom: 12px;
width: 18px;
height: 2px;
border-radius: 1px;
background: var(--mmm-nav-active);
transform: translateX(-50%);
}
.mega-menu-wrap > ul > li.mega-menu-megamenu > ul.mega-sub-menu,
.mega-menu-wrap > ul > li.mega-menu-grid > ul.mega-sub-menu {
top: 100%;
margin-top: -1px;
border-top: 0;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.witrav-menu-services {
position: relative;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.witrav-menu-services > ul.mega-sub-menu {
top: 100%;
margin-top: -1px;
box-sizing: border-box;
display: block;
width: 600px !important;
max-width: calc(100vw - 32px) !important;
left: 50% !important;
right: auto !important;
translate: -50% 0;
padding: 0 !important;
border: 1px solid var(--mmm-line);
border-radius: var(--mmm-radius-panel);
box-shadow: var(--mmm-shadow) !important;
overflow: hidden !important;
background: var(--mmm-panel) !important;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.witrav-menu-services .mega-menu-row {
display: block;
width: 100% !important;
float: none !important;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.witrav-menu-services .mega-menu-row > ul.mega-sub-menu {
display: flex !important;
align-items: stretch;
width: 100% !important;
float: none !important;
position: static !important;
visibility: inherit !important;
left: auto !important;
top: auto !important;
box-shadow: none !important;
border: 0 !important;
background: transparent !important;
overflow: visible !important;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.witrav-menu-services .mega-menu-column {
float: none !important;
flex: 1 1 0 !important;
box-sizing: border-box;
min-width: 0;
width: 50% !important;
max-width: 50% !important;
padding: 20px 24px;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.witrav-menu-services .mega-menu-column:first-child {
border-right: 1px solid var(--mmm-line);
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.witrav-menu-services .mega-menu-column:last-child {
background: var(--mmm-panel);
box-shadow: none;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.witrav-menu-services .mega-menu-column > ul.mega-sub-menu {
position: static !important;
visibility: inherit !important;
display: flex !important;
flex-direction: column;
gap: 12px;
width: 100% !important;
float: none !important;
left: auto !important;
top: auto !important;
box-shadow: none !important;
border: 0 !important;
background: transparent !important;
overflow: visible !important;
}
.mega-menu-wrap li.witrav-menu-services .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
float: none !important;
width: 100% !important;
padding: 0 !important;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-heading > a.mega-menu-link {
display: block;
margin: 0 0 8px;
padding: 0 !important;
border: 0;
border-bottom: 0;
color: var(--mmm-muted) !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0;
text-transform: uppercase;
line-height: normal;
height: auto !important;
min-height: 0 !important;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-heading > a.mega-menu-link:hover,
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-heading > a.mega-menu-link:focus {
color: var(--mmm-muted) !important;
background: transparent !important;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-heading > a.mega-menu-link > span.mega-indicator {
display: none !important;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link {
display: flex !important;
align-items: center;
gap: 12px;
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 6px 0 !important;
border-radius: 0;
color: var(--mmm-text) !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: normal;
transition: color 0.2s ease;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link:before,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link:before {
display: none !important;
}
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link img {
box-sizing: border-box;
flex: 0 0 32px;
width: 32px !important;
height: 32px !important;
max-width: 32px;
padding: 7px;
margin: 0;
border: 1px solid var(--mmm-line);
border-radius: var(--mmm-radius-tile);
background: var(--mmm-surface);
}
.mega-menu-wrap li.witrav-menu-services .mega-description-group {
display: flex;
flex-direction: column;
gap: 0;
padding-top: 0;
min-width: 0;
}
.mega-menu-wrap li.witrav-menu-services .mega-menu-description {
display: none;
}
.mega-menu-wrap li.witrav-menu-services .mega-menu-title {
color: inherit;
font-size: 14px !important;
font-weight: 500;
line-height: normal;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link:hover,
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link:focus,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link:hover,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link:focus {
background: transparent;
color: var(--mmm-accent) !important;
}
.mega-menu-wrap li.witrav-menu-services .mega-menu-column:last-child li.witrav-menu-service > a.mega-menu-link:hover,
.mega-menu-wrap li.witrav-menu-services .mega-menu-column:last-child li.witrav-menu-service > a.mega-menu-link:focus,
.mega-menu-wrap li.witrav-menu-services .mega-menu-column:last-child li.mega-has-icon > a.mega-menu-link:hover,
.mega-menu-wrap li.witrav-menu-services .mega-menu-column:last-child li.mega-has-icon > a.mega-menu-link:focus {
background: transparent;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link:hover:before,
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link:focus:before,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link:hover:before,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link:focus:before {
background: transparent;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link:focus-visible,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link:focus-visible {
outline: 2px solid var(--mmm-accent);
outline-offset: 2px;
}
.mega-menu-wrap li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.mega-menu-wrap > ul > li.mega-menu-item-has-children:hover > a.mega-menu-link > span.mega-indicator,
.mega-menu-wrap > ul > li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
transform: rotate(180deg);
}
.mega-menu-wrap li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > span.mega-indicator {
transform: rotate(-90deg);
}
.mega-menu-wrap li.mega-menu-flyout ul.mega-sub-menu > li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
transform: rotate(-90deg);
}
.mega-menu-wrap li.mega-menu-megamenu li.mega-menu-item:not(.mega-menu-item-has-children) > a.mega-menu-link {
padding: 10px 12px;
border-radius: 6px;
}
.mega-menu-wrap li.mega-menu-megamenu li.mega-menu-item:not(.mega-menu-item-has-children) > a.mega-menu-link:hover,
.mega-menu-wrap li.mega-menu-megamenu li.mega-menu-item:not(.mega-menu-item-has-children) > a.mega-menu-link:focus {
background: var(--mmm-hover);
}
.mega-menu-wrap li.mega-menu-megamenu li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
border-radius: 6px;
}
.mega-menu-wrap li.mega-menu-flyout ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
border-radius: 6px;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#banana"]:hover) .witrav-image-swap img {
display: none;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#banana"]:hover) .witrav-image-swap img.is-banana {
display: block;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#melon"]:hover) .witrav-image-swap img {
display: none;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#melon"]:hover) .witrav-image-swap img.is-melon {
display: block;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#lemon"]:hover) .witrav-image-swap img {
display: none;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#lemon"]:hover) .witrav-image-swap img.is-lemon {
display: block;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#kiwi"]:hover) .witrav-image-swap img {
display: none;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#kiwi"]:hover) .witrav-image-swap img.is-kiwi {
display: block;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#strawberry"]:hover) .witrav-image-swap img {
display: none;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#strawberry"]:hover) .witrav-image-swap img.is-strawberry {
display: block;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#cherry"]:hover) .witrav-image-swap img {
display: none;
}
.mega-menu-wrap li.mega-menu-item:has(a[href="#cherry"]:hover) .witrav-image-swap img.is-cherry {
display: block;
}
@media (prefers-reduced-motion: reduce) {
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link,
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link:before,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link:before {
transition: none;
}
}
}
@media (max-width: 768px) {
.witrav-header .witrav-header-inner,
.witrav-header .witrav-header-nav,
.witrav-header #mega-menu-wrap-primary {
position: static !important;
}
.witrav-header #mega-menu-wrap-primary {
height: 100%;
width: auto;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle {
width: 36px !important;
height: 100% !important;
min-height: 0 !important;
line-height: 1 !important;
background: transparent;
border-radius: 0;
align-items: center;
justify-content: center;
flex: 0 0 36px;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center {
display: none;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
flex: 0 0 auto;
justify-content: center;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
margin: 0 !important;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle [class*="mega-toggle-block-"] .mega-toggle-animated {
transform: none !important;
padding: 0 !important;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-box,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle [class*="mega-toggle-block-"] .mega-toggle-animated-box {
width: 18px !important;
height: 14px !important;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::before,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::after,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle [class*="mega-toggle-block-"] .mega-toggle-animated-inner,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle [class*="mega-toggle-block-"] .mega-toggle-animated-inner::before,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle [class*="mega-toggle-block-"] .mega-toggle-animated-inner::after {
width: 18px !important;
height: 2px !important;
border-radius: 1px;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle [class*="mega-toggle-block-"] .mega-toggle-animated-slider .mega-toggle-animated-inner {
top: 1px !important;
margin-top: 0 !important;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner::before,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle [class*="mega-toggle-block-"] .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
top: 6px !important;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner::after,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle [class*="mega-toggle-block-"] .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
top: 12px !important;
bottom: auto !important;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open [class*="mega-toggle-block-"] .mega-toggle-animated-slider .mega-toggle-animated-inner {
transform: translate3d(0, 6px, 0) rotate(45deg) !important;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner::before,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open [class*="mega-toggle-block-"] .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
transform: rotate(-45deg) translate3d(-4px, -4px, 0) !important;
opacity: 0 !important;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner::after,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after,
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open [class*="mega-toggle-block-"] .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
transform: translate3d(0, -12px, 0) rotate(-90deg) !important;
}
.witrav-header #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 100% !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: 0 !important;
z-index: 200;
background: var(--mmm-panel);
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
border: 0;
border-bottom: 1px solid var(--mmm-line);
border-radius: 0;
padding: 0;
box-sizing: border-box;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.witrav-header #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link,
.witrav-header #mega-menu-wrap-primary #mega-menu-primary .mega-menu-title {
color: #0f172a !important;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
display: flex !important;
align-items: center;
justify-content: space-between;
width: 100% !important;
min-height: 48px !important;
height: auto !important;
line-height: 1.3 !important;
margin: 0 !important;
padding: 12px 16px !important;
box-sizing: border-box;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
.witrav-header #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:hover,
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link,
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-ancestor > a.mega-menu-link {
color: var(--mmm-accent) !important;
background: transparent !important;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-toggle-on > a.mega-menu-link {
background: transparent !important;
}
.mega-menu-wrap > ul > li.mega-menu-megamenu > ul.mega-sub-menu,
.mega-menu-wrap > ul > li.mega-menu-grid > ul.mega-sub-menu,
.mega-menu-wrap > ul > li.mega-menu-flyout > ul.mega-sub-menu {
top: auto;
left: auto;
margin-top: 0;
position: static;
float: none;
width: 100%;
max-width: none;
box-shadow: none;
border: 0;
border-radius: 0;
}
.mega-menu-wrap li.mega-menu-item {
float: none;
width: 100%;
clear: both;
}
.mega-menu-wrap a.mega-menu-link {
display: flex;
align-items: center;
min-height: 44px;
font-size: var(--mmm-font-size);
font-family: var(--mmm-font);
}
.mega-menu-wrap li.mega-menu-megamenu li.mega-has-icon.mega-icon-left > a.mega-menu-link {
display: flex;
align-items: center;
}
.mega-menu-wrap li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
transform: rotate(180deg);
}
.mega-menu-wrap li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > span.mega-indicator {
transform: none;
}
.mega-menu-wrap ul.mega-sub-menu {
position: static;
float: none;
width: 100%;
left: auto;
top: auto;
box-shadow: none;
border: 0;
border-radius: 0;
}
.witrav-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu {
background: transparent;
border-top: 0;
}
.mega-menu-wrap li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
padding-left: 16px;
padding-right: 16px;
}
.mega-menu-wrap li.mega-menu-item li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
padding-left: 16px;
}
.mega-menu-wrap li.mega-menu-grid .mega-menu-row,
.mega-menu-wrap li.mega-menu-grid .mega-menu-column {
width: 100%;
float: none;
clear: both;
}
.mega-menu-wrap li.witrav-menu-services .mega-menu-column {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
.mega-menu-wrap li.witrav-menu-services .mega-menu-column + .mega-menu-column {
margin-top: 0;
padding-top: 0;
border-top: 1px solid var(--mmm-line);
background: transparent;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-heading {
border-bottom: 0;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-heading > a.mega-menu-link {
display: flex !important;
align-items: center;
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 14px 16px 6px !important;
border: 0 !important;
background: transparent !important;
color: var(--mmm-muted) !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0;
text-transform: uppercase;
line-height: normal !important;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-heading > a.mega-menu-link:hover,
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-heading > a.mega-menu-link:focus {
color: var(--mmm-muted) !important;
background: transparent !important;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-heading > a.mega-menu-link > span.mega-indicator {
display: none !important;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link {
display: flex !important;
align-items: center;
gap: 12px;
width: 100% !important;
min-height: 44px !important;
height: auto !important;
margin: 0 !important;
padding: 6px 16px !important;
box-sizing: border-box;
color: var(--mmm-text) !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: normal !important;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link:hover,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link:hover {
background: transparent !important;
color: var(--mmm-accent) !important;
}
.mega-menu-wrap li.witrav-menu-services li.witrav-menu-service > a.mega-menu-link:before,
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link:before {
display: none !important;
}
.mega-menu-wrap li.witrav-menu-services li.mega-has-icon > a.mega-menu-link img {
box-sizing: border-box;
flex: 0 0 32px;
width: 32px !important;
height: 32px !important;
max-width: 32px;
padding: 7px;
margin: 0;
border: 1px solid var(--mmm-line);
border-radius: var(--mmm-radius-tile);
background: var(--mmm-surface);
}
.mega-menu-wrap li.witrav-menu-services .mega-description-group {
display: flex;
flex-direction: column;
gap: 0;
min-width: 0;
}
.mega-menu-wrap li.witrav-menu-services .mega-menu-description {
display: none;
}
.mega-menu-wrap li.witrav-menu-services .mega-menu-title {
color: inherit !important;
font-size: inherit !important;
font-weight: inherit;
line-height: inherit;
}
.mega-menu-wrap .mega-sub-menu .widget,
.mega-menu-wrap .mega-sub-menu iframe {
width: 100%;
max-width: 100%;
}
.mega-menu-wrap li.mega-item-align-right {
float: none;
width: 100%;
}
.witrav-header #mega-menu-wrap-primary .mega-search,
.witrav-header #mega-menu-wrap-primary .mega-search.mega-search-closed,
.witrav-header #mega-menu-wrap-primary .mega-search.mega-search-open {
display: flex;
align-items: center;
position: static;
width: 100%;
max-width: none;
margin: 8px 16px;
box-sizing: border-box;
}
.witrav-header #mega-menu-wrap-primary .mega-search input[type="text"] {
display: block;
position: static;
width: 100%;
max-width: none;
height: 44px;
opacity: 1;
visibility: visible;
box-sizing: border-box;
padding: 0 12px;
border: 1px solid var(--mmm-line);
border-radius: var(--mmm-radius);
background: var(--mmm-surface);
}
}.witrav-eyebrow {display: inline-flex; align-items: center; width: fit-content; margin: 0 !important; font-size: 15.12px; font-weight: 800; letter-spacing: 1.5px; line-height: 1; text-transform: uppercase}
.witrav-eyebrow::before {content: none}
.witrav-intro {gap: 16px !important}
.witrav-intro > * {margin-block-start: 0 !important}
.witrav-intro__heading {max-width: 18em; margin: 0 auto !important; font-weight: 400; line-height: 1.12; letter-spacing: -0.02em}
.witrav-intro__body {max-width: 42em; margin: 0 auto !important; line-height: 1.5}
.wp-block-post-content > .witrav-compact-hero:first-child {margin-top: calc(-1 * var(--witrav-header-height)) !important; margin-block-start: calc(-1 * var(--witrav-header-height)) !important; padding-top: calc(var(--witrav-header-height) + var(--wp--preset--spacing--60)) !important}
.witrav-compact-hero {position: relative; isolation: isolate; overflow: hidden; justify-items: start; gap: 16px !important; background-color: var(--wp--preset--color--accent-2)}
.witrav-compact-hero::before,
.witrav-compact-hero::after {content: none}
.witrav-compact-hero > * {position: relative; z-index: 1; margin-block-start: 0 !important; margin-inline: 0 !important; justify-self: start; max-width: min(42em, 100%)}
.witrav-compact-hero__copy {display: flex; flex-direction: column; align-items: flex-start; gap: 16px !important; width: min(42em, 100%); max-width: min(42em, 100%)}
.witrav-compact-hero__copy > * {margin: 0 !important; margin-block-start: 0 !important; max-width: 100%}
.witrav-compact-hero__kicker {display: inline-flex; align-items: center; width: fit-content; margin: 0 !important; padding: 0; border: 0; background: none; box-shadow: none; color: var(--wp--preset--color--accent-1) !important; font-size: 15.12px; font-weight: 800; letter-spacing: 1.5px; line-height: 1; text-transform: uppercase}
.witrav-compact-hero__kicker::before {content: none}
.witrav-compact-hero__heading {margin: 0 !important; max-width: none; font-weight: 400; line-height: 1.08; letter-spacing: -0.03em}
.witrav-compact-hero__subtitle {margin: 0 !important; max-width: none; font-size: 21.6px !important; line-height: 1.55}
.witrav-compact-hero__actions {margin: 8px 0 0 !important}
.witrav-compact-hero__actions > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-prose {gap: 16px !important}
.witrav-prose > * {margin-block-start: 0 !important; max-width: 42em}
.witrav-prose__heading {margin: 0 !important; font-weight: 400; line-height: 1.12; letter-spacing: -0.02em}
.witrav-prose__subheading {margin: 16px 0 0 !important; font-size: 21.6px; font-weight: 600; line-height: 1.3}
.witrav-prose__body {margin: 0 !important; line-height: 1.55}
.witrav-prose__list {margin: 0 !important; padding-left: 1.2em; color: var(--wp--preset--color--accent-4)}
.witrav-prose__list li {margin: 0 0 8px; line-height: 1.55}
.witrav-news {gap: 40px !important}
.witrav-news > * {margin-block-start: 0 !important}
.witrav-news__heading {margin: 0 0 8px !important; max-width: 18em; font-weight: 400; line-height: 1.12; letter-spacing: -0.02em}
.witrav-news__grid {gap: 24px !important; margin: 0 !important}
.witrav-news-card {height: 100%; overflow: hidden; border-radius: 24px; background: var(--wp--preset--color--accent-2); box-shadow: 0 14px 36px var(--wp--custom--brand-shadow)}
.witrav-news-card > * {margin-block-start: 0 !important}
.witrav-news-card .wp-block-post-title {margin: 0; font-size: 21.6px; font-weight: 600; line-height: 1.3}
.witrav-news-card .wp-block-post-title a {color: var(--wp--preset--color--contrast); text-decoration: none}
.witrav-news-card .wp-block-post-title a:hover {color: var(--wp--preset--color--accent-1)}
.witrav-news-card .wp-block-post-excerpt {margin: 0; color: var(--wp--preset--color--accent-4); line-height: 1.5}
.witrav-news-card .wp-block-post-excerpt__more-link {display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; color: var(--wp--preset--color--accent-1); font-weight: 600; text-decoration: none}
.witrav-news-card .wp-block-post-date {margin: 0}
.witrav-contact {gap: 0 !important}
.witrav-contact > * {margin-block-start: 0 !important}
.witrav-contact__grid {gap: 40px !important; margin: 0 !important}
.witrav-contact__grid > * {margin-block-start: 0 !important}
.witrav-contact__heading {margin: 0 0 16px !important; font-weight: 400; line-height: 1.12}
.witrav-contact__note {margin: 0 0 16px !important; line-height: 1.5}
.witrav-contact .wpcf7 {max-width: 100%}
.witrav-contact .wpcf7 label {display: block; margin: 0 0 16px; color: var(--wp--preset--color--contrast); font-size: 15.12px; font-weight: 600}
.witrav-contact .wpcf7 input[type="text"],
.witrav-contact .wpcf7 input[type="email"],
.witrav-contact .wpcf7 input[type="tel"],
.witrav-contact .wpcf7 textarea {
width: 100%;
box-sizing: border-box;
margin: 8px 0 0;
padding: 10px 12px;
border: 1px solid var(--wp--preset--color--gray-200);
border-radius: 8px;
background: var(--wp--preset--color--gray-50);
color: var(--wp--preset--color--contrast);
font: inherit;
font-weight: 400
}
.witrav-contact .wpcf7 input:focus,
.witrav-contact .wpcf7 textarea:focus {
outline: 2px solid var(--wp--preset--color--accent-1);
outline-offset: 1px
}
.witrav-contact .wpcf7 textarea {min-height: 140px; resize: vertical}
.witrav-contact .wpcf7 input[type="submit"] {
appearance: none;
margin: 8px 0 0;
min-height: 52px;
padding: 0 24px;
border: 0;
border-radius: 8px;
background: var(--wp--preset--color--accent-1);
color: var(--wp--preset--color--base);
font: inherit;
font-size: 16.2px;
font-weight: 700;
cursor: pointer
}
.witrav-contact .wpcf7 input[type="submit"]:hover {
background: var(--wp--preset--color--primary-hover);
color: var(--wp--preset--color--base)
}
.witrav-split {gap: 0 !important}
.witrav-split > * {margin-block-start: 0 !important}
.witrav-split__grid {align-items: center; gap: 40px !important; margin: 0 !important}
.witrav-split__grid > * {margin-block-start: 0 !important}
.witrav-split__copy {display: flex; flex-direction: column; gap: 16px !important}
.witrav-split__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-split__heading {margin: 0 !important; font-weight: 400; line-height: 1.12; letter-spacing: -0.02em}
.witrav-split__body {margin: 0 !important; line-height: 1.5}
.witrav-split__actions {gap: 12px !important; margin: 8px 0 0 !important}
.witrav-split__actions > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-split__media > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-split__frame {overflow: hidden; border-radius: 24px; box-shadow: 0 14px 36px var(--wp--custom--brand-shadow)}
.witrav-split__frame > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-split__image {margin: 0 !important}
.witrav-split__image img {display: block; width: 100%; height: 420px; object-fit: cover}
.editor-styles-wrapper .witrav-split__grid > .wp-block,
.block-editor-iframe__body .witrav-split__grid > .wp-block {
flex-basis: 50% !important;
width: auto !important;
max-width: none !important
}
@media (max-width: 768px) {
.witrav-split__grid {flex-direction: column}
.witrav-intro__heading,
.witrav-split__heading,
.witrav-compact-hero__heading,
.witrav-prose__heading,
.witrav-news__heading {font-size: 34.56px; max-width: none}
.witrav-intro__body,
.witrav-split__body,
.witrav-compact-hero__subtitle,
.witrav-prose__body {font-size: 17.28px}
.witrav-contact__grid {flex-direction: column}
.witrav-news__grid {grid-template-columns: 1fr !important}
.witrav-split__image img {height: 240px}
}
@property --witrav-hero-rotate {
syntax: "<angle>";
inherits: false;
initial-value: 0deg;
}
.wp-block-post-content > .witrav-hero:first-child {margin-top: calc(-1 * var(--witrav-header-height)) !important; margin-block-start: calc(-1 * var(--witrav-header-height)) !important; padding-top: calc(var(--witrav-header-height) + 160px) !important; padding-bottom: 160px !important}
.witrav-hero {position: relative; isolation: isolate; overflow: hidden; background-color: var(--wp--preset--color--accent-2)}
.witrav-hero > * {position: relative; z-index: 1; margin-block-start: 0 !important}
.witrav-hero__deco {position: absolute !important; z-index: 0; margin: 0 !important; line-height: 0; pointer-events: none; will-change: transform, opacity, scale}
.witrav-hero__deco img {display: block; width: 100%; height: 100%}
.witrav-hero__deco--glow {left: 50%; top: 160px; width: 520px; height: 520px; translate: -50% 0; opacity: 0.25; animation: witrav-hero-glow-opacity 11s linear infinite, witrav-hero-glow-scale 11s linear infinite}
.witrav-hero__deco--grid {left: -120px; top: -80px; width: 520px; height: 520px; opacity: 0.06; overflow: hidden; background-image: repeating-linear-gradient(to right, var(--wp--preset--color--accent-1) 0 1px, transparent 1px 60px), repeating-linear-gradient(to bottom, var(--wp--preset--color--accent-1) 0 1px, transparent 1px 60px); animation: witrav-hero-grid-opacity 11s linear infinite, witrav-hero-grid-translate 11s linear infinite}
.witrav-hero__deco--constellation {right: -120px; top: -80px; width: 520px; height: 520px; opacity: 0.08; animation: witrav-hero-constellation-opacity 11s linear infinite, witrav-hero-constellation-translate 11s linear infinite, witrav-hero-constellation-scale 11s linear infinite}
.witrav-hero__deco--hex-1 {left: -80px; top: 220px; width: 240px; height: 240px; opacity: 0.1; --witrav-hero-rotate: 0deg; transform: rotate(var(--witrav-hero-rotate)); animation: witrav-hero-hex1-opacity 11s linear infinite, witrav-hero-hex1-rotate 11s linear infinite, witrav-hero-hex1-scale 11s linear infinite}
.witrav-hero__deco--hex-2 {right: -120px; top: 260px; width: 320px; height: 320px; opacity: 0.08; --witrav-hero-rotate: 0deg; transform: rotate(var(--witrav-hero-rotate)); animation: witrav-hero-hex2-opacity 11s linear infinite, witrav-hero-hex2-rotate 11s linear infinite, witrav-hero-hex2-scale 11s linear infinite}
.witrav-hero__deco--hex-3 {left: -120px; top: 420px; width: 180px; height: 180px; opacity: 0.1; --witrav-hero-rotate: 0deg; transform: rotate(var(--witrav-hero-rotate)); animation: witrav-hero-hex3-opacity 11s linear infinite, witrav-hero-hex3-rotate 11s linear infinite, witrav-hero-hex3-scale 11s linear infinite}
.witrav-hero__deco--hex-1 img,
.witrav-hero__deco--hex-2 img,
.witrav-hero__deco--hex-3 img {width: 86.6%; height: 100%; margin-inline: auto}
.witrav-hero__deco--bracket-left,
.witrav-hero__deco--bracket-right {top: 120px; width: auto; height: auto; color: var(--wp--preset--color--accent-1); font-size: 120px; font-weight: 800; line-height: 1; opacity: 0.04}
.witrav-hero__deco--bracket-left {left: 0; animation: witrav-hero-bracket-left-opacity 11s linear infinite, witrav-hero-bracket-left-translate 11s linear infinite}
.witrav-hero__deco--bracket-right {right: -38px; text-align: right; animation: witrav-hero-bracket-right-opacity 11s linear infinite, witrav-hero-bracket-right-translate 11s linear infinite}
.witrav-hero__stack {display: flex !important; flex-direction: column; align-items: center; width: 100%; margin: 0 auto !important; text-align: center}
.witrav-hero__stack > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-hero__copy {display: flex !important; flex-direction: column; align-items: center; width: 100%; max-width: 1280px; margin: 0 auto !important; text-align: center}
.witrav-hero__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-hero__title {margin: 0 !important; max-width: 16em}
.witrav-hero__subtitle {margin: 0 auto !important; max-width: 680px}
.witrav-hero__actions {margin: 0 auto !important}
.witrav-hero__actions > * {margin: 0 !important; margin-block-start: 0 !important}
@keyframes witrav-hero-glow-opacity {
0% {animation-timing-function: ease-in-out; opacity: 0.25}
22.727% {animation-timing-function: ease-in-out; opacity: 0.4}
45.455% {animation-timing-function: ease-in-out; opacity: 0.2}
72.727%, 100% {opacity: 0.25}
}
@keyframes witrav-hero-glow-scale {
0% {animation-timing-function: ease-in-out; scale: 1}
27.273% {animation-timing-function: ease-in-out; scale: 1.08}
54.545% {animation-timing-function: ease-in-out; scale: 0.95}
72.727%, 100% {scale: 1}
}
@keyframes witrav-hero-grid-opacity {
0% {animation-timing-function: ease-in-out; opacity: 0.06}
22.727% {animation-timing-function: ease-in-out; opacity: 0.12}
50% {animation-timing-function: ease-in-out; opacity: 0.05}
72.727%, 100% {opacity: 0.06}
}
@keyframes witrav-hero-grid-translate {
0% {translate: 0 0}
27.273% {animation-timing-function: ease-in-out; translate: 6px -11.5px}
36.364% {animation-timing-function: ease-in-out; translate: 3.7px -12px}
54.545% {animation-timing-function: ease-in-out; translate: -4px -2.4px}
72.727%, 100% {translate: 0 0}
}
@keyframes witrav-hero-constellation-opacity {
0% {animation-timing-function: ease-in-out; opacity: 0.08}
18.182% {animation-timing-function: ease-in-out; opacity: 0.15}
40.909% {animation-timing-function: ease-in-out; opacity: 0.06}
59.091% {animation-timing-function: ease-in-out; opacity: 0.12}
72.727%, 100% {opacity: 0.08}
}
@keyframes witrav-hero-constellation-translate {
0% {translate: 0 0}
18.182% {animation-timing-function: ease-in-out; translate: 8px -9.2px}
22.727% {animation-timing-function: ease-in-out; translate: 6.9px -10px}
45.455% {animation-timing-function: ease-in-out; translate: -4.3px 6px}
72.727%, 100% {translate: 0 0}
}
@keyframes witrav-hero-constellation-scale {
0% {animation-timing-function: ease-in-out; scale: 1}
36.364% {animation-timing-function: ease-in-out; scale: 1.03}
72.727%, 100% {scale: 1}
}
@keyframes witrav-hero-hex1-opacity {
0% {animation-timing-function: ease-in-out; opacity: 0.1}
21.818% {animation-timing-function: ease-in-out; opacity: 0.18}
43.636% {animation-timing-function: ease-in-out; opacity: 0.06}
72.727%, 100% {opacity: 0.1}
}
@keyframes witrav-hero-hex1-rotate {
0% {--witrav-hero-rotate: 0deg}
72.727%, 100% {--witrav-hero-rotate: -20deg}
}
@keyframes witrav-hero-hex1-scale {
0% {animation-timing-function: ease-in-out; scale: 1}
29.091% {animation-timing-function: ease-in-out; scale: 1.06}
54.545% {animation-timing-function: ease-in-out; scale: 0.97}
72.727%, 100% {scale: 1}
}
@keyframes witrav-hero-hex2-opacity {
0%, 13.636% {opacity: 0.08}
35.455% {animation-timing-function: ease-in-out; opacity: 0.14}
57.273% {animation-timing-function: ease-in-out; opacity: 0.048}
86.364%, 100% {opacity: 0.08}
}
@keyframes witrav-hero-hex2-rotate {
0%, 13.636% {--witrav-hero-rotate: 0deg}
86.364%, 100% {--witrav-hero-rotate: 15deg}
}
@keyframes witrav-hero-hex2-scale {
0%, 13.636% {scale: 1}
42.727% {animation-timing-function: ease-in-out; scale: 1.04}
68.182% {animation-timing-function: ease-in-out; scale: 0.97}
86.364%, 100% {scale: 1}
}
@keyframes witrav-hero-hex3-opacity {
0%, 27.273% {opacity: 0.1}
49.091% {animation-timing-function: ease-in-out; opacity: 0.16}
70.909% {animation-timing-function: ease-in-out; opacity: 0.06}
100% {opacity: 0.1}
}
@keyframes witrav-hero-hex3-rotate {
0%, 27.273% {--witrav-hero-rotate: 0deg}
100% {--witrav-hero-rotate: -25deg}
}
@keyframes witrav-hero-hex3-scale {
0%, 27.273% {scale: 1}
56.364% {animation-timing-function: ease-in-out; scale: 1.08}
81.818% {animation-timing-function: ease-in-out; scale: 0.97}
100% {scale: 1}
}
@keyframes witrav-hero-bracket-left-opacity {
0%, 4.545% {opacity: 0.04}
22.727% {animation-timing-function: ease-in-out; opacity: 0.1}
50% {animation-timing-function: ease-in-out; opacity: 0.03}
68.182% {animation-timing-function: ease-in-out; opacity: 0.08}
77.273%, 100% {opacity: 0.04}
}
@keyframes witrav-hero-bracket-left-translate {
0%, 4.545% {translate: 0 0}
27.273% {animation-timing-function: ease-in-out; translate: 0 -15px}
50% {animation-timing-function: ease-in-out; translate: 0 7.5px}
77.273%, 100% {translate: 0 0}
}
@keyframes witrav-hero-bracket-right-opacity {
0%, 16.364% {opacity: 0.04}
34.545% {animation-timing-function: ease-in-out; opacity: 0.1}
61.818% {animation-timing-function: ease-in-out; opacity: 0.03}
80% {animation-timing-function: ease-in-out; opacity: 0.08}
89.091%, 100% {opacity: 0.04}
}
@keyframes witrav-hero-bracket-right-translate {
0%, 16.364% {translate: 0 0}
39.091% {animation-timing-function: ease-in-out; translate: 0 15px}
61.818% {animation-timing-function: ease-in-out; translate: 0 -7.5px}
89.091%, 100% {translate: 0 0}
}
@media (prefers-reduced-motion: reduce) {
.witrav-hero__deco {animation: none !important; will-change: auto}
.witrav-hero__deco--glow {opacity: 0.25; scale: 1}
.witrav-hero__deco--grid {opacity: 0.06; translate: 0 0}
.witrav-hero__deco--constellation {opacity: 0.08; translate: 0 0; scale: 1}
.witrav-hero__deco--hex-1,
.witrav-hero__deco--hex-2,
.witrav-hero__deco--hex-3 {--witrav-hero-rotate: 0deg; scale: 1}
.witrav-hero__deco--hex-1,
.witrav-hero__deco--hex-3 {opacity: 0.1}
.witrav-hero__deco--hex-2 {opacity: 0.08}
.witrav-hero__deco--bracket-left,
.witrav-hero__deco--bracket-right {opacity: 0.04; translate: 0 0}
}
@media (max-width: 767px) {
.wp-block-post-content > .witrav-hero:first-child {padding-top: calc(var(--witrav-header-height) + 64px) !important; padding-bottom: 64px !important}
.witrav-hero {padding-top: 64px !important; padding-bottom: 64px !important}
.witrav-hero__title {max-width: none; font-size: clamp(32px, 8vw, 56px) !important}
.witrav-hero__deco--glow {top: 96px; width: min(420px, 140vw); height: min(420px, 140vw)}
.witrav-hero__deco--grid {left: -160px; top: -40px; width: 360px; height: 360px; background-image: repeating-linear-gradient(to right, var(--wp--preset--color--accent-1) 0 1px, transparent 1px 40px), repeating-linear-gradient(to bottom, var(--wp--preset--color--accent-1) 0 1px, transparent 1px 40px)}
.witrav-hero__deco--constellation {right: -180px; top: -40px; width: 360px; height: 360px}
.witrav-hero__deco--hex-1 {left: -100px; top: 180px; width: 180px; height: 180px}
.witrav-hero__deco--hex-2 {right: -140px; top: 280px; width: 220px; height: 220px}
.witrav-hero__deco--hex-3 {left: -110px; top: 360px; width: 140px; height: 140px}
.witrav-hero__deco--bracket-left,
.witrav-hero__deco--bracket-right {top: 88px; font-size: 72px}
.witrav-hero__deco--bracket-right {right: -20px}
}
.witrav-about-stats__copy {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%}
.witrav-about-stats__lockup {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%}
.witrav-about-stats__lockup > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-about-stats__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-about-stats__title {margin: 0 !important; max-width: 22em}
.witrav-about-stats__body {margin: 0 !important; max-width: none}
.witrav-about-stats__row > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-about-stats__stat {min-width: 0}
.witrav-about-stats__stat > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-about-stats__value {margin: 0 !important}
.witrav-about-stats__label {margin: 0 !important}
.witrav-domain-cards__heading {display: flex !important; flex-direction: column; align-items: center; width: 100%; text-align: center}
.witrav-domain-cards__heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-domain-cards__title {margin: 0 !important}
.witrav-domain-cards__subhead {margin: 0 !important; max-width: 880px}
.witrav-domain-cards__grid > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-domain-card {height: 100%}
.witrav-domain-card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-domain-card__icon {display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border-radius: 6px; background: var(--wp--preset--color--accent-2)}
.witrav-domain-card__icon > * {margin: 0 !important}
.witrav-domain-card__glyph {width: 20px; height: 20px; line-height: 0}
.witrav-domain-card__glyph img {display: block; width: 20px; height: 20px}
.witrav-domain-card__title {margin: 0 !important}
.witrav-domain-card__body {margin: 0 !important}
.witrav-mission-split__row > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-mission-split__lead {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%}
.witrav-mission-split__lead > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-mission-split__title {margin: 0 !important; color: #1e293b}
.witrav-mission-split__highlight {margin: 0 !important}
.witrav-mission-split__body {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%}
.witrav-mission-split__body > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-mission-split__paragraph {margin: 0 !important}
.witrav-core-values__heading {display: flex !important; flex-direction: column; align-items: center; width: 100%; text-align: center}
.witrav-core-values__heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-core-values__title {margin: 0 !important}
.witrav-core-values__grid > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-core-value {height: 100%; background: #1e293b}
.witrav-core-value > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-core-value__number {margin: 0 !important; color: #6fa8f0}
.witrav-core-value__title {margin: 0 !important}
.witrav-core-value__body {margin: 0 !important; color: #cbd5e1}
.witrav-eyebrow--soft {color: #6fa8f0 !important}
.witrav-quote-band::before {content: ""; display: block; width: 60px; height: 4px; margin: 0 auto 8px; border-radius: 2px; background: var(--wp--preset--color--accent-1)}
.witrav-quote-band__quote {margin: 0 auto; max-width: 800px}
.witrav-quote-band__attribution {margin: 0}
.witrav-consult-form__header {display: flex !important; flex-direction: column; align-items: center; width: 100%; max-width: 800px; margin-left: auto !important; margin-right: auto !important; text-align: center}
.witrav-consult-form__header > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-consult-form__title {margin: 0 !important}
.witrav-consult-form__support {margin: 0 !important}
.witrav-consult-form__card {width: 100%}
.witrav-consult-form__card > * {margin: 0 !important}
.witrav-consult-form .wpcf7 {max-width: 100%}
.witrav-consult-form .wpcf7-form {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px}
.witrav-consult-form .wpcf7-form p {margin: 0}
.witrav-consult-form .wpcf7-form p:has(textarea),
.witrav-consult-form .wpcf7-form p:has(input[type="submit"]) {grid-column: 1 / -1}
.witrav-consult-form .wpcf7 label {display: block; margin: 0; color: var(--wp--preset--color--contrast); font-size: 15.12px; font-weight: 700}
.witrav-consult-form .wpcf7 input[type="text"],
.witrav-consult-form .wpcf7 input[type="email"],
.witrav-consult-form .wpcf7 input[type="tel"],
.witrav-consult-form .wpcf7 select,
.witrav-consult-form .wpcf7 textarea {
width: 100%;
box-sizing: border-box;
margin: 8px 0 0;
padding: 0 16px;
border: 1px solid var(--wp--preset--color--gray-200);
border-radius: 6px;
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
font: inherit;
font-size: 16.2px;
font-weight: 400
}
.witrav-consult-form .wpcf7 input[type="text"],
.witrav-consult-form .wpcf7 input[type="email"],
.witrav-consult-form .wpcf7 input[type="tel"],
.witrav-consult-form .wpcf7 select {height: 48px}
.witrav-consult-form .wpcf7 textarea {min-height: 120px; padding: 16px; resize: vertical}
.witrav-consult-form .wpcf7 input:focus,
.witrav-consult-form .wpcf7 select:focus,
.witrav-consult-form .wpcf7 textarea:focus {
outline: 2px solid var(--wp--preset--color--accent-1);
outline-offset: 1px
}
.witrav-consult-form .wpcf7 input[type="submit"] {
appearance: none;
width: 100%;
min-height: 52px;
margin: 0;
padding: 16px 24px;
border: 0;
border-radius: 6px;
background: var(--wp--preset--color--accent-1);
color: var(--wp--preset--color--base);
font-family: inherit;
font-size: 16.2px;
font-weight: 700;
line-height: 1.2;
cursor: pointer
}
.witrav-consult-form .wpcf7 input[type="submit"]:hover {background: var(--wp--preset--color--primary-hover)}
@media (max-width: 767px) {
.witrav-consult-form__card {padding: 24px !important}
.witrav-consult-form .wpcf7-form {grid-template-columns: minmax(0, 1fr)}
}
.witrav-contact-split__row > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-contact-split__lead {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; min-width: 0}
.witrav-contact-split__lead > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-contact-split__intro {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%}
.witrav-contact-split__intro > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-contact-split__title {margin: 0 !important; color: #1e293b}
.witrav-contact-split__body {margin: 0 !important}
.witrav-contact-split__cards {display: flex !important; flex-direction: column; width: 100%}
.witrav-contact-split__cards > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-contact-info {width: 100%}
.witrav-contact-info > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-contact-info__icon {display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 8px; background: var(--wp--preset--color--wash-100)}
.witrav-contact-info__icon > * {margin: 0 !important}
.witrav-contact-info__glyph {width: 20px; height: 20px; line-height: 0}
.witrav-contact-info__glyph img {display: block; width: 20px; height: 20px}
.witrav-contact-info__copy {display: flex !important; flex-direction: column; min-width: 0; flex: 1 1 auto}
.witrav-contact-info__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-contact-info__label {margin: 0 !important}
.witrav-contact-info__value {margin: 0 !important; color: #1e293b}
.witrav-contact-info__value a {color: inherit; text-decoration: none}
.witrav-contact-info__value a:hover,
.witrav-contact-info__value a:focus-visible {color: var(--wp--preset--color--accent-1)}
.witrav-contact-split__form-card {display: flex !important; flex-direction: column; width: 100%; min-width: 0}
.witrav-contact-split__form-card > * {margin: 0 !important; margin-block-start: 0 !important; width: 100%}
.witrav-contact-split__form-title {margin: 0 !important; color: #1e293b}
.witrav-contact-split .wpcf7 {width: 100%; max-width: none}
.witrav-contact-split .wpcf7-form {display: flex; flex-direction: column; gap: 20px; width: 100%}
.witrav-contact-split .wpcf7-form p {margin: 0}
.witrav-contact-split .wpcf7 label {display: block; margin: 0; color: #1e293b; font-size: 15.12px; font-weight: 700}
.witrav-contact-split .wpcf7 input[type="text"],
.witrav-contact-split .wpcf7 input[type="email"],
.witrav-contact-split .wpcf7 input[type="tel"],
.witrav-contact-split .wpcf7 select,
.witrav-contact-split .wpcf7 textarea {
width: 100%;
box-sizing: border-box;
margin: 8px 0 0;
padding: 0 16px;
border: 1px solid var(--wp--preset--color--gray-200);
border-radius: 6px;
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
font: inherit;
font-size: 16.2px;
font-weight: 400
}
.witrav-contact-split .wpcf7 input[type="text"],
.witrav-contact-split .wpcf7 input[type="email"],
.witrav-contact-split .wpcf7 input[type="tel"],
.witrav-contact-split .wpcf7 select {height: 48px}
.witrav-contact-split .wpcf7 textarea {min-height: 120px; padding: 16px; resize: vertical}
.witrav-contact-split .wpcf7 input:focus,
.witrav-contact-split .wpcf7 select:focus,
.witrav-contact-split .wpcf7 textarea:focus {
outline: 2px solid var(--wp--preset--color--accent-1);
outline-offset: 1px
}
.witrav-contact-split .wpcf7 input[type="submit"] {
appearance: none;
width: 100%;
min-height: 52px;
margin: 0;
padding: 16px 24px;
border: 0;
border-radius: 6px;
background: var(--wp--preset--color--accent-1);
color: var(--wp--preset--color--base);
font-family: inherit;
font-size: 16.2px;
font-weight: 700;
line-height: 1.2;
cursor: pointer
}
.witrav-contact-split .wpcf7 input[type="submit"]:hover {background: var(--wp--preset--color--primary-hover)}
@media (max-width: 767px) {
.witrav-contact-split__form-card {padding: 24px !important}
}
.witrav-contact-map {position: relative; overflow: hidden}
.witrav-contact-map > * {margin-block-start: 0 !important}
.witrav-contact-map__stage {position: relative; display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 450px; margin: 0 !important; padding: var(--wp--preset--spacing--40); overflow: hidden}
.witrav-contact-map__stage > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-contact-map__image {position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; margin: 0 !important; line-height: 0; pointer-events: none}
.witrav-contact-map__image img {display: block; width: 100%; height: 100%; object-fit: cover}
.witrav-contact-map__card {position: relative; z-index: 1; width: min(420px, 100%); box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2)}
.witrav-contact-map__card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-contact-map__card-head {width: 100%}
.witrav-contact-map__card-head > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-contact-map__pin {width: 18px; height: 18px; line-height: 0}
.witrav-contact-map__pin img {display: block; width: 18px; height: 18px}
.witrav-contact-map__kicker {margin: 0 !important; color: #6fa8f0}
.witrav-contact-map__card-body {width: 100%}
.witrav-contact-map__card-body > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-contact-map__title {margin: 0 !important}
.witrav-contact-map__body {margin: 0 !important; color: #cbd5e1}
.witrav-service-overview__heading {display: flex !important; flex-direction: column; align-items: center; width: 100%; max-width: 1000px; margin-left: auto !important; margin-right: auto !important; text-align: center}
.witrav-service-overview__heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-overview__title {margin: 0 !important; color: #1e293b}
.witrav-service-overview__subhead {margin: 0 !important; max-width: 720px; color: #475569 !important}
.witrav-service-overview__grid > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-overview-card {height: 100%}
.witrav-service-overview-card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-overview-card__icon {display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 6px; background: var(--wp--preset--color--wash-100)}
.witrav-service-overview-card__icon > * {margin: 0 !important}
.witrav-service-overview-card__glyph {width: 24px; height: 24px; line-height: 0}
.witrav-service-overview-card__glyph img {display: block; width: 24px; height: 24px}
.witrav-service-overview-card__copy {display: flex !important; flex-direction: column; width: 100%}
.witrav-service-overview-card__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-overview-card__title {margin: 0 !important; color: #1e293b}
.witrav-service-overview-card__body {margin: 0 !important; color: #475569 !important}
.witrav-service-features__heading {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%}
.witrav-service-features__heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-features__title {margin: 0 !important; color: #1e293b}
.witrav-service-features__grid > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-feature {height: 100%}
.witrav-service-feature > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-feature__head {width: 100%}
.witrav-service-feature__head > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-feature__icon {display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 6px; background: var(--wp--preset--color--wash-100)}
.witrav-service-feature__icon > * {margin: 0 !important}
.witrav-service-feature__glyph {width: 20px; height: 20px; line-height: 0}
.witrav-service-feature__glyph img {display: block; width: 20px; height: 20px}
.witrav-service-feature__title {margin: 0 !important; color: #1e293b}
.witrav-service-feature__body {margin: 0 !important; color: #475569 !important}
.witrav-service-lp-intro__crumbs {display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 8px; row-gap: 4px; width: 100%; margin-block: 0 !important; color: #475569}
.witrav-service-lp-intro__crumbs a {color: #475569; text-decoration: none}
.witrav-service-lp-intro__crumbs a:hover {color: var(--wp--preset--color--accent-1)}
.witrav-service-lp-intro__crumbs .is-current {color: var(--wp--preset--color--accent-1); font-weight: 700}
.witrav-service-lp-intro__sep {flex: 0 0 auto; color: #475569}
.witrav-service-lp-intro__content {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%}
.witrav-service-lp-intro__content > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-lp-intro__title {margin: 0 !important; color: #0f172a}
.witrav-service-lp-intro__body {margin: 0 !important; max-width: 800px; color: #475569 !important}
.witrav-service-card-grid__heading {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%}
.witrav-service-card-grid__heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-card-grid__title {margin: 0 !important; color: #1e293b}
.witrav-service-card-grid__grid > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-card {height: 100%}
.witrav-service-card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-card__icon {display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 6px; background: var(--wp--preset--color--wash-100)}
.witrav-service-card__icon > * {margin: 0 !important}
.witrav-service-card__glyph {width: 20px; height: 20px; line-height: 0}
.witrav-service-card__glyph img {display: block; width: 20px; height: 20px}
.witrav-service-card__copy {flex: 1 1 auto; min-width: 0; width: 100%}
.witrav-service-card__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-service-card__title {margin: 0 !important; color: #1e293b}
.witrav-service-card__body {margin: 0 !important; color: #475569 !important}
.witrav-proof {gap: 0 !important}
.witrav-proof > * {margin-block-start: 0 !important}
.witrav-proof__grid {gap: 64px !important; margin: 0 !important}
.witrav-proof__grid > * {margin-block-start: 0 !important}
.witrav-proof__image {margin: 0 !important}
.witrav-proof__image img {display: block; width: 100%; height: 470px; object-fit: cover; border-radius: 24px}
.witrav-proof__copy {display: flex; flex-direction: column; gap: 24px !important}
.witrav-proof__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-eyebrow--on-dark {color: var(--wp--preset--color--wash-100) !important}
.witrav-proof__quote {margin: 0 !important; font-size: clamp(25.92px, 3.24vw, 41.04px); font-weight: 400; line-height: 1.25}
.witrav-proof__attribution {display: flex; flex-direction: column; gap: 4px !important}
.witrav-proof__attribution > * {margin: 0 !important}
.witrav-proof__name {font-size: 17.28px; font-weight: 700; line-height: 1.2}
.witrav-proof__role {color: var(--wp--preset--color--wash-100); font-size: 15.12px; line-height: 1.3}
.witrav-proof__stats {gap: 32px !important; width: 100%; padding-top: 18px; margin: 0 !important}
.witrav-proof__stats > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-proof__stat {flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 6px !important}
.witrav-proof__stat > * {margin: 0 !important}
.witrav-proof__value {font-size: 36.72px; font-weight: 400; line-height: 1.1}
.witrav-proof__label {color: var(--wp--preset--color--wash-100); font-size: 14.04px; line-height: 1.3}
@media (max-width: 768px) {
.witrav-proof__grid {flex-direction: column; gap: 32px !important}
.witrav-proof__image img {height: 280px}
.witrav-proof__quote {font-size: 25.92px}
}
.wp-block-post-content > .witrav-news-intro:first-child,
.witrav-news-archive > .witrav-news-intro:first-child {margin-top: calc(-1 * var(--witrav-header-height)) !important; margin-block-start: calc(-1 * var(--witrav-header-height)) !important; padding-top: calc(var(--witrav-header-height) + var(--wp--preset--spacing--60)) !important}
.witrav-news-intro {position: relative; isolation: isolate; overflow: hidden}
.witrav-news-intro::before,
.witrav-news-intro::after {
content: "";
position: absolute;
z-index: 0;
width: 180px;
height: 2px;
background: var(--wp--preset--color--accent-1);
pointer-events: none
}
.witrav-news-intro::before {left: 8%; top: 28%; opacity: 0.15; transform: rotate(-10deg)}
.witrav-news-intro::after {right: 8%; top: 58%; opacity: 0.12; transform: rotate(10deg)}
.witrav-news-intro > * {position: relative; z-index: 1; margin-block-start: 0 !important}
.witrav-news-intro__copy {display: flex !important; flex-direction: column; align-items: center; width: 100%; text-align: center}
.witrav-news-intro__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-intro__heading {margin: 0 !important; color: #0f172a; max-width: 18em}
.witrav-news-intro__subtitle {margin: 0 !important; max-width: 720px; color: #475569 !important}
.witrav-news-section-heading {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; padding-bottom: 8px; border-bottom: 1px solid var(--wp--preset--color--gray-200)}
.witrav-news-section-heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-section-heading .witrav-eyebrow {font-size: 14.04px; letter-spacing: 1px}
.witrav-news-tag {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
width: fit-content;
max-width: 100%;
margin: 0 !important;
padding: 0;
background: transparent
}
.witrav-news-tag .wp-block-post-terms__separator {display: none}
.witrav-news-tag a {
display: inline-flex;
align-items: center;
padding: 4px 10px;
border-radius: 4px;
background: var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--accent-1);
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none
}
.witrav-news-tag a:hover {color: var(--wp--preset--color--primary-hover)}
.witrav-news-tag.is-featured {
background: transparent
}
.witrav-news-tag.is-featured a {
background: var(--wp--preset--color--base);
border: 1px solid var(--wp--preset--color--gray-200)
}
.witrav-news-featured__card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-featured__grid {align-items: flex-start !important; gap: 48px !important; margin: 0 !important}
.witrav-news-featured__grid > * {margin-block-start: 0 !important}
.witrav-news-featured__media > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-featured__image {margin: 0 !important; overflow: hidden; border-radius: 8px; line-height: 0}
.witrav-news-featured__image a {display: block; line-height: 0}
.witrav-news-featured__image img {display: block; width: 100%; height: 360px; object-fit: cover}
.witrav-news-featured__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-featured__body {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%}
.witrav-news-featured__body > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-featured__title {margin: 0 !important; color: #1e293b}
.witrav-news-featured__title a {color: inherit; text-decoration: none}
.witrav-news-featured__title a:hover {color: var(--wp--preset--color--accent-1)}
.witrav-news-featured__excerpt {margin: 0 !important; color: #64748b !important}
.witrav-news-featured__meta {display: flex !important; align-items: center; justify-content: space-between; width: 100%}
.witrav-news-featured__meta > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-featured__actions {margin: 0 !important}
.witrav-news-featured__actions > * {margin: 0 !important}
.witrav-news-grid__query {display: flex; flex-direction: column; gap: 40px; width: 100%}
.witrav-news-grid__grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px !important;
margin: 0 !important
}
.witrav-news-grid__grid > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-grid .wp-block-post-template {list-style: none; padding: 0}
.witrav-news-article-card__excerpt .wp-block-post-excerpt__excerpt {margin: 0; color: inherit}
.witrav-news-article-card .wp-block-post-terms {margin: 0}
.witrav-news-article-card .wp-block-post-terms a {color: var(--wp--preset--color--accent-1); text-decoration: none}
.witrav-news-pagination {margin: 0 !important; gap: 8px !important}
.witrav-news-pagination .wp-block-query-pagination-previous,
.witrav-news-pagination .wp-block-query-pagination-next,
.witrav-news-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 0 12px;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: var(--wp--preset--color--base);
color: #1e293b;
font-size: 14.04px;
font-weight: 700;
line-height: 1;
text-decoration: none
}
.witrav-news-pagination .page-numbers.current {
border-color: var(--wp--preset--color--accent-1);
background: var(--wp--preset--color--accent-1);
color: #fff
}
.witrav-news-pagination .wp-block-query-pagination-previous:hover,
.witrav-news-pagination .wp-block-query-pagination-next:hover,
.witrav-news-pagination a.page-numbers:hover {
border-color: var(--wp--preset--color--accent-1);
color: var(--wp--preset--color--accent-1)
}
.witrav-news-pagination .page-numbers.dots {border: 0; background: transparent; min-width: auto; padding: 0 4px}
.witrav-news-article-card {
display: flex !important;
flex-direction: column;
align-items: stretch;
height: 100%;
overflow: hidden;
gap: 0 !important
}
.witrav-news-article-card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-article-card__image {margin: 0 !important; width: 100%; flex: 0 0 auto; overflow: hidden; line-height: 0}
.witrav-news-article-card__image a {display: block; line-height: 0}
.witrav-news-article-card__image img {display: block; width: 100%; height: 200px; object-fit: cover}
.witrav-news-article-card__body {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; flex: 1 1 auto}
.witrav-news-article-card__body > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-article-card__title {margin: 0 !important; color: #1e293b}
.witrav-news-article-card__title a {color: inherit; text-decoration: none}
.witrav-news-article-card__title a:hover {color: var(--wp--preset--color--accent-1)}
.witrav-news-article-card__excerpt {margin: 0 !important; color: #64748b !important}
.witrav-news-article-card__meta {display: flex !important; align-items: center; justify-content: space-between; width: 100%; margin-top: auto !important}
.witrav-news-article-card__meta > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-date {margin: 0 !important}
.witrav-news-read-more {margin: 0 !important}
.witrav-news-read-more a {
display: inline-flex;
align-items: center;
color: var(--wp--preset--color--accent-1);
text-decoration: none
}
.witrav-news-read-more a:hover {color: var(--wp--preset--color--primary-hover)}
.witrav-newsletter {position: relative}
.witrav-newsletter::before {
content: "";
display: block;
width: 60px;
height: 4px;
margin: 0 auto 8px;
border-radius: 2px;
background: var(--wp--preset--color--accent-1)
}
.witrav-newsletter__copy {display: flex !important; flex-direction: column; align-items: center; width: 100%; text-align: center}
.witrav-newsletter__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-newsletter__heading {margin: 0 !important}
.witrav-newsletter__support {margin: 0 !important}
.witrav-newsletter__form {width: 100%}
.witrav-newsletter__form > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-newsletter .wpcf7 {max-width: 100%}
.witrav-newsletter .wpcf7-form {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
justify-content: center
}
.witrav-newsletter .wpcf7-form p {margin: 0; flex: 1 1 280px}
.witrav-newsletter .wpcf7-form p:has(input[type="submit"]) {flex: 0 0 auto}
.witrav-newsletter .wpcf7 label {display: block; margin: 0; font-size: 0; line-height: 0}
.witrav-newsletter .wpcf7 input[type="email"] {
width: 100%;
box-sizing: border-box;
height: 48px;
margin: 0;
padding: 0 16px;
border: 0;
border-radius: 6px;
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--contrast);
font: inherit;
font-size: 16.2px;
font-weight: 400
}
.witrav-newsletter .wpcf7 input[type="email"]:focus {
outline: 2px solid var(--wp--preset--color--accent-1);
outline-offset: 1px
}
.witrav-newsletter .wpcf7 input[type="submit"] {
appearance: none;
margin: 0;
min-height: 48px;
padding: 14px 28px;
border: 0;
border-radius: 6px;
background: var(--wp--preset--color--accent-1);
color: var(--wp--preset--color--base);
font: inherit;
font-size: 16.2px;
font-weight: 700;
cursor: pointer;
white-space: nowrap
}
.witrav-newsletter .wpcf7 input[type="submit"]:hover {background: var(--wp--preset--color--primary-hover)}
@media (max-width: 1023px) {
.witrav-news-featured__grid {flex-direction: column; gap: 24px !important}
.witrav-news-featured__image img {height: 280px}
.witrav-news-grid__grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important}
}
@media (max-width: 767px) {
.witrav-news-intro::before,
.witrav-news-intro::after {display: none}
.witrav-news-featured__card {padding: 20px !important}
.witrav-news-featured__image img {height: 220px}
.witrav-news-featured__meta {flex-direction: column; align-items: flex-start; gap: 16px}
.witrav-news-grid__grid {grid-template-columns: minmax(0, 1fr) !important}
.witrav-newsletter .wpcf7-form {flex-direction: column; align-items: stretch}
.witrav-newsletter .wpcf7-form p,
.witrav-newsletter .wpcf7-form p:has(input[type="submit"]) {flex: 1 1 auto; width: 100%}
.witrav-newsletter .wpcf7 input[type="submit"] {width: 100%}
}
.wp-block-post-content > .witrav-projects-intro:first-child,
.witrav-projects-archive > .witrav-projects-intro:first-child {margin-top: calc(-1 * var(--witrav-header-height)) !important; margin-block-start: calc(-1 * var(--witrav-header-height)) !important; padding-top: calc(var(--witrav-header-height) + var(--wp--preset--spacing--60)) !important}
.witrav-projects-intro {position: relative; isolation: isolate; overflow: hidden}
.witrav-projects-intro > * {position: relative; z-index: 1; margin-block-start: 0 !important}
.witrav-projects-intro__copy {display: flex !important; flex-direction: column; align-items: center; width: 100%; text-align: center}
.witrav-projects-intro__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-projects-intro__heading {margin: 0 !important; color: #0f172a; max-width: 18em}
.witrav-projects-intro__subtitle {margin: 0 !important; max-width: 720px; color: #475569 !important}
.witrav-projects-grid__query {display: flex; flex-direction: column; gap: 40px; width: 100%}
.witrav-projects-grid__grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px !important;
margin: 0 !important
}
.witrav-projects-grid__grid > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-projects-grid .wp-block-post-template {list-style: none; padding: 0}
.witrav-project-card {
display: flex !important;
flex-direction: column;
align-items: stretch;
height: 100%;
overflow: hidden;
gap: 0 !important
}
.witrav-project-card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-card__image {margin: 0 !important; width: 100%; flex: 0 0 auto; overflow: hidden; line-height: 0}
.witrav-project-card__image a {display: block; line-height: 0}
.witrav-project-card__image img {display: block; width: 100%; height: 380px; object-fit: cover}
.witrav-project-card__body {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; flex: 1 1 auto}
.witrav-project-card__body > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-card__header {display: flex !important; flex-direction: column; align-items: flex-start; width: 100%}
.witrav-project-card__header > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-card__meta-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%
}
.witrav-project-card__headline {
margin: 0;
color: var(--wp--preset--color--accent-1);
font-size: 13px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase
}
.witrav-project-card__period {
margin: 0;
flex: 0 0 auto;
color: #64748b;
font-size: 13px;
font-weight: 400;
line-height: 1.3;
white-space: nowrap
}
.witrav-project-card__title {margin: 0 !important; color: #1e293b}
.witrav-project-card__title a {color: inherit; text-decoration: none}
.witrav-project-card__title a:hover {color: var(--wp--preset--color--accent-1)}
.witrav-project-card__excerpt {margin: 0 !important; color: #64748b !important}
.witrav-project-card__excerpt .wp-block-post-excerpt__excerpt {margin: 0; color: inherit}
.witrav-project-tags {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 8px;
width: 100%;
margin: 0 !important;
margin-top: auto !important;
padding: 0
}
.witrav-project-tags .wp-block-post-terms__separator {display: none}
.witrav-project-tags a {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border: 1px solid #e2e8f0;
border-radius: 4px;
background: var(--wp--preset--color--accent-2);
color: #1e293b;
font-size: 12px;
font-weight: 600;
line-height: 1;
text-decoration: none
}
.witrav-project-tags a:hover {border-color: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--accent-1)}
.witrav-projects-pagination {margin: 0 !important; gap: 8px !important}
.witrav-projects-pagination .wp-block-query-pagination-previous,
.witrav-projects-pagination .wp-block-query-pagination-next,
.witrav-projects-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 0 12px;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: var(--wp--preset--color--base);
color: #1e293b;
font-size: 14.04px;
font-weight: 700;
line-height: 1;
text-decoration: none
}
.witrav-projects-pagination .page-numbers.current {
border-color: var(--wp--preset--color--accent-1);
background: var(--wp--preset--color--accent-1);
color: #fff
}
.witrav-projects-pagination .wp-block-query-pagination-previous:hover,
.witrav-projects-pagination .wp-block-query-pagination-next:hover,
.witrav-projects-pagination a.page-numbers:hover {
border-color: var(--wp--preset--color--accent-1);
color: var(--wp--preset--color--accent-1)
}
.witrav-projects-pagination .page-numbers.dots {border: 0; background: transparent; min-width: auto; padding: 0 4px}
.witrav-projects-stats__row {
display: flex !important;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
gap: 32px !important;
width: 100%
}
.witrav-projects-stats__row > * {margin: 0 !important; margin-block-start: 0 !important; flex: 1 1 200px}
.witrav-projects-stats__stat {display: flex !important; flex-direction: column; align-items: center; text-align: center; width: 100%}
.witrav-projects-stats__stat > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-projects-stats__value {margin: 0 !important}
.witrav-projects-stats__label {margin: 0 !important; opacity: 0.8}
@media (max-width: 1023px) {
.witrav-projects-grid__grid {grid-template-columns: minmax(0, 1fr) !important}
.witrav-project-card__meta-row {flex-direction: column; align-items: flex-start; gap: 8px}
.witrav-project-card__period {white-space: normal}
}
@media (max-width: 767px) {
.witrav-project-card__body {padding: 24px !important}
.witrav-project-card__image img {height: 260px}
.witrav-projects-stats__row > * {flex: 1 1 100%}
}
.witrav-news-article__shell {
width: 100%;
padding-top: 48px !important;
padding-right: 80px !important;
padding-bottom: 80px !important;
padding-left: 80px !important
}
.witrav-news-article__layout {
display: block !important;
width: min(1280px, 100%) !important;
max-width: 1280px !important;
margin-inline: auto !important;
padding: 0 !important
}
.witrav-news-article__layout > * {
margin: 0 !important;
margin-block-start: 0 !important;
margin-block-end: 0 !important;
max-width: none !important
}
.witrav-news-article__main {
display: grid !important;
grid-template-columns: 300px 32px minmax(0, 1fr) !important;
align-items: start !important;
justify-content: stretch !important;
column-gap: 0 !important;
row-gap: 0 !important;
gap: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
flex-wrap: unset !important;
flex-direction: unset !important
}
.witrav-news-article__main.is-layout-flex,
.witrav-news-article__main.wp-block-group-is-layout-flex {
display: grid !important;
flex-wrap: unset !important;
flex-direction: unset !important
}
.witrav-news-article__main > * {
margin: 0 !important;
margin-block-start: 0 !important;
margin-block-end: 0 !important;
min-width: 0;
flex: unset !important;
max-width: none !important;
width: auto
}
.witrav-news-article__header-wrap {
grid-column: 3 !important;
grid-row: 1 !important;
padding: 0 !important
}
.witrav-news-article__main > .witrav-news-article__cover {
grid-column: 3 !important;
grid-row: 2 !important;
margin-top: 24px !important
}
.witrav-news-article__toc {
grid-column: 1 !important;
grid-row: 1 / span 4 !important;
box-sizing: border-box;
width: 300px !important;
max-width: 300px !important;
overflow: visible;
position: sticky;
top: 96px;
align-self: start;
padding: 0 !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 1
}
.witrav-news-article__main > .witrav-news-article__content {
grid-column: 3 !important;
grid-row: 3 !important;
margin-top: 24px !important
}
.witrav-news-article__main > .witrav-news-article__share,
.witrav-news-article__main > .wp-block-shortcode {
grid-column: 3 !important;
grid-row: 4 !important;
margin-top: 24px !important
}
.witrav-news-article__toc:empty,
.witrav-news-article__toc:not(:has(#ez-toc-container)) {
display: none !important
}
.witrav-news-article__main:not(:has(#ez-toc-container)) {
grid-template-columns: minmax(0, 1fr) !important
}
.witrav-news-article__main:not(:has(#ez-toc-container)) .witrav-news-article__header-wrap,
.witrav-news-article__main:not(:has(#ez-toc-container)) .witrav-news-article__cover,
.witrav-news-article__main:not(:has(#ez-toc-container)) .witrav-news-article__content,
.witrav-news-article__main:not(:has(#ez-toc-container)) .witrav-news-article__share,
.witrav-news-article__main:not(:has(#ez-toc-container)) > .wp-block-shortcode {
grid-column: 1 !important
}
.witrav-news-article__toc .wp-block-shortcode {margin: 0 !important}
.witrav-news-article__toc #ez-toc-container,
.witrav-news-article__toc .ez-toc-container,
.witrav-news-article__toc .witrav-ez-toc {
display: flex !important;
flex-direction: column;
gap: 16px;
box-sizing: border-box;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 20px !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
background: #f8fafc !important;
box-shadow: none !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
overflow: hidden;
transition: gap .3s ease
}
.witrav-news-article__toc #ez-toc-container.toc_close,
.witrav-news-article__toc .ez-toc-container.toc_close,
.witrav-news-article__toc .witrav-ez-toc.toc_close {
gap: 0
}
.witrav-news-article__toc .ez-toc-title-container {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important
}
.witrav-news-article__toc .ez-toc-title-toggle {
display: inline-flex !important;
align-items: center;
flex: 0 0 auto;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
line-height: 0;
float: none !important
}
.witrav-news-article__toc .ez-toc-title,
.witrav-news-article__toc .ez-toc-title-container .ez-toc-title,
.witrav-news-article__toc #ez-toc-container .ez-toc-title {
display: block !important;
flex: 1 1 auto;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
color: var(--wp--preset--color--accent-1) !important;
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: 1.5px;
line-height: 1.2 !important;
text-transform: uppercase;
cursor: default !important
}
.witrav-news-article__toc a.ez-toc-toggle,
.witrav-news-article__toc a.ez-toc-btn,
.witrav-news-article__toc a.ez-toc-btn-default,
.witrav-news-article__toc a.ez-toc-btn-xs,
.witrav-news-article__toc a.ez-toc-pull-right {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
float: none !important;
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
width: fit-content !important;
min-width: 0 !important;
height: 30px !important;
margin: 0 !important;
margin-left: 0 !important;
padding: 0 8px !important;
border: 1px solid #e2e8f0 !important;
border-radius: 6px !important;
background: #fff !important;
box-shadow: none !important;
text-shadow: none !important;
color: #94a3b8 !important;
line-height: 0 !important;
text-decoration: none !important;
outline: none !important
}
.witrav-news-article__toc a.ez-toc-toggle:hover,
.witrav-news-article__toc a.ez-toc-toggle:focus,
.witrav-news-article__toc a.ez-toc-btn-default:hover,
.witrav-news-article__toc a.ez-toc-btn-default:focus {
border-color: #cbd5e1 !important;
background: #fff !important;
color: #64748b !important;
box-shadow: none !important;
text-decoration: none !important
}
.witrav-news-article__toc a.ez-toc-toggle:active,
.witrav-news-article__toc a.ez-toc-btn-default:active {
box-shadow: none !important
}
.witrav-news-article__toc #ez-toc-container .ez-toc-js-icon-con,
.witrav-news-article__toc #ez-toc-container .ez-toc-toggle .ez-toc-js-icon-con,
.witrav-news-article__toc .ez-toc-js-icon-con,
.witrav-news-article__toc .ez-toc-icon-toggle,
.witrav-news-article__toc .ez-toc-js-icon-con > span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
float: none !important;
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
width: auto !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-size: inherit !important;
line-height: 0 !important;
cursor: pointer
}
.witrav-news-article__toc #ez-toc-container .ez-toc-icon-toggle-span,
.witrav-news-article__toc .ez-toc-icon-toggle-span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 2px;
float: none !important;
position: static !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
line-height: 0;
direction: ltr
}
.witrav-news-article__toc .eztoc-hide {
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important
}
.witrav-news-article__toc .ez-toc-toggle svg.list-377408 {
display: block !important;
width: 16px !important;
height: 16px !important;
flex: 0 0 auto;
fill: currentColor !important;
color: inherit !important
}
.witrav-news-article__toc .ez-toc-toggle svg.arrow-unsorted-368013 {
display: block !important;
width: 8px !important;
height: 8px !important;
flex: 0 0 auto;
fill: currentColor !important;
color: inherit !important
}
.witrav-news-article__toc .ez-toc-cssicon {
display: none !important
}
.witrav-news-article__toc nav,
.witrav-news-article__toc .ez-toc > nav,
.witrav-news-article__toc #ez-toc-container nav {
display: grid !important;
grid-template-rows: 1fr;
margin: 0 !important;
padding: 0 !important;
transition: grid-template-rows .3s ease
}
.witrav-news-article__toc #ez-toc-container.toc_close nav,
.witrav-news-article__toc .ez-toc-container.toc_close nav,
.witrav-news-article__toc .witrav-ez-toc.toc_close nav {
grid-template-rows: 0fr
}
.witrav-news-article__toc nav > *,
.witrav-news-article__toc #ez-toc-container nav > * {
min-height: 0;
overflow: hidden
}
.witrav-news-article__toc ul.ez-toc-list,
.witrav-news-article__toc .ez-toc-list {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0 !important;
padding: 0 !important;
list-style: none !important
}
.witrav-news-article__toc .ez-toc-list ul {
display: flex;
flex-direction: column;
gap: 8px;
margin: 8px 0 0 !important;
padding: 0 0 0 18px !important;
list-style: none !important
}
.witrav-news-article__toc .ez-toc-list li {
display: block;
margin: 0 !important;
padding: 0 !important;
list-style: none !important
}
.witrav-news-article__toc .ez-toc-list a {
display: flex;
align-items: flex-start;
gap: 8px;
min-width: 0;
color: #0f172a !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
text-decoration: none !important;
overflow-wrap: anywhere;
word-break: break-word
}
.witrav-news-article__toc .ez-toc-list a:hover,
.witrav-news-article__toc .ez-toc-list a:focus,
.witrav-news-article__toc .ez-toc-list a.active,
.witrav-news-article__toc .ez-toc-list li.active > a {
color: var(--wp--preset--color--accent-1) !important
}
.witrav-news-article__toc .ez-toc-counter ul.ez-toc-list li a::before,
.witrav-news-article__toc .ez-toc-list li a::before {
flex: 0 0 auto;
color: var(--wp--preset--color--accent-1) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
float: none !important;
margin: 0 !important;
min-width: 1.1em !important;
width: auto !important
}
.witrav-news-article__main > * {
max-width: none !important
}
.witrav-news-article__main .wp-block-shortcode {margin-left: 0 !important; margin-right: 0 !important}
.witrav-news-article__main .has-global-padding {
padding-left: 0 !important;
padding-right: 0 !important
}
.witrav-news-article__main .has-global-padding > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important
}
.witrav-news-article__header {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%
}
.witrav-news-article__heading {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%
}
.witrav-news-article__topline {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%
}
.witrav-news-article__crumbs,
.witrav-news-article__meta,
.witrav-news-article__share,
.witrav-news-article__header {br {display: none}}
.witrav-news-article__crumbs {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 8px;
width: 100%;
min-width: 0;
margin: 0 !important
}
.witrav-news-article__crumb {
flex: 0 0 auto;
overflow: hidden;
color: #64748b;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap
}
.witrav-news-article__crumb:hover {color: var(--wp--preset--color--accent-1)}
.witrav-news-article__crumb.is-current {
flex: 1 1 auto;
min-width: 0;
max-width: none;
color: var(--wp--preset--color--accent-1)
}
.witrav-news-article__crumb-sep {
display: inline-flex;
align-items: center;
justify-content: center;
width: 12px;
height: 12px;
line-height: 0
}
.witrav-news-article__crumb-sep img {display: block; width: 12px; height: 12px}
.witrav-news-article__terms {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 !important
}
.witrav-news-article__terms .wp-block-post-terms__separator {display: none}
.witrav-news-article__term,
.witrav-news-article__terms a {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: 4px;
background: #eff6ff;
color: var(--wp--preset--color--accent-1);
font-size: 13px;
font-weight: 700;
line-height: 1.2;
text-decoration: none
}
.witrav-news-article__term.is-secondary,
.witrav-news-article__terms a:nth-child(n+2) {
background: #f8fafc;
color: #64748b;
font-weight: 600
}
.witrav-news-article__title {
margin: 0 !important;
color: #0f172a;
font-size: 40px;
font-weight: 800;
line-height: 1.3
}
.witrav-news-article__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px 24px;
width: 100%;
margin: 0 !important;
padding-bottom: 24px;
border-bottom: 1px solid #e2e8f0
}
.witrav-news-article__author {
display: flex;
align-items: center;
gap: 16px;
min-width: 0
}
.witrav-news-article__avatar {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
flex: 0 0 auto
}
.witrav-news-article__author-copy {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0
}
.witrav-news-article__author-name {
display: block;
margin: 0;
color: #0f172a;
font-size: 16px;
font-weight: 700;
line-height: 1.2
}
.witrav-news-article__author-role {
display: block;
margin: 0;
color: #64748b;
font-size: 13px;
font-weight: 500;
line-height: 1.2
}
.witrav-news-article__meta-details {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 24px
}
.witrav-news-article__meta-item {
display: inline-flex;
align-items: center;
gap: 6px;
color: #64748b;
font-size: 14px;
line-height: 1.2
}
.witrav-news-article__meta-item img {display: block; width: 16px; height: 16px; flex: 0 0 auto}
.witrav-news-article__read-time,
.witrav-news-article__read-time .bsf-rt-reading-time {
display: inline-flex;
align-items: center;
gap: 4px;
color: inherit;
font: inherit;
background: transparent !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important
}
.witrav-news-article__read-time .bsf-rt-display-label:empty,
.witrav-news-article__read-time .bsf-rt-display-label[prefix=""] {
display: none
}
.witrav-news-article__read-time .bsf-rt-display-label[prefix=""]::after {
content: none
}
.witrav-news-article__cover {
overflow: hidden;
border-radius: 12px;
line-height: 0
}
.witrav-news-article__cover img {display: block; width: 100%; height: 480px; object-fit: cover}
.witrav-news-article__content {
display: flex;
flex-direction: column;
gap: 24px;
counter-reset: witrav-article-h2
}
.witrav-news-article__content > * {max-width: none; margin: 0 !important}
.witrav-news-article__content p {
color: #64748b;
font-size: 17px;
line-height: 1.7
}
.witrav-news-article__content p strong {color: #0f172a; font-weight: 700}
.witrav-news-article__content h2,
.witrav-news-article__content h3 {
color: #0f172a;
font-size: 24px;
font-weight: 800;
line-height: 1.4
}
.witrav-news-article__content h2 {
counter-increment: witrav-article-h2;
display: flex;
gap: 0.35em;
align-items: baseline
}
.witrav-news-article__content h2::before {
content: counter(witrav-article-h2) ".";
flex: 0 0 auto;
color: inherit;
font: inherit
}
.witrav-news-article__content ul,
.witrav-news-article__content ol {
padding-left: 16px;
color: #64748b;
font-size: 16px;
line-height: 1.6
}
.witrav-news-article__content li + li {margin-top: 12px}
.witrav-news-article__content li strong {color: #0f172a; font-weight: 700}
.witrav-news-article__content blockquote {
margin: 0 !important;
padding: 0 0 0 24px;
border-left: 4px solid var(--wp--preset--color--accent-1);
border-radius: 0;
background: transparent;
color: #0f172a;
font-size: 18px;
font-style: italic;
font-weight: 600;
line-height: 1.6
}
.witrav-news-article__content blockquote p {margin: 0; color: inherit; font: inherit}
.witrav-news-article__content blockquote cite {
display: block;
margin-top: 8px;
color: var(--wp--preset--color--accent-1);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 1.2
}
.witrav-news-article__content .witrav-news-compare {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
width: 100%;
padding: 12px 0
}
.witrav-news-article__content .witrav-news-compare__card {
display: flex;
flex-direction: column;
gap: 12px;
padding: 16px;
border-radius: 8px;
background: #f8fafc
}
.witrav-news-article__content .witrav-news-compare__card img {
display: block;
width: 100%;
height: 160px;
border-radius: 6px;
object-fit: cover
}
.witrav-news-article__content .witrav-news-compare__card h3 {
margin: 0;
font-size: 15px;
font-weight: 700;
line-height: 1.3
}
.witrav-news-article__content .witrav-news-compare__card p {
margin: 0;
font-size: 13px;
line-height: 1.5
}
.witrav-news-article__share {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
width: 100%;
margin: 0 !important;
padding: 24px 0;
border-top: 1px solid #e2e8f0;
border-bottom: 1px solid #e2e8f0
}
.witrav-news-article__share-label {
margin: 0;
color: #0f172a;
font-size: 14px;
font-weight: 700;
line-height: 1.2
}
.witrav-news-article__share-list {display: flex; flex-wrap: wrap; gap: 8px}
.witrav-news-article__share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 6px;
background: #eff6ff;
line-height: 0;
text-decoration: none
}
.witrav-news-article__share-btn img {display: block; width: 16px; height: 16px}
.witrav-news-article__share-btn:hover {background: #dbeafe}
.witrav-news-related__heading {display: flex !important; flex-direction: column; align-items: center; width: 100%; text-align: center}
.witrav-news-related__heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-news-related__title {margin: 0 !important; color: #0f172a}
.witrav-news-related__grid {gap: 32px !important; margin: 0 !important}
.witrav-news-related__grid > * {margin: 0 !important}
@media (max-width: 1023px) {
.witrav-news-article__shell {
padding-right: 40px !important;
padding-left: 40px !important
}
.witrav-news-article__main {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
grid-template-columns: none !important;
width: 100% !important;
margin: 0 !important
}
.witrav-news-article__header-wrap,
.witrav-news-article__main > .witrav-news-article__cover,
.witrav-news-article__toc,
.witrav-news-article__main > .witrav-news-article__content,
.witrav-news-article__main > .witrav-news-article__share,
.witrav-news-article__main > .wp-block-shortcode {
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
margin: 0 !important;
margin-top: 0 !important
}
.witrav-news-article__toc {
position: static;
max-width: none !important;
width: 100% !important;
overflow: visible
}
.witrav-news-article__title {font-size: clamp(28px, 5vw, 40px)}
}
@media (max-width: 767px) {
.witrav-news-article__shell {
padding-top: 32px !important;
padding-right: 20px !important;
padding-bottom: 48px !important;
padding-left: 20px !important
}
.witrav-news-article__cover img {height: 240px}
.witrav-news-article__meta {align-items: flex-start}
.witrav-news-article__content .witrav-news-compare {grid-template-columns: minmax(0, 1fr)}
.witrav-news-related__grid {grid-template-columns: 1fr !important}
}
.witrav-project-single {gap: 0 !important}
.witrav-project-single > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__shell {
width: 100%;
max-width: none !important;
padding-top: 56px !important;
padding-right: 80px !important;
padding-bottom: 0 !important;
padding-left: 80px !important
}
.witrav-project-single__shell > *,
.witrav-project-single__shell > .wp-block-shortcode {
display: block;
width: 100%;
max-width: 1280px;
margin-left: auto !important;
margin-right: auto !important;
margin-block-start: 0 !important
}
.witrav-project-single__intro {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 0 64px
}
.witrav-project-single__crumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0
}
.witrav-project-single__crumb {
color: #64748b;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
margin: 0 !important
}
.witrav-project-single__crumb a {
color: inherit;
text-decoration: none
}
.witrav-project-single__crumb a:hover {color: var(--wp--preset--color--accent-1)}
.witrav-project-single__crumb.is-current {
color: #2563eb;
font-weight: 600
}
.witrav-project-single__crumb-sep {
display: inline-flex !important;
width: 12px !important;
height: 12px !important;
margin: 0 !important;
flex: 0 0 auto;
line-height: 0
}
.witrav-project-single__crumb-sep img {display: block; width: 12px; height: 12px}
.witrav-project-single__header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
width: 100%
}
.witrav-project-single__badge {
display: inline-flex;
align-items: center;
width: fit-content
}
.witrav-project-single__title {
margin: 0;
width: 100%;
max-width: none
}
.witrav-project-single__overview {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
align-items: start;
gap: 40px !important;
width: 100%;
max-width: 1280px;
margin: 0 auto;
box-sizing: border-box
}
.witrav-project-single__overview > * {
margin: 0 !important;
margin-block-start: 0 !important
}
.witrav-project-single__visual-wrap {
min-width: 0;
width: 100%
}
.witrav-project-single__visual {
margin: 0 !important;
width: 100%;
overflow: hidden;
line-height: 0;
border-radius: 12px
}
.witrav-project-single__visual img,
.witrav-project-single__visual-img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 820 / 420;
object-fit: cover;
border-radius: 12px
}
.witrav-project-single__meta-card {
width: 100%;
min-height: 0;
height: auto;
box-sizing: border-box
}
.witrav-project-single__meta-card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__meta-heading {margin: 0}
.witrav-project-single__meta-list {width: 100%}
.witrav-project-single__meta-list > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__meta-row {width: 100%}
.witrav-project-single__meta-row > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__meta-label,
.witrav-project-single__meta-value {margin: 0}
.witrav-project-single__tech-grid {width: 100%}
.witrav-project-single__tech-grid > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__tech {
display: inline-flex;
margin: 0;
width: fit-content;
box-sizing: border-box;
border: 1px solid #e2e8f0;
border-radius: 4px;
background: var(--wp--preset--color--base, #fff);
padding: 6px 12px
}
.witrav-project-single__badge {
display: inline-flex;
width: fit-content;
margin: 0;
border-radius: 4px;
background: #eff6ff;
padding: 4px 10px;
box-sizing: border-box
}
.witrav-project-single__description {
width: 100%;
box-sizing: border-box;
border-top: 1px solid #e2e8f0;
border-bottom: 1px solid #e2e8f0
}
.witrav-project-single__description-inner {
display: grid !important;
grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
align-items: start;
gap: 48px !important;
width: min(1280px, 100%);
margin: 0 auto
}
.witrav-project-single__description-inner > * {
margin: 0 !important;
margin-block-start: 0 !important;
min-width: 0
}
.witrav-project-single__desc-left,
.witrav-project-single__desc-right {width: 100%}
.witrav-project-single__desc-left > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__eyebrow {margin: 0; width: fit-content}
.witrav-project-single__desc-heading,
.witrav-project-single__copy {margin: 0}
.witrav-project-single__goals-card {
width: 100%;
box-sizing: border-box
}
.witrav-project-single__goals-card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__goals-heading {margin: 0}
.witrav-project-single__goals {width: 100%}
.witrav-project-single__goals > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__goal {
width: 100%;
margin: 0
}
.witrav-project-single__goal > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__goal img,
.witrav-project-single__goal-dot {
display: block;
width: 8px;
height: 8px;
margin: 6px 0 0;
flex: 0 0 auto;
line-height: 0
}
.witrav-project-single__goal-dot img {
display: block;
width: 8px;
height: 8px
}
.witrav-project-single__goal p {
margin: 0;
color: inherit;
font: inherit
}
.witrav-project-single__challenges {
display: flex !important;
flex-direction: column;
align-items: center;
gap: 48px !important;
width: 100%;
box-sizing: border-box
}
.witrav-project-single__challenges > * {
width: min(1280px, 100%);
max-width: 100%;
margin-block: 0 !important;
margin-inline: auto !important;
box-sizing: border-box
}
.witrav-project-single__section-heading {
width: min(1280px, 100%);
margin-inline: auto;
text-align: center
}
.witrav-project-single__section-heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__section-title {margin: 0}
.witrav-project-single__challenge-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
gap: 32px !important;
width: min(1280px, 100%);
max-width: 100%;
margin-inline: auto;
box-sizing: border-box
}
.witrav-project-single__challenge-grid > * {
margin: 0 !important;
margin-block-start: 0 !important;
height: 100%;
box-sizing: border-box
}
.witrav-project-single__challenge-card > *,
.witrav-project-single__solution-card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__card-topline > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__card-icon {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 36px !important;
height: 36px !important;
margin: 0 !important;
flex: 0 0 auto;
line-height: 0;
overflow: hidden;
box-sizing: border-box;
border-radius: 6px;
padding: 8px
}
.witrav-project-single__card-icon.is-alert {background: #fee2e2}
.witrav-project-single__card-icon.is-check {background: #dbeafe}
.witrav-project-single__card-icon img {
display: block;
width: 20px !important;
height: 20px !important;
max-width: none
}
.witrav-project-single__card-title,
.witrav-project-single__card-body {margin: 0}
.witrav-project-single__screenshots {
display: flex !important;
flex-direction: column;
align-items: center;
gap: 48px !important;
width: 100%;
box-sizing: border-box
}
.witrav-project-single__screenshots > * {
width: min(1280px, 100%);
max-width: 100%;
margin-block: 0 !important;
margin-inline: auto !important;
box-sizing: border-box
}
.witrav-project-single__mockup-grid {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 24px !important;
width: min(1280px, 100%);
max-width: 100%;
margin-inline: auto
}
.witrav-project-single__mockup-grid > * {
margin: 0 !important;
margin-block-start: 0 !important;
flex: 0 0 360px;
max-width: 100%
}
.witrav-project-single__mockup {
margin: 0 !important;
width: 360px !important;
max-width: 100%;
height: 480px !important;
overflow: hidden;
line-height: 0;
box-sizing: border-box;
border: 1px solid #e2e8f0;
border-radius: 12px
}
.witrav-project-single__mockup img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px
}
.witrav-project-single__results {
width: 100%;
box-sizing: border-box
}
.witrav-project-single__results-row {
width: min(1280px, 100%);
margin: 0 auto
}
.witrav-project-single__results-row > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__stat {
display: flex;
flex-direction: column;
align-items: center;
flex: 1 1 200px;
text-align: center
}
.witrav-project-single__stat > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-single__stat-value,
.witrav-project-single__stat-label {margin: 0}
.witrav-project-single__stat-label {opacity: 0.8}
.witrav-project-related {
display: flex !important;
flex-direction: column;
gap: 48px !important
}
.witrav-project-related > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-related__heading {
display: flex !important;
flex-direction: column;
align-items: center;
gap: 12px !important;
width: 100%;
text-align: center
}
.witrav-project-related__heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-related__title {margin: 0 !important; color: #1e293b}
.witrav-project-related__query {width: 100%; margin: 0 !important}
.witrav-project-related__grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 32px !important;
margin: 0 !important;
list-style: none;
padding: 0
}
.witrav-project-related__grid > * {margin: 0 !important}
.witrav-project-related-card {
display: flex !important;
flex-direction: column;
overflow: hidden;
height: 100%
}
.witrav-project-related-card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-related-card__image {margin: 0 !important; width: 100%; line-height: 0; overflow: hidden}
.witrav-project-related-card__image a {display: block; line-height: 0}
.witrav-project-related-card__image img {
display: block;
width: 100%;
height: 380px;
object-fit: cover
}
.witrav-project-related-card__body {
display: flex !important;
flex-direction: column;
align-items: flex-start;
width: 100%;
flex: 1 1 auto
}
.witrav-project-related-card__body > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-related-card__header {
display: flex !important;
flex-direction: column;
align-items: flex-start;
width: 100%
}
.witrav-project-related-card__header > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-project-related-card__header .witrav-project-card__meta-row {width: 100%}
.witrav-project-related-card__title {margin: 0 !important; color: #1e293b}
.witrav-project-related-card__title a {color: inherit; text-decoration: none}
.witrav-project-related-card__title a:hover {color: var(--wp--preset--color--accent-1)}
.witrav-project-related-card__excerpt {margin: 0 !important; color: #64748b !important; font-size: 15px; line-height: 1.6}
.witrav-project-related-card__excerpt .wp-block-post-excerpt__excerpt {margin: 0; color: inherit; font-size: inherit; line-height: inherit}
.witrav-project-related-card__body > .witrav-project-tags {margin-top: auto !important}
@media (max-width: 1023px) {
.witrav-project-single__shell {
padding-right: 40px !important;
padding-left: 40px !important
}
.witrav-project-single__overview {
grid-template-columns: minmax(0, 1fr);
gap: 24px !important;
padding-bottom: 48px !important
}
.witrav-project-single__meta-card {
min-height: 0;
height: auto
}
.witrav-project-single__visual img,
.witrav-project-single__visual-img {
aspect-ratio: 16 / 10;
min-height: 0;
height: auto
}
.witrav-project-single__description,
.witrav-project-single__challenges,
.witrav-project-single__screenshots,
.witrav-project-single__results,
.witrav-project-related {
padding-right: 40px !important;
padding-left: 40px !important
}
.witrav-project-single__description-inner {
grid-template-columns: minmax(0, 1fr);
gap: 32px !important
}
.witrav-project-single__challenge-grid {grid-template-columns: minmax(0, 1fr)}
.witrav-project-related__grid {grid-template-columns: minmax(0, 1fr) !important}
}
@media (max-width: 767px) {
.witrav-project-single__shell {
padding-top: 32px !important;
padding-right: 20px !important;
padding-left: 20px !important
}
.witrav-project-single__description,
.witrav-project-single__challenges,
.witrav-project-single__screenshots,
.witrav-project-single__results,
.witrav-project-related {
padding-top: 48px !important;
padding-right: 20px !important;
padding-bottom: 48px !important;
padding-left: 20px !important
}
.witrav-project-single__visual,
.witrav-project-single__visual img,
.witrav-project-single__visual-img {
min-height: 220px;
height: 220px
}
.witrav-project-single__meta-card,
.witrav-project-single__goals-card,
.witrav-project-single__challenge-card,
.witrav-project-single__solution-card {padding: 24px}
.witrav-project-single__mockup-grid > * {flex: 0 0 100%}
.witrav-project-single__mockup {
width: 100% !important;
height: auto !important;
aspect-ratio: 360 / 480
}
.witrav-project-single__card-topline {align-items: flex-start}
.witrav-project-related-card__image img {height: 260px}
}.wp-block-button.is-style-cta .wp-block-button__link,
.wp-block-button.is-style-cta-ghost .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-height: 0;
padding: 14px 28px;
border-radius: 6px;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
box-shadow: none;
}
.wp-block-button.is-style-cta .wp-block-button__link::before,
.wp-block-button.is-style-cta .wp-block-button__link::after,
.wp-block-button.is-style-cta-ghost .wp-block-button__link::before,
.wp-block-button.is-style-cta-ghost .wp-block-button__link::after {
content: none;
display: none;
}
.wp-block-button.is-style-cta .wp-block-button__link {
background: var(--wp--preset--color--accent-1);
color: var(--wp--preset--color--base);
border: 0;
}
.wp-block-button.is-style-cta .wp-block-button__link:hover,
.wp-block-button.is-style-cta .wp-block-button__link:focus-visible {
background: var(--wp--preset--color--primary-hover);
color: var(--wp--preset--color--base);
text-decoration: none;
}
.wp-block-button.is-style-cta-ghost .wp-block-button__link {
background: transparent;
color: var(--wp--preset--color--base);
border: 1.5px solid var(--wp--preset--color--base);
}
.wp-block-button.is-style-cta-ghost .wp-block-button__link:hover,
.wp-block-button.is-style-cta-ghost .wp-block-button__link:focus-visible {
background: rgb(255 255 255 / 0.08);
color: var(--wp--preset--color--base);
text-decoration: none;
}
.wp-block-button.witrav-cta--sm.is-style-cta .wp-block-button__link,
.wp-block-button.witrav-cta--sm.is-style-cta-ghost .wp-block-button__link {
padding: 10px 20px;
font-size: 14px;
}
.wp-block-button.witrav-hero__ghost.is-style-cta-ghost .wp-block-button__link {
background: transparent;
color: var(--wp--preset--color--accent-1);
border: 1.5px solid var(--wp--preset--color--accent-1);
}
.wp-block-button.witrav-hero__ghost.is-style-cta-ghost .wp-block-button__link:hover,
.wp-block-button.witrav-hero__ghost.is-style-cta-ghost .wp-block-button__link:focus-visible {
background: var(--wp--preset--color--wash-100, #eff6ff);
color: var(--wp--preset--color--accent-1);
text-decoration: none;
}
@media (max-width: 768px) {
.wp-block-button.is-style-cta .wp-block-button__link,
.wp-block-button.is-style-cta-ghost .wp-block-button__link {
font-size: 15.12px;
}
}.wp-block-button.is-style-pill .wp-block-button__link,
.wp-block-button.is-style-pill-ghost .wp-block-button__link {
--witrav-pill-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
position: relative
display: inline-flex
align-items: center
justify-content: center
box-sizing: border-box
gap: 10px
min-height: 52px
padding: 0 24px
font-size: 16.2px
font-weight: 700
line-height: 1.2
border-radius: 8px
text-decoration: none
box-shadow: none
}
.wp-block-button.is-style-pill .wp-block-button__link {
background: var(--wp--preset--color--accent-1)
color: var(--wp--preset--color--base)
border: 0
}
.wp-block-button.is-style-pill .wp-block-button__link::before {
content: none
}
.wp-block-button.is-style-pill .wp-block-button__link::after {
content: ""
flex-shrink: 0
width: 18px
height: 18px
background-color: currentColor
-webkit-mask: var(--witrav-pill-arrow) center / 18px no-repeat
mask: var(--witrav-pill-arrow) center / 18px no-repeat
}
.wp-block-button.is-style-pill .wp-block-button__link:hover,
.wp-block-button.is-style-pill .wp-block-button__link:focus-visible {
background: var(--wp--preset--color--primary-hover)
color: var(--wp--preset--color--base)
text-decoration: none
}
.wp-block-button.is-style-pill-ghost .wp-block-button__link {
background: var(--wp--preset--color--base)
color: var(--wp--preset--color--contrast)
border: 0
}
.wp-block-button.is-style-pill-ghost .wp-block-button__link::before {
content: none
}
.wp-block-button.is-style-pill-ghost .wp-block-button__link::after {
content: ""
flex-shrink: 0
width: 18px
height: 18px
background-color: var(--wp--preset--color--accent-1)
-webkit-mask: var(--witrav-pill-arrow) center / 18px no-repeat
mask: var(--witrav-pill-arrow) center / 18px no-repeat
}
.wp-block-button.is-style-pill-ghost .wp-block-button__link:hover,
.wp-block-button.is-style-pill-ghost .wp-block-button__link:focus-visible {
background: var(--wp--preset--color--wash-100)
color: var(--wp--preset--color--contrast)
text-decoration: none
}
.wp-block-button.witrav-pill--sm.is-style-pill .wp-block-button__link,
.wp-block-button.witrav-pill--sm.is-style-pill-ghost .wp-block-button__link {
min-height: 44px
padding: 0 18px
font-size: 15.12px
}
@media (max-width: 768px) {
.wp-block-button.is-style-pill:not(.witrav-pill--sm) .wp-block-button__link,
.wp-block-button.is-style-pill-ghost:not(.witrav-pill--sm) .wp-block-button__link {
font-size: 15.12px
}
}.witrav-card-grid.is-style-mosaic,
.is-style-mosaic .witrav-card-grid {display: grid !important; grid-template-columns: repeat(calc(var(--witrav-cols, 5) * 4), minmax(0, 1fr)) !important; grid-auto-rows: 200px; column-count: auto !important}
.witrav-card-grid.is-style-mosaic > *,
.is-style-mosaic .witrav-card-grid > * {grid-column: span 4; width: 100%; min-height: 200px !important; margin-bottom: 0; break-inside: auto}
.witrav-card-grid.is-style-mosaic > * .witrav-card,
.witrav-card-grid.is-style-mosaic > *.witrav-card,
.is-style-mosaic .witrav-card-grid > * .witrav-card {min-height: 200px !important; height: 100%}
.witrav-card-grid.is-style-mosaic.witrav-cols-2 > *:nth-child(odd),
.is-style-mosaic .witrav-card-grid.witrav-cols-2 > *:nth-child(odd),
.is-style-mosaic.witrav-cols-2 .witrav-card-grid > *:nth-child(odd) {grid-column: span 5}
.witrav-card-grid.is-style-mosaic.witrav-cols-2 > *:nth-child(even),
.is-style-mosaic .witrav-card-grid.witrav-cols-2 > *:nth-child(even),
.is-style-mosaic.witrav-cols-2 .witrav-card-grid > *:nth-child(even) {grid-column: span 3}
.witrav-card-grid.is-style-mosaic.witrav-cols-2 > *:nth-child(-n+2),
.is-style-mosaic .witrav-card-grid.witrav-cols-2 > *:nth-child(-n+2),
.is-style-mosaic.witrav-cols-2 .witrav-card-grid > *:nth-child(-n+2) {grid-column: span 4}
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(4),
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(7),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(4),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(7),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(4),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(7) {grid-column: span 5}
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(5),
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(8),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(5),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(8),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(5),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(8) {grid-column: span 3}
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(6),
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(9),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(6),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(9),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(6),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(9) {grid-column: span 4}
.witrav-card-grid.is-style-mosaic.witrav-cols-3 > *:nth-child(10),
.is-style-mosaic .witrav-card-grid.witrav-cols-3 > *:nth-child(10),
.is-style-mosaic.witrav-cols-3 .witrav-card-grid > *:nth-child(10) {grid-column: span 12}
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(5),
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(7),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(5),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(7),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(5),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(7) {grid-column: span 5}
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(6),
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(8),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(6),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(8),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(6),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(8) {grid-column: span 3}
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(9),
.witrav-card-grid.is-style-mosaic.witrav-cols-4 > *:nth-child(10),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(9),
.is-style-mosaic .witrav-card-grid.witrav-cols-4 > *:nth-child(10),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(9),
.is-style-mosaic.witrav-cols-4 .witrav-card-grid > *:nth-child(10) {grid-column: span 8}
.witrav-card-grid.is-style-mosaic.witrav-cols-5 > *:nth-child(6),
.witrav-card-grid.is-style-mosaic.witrav-cols-5 > *:nth-child(9),
.is-style-mosaic .witrav-card-grid.witrav-cols-5 > *:nth-child(6),
.is-style-mosaic .witrav-card-grid.witrav-cols-5 > *:nth-child(9),
.is-style-mosaic.witrav-cols-5 .witrav-card-grid > *:nth-child(6),
.is-style-mosaic.witrav-cols-5 .witrav-card-grid > *:nth-child(9) {grid-column: span 5}
.witrav-card-grid.is-style-mosaic.witrav-cols-5 > *:nth-child(7),
.witrav-card-grid.is-style-mosaic.witrav-cols-5 > *:nth-child(8),
.is-style-mosaic .witrav-card-grid.witrav-cols-5 > *:nth-child(7),
.is-style-mosaic .witrav-card-grid.witrav-cols-5 > *:nth-child(8),
.is-style-mosaic.witrav-cols-5 .witrav-card-grid > *:nth-child(7),
.is-style-mosaic.witrav-cols-5 .witrav-card-grid > *:nth-child(8) {grid-column: span 3}
.witrav-card-grid.is-style-mosaic.witrav-cols-5 > *:nth-child(10),
.is-style-mosaic .witrav-card-grid.witrav-cols-5 > *:nth-child(10),
.is-style-mosaic.witrav-cols-5 .witrav-card-grid > *:nth-child(10) {grid-column: span 4}
.witrav-card-grid.is-style-mosaic.witrav-cols-6 > *:nth-child(7),
.witrav-card-grid.is-style-mosaic.witrav-cols-6 > *:nth-child(9),
.is-style-mosaic .witrav-card-grid.witrav-cols-6 > *:nth-child(7),
.is-style-mosaic .witrav-card-grid.witrav-cols-6 > *:nth-child(9),
.is-style-mosaic.witrav-cols-6 .witrav-card-grid > *:nth-child(7),
.is-style-mosaic.witrav-cols-6 .witrav-card-grid > *:nth-child(9) {grid-column: span 7}
.witrav-card-grid.is-style-mosaic.witrav-cols-6 > *:nth-child(8),
.witrav-card-grid.is-style-mosaic.witrav-cols-6 > *:nth-child(10),
.is-style-mosaic .witrav-card-grid.witrav-cols-6 > *:nth-child(8),
.is-style-mosaic .witrav-card-grid.witrav-cols-6 > *:nth-child(10),
.is-style-mosaic.witrav-cols-6 .witrav-card-grid > *:nth-child(8),
.is-style-mosaic.witrav-cols-6 .witrav-card-grid > *:nth-child(10) {grid-column: span 5}
@media (max-width: 1024px) {
.witrav-card-grid.is-style-mosaic,
.is-style-mosaic .witrav-card-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 200px}
.witrav-card-grid.is-style-mosaic > *,
.is-style-mosaic .witrav-card-grid > * {grid-column: span 1 !important}
}
@media (max-width: 600px) {
.witrav-card-grid.is-style-mosaic,
.is-style-mosaic .witrav-card-grid {grid-template-columns: 1fr !important}
}.witrav-feature-carousel {--witrav-feature-carousel-gap: 24px; --witrav-feature-carousel-card: 360px; --witrav-feature-carousel-media-h: 180px; --witrav-feature-carousel-gutter: var(--wp--preset--spacing--40); --witrav-feature-carousel-inset: max(var(--witrav-feature-carousel-gutter), calc((100% - 1200px) / 2)); overflow-x: hidden; overflow-y: visible; padding-left: 0 !important; padding-right: 0 !important}
.witrav-feature-carousel > * {margin-block-start: 0 !important}
.witrav-feature-carousel__intro {display: flex !important; flex-direction: column; align-items: center; width: min(1200px, calc(100% - 80px)); margin: 0 auto 40px !important; padding: 0; text-align: center}
.witrav-feature-carousel__intro > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__heading {max-width: 18em; margin: 0 auto !important; padding: 0; color: var(--wp--preset--color--contrast); font-weight: 800; line-height: 1.2}
.witrav-feature-carousel__mark {padding: 0 0.2em; background: var(--wp--preset--color--wash-100); color: inherit; border-radius: 4px; -webkit-box-decoration-break: clone; box-decoration-break: clone}
.witrav-feature-carousel__subhead {max-width: 42em; margin: 0 auto !important; padding: 0}
.witrav-feature-carousel__viewport {width: 100% !important; max-width: none !important; margin: 0 0 32px !important; overflow: visible}
.witrav-feature-carousel__viewport > * {margin-block-start: 0 !important}
.witrav-feature-carousel__track {display: flex; flex-wrap: nowrap; align-items: stretch; gap: var(--witrav-feature-carousel-gap) !important; width: 100%; max-width: none; margin: 0 !important; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-top: 0; padding-bottom: 0; padding-left: var(--witrav-feature-carousel-inset); padding-right: var(--witrav-feature-carousel-inset); scrollbar-width: none; -ms-overflow-style: none; cursor: grab; touch-action: pan-x}
.witrav-feature-carousel__track.is-dragging {cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none}
.witrav-feature-carousel__track.is-dragging a {pointer-events: none}
.witrav-feature-carousel__track::-webkit-scrollbar {display: none}
.witrav-feature-carousel__track > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__card {display: flex; flex-direction: column; flex: 0 0 var(--witrav-feature-carousel-card); flex-shrink: 0; gap: 0 !important; width: var(--witrav-feature-carousel-card); min-width: 0; max-width: none; overflow: hidden; scroll-snap-align: start; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--gray-200); border-radius: 6px !important; box-shadow: none}
.witrav-feature-carousel__card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__media {margin: 0 !important; width: 100%; height: var(--witrav-feature-carousel-media-h); overflow: hidden; line-height: 0; border-radius: 0}
.witrav-feature-carousel__media img {display: block; width: 100% !important; height: var(--witrav-feature-carousel-media-h) !important; max-width: none; object-fit: cover; -webkit-user-drag: none; user-select: none; pointer-events: none}
.witrav-feature-carousel__body {display: flex; flex-direction: column; flex: 1 1 auto; gap: 8px !important; padding: 20px}
.witrav-feature-carousel__body > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__title-row {display: flex; flex-wrap: wrap; align-items: center; gap: 8px !important}
.witrav-feature-carousel__title-row > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__title {margin: 0 !important; font-size: 21.6px; font-weight: 800; line-height: 1.3; color: var(--wp--preset--color--contrast)}
.witrav-feature-carousel__badge {display: inline-flex; align-items: center; margin: 0 !important; padding: 2px 8px; border-radius: 4px; background: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--accent-1); font-size: 12.96px; font-weight: 700; line-height: 1.3}
.witrav-feature-carousel__excerpt {margin: 0 !important; font-size: 15.12px; line-height: 1.4; color: var(--wp--preset--color--accent-4)}
.witrav-feature-carousel__more {margin: 0 !important; font-size: 15.12px; font-weight: 600; line-height: 1.3}
.witrav-feature-carousel__more a {color: var(--wp--preset--color--accent-1); text-decoration: none}
.witrav-feature-carousel__more a:hover,
.witrav-feature-carousel__more a:focus-visible {text-decoration: underline}
.witrav-feature-carousel__nav {display: flex; justify-content: flex-end; gap: 8px !important; width: 100%; max-width: none; margin: 0 0 40px !important; padding-left: var(--witrav-feature-carousel-inset); padding-right: var(--witrav-feature-carousel-inset)}
.witrav-feature-carousel__nav:last-child {margin-bottom: 0 !important}
.witrav-feature-carousel__nav > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__nav .wp-block-button {margin: 0 !important}
.witrav-feature-carousel__nav .wp-block-button__link {display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; overflow: hidden; font-size: 0; line-height: 0; color: transparent; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--gray-200); border-radius: 6px; box-shadow: none; text-decoration: none; cursor: pointer}
.witrav-feature-carousel__nav .wp-block-button__link::before,
.witrav-feature-carousel__nav .wp-block-button__link::after {display: none}
.witrav-feature-carousel__nav .wp-block-button__link:hover,
.witrav-feature-carousel__nav .wp-block-button__link:focus-visible {color: transparent; text-decoration: none; border-color: var(--wp--preset--color--accent-1)}
.witrav-feature-carousel__prev .wp-block-button__link,
.witrav-feature-carousel__next .wp-block-button__link {position: relative}
.witrav-feature-carousel__prev .wp-block-button__link::after,
.witrav-feature-carousel__next .wp-block-button__link::after {display: block; content: ""; width: 20px; height: 20px; background-color: var(--wp--preset--color--contrast); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18l-6-6 6-6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18l-6-6 6-6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}
.witrav-feature-carousel__next .wp-block-button__link::after {-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}
.witrav-feature-carousel__actions {display: flex; justify-content: center; width: 100%; margin: 0 !important; padding-left: var(--witrav-feature-carousel-inset); padding-right: var(--witrav-feature-carousel-inset)}
.witrav-feature-carousel__actions > * {margin: 0 !important}
@media (max-width: 768px) {
.witrav-feature-carousel {--witrav-feature-carousel-card: min(360px, calc(100% - 48px)); --witrav-feature-carousel-media-h: 180px}
.witrav-feature-carousel__intro {width: calc(100% - 32px); margin-bottom: 32px !important}
}
@media (prefers-reduced-motion: reduce) {
.witrav-feature-carousel__track {scroll-behavior: auto}
}.witrav-feature-tabs {--witrav-feature-tabs-tab-max: 1280px; --witrav-feature-tabs-chevron-down: url(//www.bukdi.com/wp-content/themes/witrav/assets/images/icons/chevron-down.svg); --witrav-feature-tabs-chevron-up: url(//www.bukdi.com/wp-content/themes/witrav/assets/images/icons/chevron-up.svg); --witrav-feature-tabs-more-arrow: url(//www.bukdi.com/wp-content/themes/witrav/assets/images/icons/arrow-right-accent.svg)}
.witrav-feature-tabs__heading {display: flex !important; flex-direction: column; align-items: center; width: 100%; text-align: center}
.witrav-feature-tabs__heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-tabs__title {margin: 0 !important; max-width: 22em}
.witrav-feature-tabs__subhead {max-width: 42em; margin: 0 !important}
.witrav-feature-tabs__nav {justify-content: center; flex-wrap: wrap; margin-block-end: 0}
.witrav-feature-tabs__nav .wp-block-button {margin: 0 !important}
.witrav-feature-tabs__nav .wp-block-button__link {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: 6px; text-decoration: none; cursor: pointer; background: transparent; color: var(--wp--preset--color--accent-4); border: 1.5px solid #cbd5e1; box-shadow: none}
.witrav-feature-tabs__nav .wp-block-button.has-icon .wp-block-button__link::before {content: ""; display: block; width: 18px; height: 18px; flex-shrink: 0; background-color: currentColor; -webkit-mask: var(--witrav-tab-icon) center / contain no-repeat; mask: var(--witrav-tab-icon) center / contain no-repeat}
.witrav-feature-tabs__nav .wp-block-button.has-icon-monitor {--witrav-tab-icon: url(//www.bukdi.com/wp-content/themes/witrav/assets/images/icons/monitor.svg)}
.witrav-feature-tabs__nav .wp-block-button.has-icon-smartphone-tab {--witrav-tab-icon: url(//www.bukdi.com/wp-content/themes/witrav/assets/images/icons/smartphone-tab.svg)}
.witrav-feature-tabs__nav .wp-block-button__link:hover,
.witrav-feature-tabs__nav .wp-block-button__link:focus-visible {color: var(--wp--preset--color--accent-4); text-decoration: none}
.witrav-feature-tabs__nav .wp-block-button.is-active .wp-block-button__link,
.witrav-feature-tabs__nav .wp-block-button.is-active .wp-block-button__link:hover,
.witrav-feature-tabs__nav .wp-block-button.is-active .wp-block-button__link:focus-visible {background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--accent-1)}
.witrav-feature-tabs__panels {max-width: var(--witrav-feature-tabs-tab-max); width: 100%; margin-left: auto; margin-right: auto}
.witrav-feature-tabs__panels > * {margin-block-start: 0 !important}
.witrav-feature-tabs__panel:not(.is-active) {display: none}
.witrav-feature-tabs__stage {display: grid; grid-template-columns: minmax(0, 560px) minmax(0, 1fr); column-gap: 32px; row-gap: 12px; align-items: start; width: 100%; max-width: var(--witrav-feature-tabs-tab-max); margin-left: auto; margin-right: auto}
.witrav-feature-tabs__stage > *,
.witrav-feature-tabs__item > *,
.witrav-feature-tabs__item.is-layout-flow > * + *,
.witrav-feature-tabs__item.is-layout-constrained > * + *,
.witrav-feature-tabs__media,
.witrav-feature-tabs__tab {margin: 0 !important; margin-block: 0 !important; margin-block-start: 0 !important}
.witrav-feature-tabs__item {display: contents}
.witrav-feature-tabs__media {grid-column: 1; grid-row: 1; position: relative; align-self: start; width: 100%; height: 0; min-width: 0; min-height: 0; overflow: visible}
.witrav-feature-tabs__item:not(.is-active) .witrav-feature-tabs__media {display: none}
.witrav-feature-tabs__media > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-tabs__media-image {position: absolute; top: 0; left: 0; width: 100%; height: var(--witrav-feature-tabs-media-h, 0px); margin: 0 !important; overflow: hidden; border-radius: 6px; box-shadow: none}
.witrav-feature-tabs__media-image img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 6px}
.witrav-feature-tabs__tab {display: grid; grid-column: 2; grid-template-columns: 40px minmax(0, 1fr) 28px; column-gap: 16px; row-gap: 16px; align-items: center; align-self: start; width: 100%; padding: 20px 24px; cursor: pointer; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--gray-200); border-radius: 6px !important; box-shadow: none !important; transition: background 0.2s ease, border-color 0.2s ease}
.witrav-feature-tabs__tab > * {margin-block-start: 0 !important}
.witrav-feature-tabs__tab::after {content: ""; grid-column: 3; grid-row: 1; width: 28px; height: 28px; border-radius: 6px; background-color: var(--wp--preset--color--gray-100); background-image: var(--witrav-feature-tabs-chevron-down); background-repeat: no-repeat; background-position: center; background-size: 14px}
.witrav-feature-tabs__item.is-active .witrav-feature-tabs__tab {align-items: start; padding: 24px; border-width: 1.5px; border-color: var(--wp--preset--color--accent-1); box-shadow: none !important}
.witrav-feature-tabs__item.is-active .witrav-feature-tabs__tab::after {background-color: var(--wp--preset--color--wash-100); background-image: var(--witrav-feature-tabs-chevron-up)}
.witrav-feature-tabs__icon {grid-column: 1; grid-row: 1; display: flex; align-items: center; justify-content: center; align-self: center; width: 40px; height: 40px; margin: 0 !important; padding: 0; border-radius: 6px; background: var(--wp--preset--color--accent-2); line-height: 0}
.witrav-feature-tabs__icon > * {margin: 0 !important}
.witrav-feature-tabs__item.is-active .witrav-feature-tabs__icon {background: var(--wp--preset--color--wash-100)}
.witrav-feature-tabs__glyph {width: 20px; height: 20px; line-height: 0}
.witrav-feature-tabs__glyph img {display: block; width: 20px; height: 20px; object-fit: contain}
.witrav-feature-tabs__tab-title {grid-column: 2; grid-row: 1; display: flex; align-items: center; min-height: 40px; margin: 0 !important; padding: 0}
.witrav-feature-tabs__tab-body {grid-column: 2; grid-row: 2; margin: 0 !important}
.witrav-feature-tabs__item:not(.is-active) .witrav-feature-tabs__tab-body {display: none}
.witrav-feature-tabs__more {grid-column: 2; grid-row: 3; margin: 0 !important}
.witrav-feature-tabs__more a {display: inline-flex; align-items: center; gap: 6px; color: var(--wp--preset--color--accent-1); text-decoration: none}
.witrav-feature-tabs__more a::after {content: ""; display: block; width: 14px; height: 14px; background-color: currentColor; -webkit-mask: var(--witrav-feature-tabs-more-arrow) center / contain no-repeat; mask: var(--witrav-feature-tabs-more-arrow) center / contain no-repeat}
.witrav-feature-tabs__item:not(.is-active) .witrav-feature-tabs__more {display: none}
.witrav-feature-tabs__tab:focus-visible {outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 2px}
.witrav-feature-tabs.witrav-tab-max-640 {--witrav-feature-tabs-tab-max: 640px}
.witrav-feature-tabs.witrav-tab-max-660 {--witrav-feature-tabs-tab-max: 660px}
.witrav-feature-tabs.witrav-tab-max-680 {--witrav-feature-tabs-tab-max: 680px}
.witrav-feature-tabs.witrav-tab-max-700 {--witrav-feature-tabs-tab-max: 700px}
.witrav-feature-tabs.witrav-tab-max-720 {--witrav-feature-tabs-tab-max: 720px}
.witrav-feature-tabs.witrav-tab-max-740 {--witrav-feature-tabs-tab-max: 740px}
.witrav-feature-tabs.witrav-tab-max-760 {--witrav-feature-tabs-tab-max: 760px}
.witrav-feature-tabs.witrav-tab-max-780 {--witrav-feature-tabs-tab-max: 780px}
.witrav-feature-tabs.witrav-tab-max-800 {--witrav-feature-tabs-tab-max: 800px}
.witrav-feature-tabs.witrav-tab-max-820 {--witrav-feature-tabs-tab-max: 820px}
.witrav-feature-tabs.witrav-tab-max-840 {--witrav-feature-tabs-tab-max: 840px}
.witrav-feature-tabs.witrav-tab-max-860 {--witrav-feature-tabs-tab-max: 860px}
.witrav-feature-tabs.witrav-tab-max-880 {--witrav-feature-tabs-tab-max: 880px}
.witrav-feature-tabs.witrav-tab-max-900 {--witrav-feature-tabs-tab-max: 900px}
.witrav-feature-tabs.witrav-tab-max-920 {--witrav-feature-tabs-tab-max: 920px}
.witrav-feature-tabs.witrav-tab-max-940 {--witrav-feature-tabs-tab-max: 940px}
.witrav-feature-tabs.witrav-tab-max-960 {--witrav-feature-tabs-tab-max: 960px}
.witrav-feature-tabs.witrav-tab-max-980 {--witrav-feature-tabs-tab-max: 980px}
.witrav-feature-tabs.witrav-tab-max-1000 {--witrav-feature-tabs-tab-max: 1000px}
.witrav-feature-tabs.witrav-tab-max-1020 {--witrav-feature-tabs-tab-max: 1020px}
.witrav-feature-tabs.witrav-tab-max-1040 {--witrav-feature-tabs-tab-max: 1040px}
.witrav-feature-tabs.witrav-tab-max-1060 {--witrav-feature-tabs-tab-max: 1060px}
.witrav-feature-tabs.witrav-tab-max-1080 {--witrav-feature-tabs-tab-max: 1080px}
.witrav-feature-tabs.witrav-tab-max-1100 {--witrav-feature-tabs-tab-max: 1100px}
.witrav-feature-tabs.witrav-tab-max-1120 {--witrav-feature-tabs-tab-max: 1120px}
.witrav-feature-tabs.witrav-tab-max-1140 {--witrav-feature-tabs-tab-max: 1140px}
.witrav-feature-tabs.witrav-tab-max-1160 {--witrav-feature-tabs-tab-max: 1160px}
.witrav-feature-tabs.witrav-tab-max-1180 {--witrav-feature-tabs-tab-max: 1180px}
.witrav-feature-tabs.witrav-tab-max-1200 {--witrav-feature-tabs-tab-max: 1200px}
.witrav-feature-tabs.witrav-tab-max-1220 {--witrav-feature-tabs-tab-max: 1220px}
.witrav-feature-tabs.witrav-tab-max-1240 {--witrav-feature-tabs-tab-max: 1240px}
.witrav-feature-tabs.witrav-tab-max-1260 {--witrav-feature-tabs-tab-max: 1260px}
.witrav-feature-tabs__dots {display: none; justify-content: center; align-items: center; gap: 8px; margin: 24px 0 0 !important; margin-block-start: 24px !important}
@media (max-width: 1024px) {
.witrav-feature-tabs__stage {display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; overflow: visible; gap: 12px !important; column-gap: 12px; row-gap: 12px; padding-inline: 0}
.witrav-feature-tabs__stage > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-tabs__item {display: flex; flex-direction: column; flex: none; gap: 12px !important; width: 100%; max-width: none; min-width: 0; padding: 0; overflow: visible; background: transparent; border-radius: 0; box-shadow: none}
.witrav-feature-tabs__item > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-tabs__item .witrav-feature-tabs__media {display: none; grid-column: auto; grid-row: auto; height: auto; min-height: 0; overflow: hidden; border-radius: 6px}
.witrav-feature-tabs__item.is-active .witrav-feature-tabs__media {display: block; order: -1}
.witrav-feature-tabs__media-image {position: relative; top: auto; left: auto; height: 240px; box-shadow: none; border-radius: 6px}
.witrav-feature-tabs__tab {display: grid; grid-column: auto; grid-row: auto; grid-template-columns: 40px minmax(0, 1fr) 28px; align-self: stretch; width: 100%; cursor: pointer}
.witrav-feature-tabs__item .witrav-feature-tabs__tab-body {grid-column: 2; grid-row: 2}
.witrav-feature-tabs__dots {display: none}
}
@media (prefers-reduced-motion: reduce) {
.witrav-feature-tabs__tab {transition: none}
.witrav-feature-tabs__stage {scroll-behavior: auto}
}.witrav-process-steps__heading {width: 100%}
.witrav-process-steps__heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-process-steps__heading.is-centered {justify-content: center}
.witrav-process-steps__copy {display: flex !important; flex-direction: column; max-width: 720px}
.witrav-process-steps__heading.is-centered .witrav-process-steps__copy {align-items: center !important; max-width: none; text-align: center}
.witrav-process-steps__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-process-steps__title {margin: 0 !important}
.witrav-process-steps__cta {margin: 0 !important}
.witrav-process-steps__grid > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-process-step {display: flex; flex-direction: column; min-height: 0; height: 100%}
.witrav-process-step > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-process-step__head {width: 100%; margin: 0 !important}
.witrav-process-step__head > * {margin: 0 !important}
.witrav-process-step__arrow {width: 16px; height: 16px; line-height: 0}
.witrav-process-step__arrow img {display: block; width: 16px; height: 16px}
.witrav-process-step__title {margin: 0 !important}
.witrav-process-step__body {margin: 0 !important}.witrav-showcase {background-color: #051435}
.witrav-showcase__heading {color: #fff; max-width: 18em; margin-left: auto; margin-right: auto}
.witrav-card-grid {gap: var(--wp--style--block-gap, 16px)}
.witrav-card.wp-block-cover.is-position-bottom-center {padding: 0; overflow: hidden; border-radius: 16px; min-height: 200px; flex-direction: column; align-items: stretch; justify-content: flex-end}
.witrav-card .wp-block-cover__inner-container {width: 100%; margin: 0; padding: 0}
.witrav-card__label {width: 100%; margin: 0; padding: 10px 8px; background: rgba(255, 255, 255, 0.55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-weight: 600; font-size: 15.12px; color: #111827}
@media (max-width: 1024px) {
.witrav-card-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important}
}
@media (max-width: 600px) {
.witrav-card-grid {grid-template-columns: 1fr !important}
}.witrav-stats-marquee {--witrav-stats-marquee-gap: 12px; --witrav-stats-marquee-card-h: 148px; --witrav-stats-marquee-logo-h: 140px; padding-top: var(--wp--preset--spacing--50) !important; padding-bottom: var(--wp--preset--spacing--50) !important}
.witrav-stats-marquee > * {margin-block-start: 0 !important}
.witrav-stats-marquee__layout {display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.95fr); gap: 40px !important; align-items: stretch; width: 100%}
.witrav-stats-marquee__layout > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-stats-marquee__copy {display: flex; flex-direction: column; justify-content: center; gap: 20px !important; min-width: 0; height: auto}
.witrav-stats-marquee__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-stats-marquee__heading {max-width: 16em; margin: 0 !important; color: var(--wp--preset--color--contrast); font-size: clamp(23.76px, 2.7vw, 30.24px); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em}
.witrav-stats-marquee__stats {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 32px !important}
.witrav-stats-marquee__stats > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-stats-marquee__stat {display: flex; flex-direction: column; gap: 0 !important}
.witrav-stats-marquee__stat > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-stats-marquee__stat-value {margin: 0 !important; font-size: clamp(25.92px, 3.24vw, 34.56px); font-weight: 700; line-height: 1.15; letter-spacing: -0.03em; color: var(--wp--preset--color--accent-1)}
.witrav-stats-marquee__stat-label {margin: 0 !important; font-size: 15.12px; line-height: 1.35; color: var(--wp--preset--color--accent-4)}
.witrav-stats-marquee__marquees {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--witrav-stats-marquee-gap) !important; align-items: start; overflow: hidden; min-width: 0; height: 0; min-height: 100%; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%)}
.witrav-stats-marquee__marquees > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-stats-marquee__col {display: flex; flex-direction: column; flex-wrap: nowrap; gap: var(--witrav-stats-marquee-gap) !important; width: 100%; height: max-content; margin: 0 !important; animation: witrav-stats-marquee 28s linear infinite}
.witrav-stats-marquee__col > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-stats-marquee__col--down {animation-direction: reverse; animation-duration: 32s; animation-delay: -16s}
.witrav-stats-marquee__marquees:hover .witrav-stats-marquee__col {animation-play-state: paused}
.witrav-stats-marquee__card {display: flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 0 !important; width: 100%; min-height: var(--witrav-stats-marquee-card-h); padding: 4px 8px; overflow: hidden; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--gray-200); border-radius: 12px !important; box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 4px 12px rgba(17, 24, 39, 0.04)}
.witrav-stats-marquee__card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-stats-marquee__logo {display: flex; align-items: center; justify-content: center; margin: 0 !important; width: 100%; line-height: 0}
.witrav-stats-marquee__logo img {display: block; width: 100% !important; max-width: 100%; height: var(--witrav-stats-marquee-logo-h) !important; margin-left: auto; margin-right: auto; object-fit: contain; object-position: center}
@keyframes witrav-stats-marquee {
from {transform: translateY(0)}
to {transform: translateY(-50%)}
}
@media (max-width: 1024px) {
.witrav-stats-marquee__layout {grid-template-columns: minmax(0, 1fr); gap: 32px !important}
.witrav-stats-marquee__heading {max-width: none}
.witrav-stats-marquee__marquees {height: 320px; min-height: 320px}
}
@media (prefers-reduced-motion: reduce) {
.witrav-stats-marquee__col {animation: none}
}.witrav-tile-industries {--witrav-tile-gap: 20px; --witrav-tile-row-gap: 25px; --witrav-tile-unit: 60px; --witrav-tile-span: 4; --witrav-tile-image-h: 170px; overflow: hidden; padding-left: 0 !important; padding-right: 0 !important}
.witrav-tile-industries__heading {color: var(--wp--preset--color--contrast); max-width: 18em; margin-left: auto; margin-right: auto; padding-left: var(--wp--preset--spacing--40); padding-right: var(--wp--preset--spacing--40)}
.witrav-tile-industries__marquee {display: flex; flex-direction: column; gap: var(--witrav-tile-row-gap) !important; overflow: hidden; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important}
.witrav-tile-industries__marquee > * {margin: 0 !important}
.witrav-tile-industries__row {--witrav-tile-marquee-shift: 50%; display: flex; flex-wrap: nowrap; align-items: flex-start; width: max-content; max-width: none; gap: var(--witrav-tile-gap) !important; margin: 0 !important; animation: witrav-tile-marquee 40s linear infinite}
.witrav-tile-industries__row > * {margin: 0 !important}
.witrav-tile-industries__set {display: flex; flex-wrap: nowrap; align-items: flex-start; flex: 0 0 auto; width: max-content; max-width: none; gap: var(--witrav-tile-gap) !important; margin: 0 !important}
.witrav-tile-industries__set > * {margin: 0 !important}
.witrav-tile-industries__row--ltr {animation-direction: reverse}
.witrav-tile-industries__row--rtl > :nth-child(6n+4),
.witrav-tile-industries__row--rtl .witrav-tile-industries__set > :nth-child(6n+4),
.witrav-tile-industries__row--ltr > :nth-child(6n+1),
.witrav-tile-industries__row--ltr .witrav-tile-industries__set > :nth-child(6n+1),
.witrav-tile-industries__row--ltr > :nth-child(6n+4),
.witrav-tile-industries__row--ltr .witrav-tile-industries__set > :nth-child(6n+4) {--witrav-tile-span: 5}
.witrav-tile-industries__row--rtl > :nth-child(6n+5),
.witrav-tile-industries__row--rtl .witrav-tile-industries__set > :nth-child(6n+5),
.witrav-tile-industries__row--ltr > :nth-child(6n+2),
.witrav-tile-industries__row--ltr .witrav-tile-industries__set > :nth-child(6n+2),
.witrav-tile-industries__row--ltr > :nth-child(6n+5),
.witrav-tile-industries__row--ltr .witrav-tile-industries__set > :nth-child(6n+5) {--witrav-tile-span: 3}
.witrav-tile-industries__row:hover {animation-play-state: paused}
.witrav-tile-industries__card {position: relative; display: flex; flex-direction: column; flex: 0 0 calc(var(--witrav-tile-span) * var(--witrav-tile-unit)); gap: 0 !important; width: calc(var(--witrav-tile-span) * var(--witrav-tile-unit)); min-width: 0; max-width: none; overflow: hidden; border-radius: 24px; background: var(--wp--preset--color--base); box-shadow: 0 14px 36px var(--wp--custom--brand-shadow)}
.witrav-tile-industries__card > * {margin: 0 !important}
.witrav-tile-industries__card-image {margin: 0 !important; width: 100%}
.witrav-tile-industries__card-image a {display: block; line-height: 0}
.witrav-tile-industries__card-image a::after {content: ""; position: absolute; inset: 0; z-index: 2}
.witrav-tile-industries__card-image img {display: block; width: 100% !important; height: var(--witrav-tile-image-h) !important; max-width: none; object-fit: cover}
.witrav-tile-industries__label {width: 100%; margin: 0; padding: 12px 16px; background: var(--wp--preset--color--base); font-weight: 600; font-size: 15.12px; line-height: 1.3; color: var(--wp--preset--color--contrast)}
.witrav-tile-industries__actions {display: flex; flex-wrap: wrap; gap: var(--witrav-tile-gap); align-items: center; justify-content: center; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: var(--wp--preset--spacing--40); padding-right: var(--wp--preset--spacing--40)}
.witrav-tile-industries__actions > * {margin: 0 !important}
.witrav-tile-industries__more {margin: 0}
.witrav-tile-industries__more a {display: inline-flex; align-items: center; gap: 8px; color: var(--wp--preset--color--accent-1); font-weight: 600; text-decoration: none}
.witrav-tile-industries__more a::after {content: ""; width: 16px; height: 16px; background-color: currentColor; transition: transform 0.5s ease; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}
.witrav-tile-industries__more a:hover::after,
.witrav-tile-industries__more a:focus-visible::after {transform: rotate(45deg)}
@keyframes witrav-tile-marquee {
from {transform: translateX(0)}
to {transform: translateX(calc(-1 * var(--witrav-tile-marquee-shift)))}
}
@media (prefers-reduced-motion: reduce) {
.witrav-tile-industries__row {animation: none}
.witrav-tile-industries__more a::after {transition: none}
}.witrav-trial-band__row > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-trial-band__copy {display: flex !important; flex-direction: column; max-width: 760px}
.witrav-trial-band__copy > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-trial-band__heading {max-width: none; margin: 0 !important; padding: 0}
.witrav-trial-band__support {max-width: none; margin: 0 !important; padding: 0; opacity: 0.9}
.witrav-trial-band__actions {margin: 0 !important; padding: 0}
.witrav-trial-band__actions > * {margin-block-start: 0 !important}
.witrav-trial-band .is-style-cta-ghost .wp-block-button__link {padding: 12px 24px}.witrav-vertical-tabs {gap: 0 !important; --witrav-vertical-tabs-radius: 16px; --witrav-vertical-tabs-panel: 24px; --witrav-vertical-tabs-gap: 32px; --witrav-vertical-tabs-inset: 12px}
.witrav-vertical-tabs > * {margin-block-start: 0 !important}
.witrav-vertical-tabs__heading {max-width: 22em; margin: 0 auto 40px !important; color: var(--wp--preset--color--contrast)}
.witrav-vertical-tabs__stage {display: grid; position: relative; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: var(--witrav-vertical-tabs-gap); row-gap: 8px; align-items: start; width: 100%; margin: 0 0 40px !important}
.witrav-vertical-tabs__stage::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 0; width: calc((100% - var(--witrav-vertical-tabs-gap)) / 3); background: var(--wp--preset--color--wash-100); border-radius: var(--witrav-vertical-tabs-panel); pointer-events: none}
.witrav-vertical-tabs__stage > *,
.witrav-vertical-tabs__item > *,
.witrav-vertical-tabs__item.is-layout-flow > * + *,
.witrav-vertical-tabs__item.is-layout-constrained > * + *,
.witrav-vertical-tabs__tab,
.witrav-vertical-tabs__media {margin: 0 !important; margin-block: 0 !important; margin-block-start: 0 !important}
.witrav-vertical-tabs__item {display: contents}
.witrav-vertical-tabs__tab {display: grid; grid-column: 1; grid-template-columns: 40px minmax(0, 1fr); column-gap: 16px; align-items: center; align-self: start; z-index: 1; width: auto; margin-inline: var(--witrav-vertical-tabs-inset) !important; padding: 16px 20px; cursor: pointer; background: transparent; border: 1px solid transparent; border-radius: var(--witrav-vertical-tabs-radius); box-shadow: none; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}
.witrav-vertical-tabs__item:first-child .witrav-vertical-tabs__tab {margin-top: var(--witrav-vertical-tabs-inset) !important}
.witrav-vertical-tabs__item:last-child .witrav-vertical-tabs__tab {margin-bottom: var(--witrav-vertical-tabs-inset) !important}
.witrav-vertical-tabs__tab > * {margin-block-start: 0 !important}
.witrav-vertical-tabs__item:not(.is-active) .witrav-vertical-tabs__tab:hover {background: var(--wp--preset--color--base); border-color: var(--wp--preset--color--accent-1)}
.witrav-vertical-tabs__item.is-active .witrav-vertical-tabs__tab {background: var(--wp--preset--color--base); border-color: var(--wp--preset--color--accent-1); box-shadow: 0 12px 32px rgba(38, 102, 241, 0.14), 0 4px 12px rgba(17, 24, 39, 0.06)}
.witrav-vertical-tabs__tab:focus-visible {outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 2px}
.witrav-vertical-tabs__icon {grid-column: 1; grid-row: 1; display: flex; align-items: center; align-self: center; width: 40px; height: 40px; margin: 0 !important; overflow: hidden; line-height: 0; background: var(--wp--preset--color--wash-100); border-radius: 8px}
.witrav-vertical-tabs__icon img {display: block; width: 40px; height: 40px; object-fit: cover; border-radius: 8px}
.witrav-vertical-tabs__tab-title {grid-column: 2; grid-row: 1; display: flex; align-items: center; min-height: 40px; margin: 0 !important; padding: 0; font-size: 17.28px; font-weight: 600; line-height: 1.3; color: var(--wp--preset--color--contrast)}
.witrav-vertical-tabs__media {grid-column: 2; grid-row: 1; position: relative; align-self: start; width: 100%; height: 0; min-width: 0; min-height: 0; overflow: visible; background: transparent}
.witrav-vertical-tabs__item:not(.is-active) .witrav-vertical-tabs__media {display: none}
.witrav-vertical-tabs__media > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-vertical-tabs__media-image {position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: var(--witrav-vertical-tabs-media-h, 0px); margin: 0 !important; padding: 24px; overflow: hidden; background: var(--wp--preset--color--wash-100); border-radius: var(--witrav-vertical-tabs-panel); box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08)}
.witrav-vertical-tabs__media-image img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: var(--witrav-vertical-tabs-radius)}
.witrav-vertical-tabs .wp-block-buttons {margin: 0 !important}
.witrav-vertical-tabs .wp-block-buttons > * {margin-block-start: 0 !important}
@media (max-width: 1024px) {
.witrav-vertical-tabs__heading {margin-bottom: 24px !important}
.witrav-vertical-tabs__stage {display: flex !important; flex-direction: column; gap: 12px !important; column-gap: 0; row-gap: 0; margin-bottom: 32px !important}
.witrav-vertical-tabs__stage::before {display: none}
.witrav-vertical-tabs__stage > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-vertical-tabs__item {display: flex !important; flex-direction: column; gap: 16px !important; width: 100%; min-width: 0; padding: 16px 20px; overflow: hidden; background: var(--wp--preset--color--wash-100); border: 1px solid var(--wp--preset--color--accent-1); border-radius: var(--witrav-vertical-tabs-radius); box-shadow: none}
.witrav-vertical-tabs__item.is-active {background: var(--wp--preset--color--base); box-shadow: 0 12px 32px rgba(38, 102, 241, 0.14), 0 4px 12px rgba(17, 24, 39, 0.06)}
.witrav-vertical-tabs__item > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-vertical-tabs__tab {display: grid; grid-column: auto; grid-row: auto; width: 100%; margin: 0 !important; padding: 0; background: transparent; border: none; border-radius: 0; box-shadow: none}
.witrav-vertical-tabs__item.is-active .witrav-vertical-tabs__tab {background: transparent; border: none; box-shadow: none}
.witrav-vertical-tabs__item:not(.is-active) .witrav-vertical-tabs__tab:hover {background: transparent; border: none}
.witrav-vertical-tabs__item.is-active .witrav-vertical-tabs__icon {background: var(--wp--preset--color--wash-100)}
.witrav-vertical-tabs__item:not(.is-active) .witrav-vertical-tabs__icon {background: var(--wp--preset--color--base)}
.witrav-vertical-tabs__item .witrav-vertical-tabs__media {display: block; grid-column: auto; grid-row: auto; position: relative; height: auto; min-height: 0; overflow: hidden; padding: 0; background: var(--wp--preset--color--wash-100); border-radius: var(--witrav-vertical-tabs-radius)}
.witrav-vertical-tabs__item:not(.is-active) .witrav-vertical-tabs__media {display: none !important}
.witrav-vertical-tabs__media-image {position: relative; top: auto; left: auto; height: 180px; padding: 16px; box-shadow: none; border-radius: var(--witrav-vertical-tabs-radius)}
.witrav-vertical-tabs__media-image img {height: 180px; border-radius: 12px}
}
@media (prefers-reduced-motion: reduce) {
.witrav-vertical-tabs__tab {transition: none}
}