.split-holder[data-v-53bccf20] {
    position: relative;
    display: grid
}

@media (min-width: 1000px) {
    h1.block-title {
        margin-top: 6rem !important;
    }
}

@media not all and (min-width: 1024px) {
    .split-holder[data-v-53bccf20] {
        overflow-x: hidden
    }
}

@media (min-width: 1024px) {
    .split-holder[data-v-53bccf20] {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

.split-holder.no-split[data-v-53bccf20] {
    grid-template-columns:repeat(1, minmax(0, 1fr))
}

.split-holder.no-split .side-left[data-v-53bccf20]:before {
    width: 100%
}

.split-holder.no-split .side-right[data-v-53bccf20] {
    display: none
}

.side-left[data-v-53bccf20], .side-right[data-v-53bccf20] {
    width: 100%
}

@media (min-width: 1024px) {
    .side-left[data-v-53bccf20], .side-right[data-v-53bccf20] {
        min-height: 100vh
    }
}

.side-left[data-v-53bccf20] {
    position: relative;
    padding-top: 5rem
}

@media (min-width: 640px) {
    .side-left[data-v-53bccf20] {
        padding-top: 7rem
    }
}

@media (min-width: 1280px) {
    .side-left[data-v-53bccf20] {
        padding-top: 10rem
    }
}

.side-left[data-v-53bccf20]:before {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -10;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(221 57 59 / var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

@media not all and (min-width: 1024px) {
    .side-left.w-bg[data-v-53bccf20] {
        padding-bottom: 2.5rem
    }
}

.side-left.w-bg[data-v-53bccf20]:before {
    background-image: url(../assets/gepard-background.png);
    background-repeat: no-repeat;
    background-position: 120% center;
    background-size: 115%;
}
.side-right[data-v-53bccf20] {
    position: relative;
    z-index: 10
}

@media not all and (min-width: 1024px) {
    .side-right[data-v-53bccf20] {
        --tw-bg-opacity: 1;
        background-color: rgb(221 57 59 / var(--tw-bg-opacity))
    }
}

@media (min-width: 640px) {
    .side-right[data-v-53bccf20] {
        padding-top: 2.5rem
    }
}

@media (min-width: 1024px) {
    .side-right[data-v-53bccf20] {
        padding-top: 7rem
    }
}

@media (min-width: 1280px) {
    .side-right[data-v-53bccf20] {
        padding-top: 10rem
    }
}

.side-right[data-v-53bccf20]:before {
    position: fixed;
    left: 50%;
    top: -15%;
    z-index: -10;
    width: 100%;
    --tw-rotate: 10deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(221 57 59 / var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width: 1024px) {
    .side-right[data-v-53bccf20]:before {
        height: 200%
    }
}

.side-right[data-v-53bccf20]:after {
    pointer-events: none;
    position: absolute;
    top: -4rem;
    z-index: -10;
    height: 16rem;
    width: 150%;
    --tw-translate-x: -12%;
    --tw-rotate: -5deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(221 57 59 / var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width: 1024px) {
    .side-right[data-v-53bccf20]:after {
        position: fixed;
        top: -25%;
        left: 50%;
        height: 200%;
        width: 4rem;
        --tw-translate-x: -2rem;
        --tw-rotate: 10deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.logo[data-v-53bccf20] {
    z-index: 10;
    width: auto
}

@media not all and (min-width: 1024px) {
    .logo[data-v-53bccf20] {
        display: none
    }
}

@media (min-width: 1024px) {
    .logo[data-v-53bccf20] {
        position: fixed;
        left: calc(50% - 1rem);
        bottom: 1.5rem;
        height: 20%;
        --tw-translate-x: -25%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.logo svg[data-v-53bccf20] {
    height: auto;
    width: 100%
}

@media (min-width: 1024px) {
    .logo svg[data-v-53bccf20] {
        height: 100%;
        width: auto
    }
}

@media (max-width: 1249px) {
    nav [data-v-77c33a64].links {
        display: none;
        position: absolute;
        right: 0;
        top: 100%;
        background: #dd393b;
        padding: 1rem;
        border-radius: 0 0 .5rem .5rem;
        width: max(260px, 60vw);
        box-shadow: 0 10px 24px rgba(0,0,0,.2);
    }
    nav [data-v-77c33a64].links.is-open {
        display: block;
    }
}