/* Hero video swiper */
.hero-swiper {
    --hero-blur-mask-center-offset: 1700px;
    --hero-blur-mask-y: -224px;
    min-height: 500px;
    position: relative;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
}

.hero-swiper-page {
    --hero-blur-mask-center-offset: 1700px;
    --hero-blur-mask-y: -224px;
    min-height: 500px;
    position: relative;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
}

.hero-swiper h1 {
    margin-top: 0;
    margin-bottom: 15px;
}

.hero-swiper #hero-blur-element,
.hero-swiper-page #hero-blur-element {
    display:none;
}

.hero-swiper.has-slide-background #hero-blur-element,
.hero-swiper-page.has-slide-background #hero-blur-element,
.hero-swiper.has-video-background:not(.has-slide-background) #hero-blur-element,
.hero-swiper-page.has-video-background:not(.has-slide-background) #hero-blur-element {
    display:none;
}

.hero-swiper .block-background,
.hero-swiper-page .block-background {
    min-height: 928px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    position: absolute;
    top: 0;
    z-index: 0;
    pointer-events: none;
}

.hero-swiper .hero-background-splide,
.hero-swiper-page .hero-background-splide {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
    background:#2a1635;
}

.hero-swiper.has-video-background .hero-background-splide,
.hero-swiper-page.has-video-background .hero-background-splide {
    background:transparent;
}

.hero-swiper .hero-background-splide,
.hero-swiper .hero-text-splide,
.hero-swiper-page .hero-background-splide,
.hero-swiper-page .hero-text-splide {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
}

.hero-swiper .hero-background-splide .splide__track,
.hero-swiper .hero-text-splide .splide__track,
.hero-swiper-page .hero-background-splide .splide__track,
.hero-swiper-page .hero-text-splide .splide__track {
    position:relative;
    z-index:0;
}

.hero-swiper .hero-background-splide .splide__list,
.hero-swiper .hero-text-splide .splide__list,
.hero-swiper-page .hero-background-splide .splide__list,
.hero-swiper-page .hero-text-splide .splide__list {
    backface-visibility:hidden;
    margin:0;
    padding:0;
}

.hero-swiper .hero-background-splide .splide__slide,
.hero-swiper .hero-text-splide .splide__slide,
.hero-swiper-page .hero-background-splide .splide__slide,
.hero-swiper-page .hero-text-splide .splide__slide {
    backface-visibility:hidden;
    box-sizing:border-box;
    list-style-type:none;
    margin:0;
    position:relative;
}

.hero-swiper .hero-background-splide .splide__track,
.hero-swiper .hero-background-splide .splide__list,
.hero-swiper .hero-background-splide .splide__slide,
.hero-swiper-page .hero-background-splide .splide__track,
.hero-swiper-page .hero-background-splide .splide__list,
.hero-swiper-page .hero-background-splide .splide__slide {
    width:100%;
    height:100%;
}

.hero-swiper .hero-background-splide:not(.is-initialized) .splide__slide:not(:first-child),
.hero-swiper-page .hero-background-splide:not(.is-initialized) .splide__slide:not(:first-child) {
    display:none;
}

.hero-swiper .hero-background-slide,
.hero-swiper-page .hero-background-slide {
    position:relative;
    overflow:hidden;
    background:#2a1635;
}

.hero-swiper.has-video-background .hero-background-slide.has-empty-background-slide,
.hero-swiper-page.has-video-background .hero-background-slide.has-empty-background-slide {
    background:transparent;
}

.hero-swiper .hero-media-layer,
.hero-swiper-page .hero-media-layer {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
    isolation:isolate;
}

.hero-swiper .hero-video-background-layer,
.hero-swiper-page .hero-video-background-layer {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
    background:#2a1635;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

.hero-swiper .hero-video-background-layer .hero-background-video,
.hero-swiper-page .hero-video-background-layer .hero-background-video {
    z-index:0;
}

.hero-swiper .hero-logo-layer,
.hero-swiper-page .hero-logo-layer {
    position:relative;
    z-index:5;
}

.hero-swiper .hero-background-image,
.hero-swiper-page .hero-background-image,
.hero-swiper .hero-background-video,
.hero-swiper-page .hero-background-video {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    pointer-events:none;
}

.hero-swiper-page:not(.has-hero-slope) .hero-background-slide.has-image-slide .hero-background-image {
    opacity:0.65;
}

.hero-swiper .hero-background-blur-element,
.hero-swiper-page .hero-background-blur-element {
    background-color:transparent;
    position:absolute;
    height:100.1%;
    width:100%;
    top:0;
    left:0;
    z-index:1;
    background-repeat:no-repeat;
    pointer-events:none;
    mask-image:url(/wp-content/uploads/2025/04/hero-blur-element.svg);
    mask-size:auto 124%;
    mask-repeat:no-repeat;
    mask-position:calc(50vw - var(--hero-blur-mask-center-offset)) var(--hero-blur-mask-y);
    backdrop-filter:blur(30px);
}

.hero-swiper.has-disabled-blur-effect .hero-background-blur-element,
.hero-swiper-page.has-disabled-blur-effect .hero-background-blur-element {
    display:none;
}

/* Hero swiper style slope */

.hero-swiper #hero-content,
.hero-swiper #hero-content-case,
.hero-swiper-page #hero-content,
.hero-swiper-page #hero-content-case {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 85px);
    z-index: 3;
    margin-top:35px;
}

.hero-swiper .hero-site-logo,
.hero-swiper-page .hero-site-logo {
    z-index:5;
}

.hero-swiper .site-branding,
.hero-swiper-page .site-branding {
	width:100%;
	mask-repeat: no-repeat;
	mask-size:100% 133%;
    height:auto;
}

.hero-swiper #logoVideo,
.hero-swiper-page #logoVideo {
    height:58px;
    margin-top:70px;
    margin-bottom:0px;
}

.hero-swiper .hero-site-logo .page-logo,
.hero-swiper-page .hero-site-logo .page-logo {
    width:98%;
    height:auto;
    margin-bottom:15px;
}

.hero-swiper .hero-breadcrumb::before,
.hero-swiper-page .hero-breadcrumb::before {
    content:'';
    position:absolute;
    top:4px;
    width:15px;
    height:15px;
    display:block;
    background-image:url('/wp-content/uploads/2025/03/reversec-menu-icon.svg');
    background-size:15px 15px;
    background-repeat:no-repeat;
}

.hero-swiper .hero-breadcrumb #breadcrumbs,
.hero-swiper-page .hero-breadcrumb #breadcrumbs {
    margin-left: 25px;
    margin-bottom: 0;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:var(--acc1);
}


.hero-swiper .hero-breadcrumb #breadcrumbs span,
.hero-swiper .hero-breadcrumb #breadcrumbs span a,
.hero-swiper-page .hero-breadcrumb #breadcrumbs span,
.hero-swiper-page .hero-breadcrumb #breadcrumbs span a {
    font-family:var(--dm);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform:uppercase;
    color:var(--acc1);
}

.hero-swiper .hero-breadcrumb #breadcrumbs span a:hover,
.hero-swiper-page .hero-breadcrumb #breadcrumbs span a:hover {
    color:var(--base-white);
}

.hero-swiper .hero-text-elements,
.hero-swiper-page .hero-text-elements {
    pointer-events:all;
}

.hero-swiper .hero-text-content,
.hero-swiper-page .hero-text-content {
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    height:100%;
}

.hero-swiper .hero-text-splide,
.hero-swiper-page .hero-text-splide {
    position:static;
    width:100%;
    height:100%;
    overflow:visible;
}

.hero-swiper .hero-text-splide .splide__track,
.hero-swiper-page .hero-text-splide .splide__track {
    height:100%;
    overflow:hidden;
}

.hero-swiper .hero-text-splide .splide__list,
.hero-swiper-page .hero-text-splide .splide__list {
    display:flex;
    height:100%;
}

.hero-swiper .hero-text-splide .splide__slide,
.hero-swiper-page .hero-text-splide .splide__slide {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    width:100%;
    height:100%;
    flex-shrink:0;
}

.hero-swiper .hero-text-splide h1,
.hero-swiper .hero-text-splide h2,
.hero-swiper .hero-text-splide .hero-slide-title,
.hero-swiper-page .hero-text-splide h1,
.hero-swiper-page .hero-text-splide h2,
.hero-swiper-page .hero-text-splide .hero-slide-title {
    display:block;
    margin-top:0;
    padding:0;
    color:inherit;
    font-style:normal;
    font-weight:400;
    line-height:90%;
    letter-spacing:0;
    text-transform:none;
}

.hero-swiper .hero-text-splide .splide__slide > *,
.hero-swiper-page .hero-text-splide .splide__slide > * {
    will-change:opacity;
}

.hero-swiper .hero-text-splide .splide__slide.is-active > *,
.hero-swiper-page .hero-text-splide .splide__slide.is-active > * {
    animation:hero-text-slide-in 860ms cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay:320ms;
}

@keyframes hero-text-slide-in {
    from {
        opacity:0;
    }

    to {
        opacity:1;
    }
}

.hero-swiper .hero-text-splide:not(.is-initialized) .splide__slide:not(:first-child),
.hero-swiper-page .hero-text-splide:not(.is-initialized) .splide__slide:not(:first-child) {
    display:none;
}

.hero-swiper .hero-text-splide .splide__pagination,
.hero-swiper-page .hero-text-splide .splide__pagination {
    position:absolute;
    left:50%;
    right:auto;
    bottom:26px;
    z-index:5;
    display:flex;
    gap:12px;
    width:auto;
    margin:0;
    padding:0;
    list-style:none;
    text-align:left;
    transform:translateX(-50%);
}

.hero-swiper .hero-text-splide .splide__pagination li,
.hero-swiper-page .hero-text-splide .splide__pagination li {
    display:flex;
    margin:0;
    padding:0;
}

.hero-swiper .hero-text-splide .splide__pagination__page,
.hero-swiper-page .hero-text-splide .splide__pagination__page {
    display:block;
    width:12px;
    height:10px;
    padding:0;
    border:0;
    border-radius:999px;
    margin:0;
    background:#A653FF;
    opacity:1;
    cursor:pointer;
    transform:none;
    transition:width 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
}

.hero-swiper .hero-text-splide .splide__pagination__page.is-active,
.hero-swiper-page .hero-text-splide .splide__pagination__page.is-active {
    width:32px;
    opacity:1;
    background:var(--acc1);
    transform:none;
}

.hero-swiper .hero-text-splide-arrows,
.hero-swiper-page .hero-text-splide-arrows {
    pointer-events:none;
}

.hero-swiper .hero-text-splide-arrow,
.hero-swiper-page .hero-text-splide-arrow {
    position:absolute;
    top:50%;
    z-index:5;
    width:56px;
    height:56px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    opacity:0.55;
    pointer-events:auto;
    cursor:pointer;
    transform:translateY(-50%);
    transition:opacity 0.2s ease;
}

.hero-swiper .hero-text-splide-arrow:hover,
.hero-swiper .hero-text-splide-arrow:focus-visible,
.hero-swiper-page .hero-text-splide-arrow:hover,
.hero-swiper-page .hero-text-splide-arrow:focus-visible {
    opacity:1;
}

.hero-swiper .hero-text-splide-arrow:disabled,
.hero-swiper-page .hero-text-splide-arrow:disabled {
    opacity:0.2;
    cursor:default;
}

.hero-swiper .hero-text-splide-arrow svg,
.hero-swiper-page .hero-text-splide-arrow svg {
    display:none;
}

.hero-swiper .hero-text-splide-arrow::before,
.hero-swiper-page .hero-text-splide-arrow::before {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:24px;
    height:24px;
    border-top:2px solid var(--base-white);
    border-right:2px solid var(--base-white);
}

.hero-swiper .hero-text-splide-arrow-prev,
.hero-swiper-page .hero-text-splide-arrow-prev {
    left:16px;
}

.hero-swiper .hero-text-splide-arrow-prev::before,
.hero-swiper-page .hero-text-splide-arrow-prev::before {
    transform:translate(-35%, -50%) rotate(-135deg);
}

.hero-swiper .hero-text-splide-arrow-next,
.hero-swiper-page .hero-text-splide-arrow-next {
    right:16px;
}

.hero-swiper .hero-text-splide-arrow-next::before,
.hero-swiper-page .hero-text-splide-arrow-next::before {
    transform:translate(-65%, -50%) rotate(45deg);
}

.hero-swiper #hero-content-case .hero-text-elements .hero-title,
.hero-swiper-page #hero-content-case .hero-text-elements .hero-title {
    margin-top:35px;
}

.hero-swiper #hero-content h1,
.hero-swiper #hero-content-case h1,
.hero-swiper #hero-content .hero-slide-title,
.hero-swiper #hero-content-case .hero-slide-title,
.hero-swiper-page #hero-content h1,
.hero-swiper-page #hero-content-case h1,
.hero-swiper-page #hero-content .hero-slide-title,
.hero-swiper-page #hero-content-case .hero-slide-title {
    font-size:36px;
}

.hero-swiper #hero-content h1,
.hero-swiper #hero-content-case h1,
.hero-swiper #hero-content .hero-slide-title,
.hero-swiper #hero-content-case .hero-slide-title,
.hero-swiper-page #hero-content h1,
.hero-swiper-page #hero-content-case h1,
.hero-swiper-page #hero-content .hero-slide-title,
.hero-swiper-page #hero-content-case .hero-slide-title {
    margin-bottom: 35px;
}

.hero-swiper #hero-content p,
.hero-swiper-page #hero-content p {
    margin-top: 0;
    margin-bottom: 43px;
}

.hero-swiper #hero-content p,
.hero-swiper-page #hero-content p {
    font-size: 19px;
}

.hero-swiper .block-background-page,
.hero-swiper-page .block-background-page {
    height: 500px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    z-index: 0;
    pointer-events: none;
}

.hero-swiper .block-background-mobile,
.hero-swiper-page .block-background-mobile {
    height:500px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.hero-swiper .hero-slope,
.hero-swiper-page .hero-slope {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:26%;
    z-index:1;
    background-color:var(--base-black);
}

.hero-swiper .hero-slope::after,
.hero-swiper-page .hero-slope::after {
    content: '';
    position: absolute;
    top:0;
    left:calc(100% + -2px);
    z-index: 1;
    height: 100%;
    min-height:933px;
    width:949px;
    clip-path: polygon( 0% 100%,100% 100%,13.041% 11.637%,13.041% 11.637%,11.812% 10.369%,10.565% 9.123%,9.301% 7.9%,8.02% 6.701%,6.723% 5.525%,5.41% 4.372%,4.08% 3.244%,2.736% 2.138%,1.375% 1.057%,0% 0%,0% 100% );
    background-color:var(--base-black);
    
}

.hero-swiper h1.industry,
.hero-swiper-page h1.industry {
    text-transform: uppercase;
    color: var(--wscgreen);
    position: relative;
    letter-spacing: 2px;
	font-family: var(--archivo);
    font-weight: 400;
	font-size: 18px;
	margin-bottom: 30px;
	display: block;
}

@media (min-width: 391px) {
	
}

@media (max-width: 991.98px) {
    .hero-swiper .hero-media-layer,
    .hero-swiper-page .hero-media-layer {
        position:relative;
        inset:auto;
        height:500px;
    }

    .hero-swiper .hero-background-splide,
    .hero-swiper-page .hero-background-splide,
    .hero-swiper .hero-video-background-layer,
    .hero-swiper-page .hero-video-background-layer {
        height:500px;
    }

    .hero-swiper #hero-content,
    .hero-swiper-page #hero-content {
        height:auto;
    }

    .hero-swiper .hero-text-elements,
    .hero-swiper-page .hero-text-elements,
    .hero-swiper .hero-text-content,
    .hero-swiper-page .hero-text-content,
    .hero-swiper .hero-text-splide,
    .hero-swiper-page .hero-text-splide,
    .hero-swiper .hero-text-splide .splide__track,
    .hero-swiper-page .hero-text-splide .splide__track,
    .hero-swiper .hero-text-splide .splide__list,
    .hero-swiper-page .hero-text-splide .splide__list,
    .hero-swiper .hero-text-splide .splide__slide,
    .hero-swiper-page .hero-text-splide .splide__slide {
        height:auto;
    }

    .hero-swiper .hero-text-splide .splide__slide,
    .hero-swiper-page .hero-text-splide .splide__slide {
        justify-content:flex-start;
    }

    .hero-swiper .hero-text-splide,
    .hero-swiper-page .hero-text-splide {
        position:relative;
        padding-bottom:64px;
    }

    .hero-swiper .hero-text-splide .splide__pagination,
    .hero-swiper-page .hero-text-splide .splide__pagination {
        gap:8px;
    }

    .hero-swiper .hero-text-splide .splide__pagination__page,
    .hero-swiper-page .hero-text-splide .splide__pagination__page {
        width:10px;
        height:10px;
    }

    .hero-swiper .hero-text-splide .splide__pagination__page.is-active,
    .hero-swiper-page .hero-text-splide .splide__pagination__page.is-active {
        width:32px;
    }

    .hero-swiper .hero-text-splide-arrow,
    .hero-swiper-page .hero-text-splide-arrow {
        top:auto;
        bottom:15px;
        width:32px;
        height:32px;
        opacity:1;
        transform:none;
    }

    .hero-swiper .hero-text-splide-arrow::before,
    .hero-swiper-page .hero-text-splide-arrow::before {
        width:10px;
        height:10px;
        border-top-color:#A653FF;
        border-right-color:#A653FF;
    }

    .hero-swiper .hero-text-splide-arrow-prev,
    .hero-swiper-page .hero-text-splide-arrow-prev {
        left:calc(50% - var(--hero-mobile-arrow-offset, 96px));
    }

    .hero-swiper .hero-text-splide-arrow-next,
    .hero-swiper-page .hero-text-splide-arrow-next {
        right:calc(50% - var(--hero-mobile-arrow-offset, 96px));
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-swiper .hero-text-splide .splide__slide.is-active > *,
    .hero-swiper-page .hero-text-splide .splide__slide.is-active > * {
        animation:none;
    }
}

@media (min-width: 576px) {
	.hero-swiper #logoVideo,
    .hero-swiper-page #logoVideo {
        height:100px;
    }
}

@media (min-width: 768px) {
    .hero-swiper #logoVideo,
    .hero-swiper-page #logoVideo {
        height:130px;
    }
}

@media (min-width: 992px) {
    .hero-swiper .hero-text-splide,
    .hero-swiper-page .hero-text-splide {
        --hero-container-width:960px;
        --hero-arrow-container-offset:200px;
        --hero-arrow-edge-offset:16px;
    }

    .hero-swiper .hero-text-splide-arrow-prev,
    .hero-swiper-page .hero-text-splide-arrow-prev {
        left:max(var(--hero-arrow-edge-offset), calc(((100vw - var(--hero-container-width)) / 2) - var(--hero-arrow-container-offset)));
    }

    .hero-swiper .hero-text-splide-arrow-next,
    .hero-swiper-page .hero-text-splide-arrow-next {
        right:max(var(--hero-arrow-edge-offset), calc(((100vw - var(--hero-container-width)) / 2) - var(--hero-arrow-container-offset)));
    }

    .hero-swiper .hero-background-splide,
    .hero-swiper-page .hero-background-splide {
        position:absolute;
        inset:0;
        height:100%;
    }

    .hero-swiper .hero-background-image,
    .hero-swiper-page .hero-background-image,
    .hero-swiper .hero-background-video,
    .hero-swiper-page .hero-background-video {
        background-position:right center;
    }

    .hero-swiper .hero-background-slide.has-image-slide .hero-background-image {
        opacity:0.65;
    }

    .hero-swiper .hero-text-splide .splide__pagination,
    .hero-swiper-page .hero-text-splide .splide__pagination {
        bottom:72px;
    }

    .hero-swiper .hero-site-logo .page-logo,
    .hero-swiper-page .hero-site-logo .page-logo {
        width:226px;
        height:23px;
        margin-bottom:15px;
    }

    .hero-swiper-page {
        height:100vh;
        max-height:928px;
    }

    .hero-swiper #hero-content,
    .hero-swiper-page #hero-content {
        position: absolute;
        margin-top:84px;
    }

    .hero-swiper #hero-content-case .hero-text-elements .hero-title,
    .hero-swiper-page #hero-content-case .hero-text-elements .hero-title {
        margin-top:10vh;
    }

    .hero-swiper .block-background-page,
    .hero-swiper-page .block-background-page {
        height: 933px;
        height: 100%;
        background-position: right center;
    }

    .hero-swiper .site-branding,
    .hero-swiper-page .site-branding {
        margin-top:40px;
    }

    .hero-swiper #logoVideo,
    .hero-swiper-page #logoVideo {
        height:164px;
    }

    .hero-swiper .site-branding,
    .hero-swiper-page .site-branding {
        mask-size:100% 133%;
    }
}

@media (min-width: 1200px) {
    .hero-swiper .hero-text-splide,
    .hero-swiper-page .hero-text-splide {
        --hero-container-width:1140px;
    }

    .hero-swiper #hero-content h1,
    .hero-swiper #hero-content .hero-slide-title,
    .hero-swiper-page #hero-content h1,
    .hero-swiper-page #hero-content .hero-slide-title {
        font-size:50px;
        /*margin-top: 47px;*/
    }

    .hero-swiper .site-branding,
    .hero-swiper-page .site-branding {
        mask-size:100% 100%;
    }
}

@media (min-width: 1400px) {
    .hero-swiper .hero-text-splide,
    .hero-swiper-page .hero-text-splide {
        --hero-container-width:1320px;
    }
}

@media (min-width: 1600px) {
    .hero-swiper #hero-content h1,
    .hero-swiper #hero-content .hero-slide-title,
    .hero-swiper-page #hero-content h1,
    .hero-swiper-page #hero-content .hero-slide-title {
        font-size:64px;
    }

    .hero-swiper .hero-slope,
    .hero-swiper-page .hero-slope {
        width:32%;
    }
}