html.using-mouse :focus,
html.using-mouse :focus+label span:last-child {
    outline: none !important;
    box-shadow: 0 0 #0000 !important
}

.AMPEr_modal {
    background-color: #000;
    border-radius: .625rem;
    width: calc(100% - 30px);
    margin-right: 15px;
    padding: 1rem;
    position: fixed;
    bottom: 15px;
    left: 15px;
    box-shadow: 0 20px 30px #0003
}

.AMPEr_modal_head {
    color: #fff;
    align-items: center;
    margin: 0;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.25;
    display: flex
}

.AMPEr_modal_text {
    margin: 1rem 0;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5
}

.AMPEr_modal.right {
    -webkit-animation: .3s .3s forwards AMPEr-slide-right;
    animation: .3s .3s forwards AMPEr-slide-right;
    right: -600px
}

.AMPEr_modal.left {
    -webkit-animation: .3s .3s forwards AMPEr-slide-left;
    animation: .3s .3s forwards AMPEr-slide-left;
    left: -600px
}

@media screen and (width>=480px) {
    .AMPEr_modal {
        width: 22rem;
        margin-right: 0
    }

    .AMPEr_modal.right {
        left: unset
    }
}

.AMPEr_modal_buttons {
    margin-top: 2rem;
    display: flex
}

.AMPEr_modal_buttons button {
    margin-right: .425rem
}

.AMPEr_modal_buttons button:last-of-type {
    margin-right: 0
}

.AMPEr_btn {
    color: #fff;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ff31c7;
    border: none;
    border-radius: .3125rem;
    margin: 0;
    padding: .5rem 1rem;
    font-size: 1.125rem;
    font-weight: 600;
    text-decoration: none;
    transition: background .25s ease-in-out, transform .15s;
    display: block
}

.AMPEr_btn:hover,
.AMPEr_btn:focus {
    background: #ff18c0
}

.AMPEr_btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .1875rem #000
}

.AMPEr_btn:active {
    transform: scale(.99)
}

.AMPEr_btn--settings,
.AMPEr_btn--info {
    color: #ff31c7;
    background: 0 0;
    border: .125rem solid #ff31c7;
    padding: .425rem
}

.AMPEr_btn--settings:hover,
.AMPEr_btn--settings:focus,
.AMPEr_btn--info:hover,
.AMPEr_btn--info:focus {
    color: #ff18c0;
    background: 0 0;
    border-color: #ff18c0
}

.AMPEr_btn--settings:hover i svg,
.AMPEr_btn--settings:focus i svg,
.AMPEr_btn--info:hover i svg,
.AMPEr_btn--info:focus i svg {
    fill: #ff18c0
}

.AMPEr_icon--gear svg {
    fill: #ff31c7;
    width: auto;
    height: 1.2rem;
    display: block
}

.AMPEr_icon--rozekoek {
    background-size: 2rem 2rem;
    width: 2rem;
    height: 2rem;
    margin-right: .8rem;
    display: inline-block
}

.AMPEr_switches {
    margin: 1rem 0;
    padding: 0;
    list-style: none
}

.AMPEr_switches li {
    margin-bottom: .625rem;
    font-size: 1.1rem;
    font-weight: 600
}

.AMPEr_switches li small {
    color: #5f5f5f;
    font-size: .8rem;
    display: block
}

.AMPEr_switches input {
    position: absolute;
    left: -9999px
}

.AMPEr_switches label {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.AMPEr_switches .AMPEr_switch span:last-child {
    background: gray;
    border-radius: .9375rem;
    width: 3.125rem;
    height: 1.625rem;
    transition: all .3s;
    position: relative
}

.AMPEr_switches .AMPEr_switch span:last-child:before {
    content: "";
    z-index: 1;
    background: #fff;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    transition: transform .3s;
    position: absolute;
    top: .0625rem;
    left: .0625rem
}

.AMPEr_switches .AMPEr_switch span:last-child:after {
    content: "";
    background: url(svg/switch-unchecked.svg) 0 0/.75rem .75rem;
    width: .75rem;
    height: .75rem;
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-50%)
}

.AMPEr_switches .AMPEr_switch input[disabled]+label span:last-of-type {
    opacity: .5
}

.AMPEr_switches .AMPEr_switch input:checked+label span:last-child {
    background: #ff31c7
}

.AMPEr_switches .AMPEr_switch input:checked+label span:last-child:before {
    transform: translate(1.5rem)
}

.AMPEr_switches .AMPEr_switch input:checked+label span:last-child:after {
    background-image: url(svg/switch-checked.svg);
    background-size: .875rem .875rem;
    width: .875rem;
    height: .875rem;
    left: .5rem
}

.AMPEr_switches .AMPEr_switch:hover span:last-child {
    background: #737373
}

.AMPEr_switches .AMPEr_switch:hover input:checked+label span:last-child {
    background: #ff18c0
}

.AMPEr_switches .AMPEr_switch input:focus+label span:last-child {
    background: #737373;
    outline: 0;
    box-shadow: 0 0 0 .1875rem #000
}

.AMPEr_switches .AMPEr_switch input:checked:focus+label span:last-child {
    background: #ff18c0;
    outline: 0;
    box-shadow: 0 0 0 .1875rem #000
}

#AMPEr_modal_1 {
    display: none
}

#AMPEr_modal_1.AMPEr--active {
    display: block
}

#AMPEr_modal_2 {
    display: none
}

#AMPEr_modal_2.AMPEr--active {
    display: block
}

.AMPEr_modal.AMPEr--bottom {
    border-radius: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0
}

.AMPEr_modal.AMPEr--bottom.AMPEr--settings-active {
    padding: 0
}

.AMPEr_modal.AMPEr--bottom #AMPEr_modal_1.AMPEr--active {
    display: flex
}

.AMPEr_modal.AMPEr--bottom #AMPEr_modal_1 {
    justify-content: space-between;
    align-items: center
}

.AMPEr_modal.AMPEr--bottom #AMPEr_modal_1 .AMPEr_modal_head {
    display: none
}

.AMPEr_modal.AMPEr--bottom #AMPEr_modal_1 .AMPEr_description {
    flex-grow: 1
}

.AMPEr_modal.AMPEr--bottom #AMPEr_modal_1 .AMPEr_modal_buttons {
    justify-content: flex-end;
    min-width: 200px;
    margin-top: 0;
    display: flex
}

.AMPEr_modal.AMPEr--bottom #AMPEr_modal_2 {
    background-color: #fff;
    border-radius: .625rem;
    width: 100%;
    max-width: 400px;
    padding: 1rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (width<=768px) {
    .AMPEr_modal.AMPEr--bottom #AMPEr_modal_1 {
        flex-wrap: wrap
    }

    .AMPEr_modal.AMPEr--bottom #AMPEr_modal_1 .AMPEr_description {
        flex-grow: 1
    }

    .AMPEr_modal.AMPEr--bottom #AMPEr_modal_1 .AMPEr_modal_buttons {
        justify-content: flex-end;
        width: 100%;
        margin-top: 0;
        display: flex
    }
}

@media screen and (width<=420px) {
    .AMPEr_modal.AMPEr--bottom #AMPEr_modal_2 {
        width: 100%;
        max-width: none;
        top: unset;
        left: unset;
        border-radius: .625rem .625rem 0 0;
        bottom: 0;
        transform: none
    }

    .AMPEr_modal.AMPEr--bottom #AMPEr_modal_2 .AMPEr_modal_buttons {
        justify-content: flex-end
    }
}

.AMPEr_modal.AMPEr--centered {
    border-radius: .625rem .625rem 0 0;
    width: 100%;
    margin-right: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media screen and (width>=480px) {
    .AMPEr_modal.AMPEr--centered {
        top: 50%;
        left: 50%;
        bottom: unset;
        border-radius: .625rem;
        width: 22rem;
        position: fixed;
        transform: translate(-50%, -50%)
    }
}

#AMPEr_Underlay {
    z-index: -1;
    background: #0006;
    position: fixed;
    inset: 0
}

@keyframes AMPEr-slide-right {
    to {
        right: 15px
    }
}

@keyframes AMPEr-slide-left {
    to {
        left: 15px
    }
}

#AMPEr_Cookies {
    z-index: 1900
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: #0000
}

abbr[title] {
    text-decoration: underline;
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    vertical-align: baseline;
    z-index: -1;
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=reset]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=button]:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=reset]:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=submit]:-moz-focusring {
    outline: 1px dotted buttontext
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    white-space: normal;
    max-width: 100%;
    padding: 0;
    display: table
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button {
    height: auto
}

[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template,
[hidden] {
    display: none
}

* {
    box-sizing: border-box
}

.container-fluid,
.container {
    width: 100%;
    max-width: 1690px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.5rem
}

@media (width<=760px) {

    .container-fluid,
    .container {
        padding: 0 1.75rem
    }
}

.page-homepage_custom #page-content {
    margin-top: calc(var(--header-height) + 4rem)
}

@media (width<=760px) {
    .page-homepage_custom #page-content {
        margin-top: calc(var(--header-height-mob) + 1.5rem)
    }
}

.row {
    box-sizing: border-box;
    flex-flow: row;
    flex: 0 auto;
    gap: 2.25rem;
    margin-bottom: 2.25rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    display: flex
}

@media (width<=760px) {
    .row {
        flex-wrap: wrap;
        gap: .5rem;
        margin-bottom: .5rem
    }
}

.row>div {
    flex: 1 1 0
}

@media (width<=760px) {
    .row>div {
        flex-basis: 100%
    }
}

.row.reverse {
    flex-direction: row-reverse
}

.col.reverse {
    flex-direction: column-reverse
}

.c-xs,
.c1-xs,
.c2-xs,
.c3-xs,
.c4-xs,
.c5-xs,
.c6-xs,
.c7-xs,
.c8-xs,
.c9-xs,
.c10-xs,
.c11-xs,
.c12-xs,
.cos0-xs,
.cos1-xs,
.cos2-xs,
.cos3-xs,
.cos4-xs,
.cos5-xs,
.cos6-xs,
.cos7-xs,
.cos8-xs,
.cos9-xs,
.cos10-xs,
.cos11-xs,
.cos12-xs {
    box-sizing: border-box;
    flex: none;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.c-xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
}

.c1-xs {
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

.c2-xs {
    flex-basis: 16.6667%;
    max-width: 16.6667%
}

.c3-xs {
    flex-basis: 25%;
    max-width: 25%
}

.c4-xs {
    flex-basis: 33.3333%;
    max-width: 33.3333%
}

.c5-xs {
    flex-basis: 41.6667%;
    max-width: 41.6667%
}

.c6-xs {
    flex-basis: 50%;
    max-width: 50%
}

.c7-xs {
    flex-basis: 58.3333%;
    max-width: 58.3333%
}

.c8-xs {
    flex-basis: 66.6667%;
    max-width: 66.6667%
}

.c9-xs {
    flex-basis: 75%;
    max-width: 75%
}

.c10-xs {
    flex-basis: 83.3333%;
    max-width: 83.3333%
}

.c11-xs {
    flex-basis: 91.6667%;
    max-width: 91.6667%
}

.c12-xs {
    flex-basis: 100%;
    max-width: 100%
}

.cos0-xs {
    margin-left: 0
}

.cos1-xs {
    margin-left: 8.33333%
}

.cos2-xs {
    margin-left: 16.6667%
}

.cos3-xs {
    margin-left: 25%
}

.cos4-xs {
    margin-left: 33.3333%
}

.cos5-xs {
    margin-left: 41.6667%
}

.cos6-xs {
    margin-left: 50%
}

.cos7-xs {
    margin-left: 58.3333%
}

.cos8-xs {
    margin-left: 66.6667%
}

.cos9-xs {
    margin-left: 75%
}

.cos10-xs {
    margin-left: 83.3333%
}

.cos11-xs {
    margin-left: 91.6667%
}

.start-xs {
    text-align: start;
    justify-content: flex-start
}

.center-xs {
    text-align: center;
    justify-content: center
}

.end-xs {
    text-align: end;
    justify-content: flex-end
}

.top-xs {
    align-items: flex-start
}

.middle-xs {
    align-items: center
}

.bottom-xs {
    align-items: flex-end
}

.around-xs {
    justify-content: space-around
}

.between-xs {
    justify-content: space-between
}

.first-xs {
    order: -1
}

.last-xs {
    order: 1
}

@media only screen and (width>=761px) {

    .c-sm,
    .c1-sm,
    .c2-sm,
    .c3-sm,
    .c4-sm,
    .c5-sm,
    .c6-sm,
    .c7-sm,
    .c8-sm,
    .c9-sm,
    .c10-sm,
    .c11-sm,
    .c12-sm,
    .cos0-sm,
    .cos1-sm,
    .cos2-sm,
    .cos3-sm,
    .cos4-sm,
    .cos5-sm,
    .cos6-sm,
    .cos7-sm,
    .cos8-sm,
    .cos9-sm,
    .cos10-sm,
    .cos11-sm,
    .cos12-sm {
        box-sizing: border-box;
        flex: none;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .row {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .c-sm {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .c1-sm {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .c2-sm {
        flex-basis: 16.6667%;
        max-width: 16.6667%
    }

    .c3-sm {
        flex-basis: 25%;
        max-width: 25%
    }

    .c4-sm {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }

    .c5-sm {
        flex-basis: 41.6667%;
        max-width: 41.6667%
    }

    .c6-sm {
        flex-basis: 50%;
        max-width: 50%
    }

    .c7-sm {
        flex-basis: 58.3333%;
        max-width: 58.3333%
    }

    .c8-sm {
        flex-basis: 66.6667%;
        max-width: 66.6667%
    }

    .c9-sm {
        flex-basis: 75%;
        max-width: 75%
    }

    .c10-sm {
        flex-basis: 83.3333%;
        max-width: 83.3333%
    }

    .c11-sm {
        flex-basis: 91.6667%;
        max-width: 91.6667%
    }

    .c12-sm {
        flex-basis: 100%;
        max-width: 100%
    }

    .cos0-sm {
        margin-left: 0
    }

    .cos1-sm {
        margin-left: 8.33333%
    }

    .cos2-sm {
        margin-left: 16.6667%
    }

    .cos3-sm {
        margin-left: 25%
    }

    .cos4-sm {
        margin-left: 33.3333%
    }

    .cos5-sm {
        margin-left: 41.6667%
    }

    .cos6-sm {
        margin-left: 50%
    }

    .cos7-sm {
        margin-left: 58.3333%
    }

    .cos8-sm {
        margin-left: 66.6667%
    }

    .cos9-sm {
        margin-left: 75%
    }

    .cos10-sm {
        margin-left: 83.3333%
    }

    .cos11-sm {
        margin-left: 91.6667%
    }

    .start-sm {
        text-align: start;
        justify-content: flex-start
    }

    .center-sm {
        text-align: center;
        justify-content: center
    }

    .end-sm {
        text-align: end;
        justify-content: flex-end
    }

    .top-sm {
        align-items: flex-start
    }

    .middle-sm {
        align-items: center
    }

    .bottom-sm {
        align-items: flex-end
    }

    .around-sm {
        justify-content: space-around
    }

    .between-sm {
        justify-content: space-between
    }

    .first-sm {
        order: -1
    }

    .last-sm {
        order: 1
    }
}

@media only screen and (width>=1025px) {

    .c-md,
    .c1-md,
    .c2-md,
    .c3-md,
    .c4-md,
    .c5-md,
    .c6-md,
    .c7-md,
    .c8-md,
    .c9-md,
    .c10-md,
    .c11-md,
    .c12-md,
    .cos0-md,
    .cos1-md,
    .cos2-md,
    .cos3-md,
    .cos4-md,
    .cos5-md,
    .cos6-md,
    .cos7-md,
    .cos8-md,
    .cos9-md,
    .cos10-md,
    .cos11-md,
    .cos12-md {
        box-sizing: border-box;
        flex: none;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .row {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .c-md {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .c1-md {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .c2-md {
        flex-basis: 16.6667%;
        max-width: 16.6667%
    }

    .c3-md {
        flex-basis: 25%;
        max-width: 25%
    }

    .c4-md {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }

    .c5-md {
        flex-basis: 41.6667%;
        max-width: 41.6667%
    }

    .c6-md {
        flex-basis: 50%;
        max-width: 50%
    }

    .c7-md {
        flex-basis: 58.3333%;
        max-width: 58.3333%
    }

    .c8-md {
        flex-basis: 66.6667%;
        max-width: 66.6667%
    }

    .c9-md {
        flex-basis: 75%;
        max-width: 75%
    }

    .c10-md {
        flex-basis: 83.3333%;
        max-width: 83.3333%
    }

    .c11-md {
        flex-basis: 91.6667%;
        max-width: 91.6667%
    }

    .c12-md {
        flex-basis: 100%;
        max-width: 100%
    }

    .cos0-md {
        margin-left: 0
    }

    .cos1-md {
        margin-left: 8.33333%
    }

    .cos2-md {
        margin-left: 16.6667%
    }

    .cos3-md {
        margin-left: 25%
    }

    .cos4-md {
        margin-left: 33.3333%
    }

    .cos5-md {
        margin-left: 41.6667%
    }

    .cos6-md {
        margin-left: 50%
    }

    .cos7-md {
        margin-left: 58.3333%
    }

    .cos8-md {
        margin-left: 66.6667%
    }

    .cos9-md {
        margin-left: 75%
    }

    .cos10-md {
        margin-left: 83.3333%
    }

    .cos11-md {
        margin-left: 91.6667%
    }

    .start-md {
        text-align: start;
        justify-content: flex-start
    }

    .center-md {
        text-align: center;
        justify-content: center
    }

    .end-md {
        text-align: end;
        justify-content: flex-end
    }

    .top-md {
        align-items: flex-start
    }

    .middle-md {
        align-items: center
    }

    .bottom-md {
        align-items: flex-end
    }

    .around-md {
        justify-content: space-around
    }

    .between-md {
        justify-content: space-between
    }

    .first-md {
        order: -1
    }

    .last-md {
        order: 1
    }
}

@media only screen and (width>=1200px) {

    .c-lg,
    .c1-lg,
    .c2-lg,
    .c3-lg,
    .c4-lg,
    .c5-lg,
    .c6-lg,
    .c7-lg,
    .c8-lg,
    .c9-lg,
    .c10-lg,
    .c11-lg,
    .c12-lg,
    .cos0-lg,
    .cos1-lg,
    .cos2-lg,
    .cos3-lg,
    .cos4-lg,
    .cos5-lg,
    .cos6-lg,
    .cos7-lg,
    .cos8-lg,
    .cos9-lg,
    .cos10-lg,
    .cos11-lg,
    .cos12-lg {
        box-sizing: border-box;
        flex: none;
        padding-left: 15px;
        padding-right: 15px
    }

    .c-lg {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .c1-lg {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .c2-lg {
        flex-basis: 16.6667%;
        max-width: 16.6667%
    }

    .c3-lg {
        flex-basis: 25%;
        max-width: 25%
    }

    .c4-lg {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }

    .c5-lg {
        flex-basis: 41.6667%;
        max-width: 41.6667%
    }

    .c6-lg {
        flex-basis: 50%;
        max-width: 50%
    }

    .c7-lg {
        flex-basis: 58.3333%;
        max-width: 58.3333%
    }

    .c8-lg {
        flex-basis: 66.6667%;
        max-width: 66.6667%
    }

    .c9-lg {
        flex-basis: 75%;
        max-width: 75%
    }

    .c10-lg {
        flex-basis: 83.3333%;
        max-width: 83.3333%
    }

    .c11-lg {
        flex-basis: 91.6667%;
        max-width: 91.6667%
    }

    .c12-lg {
        flex-basis: 100%;
        max-width: 100%
    }

    .cos0-lg {
        margin-left: 0
    }

    .cos1-lg {
        margin-left: 8.33333%
    }

    .cos2-lg {
        margin-left: 16.6667%
    }

    .cos3-lg {
        margin-left: 25%
    }

    .cos4-lg {
        margin-left: 33.3333%
    }

    .cos5-lg {
        margin-left: 41.6667%
    }

    .cos6-lg {
        margin-left: 50%
    }

    .cos7-lg {
        margin-left: 58.3333%
    }

    .cos8-lg {
        margin-left: 66.6667%
    }

    .cos9-lg {
        margin-left: 75%
    }

    .cos10-lg {
        margin-left: 83.3333%
    }

    .cos11-lg {
        margin-left: 91.6667%
    }

    .start-lg {
        text-align: start;
        justify-content: flex-start
    }

    .center-lg {
        text-align: center;
        justify-content: center
    }

    .end-lg {
        text-align: end;
        justify-content: flex-end
    }

    .top-lg {
        align-items: flex-start
    }

    .middle-lg {
        align-items: center
    }

    .bottom-lg {
        align-items: flex-end
    }

    .around-lg {
        justify-content: space-around
    }

    .between-lg {
        justify-content: space-between
    }

    .first-lg {
        order: -1
    }

    .last-lg {
        order: 1
    }
}

.sr-only {
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    width: auto !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important
}

.skip-link {
    color: #fff;
    z-index: 990;
    background: #e5007e;
    padding: 4px;
    font-weight: 400;
    transition: transform .1s;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-100%)
}

.skip-link:focus {
    transform: translate(0%)
}

.hidden,
[hidden],
[x-cloak] {
    display: none
}

@media (width<=760px) {
    [x-cloak=mobile] {
        display: none
    }
}

@media screen and (width<=760px) {
    .hide-mob {
        display: none !important
    }

    .mobile {
        display: block
    }
}

@media screen and (width>=761px) and (width<=1024px) {
    .hide-tab {
        display: none !important
    }

    .mobile {
        display: none
    }
}

@media screen and (width>=1025px) {
    .hide-desk {
        display: none !important
    }

    .mobile {
        display: none
    }
}

.less-space-bottom,
.less-space-top {
    margin-bottom: 0
}

.block {
    display: block
}

.flex {
    display: flex
}

.align-mid {
    align-self: center
}

.align-bot {
    align-self: flex-end
}

.relative,
.outer-glow picture {
    position: relative
}

.outer-glow picture:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    font-family: komtit-title, sans-serif
}

p {
    color: #fff
}

.font-good {
    font-family: good-times, sans-serif
}

.font-input {
    font-family: input-sans, sans-serif
}

.font-mont {
    font-family: montserrat, sans-serif
}

html {
    font-size: 16px
}

@media (width<=1710px) and (width>=1025px) {
    html {
        font-size: .9365vw
    }
}

@media (width<=1024px) {
    html {
        font-size: .9365vw
    }
}

@media (width<=760px) {
    html {
        font-size: 16px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    width: fit-content;
    font-weight: unset;
    margin-top: 0
}

h1 {
    font-size: 2.125rem
}

h2 {
    font-size: 1.875rem
}

h3 {
    font-size: 1.5rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

p {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.75
}

p+p {
    margin-top: .75rem
}

@media (width<=760px) {
    p {
        font-size: 1rem
    }
}

p.introduction {
    font-weight: 500
}

.font-thin {
    font-weight: 100
}

.font-extralight {
    font-weight: 200
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-black {
    font-weight: 900
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.underline {
    text-decoration: underline
}

.overline {
    text-decoration-line: overline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none
}

a {
    color: #ff31c7;
    font-size: inherit;
    font-familiy: inherit;
    font-weight: inherit;
    text-decoration: none
}

html {
    background-color: #000
}

.transition-none {
    transition-property: none
}

.transition-all {
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-property: opacity;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-shadow {
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.delay-75 {
    transition-delay: 75ms
}

.delay-100 {
    transition-delay: .1s
}

.delay-125 {
    transition-delay: .125s
}

.delay-150 {
    transition-delay: .15s
}

.delay-175 {
    transition-delay: .175s
}

.delay-200 {
    transition-delay: .2s
}

.duration-75 {
    transition-duration: 75ms
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-250 {
    transition-duration: .25s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.translate-x-full {
    transform: translate(100%)
}

.translate-x-0 {
    transform: translate(0)
}

.translate-menu-full {
    transform: translate(100%)
}

.translate-menu-0 {
    transform: translate(0)
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tab-transition-enter {
    transition-timing-function: cubic-bezier(.68, -.3, .32, 1)
}

.tab-transition-enter-start {
    opacity: 0;
    transform: translateY(-8px)
}

.tab-transition-enter-end {
    opacity: 1;
    transition-duration: .7s;
    transform: translateY(0)
}

.tab-transition-leave {
    transition-timing-function: cubic-bezier(.68, -.3, .32, 1)
}

.tab-transition-leave-start {
    opacity: 1;
    transform: translateY(0)
}

.tab-transition-leave-end {
    opacity: 0;
    transition-duration: .3s;
    transform: translateY(12px)
}

.btn {
    font: inherit;
    color: inherit;
    cursor: pointer;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    text-transform: uppercase;
    letter-spacing: .05rem;
    background-color: #fff;
    border: 1px solid #0000001a;
    border-radius: 999rem;
    justify-content: center;
    align-items: center;
    width: auto;
    min-height: 2.5rem;
    margin: 0;
    padding: calc(.25rem - 1px) calc(1.5rem - 1px);
    font-size: 1.5rem;
    line-height: 1.2;
    text-decoration: none;
    transition: all .25s;
    display: inline-flex;
    position: relative;
    box-shadow: 0 1px 3px #00000005
}

@media (width<=760px) {
    .btn {
        font-size: 1.25rem
    }
}

.btn:hover,
.btn:focus {
    color: inherit;
    border-color: #00000026;
    box-shadow: 0 4px 12px #0000001a
}

.btn:active {
    color: #000000a6;
    background-color: #f0f0f1;
    border-color: #00000026;
    box-shadow: 0 2px 4px #0000000f
}

.btn-reset {
    font: inherit;
    color: inherit;
    cursor: pointer;
    background-color: #0000;
    border: none;
    padding: 0
}

.btn--primary {
    color: #fff;
    background-color: #ff31c7;
    border-color: #ff31c7
}

.btn--primary:hover,
.btn--primary:focus {
    text-shadow: 0 0 15px #fff, 0 0 25px #fff, 0 0 50px #fff;
    color: #fff;
    background-color: #ff31c7;
    border-color: #ff31c7;
    box-shadow: 0 0 5px #ff31c7, 0 0 25px #ff31c7, 0 0 50px #ff31c7
}

@media (width<=760px) {

    .btn--primary:hover,
    .btn--primary:focus {
        text-shadow: 0 0 8px #fff, 0 0 15px #fff, 0 0 35px #fff;
        box-shadow: 0 0 2px #ff31c7, 0 0 15px #ff31c7, 0 0 35px #ff31c7
    }
}

.btn--secondary {
    color: #000;
    background-color: #ffd45e;
    border-color: #ffd45e
}

.btn--secondary:hover,
.btn--secondary:focus {
    text-shadow: none;
    color: #000;
    background-color: #ffd45e;
    border-color: #ffd45e;
    box-shadow: 0 0 5px #ffd45e, 0 0 25px #ffd45e, 0 0 50px #ffd45e
}

@media (width<=760px) {

    .btn--secondary:hover,
    .btn--secondary:focus {
        box-shadow: 0 0 2px #ffd45e, 0 0 15px #ffd45e, 0 0 35px #ffd45e
    }
}

.btn--tertiary {
    color: #f6f2ea;
    background-color: #0041ff;
    border-color: #0041ff
}

.btn--tertiary:hover,
.btn--tertiary:focus {
    text-shadow: 0 0 15px #f6f2ea, 0 0 25px #f6f2ea, 0 0 50px #f6f2ea;
    color: #f6f2ea;
    background-color: #0041ff;
    border-color: #0041ff;
    box-shadow: 0 0 5px #0041ff, 0 0 25px #0041ff, 0 0 50px #0041ff
}

@media (width<=760px) {

    .btn--tertiary:hover,
    .btn--tertiary:focus {
        text-shadow: 0 0 8px #f6f2ea, 0 0 15px #f6f2ea, 0 0 35px #f6f2ea;
        box-shadow: 0 0 2px #0041ff, 0 0 15px #0041ff, 0 0 35px #0041ff
    }
}

.btn--icon-left svg {
    width: 1.5rem;
    height: auto;
    margin-right: 1rem;
    display: block
}

.btn--icon-right svg {
    width: 1.5rem;
    height: auto;
    margin-left: 1rem;
    display: block
}

.block__buttons a:not(:last-of-type) {
    margin-right: 1rem
}

.btn.large {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1.3125rem 0;
    font-size: 1.875rem;
    line-height: 1.2;
    display: flex
}

@media (width<=760px) {
    .btn.large {
        margin-top: 1rem;
        padding: 1rem 0;
        font-size: 1.125rem
    }
}

.btn.large.btn--primary {
    background-color: #fc0b70;
    border-color: #fc0b70
}

.btn.large.btn--primary:hover,
.btn.large.btn--primary:focus {
    text-shadow: 0 0 15px #fff, 0 0 25px #fff, 0 0 50px #fff;
    color: #fff;
    background-color: #fc0b70;
    border-color: #fc0b70;
    box-shadow: 0 0 5px #fc0b70, 0 0 25px #fc0b70, 0 0 50px #fc0b70
}

@media (width<=760px) {

    .btn.large.btn--primary:hover,
    .btn.large.btn--primary:focus {
        text-shadow: 0 0 8px #fff, 0 0 15px #fff, 0 0 35px #fff;
        box-shadow: 0 0 2px #ff31c7, 0 0 15px #ff31c7, 0 0 35px #ff31c7
    }
}

.book-now {
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #000;
    background-color: #fff;
    border-radius: 999rem;
    flex-direction: row;
    align-items: center;
    gap: .75rem;
    width: fit-content;
    padding-right: 1.25rem;
    display: flex
}

.book-now--icon {
    aspect-ratio: 1;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.book-now--icon svg {
    width: 1.25rem;
    max-width: 20px
}

.book-now:hover {
    text-shadow: none
}

.block {
    position: relative
}

.block.alt * {
    font-family: good-times;
    font-size: 2.655rem
}

.block__one {
    align-items: center;
    height: 19rem;
    display: flex;
    position: relative
}

@media (width<=760px) {
    .block__one {
        height: 12rem
    }
}

.block__one h1 {
    letter-spacing: .025rem;
    color: #000;
    width: min-content;
    margin-top: -1.5rem;
    margin-left: 30rem;
    font-family: komtit-tall, sans-serif;
    font-size: 4.3rem;
    line-height: 5rem
}

@media (width>=540px) and (width<=760px) {
    .block__one h1 {
        margin-top: 4rem;
        margin-left: 16rem;
        font-size: 3rem;
        line-height: 1.1;
        display: block
    }
}

@media (width<=539px) {
    .block__one h1 {
        z-index: 999;
        color: #000;
        margin-top: -3rem;
        margin-left: auto;
        font-size: 2rem;
        line-height: 1.2
    }
}

.block__one .offer_price {
    z-index: 5;
    color: #000;
    width: fit-content;
    font-family: komtit-tall, sans-serif;
    font-size: 3.9rem;
    position: absolute;
    top: .75rem;
    right: 14rem;
    transform: rotate(-3deg)
}

@media (width>=540px) and (width<=760px) {
    .block__one .offer_price {
        font-size: 3rem;
        top: .5rem;
        right: 2.25rem
    }
}

@media (width<=539px) {
    .block__one .offer_price {
        margin-left: auto;
        margin-right: 0;
        font-size: 2.25rem;
        position: absolute;
        top: 7.5rem;
        right: 2.5rem
    }
}

.block__one .img {
    width: auto;
    height: 38rem;
    position: absolute;
    top: -12.5rem;
    left: -9rem
}

@media (width>=540px) and (width<=760px) {
    .block__one .img {
        z-index: 99;
        height: 19rem;
        display: block;
        top: -5.5rem;
        left: -3.5rem
    }
}

@media (width<=539px) {
    .block__one .img {
        height: 14rem;
        display: block;
        top: -4rem;
        left: -3.5rem
    }
}

.block__one__background {
    height: 19rem;
    position: absolute;
    top: 0;
    right: 0
}

@media (width<=760px) {
    .block__one__background {
        height: 12rem;
        display: none;
        position: absolute;
        top: 0;
        right: 0
    }
}

.block__one__overlay {
    width: 15rem;
    height: auto;
    position: absolute;
    top: -1rem;
    right: 10rem
}

@media (width>=540px) and (width<=760px) {
    .block__one__overlay {
        width: 12rem;
        top: -1rem;
        right: -1rem
    }
}

@media (width<=539px) {
    .block__one__overlay {
        z-index: 1;
        width: 9rem;
        margin-left: 0;
        margin-right: 0;
        position: absolute;
        top: 6.5rem;
        right: 0
    }
}

.block__one .btn {
    z-index: 100;
    background-color: #000;
    border-color: #000;
    width: fit-content;
    font-size: 1.75rem;
    font-weight: 600;
    position: absolute;
    bottom: 1.5rem;
    left: 26rem;
    box-shadow: 0 0 50px #fff
}

.block__one .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

@media (width<=760px) {
    .block__one .btn {
        width: max-content;
        font-size: 1.25rem;
        position: absolute;
        bottom: 1rem;
        left: 1rem
    }
}

.block__one__full {
    align-items: center;
    height: 19rem;
    display: flex;
    position: relative;
    overflow: visible
}

@media (width<=760px) {
    .block__one__full {
        height: 10rem
    }
}

.block__one__full h1 {
    letter-spacing: .025rem;
    color: #000;
    width: min-content;
    margin-top: -1.5rem;
    margin-left: 40rem;
    font-family: komtit-tall, sans-serif;
    font-size: 5rem;
    line-height: 5.4rem
}

@media (width>=540px) and (width<=760px) {
    .block__one__full h1 {
        z-index: 999;
        margin-top: -2rem;
        margin-left: 44vw;
        font-size: 2.5rem;
        line-height: 1.1;
        display: block
    }
}

@media (width<=539px) {
    .block__one__full h1 {
        z-index: 999;
        color: #000;
        margin-top: -3rem;
        margin-left: 6rem;
        font-size: 2rem;
        line-height: 1.2
    }
}

@media (width>=320px) and (width<=400px) {
    .block__one__full h1 {
        margin-top: -2.9rem
    }
}

.block__one__full .offer_price {
    z-index: 5;
    color: #000;
    letter-spacing: -.2rem;
    width: fit-content;
    font-family: komtit-tall, sans-serif;
    font-size: 5.5rem;
    position: absolute;
    top: 2.5rem;
    right: 20rem;
    transform: rotate(-3deg)
}

@media (width>=540px) and (width<=760px) {
    .block__one__full .offer_price {
        letter-spacing: 0;
        z-index: 9999;
        font-size: 2.25rem;
        top: 6rem;
        right: 1.75rem
    }
}

@media (width<=539px) {
    .block__one__full .offer_price {
        letter-spacing: 0;
        margin-left: auto;
        margin-right: 0;
        font-size: 2rem;
        position: absolute;
        top: 6.2rem;
        right: 2rem
    }
}

.block__one__full .img {
    z-index: 99;
    width: auto;
    height: 42rem;
    position: absolute;
    top: -12.5rem;
    left: -10rem
}

@media (width>=540px) and (width<=760px) {
    .block__one__full .img {
        z-index: 99;
        height: 19rem;
        display: block;
        top: -5.5rem;
        left: -3.5rem
    }
}

@media (width<=539px) {
    .block__one__full .img {
        display: none
    }
}

.block__one__full__background {
    height: 19rem;
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

@media (width<=760px) {
    .block__one__full__background {
        height: 12rem;
        position: absolute;
        top: 0;
        right: -15rem
    }
}

.block__one__full__woman_mobile {
    display: none
}

@media (width<=760px) {
    .block__one__full__woman_mobile {
        width: 7rem;
        display: block;
        position: absolute;
        top: 0;
        right: 0
    }
}

.block__one__full__overlay {
    width: 21rem;
    height: auto;
    position: absolute;
    top: 0;
    right: 15rem
}

@media (width>=540px) and (width<=760px) {
    .block__one__full__overlay {
        width: 12rem;
        top: unset;
        z-index: 999;
        bottom: -.7rem;
        right: -1rem
    }
}

@media (width<=539px) {
    .block__one__full__overlay {
        z-index: 1;
        width: 9rem;
        margin-left: 0;
        margin-right: 0;
        position: absolute;
        top: 5rem;
        right: .1rem
    }
}

.block__one__full .btn {
    z-index: 100;
    background-color: #000;
    border-color: #000;
    width: fit-content;
    font-size: 1.5rem;
    font-weight: 600;
    position: absolute;
    bottom: 1.75rem;
    left: 41rem;
    box-shadow: 0 0 50px #fff
}

.block__one__full .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

@media (width<=539px) {
    .block__one__full .btn {
        width: max-content;
        font-size: 1.25rem;
        position: absolute;
        bottom: 1rem;
        left: 1rem
    }
}

@media (width>=540px) and (width<=639px) {
    .block__one__full .btn {
        bottom: .5rem;
        left: 30vw
    }
}

@media (width>=640px) and (width<=760px) {
    .block__one__full .btn {
        bottom: .5rem;
        left: 45vw
    }
}

.block__one__deal_mobile {
    display: none
}

@media (width<=539px) {
    .block__one__deal_mobile {
        width: 10rem;
        display: block;
        position: absolute;
        top: -1rem;
        left: -2.5rem
    }
}

.block__two {
    z-index: 2;
    height: 47rem;
    position: relative;
    overflow: visible
}

@media (width<=760px) {
    .block__two {
        height: 14rem
    }
}

.block__two h2 {
    letter-spacing: .1rem;
    z-index: 5;
    color: #000;
    margin-top: 6.25rem;
    margin-left: 25rem;
    font-family: komtit-tall, sans-serif;
    font-size: 4rem;
    position: absolute
}

@media (width>=760px) and (width<=1700px) {
    .block__two h2 {
        margin-left: 32.5rem
    }
}

@media (width>=1701px) and (width<=1919px) {
    .block__two h2 {
        margin-right: 5rem
    }
}

@media (width<=760px) {
    .block__two h2 {
        margin-top: 2rem;
        margin-left: 6rem;
        font-size: 1.5rem
    }
}

.block__two h3 {
    color: #fff;
    text-indent: -20rem;
    z-index: 5;
    width: 45rem;
    font-size: 6.8rem;
    line-height: .9;
    position: relative;
    top: 12rem;
    transform: rotate(-5deg);
    font-family: bello-pro, sans-serif !important
}

@media (width>=760px) and (width<=1700px) {
    .block__two h3 {
        left: 61rem
    }
}

@media (width>=1701px) and (width<=1919px) {
    .block__two h3 {
        position: absolute;
        right: -34rem
    }
}

@media (width>=1920px) {
    .block__two h3 {
        left: 53rem
    }
}

@media (width<=760px) {
    .block__two h3 {
        text-indent: -20vw;
        z-index: 5;
        margin-top: 3rem;
        font-size: 9vw;
        line-height: .9;
        position: relative;
        top: -.5rem;
        right: 0
    }
}

.block__two h3 span {
    position: absolute;
    top: 0
}

.block__two h3 span:first-child {
    z-index: 999
}

.block__two h3 span:nth-child(2) {
    z-index: 1;
    text-stroke: 0px #000;
    -webkit-text-stroke: 0px #000;
    color: #000;
    text-shadow: 4px 4px #000, 8px 8px #0041ff
}

@media (width<=760px) {
    .block__two h3 span {
        top: 1rem;
        left: 35vw
    }

    .block__two h3 span:nth-child(2) {
        z-index: 1;
        -webkit-text-stroke: 0px #000;
        color: #000;
        text-shadow: 3px 3px #000, 5px 5px #0041ff
    }
}

.block__two h3:first-line {
    text-indent: 5rem
}

.block__two__woman {
    z-index: 9;
    width: 75rem;
    position: absolute;
    bottom: -5rem;
    right: 8rem
}

@media (width>=760px) and (width<=1700px) {
    .block__two__woman {
        bottom: -4rem;
        right: 12rem
    }
}

@media (width<=760px) {
    .block__two__woman {
        width: auto;
        height: 14rem;
        bottom: -1.5rem;
        left: -5.5rem
    }
}

.block__two__bg_image {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

@media (width<=760px) {
    .block__two__bg_image {
        -o-object-fit: cover;
        object-fit: cover;
        z-index: -1;
        height: 14rem
    }
}

.block__two .btn {
    border: unset;
    z-index: 100;
    width: 10rem;
    box-shadow: unset;
    background-color: #000;
    font-size: 1.75rem;
    font-weight: 600;
    position: absolute;
    bottom: 3.75rem;
    right: 4rem;
    box-shadow: 0 0 50px #fff
}

.block__two .btn img {
    width: 100%
}

.block__two .btn:is(:hover, :focus) {
    color: unset;
    box-shadow: unset;
    border-color: unset;
    background-color: #fff;
    box-shadow: 0 0 50px #fff
}

@media (width<=760px) {
    .block__two .btn {
        width: 8rem;
        font-size: 1.25rem;
        position: absolute;
        bottom: 1rem;
        right: 1rem
    }
}

.block__three {
    z-index: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    position: relative;
    overflow: clip
}

.block__three:before {
    content: "";
    z-index: 99;
    background-image: linear-gradient(#fc5d20 66%, #0000);
    width: 100%;
    height: 20rem;
    position: absolute;
    top: 0;
    left: 0
}

@media (width<=760px) {
    .block__three:before {
        background-image: linear-gradient(#fc5d20, #0000);
        height: 10rem
    }
}

.block__three picture {
    position: absolute
}

.block__three picture:first-of-type {
    z-index: 100;
    width: 58rem;
    position: absolute;
    top: -25rem;
    right: -14rem
}

@media (width<=760px) {
    .block__three picture:first-of-type {
        width: 18rem;
        top: -7rem;
        left: unset;
        z-index: 99;
        margin-left: auto;
        right: 3rem
    }
}

.block__three picture:nth-of-type(2) {
    z-index: 10;
    width: 100%;
    bottom: 0;
    left: 0
}

@media (width<=760px) {
    .block__three {
        height: 20rem
    }
}

.block__three h2 {
    text-align: center;
    z-index: 999;
    color: #000;
    width: min-content;
    font-family: komtit-title, sans-serif;
    font-size: 5.625rem;
    line-height: .85;
    position: absolute;
    top: 2rem
}

@media (width>=760px) and (width<=1700px) {
    .block__three h2 {
        right: 7rem
    }
}

@media (width<=760px) {
    .block__three h2 {
        width: max-content;
        font-size: 2rem;
        line-height: .9;
        position: absolute;
        top: 1rem;
        right: 5rem
    }
}

.block__three__image {
    z-index: 999;
    width: 50rem;
    height: auto;
    position: absolute;
    top: 0;
    left: 3rem
}

@media (width<=760px) {
    .block__three__image {
        width: 32rem;
        top: -14rem;
        right: 50%;
        left: unset;
        transform: translate(50%)
    }
}

.block__three__bottom_image {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0
}

@media (width<=760px) {
    .block__three__bottom_image {
        -o-object-position: 20%;
        object-position: 20%;
        bottom: -7rem;
        width: 100% !important
    }
}

@media (width>=500px) and (width<=760px) {
    .block__three__bottom_image {
        bottom: -15rem
    }
}

.block__three .btn {
    z-index: 100;
    background-color: #000;
    border-color: #000;
    width: max-content;
    font-size: 1.75rem;
    font-weight: 600;
    position: absolute;
    bottom: 3.75rem;
    right: 50%;
    transform: translate(50%);
    box-shadow: 0 0 50px #fff
}

.block__three .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

@media (width<=760px) {
    .block__three .btn {
        font-size: 1.25rem;
        bottom: 1.5rem
    }
}

.block__four {
    z-index: 1;
    height: 41.25rem;
    position: relative;
    overflow: visible
}

.block__four h2 {
    color: #fff;
    z-index: 9;
    letter-spacing: .125rem;
    align-items: center;
    width: 20rem;
    font-family: komtit-small, sans-serif;
    font-size: 4.375rem;
    display: flex;
    position: absolute;
    top: 8rem;
    left: 15rem
}

.block__four h2:before {
    content: "#1 ";
    margin-top: 0;
    margin-bottom: .75rem;
    margin-right: 1rem;
    font-family: komtit-kap, sans-serif;
    font-size: 13rem
}

@media (width<=760px) {
    .block__four h2 {
        width: 20rem;
        top: 2rem;
        left: 1rem;
        right: unset;
        font-size: 2rem
    }

    .block__four h2:before {
        margin-bottom: .25rem;
        margin-right: .5rem;
        font-size: 5rem
    }
}

@media (width>=480px) and (width<=760px) {
    .block__four h2 {
        left: 5rem
    }
}

.block__four_image.img {
    z-index: 5;
    width: 33rem;
    position: absolute;
    bottom: 1rem;
    right: 0
}

@media (width<=760px) {
    .block__four_image.img {
        width: 15rem;
        top: 1rem
    }
}

.block__four__bg_image {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.block__four_texteffect {
    width: 30rem;
    position: absolute;
    top: 4rem;
    left: 4rem
}

@media (width<=760px) {
    .block__four_texteffect {
        width: 12rem;
        top: .5rem;
        left: -4rem
    }
}

@media (width>=480px) and (width<=760px) {
    .block__four_texteffect {
        left: 1rem
    }
}

.block__four .btn {
    color: #fff;
    z-index: 99;
    background-color: #000;
    border-color: #000;
    font-size: 1.75rem;
    font-weight: 600;
    position: absolute;
    bottom: 2.3rem;
    right: 7.4rem
}

.block__four .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

@media (width<=760px) {
    .block__four .btn {
        width: max-content;
        font-size: 1.25rem;
        bottom: 1.5rem;
        left: 1.5rem
    }

    .block__four {
        height: 16rem;
        overflow: clip;
        flex: 0 0 100% !important
    }
}

.block__five {
    position: relative;
    overflow: visible
}

.block__five h2 {
    z-index: 99;
    text-align: center;
    color: #000;
    flex-direction: column;
    align-items: center;
    font-family: komtit-small, sans-serif;
    font-size: 4.375rem;
    line-height: 1.2;
    display: flex;
    position: absolute;
    bottom: 3rem;
    right: 13.5rem
}

.block__five h2 span {
    font-size: 6.25rem
}

@media (width<=760px) {
    .block__five h2 {
        font-size: 2rem;
        top: 2.5rem;
        right: 1.5rem
    }

    .block__five h2 span {
        font-size: 3rem
    }
}

.block__five__image.img {
    z-index: 10;
    width: 25rem;
    position: absolute;
    left: 0
}

@media (width<=760px) {
    .block__five__image.img {
        width: 12.5rem;
        left: 0
    }
}

.block__five__background_image.img {
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top left;
    object-position: top left;
    width: 100%;
    height: 41.25rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

@media (width<=760px) {
    .block__five__background_image.img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
        z-index: 1;
        height: 14rem
    }
}

@media (width>=560px) and (width<=760px) {
    .block__five__background_image.img {
        -o-object-position: 0 20%;
        object-position: 0 20%
    }
}

.block__five__text_effect.img {
    z-index: 999;
    width: 18rem;
    position: absolute;
    top: .5rem;
    bottom: 0;
    left: -1.5rem
}

@media (width<=760px) {
    .block__five__text_effect.img {
        width: 9rem;
        top: .5em;
        left: .5rem
    }
}

.block__five__title_image.img {
    z-index: 999;
    width: 20rem;
    position: absolute;
    bottom: 6rem;
    right: 50%;
    transform: translate(50%)
}

@media (width<=760px) {
    .block__five__title_image.img {
        width: 12rem;
        transform: unset;
        right: .5rem;
        left: unset;
        bottom: unset;
        top: 1rem
    }
}

@media (width>=500px) and (width<=760px) {
    .block__five__title_image.img {
        right: 17vw
    }
}

.block__five .btn {
    color: #fff;
    z-index: 99;
    background-color: #000;
    border-color: #000;
    width: max-content;
    font-size: 1.75rem;
    font-weight: 600;
    position: absolute;
    bottom: 2.3rem;
    right: 50%;
    transform: translate(50%)
}

.block__five .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

@media (width<=760px) {
    .block__five .btn {
        transform: unset;
        font-size: 1.25rem;
        bottom: 1rem;
        right: 1rem
    }
}

@media (width>=560px) and (width<=760px) {
    .block__five .btn {
        right: 15vw
    }
}

@media (width<=760px) {
    .block__five {
        height: 14rem;
        flex: 0 0 100% !important
    }
}

.block__six {
    visibility: visible;
    z-index: 2;
    height: 29rem;
    position: relative
}

@media (width<=760px) {
    .block__six {
        height: 33rem
    }
}

.block__six h2 {
    z-index: 99;
    color: #000;
    font-family: komtit-small, sans-serif;
    font-size: 5rem;
    position: absolute;
    top: 4.5rem;
    left: 4.5rem
}

@media (width<=760px) {
    .block__six h2 {
        font-size: 2rem;
        top: 1.5rem;
        left: 1.5rem
    }
}

.block__six p {
    z-index: 99;
    color: #000;
    width: 49rem;
    font-family: Abel, sans-serif;
    font-size: 1.875rem;
    line-height: 1.4;
    position: absolute;
    top: 11.75rem;
    left: 5rem
}

@media (width<=760px) {
    .block__six p {
        width: 80%;
        font-size: 1.25rem;
        top: 5rem;
        left: 1.5rem
    }
}

.block__six__image {
    z-index: 99;
    width: 22rem;
    position: absolute;
    bottom: 0;
    right: 13.75rem
}

@media (width<=760px) {
    .block__six__image {
        width: 12rem;
        bottom: 0;
        right: 6.5rem
    }
}

.block__six__image_product {
    z-index: 100;
    width: 23rem;
    position: absolute;
    bottom: -6rem;
    right: -3rem
}

@media (width<=760px) {
    .block__six__image_product {
        width: 12rem;
        bottom: -1.5rem;
        left: unset;
        right: -2rem
    }
}

.block__six .background_image_block_six {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 29rem;
    position: absolute;
    bottom: 0;
    left: 0
}

@media (width<=760px) {
    .block__six .background_image_block_six {
        height: 33rem
    }
}

.block__six .btn {
    color: #fff;
    z-index: 999;
    background-color: #000;
    border-color: #000;
    font-size: 1.75rem;
    font-weight: 600;
    position: absolute;
    bottom: 2.3rem;
    left: 5rem
}

.block__six .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

@media (width<=760px) {
    .block__six .btn {
        width: max-content;
        font-size: 1.25rem;
        bottom: 1.5rem;
        left: 1.5rem
    }
}

.block__seven {
    visibility: visible;
    z-index: 0;
    height: 31rem;
    position: relative
}

@media (width<=760px) {
    .block__seven {
        z-index: 1
    }
}

.block__seven h2 {
    z-index: 99;
    color: #000;
    width: 20rem;
    font-family: komtit-small, sans-serif;
    font-size: 5rem;
    line-height: 1.1;
    position: absolute;
    top: 12rem;
    left: 3rem
}

@media (width<=760px) {
    .block__seven h2 {
        width: 5rem;
        font-size: 2.5rem;
        line-height: 1.2;
        top: 8rem;
        left: 1.5rem
    }
}

.block__seven__image {
    width: 22.8rem;
    position: absolute;
    bottom: -2.25rem;
    right: -4rem
}

@media (width<=760px) {
    .block__seven__image {
        width: 14rem;
        bottom: -1.5rem;
        right: -3rem
    }
}

.block__seven .btn {
    color: #fff;
    z-index: 99;
    background-color: #000;
    border-color: #000;
    font-size: 1.75rem;
    font-weight: 600;
    position: absolute;
    bottom: 2.3rem;
    left: 2rem
}

.block__seven .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

@media (width<=760px) {
    .block__seven .btn {
        width: max-content;
        font-size: 1.25rem;
        bottom: 1.5rem;
        left: 1.5rem
    }
}

.block__seven .text_effect_image_block_seven {
    width: 30rem;
    position: absolute;
    top: -2rem;
    left: -3rem
}

@media (width<=760px) {
    .block__seven .text_effect_image_block_seven {
        width: 15rem;
        top: 0;
        left: 0
    }
}

.block__seven .background_image_block_seven {
    z-index: -1;
    height: 31rem;
    position: absolute;
    top: 0;
    left: 0
}

@media (width<=760px) {
    .block__seven .background_image_block_seven {
        -o-object-fit: cover;
        object-fit: cover;
        height: 20rem
    }

    .block__seven {
        height: 20rem;
        flex: 0 0 100% !important
    }
}

.block__eight {
    z-index: 0;
    height: 31rem;
    position: relative;
    overflow: clip
}

@media (width<=760px) {
    .block__eight {
        height: 20rem
    }
}

.block__eight h2 {
    z-index: 99;
    text-align: right;
    color: #000;
    width: 20rem;
    font-family: komtit-small, sans-serif;
    font-size: 5rem;
    line-height: 1.1;
    position: absolute;
    top: 1.5rem;
    left: 2rem
}

@media (width<=760px) {
    .block__eight h2 {
        text-align: left;
        width: 10rem;
        font-size: 2.5rem;
        top: 1rem;
        left: 3rem
    }
}

.block__eight__image {
    z-index: 2;
    width: 39rem;
    position: absolute;
    top: 0;
    left: 0
}

@media (width<=760px) {
    .block__eight__image {
        width: 22rem;
        bottom: -1.5rem;
        left: 0
    }
}

.block__eight .background_image_block_eight {
    z-index: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

@media (width<=760px) {
    .block__eight .background_image_block_eight {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }
}

.block__eight .btn {
    color: #fff;
    z-index: 999;
    background-color: #000;
    border-color: #000;
    font-size: 1.75rem;
    font-weight: 600;
    position: absolute;
    bottom: 2.3rem;
    left: 5rem
}

.block__eight .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

@media (width<=760px) {
    .block__eight .btn {
        width: max-content;
        font-size: 1.25rem;
        bottom: 1.5rem;
        left: 1.5rem
    }
}

.block__nine {
    z-index: 2;
    height: 36.25rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: visible
}

@media (width<=760px) {
    .block__nine {
        height: 20rem;
        margin-bottom: 5rem;
        flex: 0 0 100% !important
    }
}

.block__nine__image {
    z-index: 2;
    width: 15rem;
    position: absolute;
    top: -1.5rem;
    left: -2rem
}

@media (width<=760px) {
    .block__nine__image {
        width: 10rem;
        right: unset;
        top: -1rem;
        left: -1rem
    }
}

@media (width>=480px) and (width<=760px) {
    .block__nine__image {
        width: 12.5rem;
        left: 1rem
    }
}

.block__nine .background_image_block_nine {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media (width<=760px) {
    .block__nine .background_image_block_nine {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 0% 25%;
        object-position: 0% 25%;
        z-index: 1;
        height: 20rem
    }
}

.block__nine .btn {
    color: #000;
    z-index: 3;
    background-color: #fff;
    border-color: #fff;
    width: max-content;
    font-size: 1.75rem;
    font-weight: 600
}

@media (width<=760px) {
    .block__nine .btn:first-of-type {
        font-size: 1.25rem
    }
}

.block__nine .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

.block__nine .btn:is(:hover, :focus) svg {
    fill: #000;
    transition: all .25s
}

@media (width<=760px) {
    .block__nine .btn {
        width: max-content
    }
}

.block__nine .btn svg {
    fill: #000;
    transition: all .25s
}

.block__nine .whatsapp {
    padding: 0;
    background-color: unset !important;
    border: unset !important
}

.block__nine .whatsapp:hover {
    box-shadow: unset !important
}

.block__nine .whatsapp img {
    width: 5rem;
    height: auto
}

.block__nine__buttongroup {
    flex-direction: column;
    gap: 1rem;
    width: fit-content;
    display: flex;
    position: absolute;
    bottom: 4.3rem;
    left: 50%;
    transform: translate(-50%)
}

@media (width<=760px) {
    .block__nine__buttongroup {
        z-index: 999;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 20rem;
        bottom: 0;
        left: 50%;
        transform: translate(-50%)
    }
}

.block__nine__buttongroup .whatsapp {
    position: absolute;
    bottom: -4.5rem;
    right: -3.5rem
}

@media (width<=760px) {
    .block__nine__buttongroup .whatsapp {
        position: static
    }
}

.block__ten {
    height: 36.25rem;
    position: relative;
    overflow: visible
}

@media (width<=760px) {
    .block__ten {
        height: 35rem;
        flex: 0 0 100% !important
    }
}

.block__ten h2 {
    z-index: 99;
    text-align: left;
    color: #000;
    width: 15rem;
    font-family: komtit-small, sans-serif;
    font-size: 4.375rem;
    line-height: 1.1;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

@media (width<=760px) {
    .block__ten h2 {
        text-align: left;
        width: 10rem;
        font-size: 2.5rem;
        top: 1rem;
        right: 0
    }
}

.block__ten__image {
    z-index: 2;
    width: 22.5rem;
    position: absolute;
    bottom: -2.5rem;
    right: 3.75rem
}

@media (width<=760px) {
    .block__ten__image {
        width: 17rem;
        display: none;
        bottom: -3rem;
        left: 1rem
    }
}

.block__ten .text_effect_image_block_ten {
    z-index: 2;
    pointer-events: none;
    width: 32rem;
    position: absolute;
    top: 0;
    right: 0
}

@media (width<=760px) {
    .block__ten .text_effect_image_block_ten {
        z-index: 4;
        width: 20rem;
        top: 0;
        right: 0
    }
}

.block__ten .background_image_block_ten {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media (width<=760px) {
    .block__ten .background_image_block_ten {
        -o-object-fit: cover;
        object-fit: cover;
        z-index: 1;
        height: 35rem
    }
}

.block__ten .btn {
    color: #fff;
    z-index: 999;
    background-color: #000;
    border-color: #000;
    font-size: 1.75rem;
    font-weight: 600;
    position: absolute;
    bottom: 2.3rem;
    left: 18rem
}

.block__ten .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

@media (width<=760px) {
    .block__ten .btn {
        width: max-content;
        bottom: 1.5rem;
        right: 1.5rem;
        left: unset;
        font-size: 1.25rem
    }
}

.block-nine-ten {
    display: flex
}

@media (width<=760px) {
    .block-nine-ten {
        flex-wrap: wrap-reverse
    }

    .block-nine-ten .block__nine {
        margin-bottom: 5rem
    }

    .block-nine-ten .block__ten {
        margin-bottom: 0
    }
}

.block__book_now {
    height: 19rem;
    position: relative
}

@media (width<=760px) {
    .block__book_now {
        height: 12rem
    }
}

.block__book_now .btn {
    z-index: 100;
    background-color: #000;
    border-color: #000;
    gap: .75rem;
    width: fit-content;
    padding: .5rem 1.5rem;
    font-size: 1.75rem;
    font-weight: 600;
    display: flex;
    position: absolute;
    bottom: 2.25rem;
    right: 4rem
}

.block__book_now .btn:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

.block__book_now .btn:is(:hover, :focus) svg {
    fill: #000;
    transition: all .25s
}

.block__book_now .btn svg {
    fill: #fff;
    transition: all .25s
}

@media (width<=760px) {
    .block__book_now .btn {
        width: fit-content;
        font-size: 1.25rem;
        bottom: 1.5rem;
        right: 1.5rem
    }
}

.block__heading {
    height: 19rem;
    margin-bottom: 2.25rem;
    display: flex;
    position: relative;
    overflow-x: clip
}

@media (width<=760px) {
    .block__heading {
        height: 8rem
    }
}

.block__heading__image {
    z-index: 10;
    height: 23rem;
    position: absolute;
    top: -.25rem;
    right: 5rem
}

@media (width<=760px) {
    .block__heading__image {
        height: 9rem;
        bottom: -1.5rem;
        top: unset;
        right: 1rem
    }
}

.block__heading__backgroundimage {
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 19rem;
    position: absolute;
    top: 0;
    left: 0
}

@media (width<=760px) {
    .block__heading__backgroundimage {
        height: 100%;
        top: 0
    }
}

.block__heading h1 {
    margin-left: 2.5rem;
    z-index: 5;
    margin-block: auto;
    font-family: komtit-tall;
    font-size: 6rem;
    position: relative
}

@media (width<=639px) {
    .block__heading h1 {
        word-break: break-word;
        max-width: 33vw;
        margin-left: 1rem;
        font-size: 5vw;
        position: absolute;
        top: 2.5rem;
        left: 0
    }
}

@media (width>=640px) and (width<=760px) {
    .block__heading h1 {
        max-width: 100%;
        margin-left: 1rem;
        font-size: 4.5vw
    }
}

.block--one-column {
    margin-bottom: 2.25rem;
    padding-right: 14rem;
    padding-top: 4rem !important
}

@media (width<=760px) {
    .block--one-column {
        padding-right: 0;
        padding-top: 2rem !important
    }
}

.block--one-column table {
    width: 100%;
    padding-inline: -.5rem
}

@media (width<=760px) {
    .block--one-column td p {
        font-size: .75rem
    }
}

.block--one-column .block__text {
    padding-inline: 4rem
}

@media (width<=760px) {
    .block--one-column .block__text {
        padding-inline: 1rem
    }
}

.block--one-column .block__text h2,
.block--one-column .block__text h3,
.block--one-column .block__text h4,
.block--one-column .block__text h5 {
    margin-bottom: 0;
    line-height: 1.2
}

.block--one-column .block__text h2 span,
.block--one-column .block__text h3 span,
.block--one-column .block__text h4 span,
.block--one-column .block__text h5 span {
    color: #ff31c7;
    text-transform: uppercase;
    font-family: Abel, sans-serif
}

.block--one-column .block__text li::marker {
    font-size: 1.875rem;
    font-weight: 700
}

@media (width>=431px) and (width<=760px) {
    .block--one-column .block__text li::marker {
        margin-bottom: 2rem;
        font-size: 1.25rem
    }
}

@media (width<=430px) {
    .block--one-column .block__text li::marker {
        font-size: 1.05rem
    }
}

.block--one-column .block__text li:last-child {
    margin-bottom: 3.5rem
}

.block--one-column .block__text p {
    color: #000;
    margin-top: 0;
    margin-bottom: 3.5rem;
    font-size: 1.875rem;
    line-height: 1.5
}

.block--one-column .block__text p:has(+ul) {
    margin-bottom: 0
}

.block--one-column .block__text p:last-child {
    white-space: wrap;
    margin-bottom: 0
}

@media (width>=431px) and (width<=760px) {
    .block--one-column .block__text p {
        margin-bottom: 2rem;
        font-size: 1.25rem
    }
}

@media (width<=430px) {
    .block--one-column .block__text p {
        font-size: 1.05rem
    }
}

.block--one-column .block__text table tr td h3 {
    margin-top: 1rem !important
}

.block--two-column .row {
    gap: 0
}

@media (width<=760px) {
    .block--two-column .row {
        gap: 2.25rem;
        margin-bottom: 2rem
    }
}

.block--two-column .inner {
    height: 100%
}

.block--two-column .inner .block__text {
    flex-direction: column;
    padding: 2rem;
    display: flex
}

.block__adres address {
    margin-bottom: 2rem;
    font-size: 1.5rem
}

.block__adres hr {
    margin-bottom: 1rem
}

.block__adres .adres__item {
    margin-bottom: 1.5rem
}

.block__adres .adres__item a {
    align-items: center;
    font-size: 1.5rem;
    transition: all .25s;
    display: flex
}

.block__adres .adres__item a:hover {
    color: #fff
}

.block__adres .adres__item a .icon>svg {
    fill: #fff;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem
}

.top-salon h3,
.top-salon p {
    color: #000
}

@media (width<=768px) {
    .btn .btn-text {
        display: none
    }

    .btn .icon-mobile {
        width: 1.25rem;
        line-height: 1;
        display: inline-block
    }
}

@media (width>=769px) {
    .btn .icon-mobile {
        display: none
    }
}

.custom-margin.block--mm96phkc {
    margin-top: 19.5rem;
    padding: 0 !important
}

@media (width<=760px) {
    .custom-margin.block--mm96phkc {
        margin-top: 23rem
    }
}

.custom-intro-text .row .inner .block__text p strong {
    font-family: komtit-title, sans-serif
}

.modal {
    z-index: 500;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0
}

.modal__bg {
    background-color: #000000d9;
    position: absolute;
    inset: 0
}

.modal__wrap {
    background-color: #fff;
    border-radius: 1rem;
    max-width: 640px;
    margin: 0 1.5rem;
    padding: 1.5rem;
    position: relative;
    overflow: auto
}

.modal__buttons {
    margin-top: 2rem;
    display: flex
}

.form {
    flex-wrap: wrap;
    padding-top: .625rem;
    display: flex
}

.form__title {
    margin-bottom: .75rem
}

.form__description {
    margin-bottom: 1.5rem;
    font-size: 1.875rem;
    line-height: 1.2
}

@media (width<=760px) {
    .form__description {
        margin-bottom: 1rem;
        font-size: 1.25rem
    }
}

.form__error-message {
    color: #c73e1d;
    margin-bottom: 1rem
}

.form__succes-message {
    color: #ff31c7;
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.form__succes-message:before {
    content: "✓";
    color: #ff31c7;
    margin-right: .5rem;
    font-size: 1.5rem;
    display: inline-block
}

.form--sending {
    opacity: .7;
    pointer-events: none
}

.form__error {
    color: #c73e1d;
    font-size: 90%;
    position: relative;
    top: .325rem
}

.form {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.form__group,
.form__button {
    width: 100%;
    padding-left: .75rem;
    padding-right: .75rem
}

.form__group.w-100,
.form__button.w-100 {
    width: 100%
}

.form__group.w-75,
.form__button.w-75 {
    width: 75%
}

.form__group.w-66,
.form__button.w-66 {
    width: 66%
}

.form__group.w-50,
.form__button.w-50 {
    width: 50%
}

.form__group.w-33,
.form__button.w-33 {
    width: 33%
}

.form__group.w-25,
.form__button.w-25 {
    width: 25%
}

@media (width<=760px) {

    .form__group.w-100,
    .form__button.w-100,
    .form__group.w-75,
    .form__button.w-75,
    .form__group.w-66,
    .form__button.w-66,
    .form__group.w-50,
    .form__button.w-50,
    .form__group.w-33,
    .form__button.w-33,
    .form__group.w-25,
    .form__button.w-25 {
        width: 100%
    }
}

.form__button {
    justify-content: flex-end;
    display: flex
}

.form__button button {
    margin-right: 1.5rem
}

.form__group {
    margin-bottom: 1.75rem
}

@media (width<=760px) {
    .form__group {
        margin-bottom: 1.25rem
    }
}

.form__required {
    top: unset;
    z-index: unset;
    color: #ff31c7;
    font-size: 100%;
    top: -.2em;
    left: -.1em
}

.form__controls {
    text-align: left;
    color: #fff;
    font-size: 1.5rem;
    position: relative
}

@media (width<=760px) {
    .form__controls {
        font-size: 1rem
    }
}

.form__controls label {
    margin-bottom: .5rem;
    display: block
}

.form__controls input[type=text],
.form__controls input[type=email],
.form__controls input[type=number],
.form__controls input[type=date],
.form__controls input[type=tel],
.form__controls textarea,
.form__controls select {
    color: #fff;
    resize: none;
    appearance: none;
    background-color: #0000;
    border: 2px solid #ff31c7;
    border-radius: 2px;
    width: 100%;
    padding: .625rem;
    font-family: inherit;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    transition: all .3s
}

@media (width<=760px) {

    .form__controls input[type=text],
    .form__controls input[type=email],
    .form__controls input[type=number],
    .form__controls input[type=date],
    .form__controls input[type=tel],
    .form__controls textarea,
    .form__controls select {
        padding: .5rem;
        font-size: 1rem
    }
}

.form__controls input[type=text]:focus,
.form__controls input[type=text]:hover,
.form__controls input[type=email]:focus,
.form__controls input[type=email]:hover,
.form__controls input[type=number]:focus,
.form__controls input[type=number]:hover,
.form__controls input[type=date]:focus,
.form__controls input[type=date]:hover,
.form__controls input[type=tel]:focus,
.form__controls input[type=tel]:hover,
.form__controls textarea:focus,
.form__controls textarea:hover,
.form__controls select:focus,
.form__controls select:hover {
    border-color: #fff;
    outline: none
}

.form__controls input[type=text]:focus+label,
.form__controls input[type=text]:hover+label,
.form__controls input[type=email]:focus+label,
.form__controls input[type=email]:hover+label,
.form__controls input[type=number]:focus+label,
.form__controls input[type=number]:hover+label,
.form__controls input[type=date]:focus+label,
.form__controls input[type=date]:hover+label,
.form__controls input[type=tel]:focus+label,
.form__controls input[type=tel]:hover+label,
.form__controls textarea:focus+label,
.form__controls textarea:hover+label,
.form__controls select:focus+label,
.form__controls select:hover+label {
    cursor: text;
    color: #ff31c7 !important
}

.form__controls input[type=text]::-webkit-input-placeholder {
    color: #fff;
    display: none
}

.form__controls input[type=email]::-webkit-input-placeholder {
    color: #fff;
    display: none
}

.form__controls input[type=number]::-webkit-input-placeholder {
    color: #fff;
    display: none
}

.form__controls input[type=date]::-webkit-input-placeholder {
    color: #fff;
    display: none
}

.form__controls input[type=tel]::-webkit-input-placeholder {
    color: #fff;
    display: none
}

.form__controls textarea::-webkit-input-placeholder {
    color: #fff;
    display: none
}

.form__controls select::-webkit-input-placeholder {
    color: #fff;
    display: none
}

.form__controls input[type=text]:-moz-placeholder-shown {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls input[type=email]:-moz-placeholder-shown {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls input[type=number]:-moz-placeholder-shown {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls input[type=date]:-moz-placeholder-shown {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls input[type=tel]:-moz-placeholder-shown {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls textarea:-moz-placeholder-shown {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls select:-moz-placeholder-shown {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls input[type=text]::-moz-placeholder {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls input[type=email]::-moz-placeholder {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls input[type=number]::-moz-placeholder {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls input[type=date]::-moz-placeholder {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls input[type=tel]::-moz-placeholder {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls textarea::-moz-placeholder {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls select::-moz-placeholder {
    color: #fff;
    opacity: 0;
    display: none
}

.form__controls input[type=text]:-ms-placeholder-shown {
    color: #fff;
    display: none
}

.form__controls input[type=email]:-ms-placeholder-shown {
    color: #fff;
    display: none
}

.form__controls input[type=number]:-ms-placeholder-shown {
    color: #fff;
    display: none
}

.form__controls input[type=date]:-ms-placeholder-shown {
    color: #fff;
    display: none
}

.form__controls input[type=tel]:-ms-placeholder-shown {
    color: #fff;
    display: none
}

.form__controls textarea:-ms-placeholder-shown {
    color: #fff;
    display: none
}

.form__controls select:-ms-placeholder-shown {
    color: #fff;
    display: none
}

.form__group--select label {
    pointer-events: none
}

.form__group--select select {
    cursor: pointer
}

.form__group--select .form__controls:after {
    pointer-events: none;
    content: "";
    opacity: .5;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGw4IDEwaC0xNmw4LTEwem04IDE0aC0xNmw4IDEwIDgtMTB6Ii8+PC9zdmc+);
    background-size: cover;
    width: .9rem;
    height: .9rem;
    display: block;
    position: absolute;
    top: 3.25rem;
    right: 1rem
}

@media (width<=760px) {
    .form__group--select .form__controls:after {
        top: 2.5rem
    }
}

.form input[type=text]+label,
.form input[type=email]+label,
.form input[type=number]+label,
.form input[type=date]+label,
.form input[type=tel]+label,
.form textarea+label,
.form select+label {
    color: #fff;
    background-color: #fff;
    width: 60%;
    padding: 0 .625rem;
    font-size: 1rem;
    font-weight: 400;
    transition: all .3s;
    display: inline-block;
    position: absolute;
    top: .85rem;
    left: .5rem
}

.form input[type=text]+label.active,
.form input[type=email]+label.active,
.form input[type=number]+label.active,
.form input[type=date]+label.active,
.form input[type=tel]+label.active,
.form textarea+label.active,
.form select+label.active {
    color: #555;
    background-color: #fff;
    width: auto;
    top: -.625rem
}

.form select option {
    color: #000
}

.form__drop-zone {
    text-align: center;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    border: 2px solid #ff31c7;
    border-radius: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    height: 17.5rem;
    margin-bottom: 10px;
    padding: 20px;
    transition: all .3s;
    display: flex
}

@media (width<=1024px) {
    .form__drop-zone {
        height: 12.5rem
    }
}

@media (width<=760px) {
    .form__drop-zone {
        height: 10.9375rem
    }
}

.form__drop-zone svg {
    max-width: 90px
}

.form__drop-zone .dragover {
    border-color: #ff31c7
}

.form__drop-zone__clear {
    cursor: pointer;
    opacity: .5;
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: all .15s;
    right: 0
}

.form__drop-zone__clear:before {
    content: "x";
    height: 20px;
    font-size: 20px;
    display: inline-block;
    top: auto;
    bottom: auto
}

.form__drop-zone__clear:hover {
    opacity: 1;
    color: #ff31c7;
    transition: all .15s
}

@media (width<=760px) {
    .form__drop-zone__clear {
        padding-top: 0
    }
}

.form__drop-zone:hover {
    border: 2px solid #ff31c7
}

.form__group--checkboxes .label,
.form__group--toggle .label,
.form__group--radio .label {
    color: #fff;
    margin-bottom: .5rem;
    display: block
}

.form__group--checkboxes .form__inline,
.form__group--toggle .form__inline,
.form__group--radio .form__inline {
    color: #fff;
    cursor: pointer;
    grid-template-columns: 1em auto;
    gap: 1em;
    font-family: inherit;
    font-size: 1.25rem;
    font-weight: 300;
    display: grid
}

@media (width<=760px) {

    .form__group--checkboxes .form__inline,
    .form__group--toggle .form__inline,
    .form__group--radio .form__inline {
        font-size: 1rem
    }
}

.form__group--checkboxes .form__inline span,
.form__group--toggle .form__inline span,
.form__group--radio .form__inline span {
    margin-top: .25rem
}

.form__group--checkboxes .form__inline+.form__inline,
.form__group--toggle .form__inline+.form__inline,
.form__group--radio .form__inline+.form__inline {
    margin-top: .5em
}

.form__group--checkboxes .form__inline:hover input,
.form__group--toggle .form__inline:hover input,
.form__group--radio .form__inline:hover input {
    border-color: #ff31c7
}

.form__group--checkboxes input,
.form__group--toggle input,
.form__group--radio input {
    appearance: none;
    font: inherit;
    color: #bebebe;
    background-color: #000;
    border: 2px solid #ff31c7;
    border-radius: .15em;
    place-content: center;
    width: 1.5em;
    height: 1.5em;
    margin: 0;
    transition: all .3s;
    display: grid
}

.form__group--checkboxes input:before,
.form__group--toggle input:before,
.form__group--radio input:before {
    content: "";
    transform-origin: 0 100%;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    width: .85em;
    height: .85em;
    transition: transform .12s ease-in-out;
    transform: scale(0);
    box-shadow: inset 1em 1em #ff31c7
}

.form__group--checkboxes input:checked:before,
.form__group--toggle input:checked:before,
.form__group--radio input:checked:before {
    transform: scale(1)
}

.form__group--checkboxes input:focus,
.form__group--toggle input:focus,
.form__group--radio input:focus {
    outline-offset: max(2px, .15em);
    outline: max(2px, .15em) solid
}

.form__group--checkboxes fieldset,
.form__group--toggle fieldset,
.form__group--radio fieldset {
    border: none;
    padding: 0
}

.form__group--radio input[type=radio] {
    border-radius: 50%
}

.form__group--radio input[type=radio]:before {
    transform-origin: unset;
    clip-path: none;
    border-radius: 50%
}

.img {
    width: 100%;
    height: auto;
    display: block
}

.image__link {
    text-decoration: none;
    display: block
}

.spinner {
    z-index: 100;
    border: 6px solid #cba34933;
    border-radius: 100%;
    width: 3.75rem;
    height: 3.75rem;
    margin-top: -1.875rem;
    margin-left: -1.875rem;
    animation: 1s linear infinite rotation;
    position: absolute;
    top: 50%;
    left: 50%
}

.spinner:before {
    content: "";
    border: 6px solid #0000;
    border-top-color: #ff31c7;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -6px;
    left: -6px
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.splide--img .splide__slide,
.splide--img picture {
    display: flex
}

.splide--img .splide__media,
.splide--img picture {
    -o-object-fit: cover;
    object-fit: cover
}

.block__banner {
    max-width: 100%
}

.block__banner .splide__slide {
    flex-shrink: unset;
    width: 100%;
    max-height: calc(100dvh - var(--header-height));
    position: relative
}

.block__banner .splide__overlay {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0
}

.block__banner .splide__content * {
    margin: 0
}

.block__banner .splide__image,
.block__banner .splide__media {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.block__banner.splide .splide__slide {
    flex-shrink: 0
}

.block--gallery .gallery__link {
    display: block;
    overflow: hidden
}

.block--gallery .gallery__link :hover .gallery__image {
    transform: scale(1.05)
}

.block--gallery .gallery__image {
    transition: transform .25s ease-in-out
}

.block--gallery .gallery div:nth-child(-n+2) {
    margin-bottom: var(--gutters-md)
}

@media (width<=1024px) {
    .block--gallery .gallery div:nth-child(-n+2) {
        margin-bottom: var(--gutters-sm)
    }
}

@media (width<=760px) {
    .block--gallery .gallery div:nth-child(-n+2) {
        margin-bottom: var(--gutters-xs)
    }
}

.block--thumbnails .thumbnails__grid,
.block--collection .thumbnails__grid {
    margin-left: var(--gutters-md-negative);
    margin-right: var(--gutters-md-negative);
    margin-bottom: calc(var(--gutters-md-negative) * 2);
    flex-wrap: wrap;
    display: flex
}

@media (width<=1024px) {

    .block--thumbnails .thumbnails__grid,
    .block--collection .thumbnails__grid {
        margin-left: var(--gutters-sm-negative);
        margin-right: var(--gutters-sm-negative);
        margin-bottom: calc(var(--gutters-sm-negative) * 2)
    }
}

@media (width<=760px) {

    .block--thumbnails .thumbnails__grid,
    .block--collection .thumbnails__grid {
        margin-left: var(--gutters-xs-negative);
        margin-right: var(--gutters-xs-negative);
        margin-bottom: calc(var(--gutters-xs-negative) * 2)
    }
}

.block--thumbnails .thumbnails__item,
.block--collection .thumbnails__item {
    width: 25%;
    height: 18.75rem;
    padding-left: var(--gutters-md);
    padding-right: var(--gutters-md);
    margin-bottom: calc(var(--gutters-md) * 2)
}

@media (width<=1024px) {

    .block--thumbnails .thumbnails__item,
    .block--collection .thumbnails__item {
        width: 50%;
        padding-right: var(--gutters-sm);
        padding-right: var(--gutters-sm);
        margin-bottom: calc(var(--gutters-sm) * 2)
    }
}

@media (width<=760px) {

    .block--thumbnails .thumbnails__item,
    .block--collection .thumbnails__item {
        width: 100%;
        padding-right: var(--gutters-xs);
        padding-right: var(--gutters-xs);
        margin-bottom: calc(var(--gutters-xs) * 2)
    }
}

.block--thumbnails .thumbnails__inner,
.block--collection .thumbnails__inner {
    height: 100%;
    position: relative;
    overflow: hidden
}

.block--thumbnails .thumbnails__link,
.block--collection .thumbnails__link {
    height: 100%;
    display: block
}

.block--thumbnails .thumbnails__link:hover .thumbnails__media,
.block--collection .thumbnails__link:hover .thumbnails__media {
    transform: scale(1.05)
}

.block--thumbnails .thumbnails__nolink,
.block--collection .thumbnails__nolink {
    height: 100%
}

.block--thumbnails .thumbnails__media,
.block--collection .thumbnails__media {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .25s ease-in-out;
    display: block
}

.block--thumbnails .thumbnails__overlay,
.block--collection .thumbnails__overlay {
    position: absolute;
    inset: 0
}

.block--thumbnails .thumbnails__text,
.block--collection .thumbnails__text {
    color: #fff;
    letter-spacing: .05em;
    max-width: calc(100% - 1rem);
    font-size: 2rem;
    font-weight: 900;
    position: absolute;
    bottom: 1rem;
    left: 1rem
}

.cta .container {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative
}

.cta .container:before {
    content: "";
    z-index: 0;
    background-color: #fff;
    width: calc(100% - 3rem);
    height: .125rem;
    position: absolute;
    top: 0
}

@media (width<=760px) {
    .cta .container:before {
        width: calc(100% - 3rem)
    }
}

.cta__inner {
    flex-direction: column;
    align-items: center;
    gap: 1.75rem;
    display: flex
}

@media (width<=760px) {
    .cta__inner {
        align-items: flex-start
    }

    .cta__content {
        text-align: left !important
    }
}

.cta__content h1,
.cta__content h2,
.cta__content h3,
.cta__content h4,
.cta__content h5,
.cta__content h6 {
    margin-bottom: 0;
    font-size: 3.75rem;
    line-height: 1.133;
    text-transform: none !important
}

@media (width<=760px) {

    .cta__content h1,
    .cta__content h2,
    .cta__content h3,
    .cta__content h4,
    .cta__content h5,
    .cta__content h6 {
        font-size: 2.25rem
    }
}

.cta__content {
    text-align: center
}

.cta__content p {
    font-size: 2.5rem;
    line-height: 1.45
}

@media (width<=760px) {
    .cta__content p {
        font-size: 1.65rem
    }
}

.usps {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.usps__line {
    border-left: 2px solid #fff
}

@media (width<=760px) {
    .usps__line {
        border-left: none;
        position: relative
    }

    .usps__line:after {
        content: "";
        width: calc(100% - 2 * var(--gutters-xs, 1rem));
        left: var(--gutters-xs, 1rem);
        background-color: #fff;
        height: .125rem;
        position: absolute;
        top: 0
    }
}

.usps .container {
    position: relative
}

.usps .container:after {
    content: "";
    aspect-ratio: 1;
    background-image: url(/assets/logos/laserette_logo-sm.png);
    background-position: 50%;
    background-size: cover;
    border-radius: 100%;
    width: 4.6875rem;
    height: 4.6875rem;
    position: absolute;
    bottom: -2.34375rem;
    left: calc(50% - 2.34375rem);
    right: calc(50% - 2.34375rem);
    box-shadow: 0 0 35px #ff31c7
}

.usps .container:before {
    content: "";
    background-color: #fff;
    width: calc(100% - 3rem);
    height: .125rem;
    position: absolute;
    bottom: 0
}

@media (width<=760px) {
    .usps .container:before {
        width: calc(100% - 3rem);
        left: 1.25rem
    }
}

.usps .btn {
    min-width: 218px
}

.usps__inner {
    flex-direction: column;
    align-items: center;
    padding: 3.75rem 2.5rem 5rem;
    display: flex
}

@media (width<=760px) {
    .usps__inner {
        padding: 2rem 0 4rem
    }
}

.locations {
    z-index: 3;
    position: relative
}

.locations__title {
    text-align: center;
    margin: 0 auto 1.5rem
}

@media (width<=760px) {
    .locations__title {
        margin-bottom: 2.5rem;
        padding-top: 2.5rem
    }
}

.locations .border-top,
.locations .border-bottom {
    display: none
}

@media (width<=760px) {

    .locations .border-top,
    .locations .border-bottom {
        width: calc(100% - 2 * var(--padding, 1.5rem));
        left: var(--padding, 1.5rem);
        display: block
    }

    .locations .container {
        padding: 0
    }
}

.locations__grid .location:nth-child(3n-1):before,
.locations__grid .location:nth-child(3n):before {
    content: "";
    background-color: #fff;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.locations__grid .location .location__inner:after {
    content: var(--hide-line)
}

@media (width<=760px) {
    .locations__grid .location .location__inner:after {
        content: none
    }
}

.locations__grid .location:nth-child(3n+1) .location__inner:after,
.locations__grid .location:nth-child(3n+3) .location__inner:after {
    width: calc(100% + 1.5rem)
}

.locations__grid .location:nth-child(3n+2) .location__inner:after {
    width: calc(100% + 3rem);
    left: -1.5rem
}

.locations__grid .location:nth-child(3n+3) .location__inner:after {
    left: -1.5rem
}

.location {
    padding-top: 1.375rem;
    padding-bottom: 2.5rem;
    position: relative
}

@media (width<=760px) {
    .location {
        padding: 0
    }

    .location:before {
        content: none !important
    }
}

.location__inner {
    --hide-line: "";
    flex-wrap: wrap;
    padding: 0 2.5rem;
    display: flex;
    position: relative
}

.location__inner:after {
    content: "";
    background-color: #fff;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -2.5rem;
    left: 0;
    right: 0
}

@media (width<=760px) {
    .location__inner:after {
        content: none
    }

    .location__inner {
        padding: 0 var(--padding, 1.5rem)
    }
}

.location__left {
    flex-grow: 1
}

.location__bottom {
    width: 100%
}

.location__buttons {
    margin-top: 2.5rem
}

@media (width<=760px) {
    .location__buttons {
        margin-top: 1rem
    }
}

.location__details {
    padding-top: 1.5rem
}

@media (width<=760px) {
    .location__details {
        padding-top: 0
    }
}

.location__details h3 {
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.464
}

@media (width<=760px) {
    .location__details h3 {
        font-size: 1.125rem
    }
}

.location__details p {
    font-size: 1.5625rem;
    line-height: 1.48
}

@media (width<=760px) {
    .location__details p {
        font-size: 1.125rem
    }
}

.location__book-now {
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #000;
    background-color: #fff;
    border-radius: 999rem;
    flex-direction: row;
    align-items: center;
    gap: .75rem;
    width: fit-content;
    padding-right: 2.5rem;
    display: flex
}

.location__book-now--icon {
    aspect-ratio: 1;
    background-color: #ff31c7;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.location__book-now--icon svg {
    width: 1.25rem;
    max-width: 20px
}

.location__book-now:hover {
    text-shadow: none
}

.location__image {
    width: 8.75rem;
    position: relative
}

.location__image:before {
    content: "";
    aspect-ratio: 1;
    z-index: -1;
    background: #000;
    border-radius: 100%;
    width: 3.325rem;
    position: absolute;
    bottom: -.875rem;
    right: 0;
    box-shadow: 0 0 35px #ff31c7
}

@media (width<=760px) {
    .location__image:before {
        display: none
    }

    .location__image {
        width: 6.25rem
    }
}

.location__small-logo {
    aspect-ratio: 1;
    z-index: 1;
    background-image: url(https://staging.las.esensdev2.nl/assets/logos/laserette_logo-sm.png);
    background-position: 50%;
    background-size: cover;
    border-radius: 100%;
    width: 32px;
    position: absolute;
    bottom: -.875rem;
    right: 0
}

@media (width<=760px) {
    .location__small-logo {
        display: none
    }
}

.location__buttons {
    flex-direction: row;
    gap: .75rem;
    display: flex
}

.location__buttons * {
    white-space: preserve nowrap
}

.location__button {
    font-size: 1.25rem;
    line-height: 1.2
}

@media (width<=760px) {
    .location__button {
        font-size: 1rem
    }
}

.splide__arrows {
    display: none
}

.splide__pagination {
    z-index: 10;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    transform: translate(-50%)
}

@media (width<=760px) {
    .splide__pagination {
        bottom: -3rem
    }
}

.splide__pagination .splide__pagination__page {
    opacity: .5;
    background-color: #fff;
    border-radius: 100%;
    width: .4rem;
    height: .4rem;
    margin: 0 .25rem
}

.splide__pagination .splide__pagination__page.is-active {
    opacity: 1;
    background-color: #ff31c7;
    box-shadow: 0 0 5px #ff31c7, 0 0 25px #ff31c7, 0 0 50px #ff31c7
}

.splide__track {
    overflow: visible !important
}

.reviews {
    z-index: 5;
    position: relative
}

.reviews__title {
    align-items: center;
    display: flex
}

.reviews__title__inner {
    width: 158px;
    height: fit-content;
    margin-bottom: 0
}

@media (width<=1024px) {
    .reviews__title__inner {
        width: 100px
    }
}

@media (width<=760px) {
    .reviews__title__inner {
        width: 0;
        margin-bottom: 2rem
    }
}

.reviews__title__inner--text {
    text-align: center;
    flex-grow: 1
}

.reviews__image {
    position: relative
}

.reviews__image__text-overlay {
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: 100%;
    margin-inline: auto;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    rotate: -5deg
}

.reviews__image__text-overlay p {
    color: #000;
    margin-top: 2.5rem;
    font-size: 2.625rem;
    font-weight: 600;
    line-height: 1.11
}

@media (width<=760px) {
    .reviews__image__text-overlay p {
        font-size: clamp(16px, 5vw, 2rem)
    }
}

.reviews__image__text-overlay .btn {
    color: #000;
    margin-top: 1.325rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2
}

@media (width<=760px) {
    .reviews__image__text-overlay .btn {
        margin-top: 1rem;
        font-size: 1.25rem
    }
}

.reviews__image__text-overlay .btn:hover {
    color: #000;
    text-shadow: none;
    box-shadow: 0 0 12px #00000040
}

.reviews__row {
    margin-top: 4.6875rem;
    margin-left: 0;
    margin-right: 0;
    position: relative
}

@media (width<=760px) {
    .reviews__row {
        margin-top: 0
    }
}

.reviews__row:before,
.reviews__row:after {
    content: "";
    aspect-ratio: 1;
    background-color: #000;
    border-radius: 100%;
    width: 4.6875rem;
    height: auto;
    position: absolute;
    top: -4.6875rem;
    left: calc(50% - 2.34375rem);
    right: calc(50% - 2.34375rem);
    box-shadow: 0 0 35px #ff31c7bf
}

@media (width<=760px) {

    .reviews__row:before,
    .reviews__row:after {
        content: none
    }
}

.reviews__row:after {
    z-index: 2;
    background-image: url(/assets/logos/laserette_logo-sm.png);
    background-position: 50%;
    background-size: cover
}

.reviews__button {
    width: fit-content;
    margin: 1.25rem auto 0
}

@media (width<=760px) {
    .reviews__button {
        margin: 2.5rem auto 0
    }
}

.review {
    padding-bottom: 1.875rem
}

@media (width<=760px) {
    .review {
        padding-bottom: 5rem
    }
}

.review:first-child {
    position: relative
}

.review:first-child:after {
    content: "";
    background-color: #fff;
    width: .125rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

@media (width<=760px) {
    .review:first-child:after {
        width: 100%;
        height: .125rem;
        bottom: 2.5rem;
        top: unset
    }
}

.review__inner {
    text-align: center
}

@media (width<=760px) {
    .review__inner {
        text-align: left
    }
}

.review__inner * {
    display: block
}

.review__inner h3 {
    color: #ff31c7;
    text-transform: uppercase;
    quotes: "";
    margin-bottom: 0;
    font-size: 1.75rem;
    line-height: 1
}

.review__inner span,
.review__inner p {
    font-size: 1.325rem;
    line-height: 1.36
}

.reviews-section {
    z-index: 5;
    width: 100%;
    max-width: 52rem;
    margin: 8.75rem auto 0;
    position: absolute
}

@media (width<=760px) {
    .reviews-section {
        max-width: 20rem;
        height: 15.75rem;
        margin-inline: auto;
        position: relative;
        top: 4rem
    }
}

@media (width>=560px) {
    .reviews-section {
        z-index: 3;
        max-width: 25rem;
        display: block
    }
}

@media (width>=760px) {
    .reviews-section {
        max-width: 52rem
    }
}

.reviews-section .reviews-swiper {
    position: relative;
    overflow: hidden
}

.reviews-section .swiper-wrapper {
    z-index: 1;
    height: 18.75rem;
    display: flex;
    position: relative;
    overflow: visible
}

.reviews-section .swiper-slide {
    flex: 0 0 100%;
    height: fit-content
}

@media (width>=760px) {
    .reviews-section .swiper-slide {
        flex: 0 0 calc(50% - 8px);
        width: auto;
        display: flex
    }
}

.reviews-section .swiper-slide:last-child {
    margin-right: 0 !important
}

.reviews-section .review-card {
    color: #000;
    background: #fff;
    border-radius: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    width: 100%;
    height: 18.75rem;
    padding: 2rem;
    display: flex;
    box-shadow: 0 4px 20px #0000001a
}

@media (width<=760px) {
    .reviews-section .review-card {
        height: 15rem
    }
}

.reviews-section .review-card__avatar {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    width: 60px;
    height: 60px
}

.reviews-section .review-card__name {
    color: #000;
    margin: 0;
    font-family: Abel, sans-serif;
    font-weight: 700
}

.reviews-section .review-card__date {
    color: #888;
    font-size: .875rem
}

.reviews-section .review-card__stars {
    flex: unset;
    height: 1rem;
    margin-bottom: 1rem
}

.reviews-section .review-card__text {
    color: #222;
    -webkit-line-clamp: 8;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    font-family: Abel, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden
}

.swiper-button-prev,
.swiper-button-next {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #b1b1b1;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.swiper-button-prev img,
.swiper-button-next img {
    width: 2.5rem;
    height: 2.5rem
}

.swiper-button-prev:focus-visible,
.swiper-button-next:focus-visible {
    outline: 2px solid #00f
}

.swiper-button-prev {
    left: -1rem
}

.swiper-button-next {
    right: -1rem
}

.cover {
    padding-top: 0 !important
}

.cover__inner {
    min-height: 21.875rem;
    position: relative
}

@media (width<=760px) {
    .cover__inner {
        min-height: 9.375rem
    }
}

.cover__text {
    text-align: center;
    z-index: 1;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: absolute;
    top: 3.5rem;
    left: 2.5rem
}

@media (width<=760px) {
    .cover__text {
        width: fit-content;
        height: fit-content;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.cover__text__inner {
    position: relative
}

.cover__text * {
    white-space: nowrap;
    color: #fff;
    letter-spacing: .025rem;
    margin-bottom: 0;
    font-size: 7.5rem;
    line-height: 1;
    position: absolute;
    rotate: -2.75deg;
    text-transform: none !important;
    font-family: bello-pro, sans-serif !important
}

@media (width<=760px) {
    .cover__text * {
        position: initial;
        font-size: 2.75rem
    }
}

.cover__text__shadow {
    position: absolute
}

.cover__text__shadow--1 {
    color: #000;
    z-index: -1;
    -webkit-user-select: none;
    user-select: none;
    top: .4rem;
    left: .4rem
}

@media (width<=760px) {
    .cover__text__shadow--1 {
        top: .2rem;
        left: .2rem
    }
}

.cover__text__shadow--2 {
    color: #ff31c7;
    z-index: -2;
    -webkit-user-select: none;
    user-select: none;
    top: .75rem;
    left: .75rem
}

@media (width<=760px) {
    .cover__text__shadow--2 {
        top: .35rem;
        left: .35rem
    }
}

.cover__image {
    z-index: -2;
    background-position: 100% 45%;
    background-repeat: no-repeat;
    background-size: 80%;
    width: 85%;
    height: 100%;
    position: absolute;
    right: 0
}

@media (width<=760px) {
    .cover__image {
        background-position: 50%;
        background-size: cover;
        width: 100%
    }
}

.cover__image:after {
    content: "";
    z-index: 0;
    background: linear-gradient(90deg, #000 20%, #0000 60%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 2px;
    left: 0
}

@media (width<=760px) {
    .cover__image:after {
        background: linear-gradient(90deg, #000, #0000)
    }
}

.cover__line {
    background-color: #fff;
    width: 100%;
    height: 2px;
    position: absolute
}

.cover__line--top {
    z-index: 1;
    top: 0
}

.cover__line--bottom {
    z-index: 1;
    bottom: -2px
}

.cd-image-container {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
    overflow: hidden
}

.cd-image-container>img,
.cd-resize-img img {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.cd-resize-img {
    clip-path: inset(0 50% 0 0);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.cd-handle {
    cursor: ew-resize;
    z-index: 2;
    background: #fff;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.cd-grip {
    background: #ff31c7;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 1px #00000014
}

.cd-grip img {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: 1.5rem;
    height: auto;
    margin: auto;
    display: flex
}

@media (width<=760px) {
    .cd-image-container {
        margin: 0
    }
}

.tabs__buttons {
    justify-content: space-around
}

div.block__text table tbody tr td p a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05rem;
    background-color: #000;
    border: 2px solid #000;
    border-radius: 2rem;
    width: fit-content;
    min-height: 2.5rem;
    margin: 0;
    padding: calc(.25rem - 1px) calc(1.5rem - 1px);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    transition: all .25s;
    position: relative
}

@media (width<=480px) {
    div.block__text table tbody tr td p a {
        color: #000;
        background-color: #fff;
        border: 2px solid #000
    }
}

div.block__text table tbody tr td h3 {
    font-size: 1.875rem
}

div.block__text table tbody tr td p a:is(:hover, :focus) {
    color: #fff;
    background-color: #ff31c7;
    border-color: #ff31c7;
    transition: all .25s
}

@media only screen and (width<=380px) {
    .block.alt * {
        font-size: 1.8rem
    }
}

@media (width<=600px) {
    div.block__text table tbody tr {
        grid-template-columns: 2fr 2fr 3fr;
        margin-bottom: .5rem;
        display: grid
    }

    div.block__text table tbody tr td p a {
        font-size: .75rem
    }
}

@media (width>=601px) and (width<=760px) {
    div.block__text table tbody tr {
        height: 4rem
    }
}

@media (width<=360px) {

    div.block__text table tbody tr:first-child,
    tr:nth-child(19),
    tr:nth-child(29) {
        display: inherit !important
    }

    div.block__text table tbody tr {
        grid-gap: .25rem;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 4fr 2fr;
        margin-bottom: 1.5rem;
        display: grid
    }

    div.block__text table tbody tr td:nth-child(3) p,
    td:nth-child(2) p {
        text-align: left !important
    }

    div.block__text table tbody tr td {
        padding: 0
    }

    div.block__text table tbody tr td:first-child {
        padding-left: 2.5px
    }

    div.block__text table tbody tr:first-child td,
    tr:nth-child(19) td,
    tr:nth-child(29) td {
        padding-left: 0
    }
}

.AMPEr_modal_text,
.AMPEr_switches li {
    color: #fff
}

.block--one-column .block__buttons {
    padding-inline: 4rem
}

@media (width<=760px) {
    .block--one-column .block__buttons {
        padding-inline: 1rem
    }
}

.block--one-column .block__buttons a,
.block--two-column .block__buttons a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05rem;
    background-color: #000;
    border: 2px solid #000;
    border-radius: 2rem;
    width: fit-content;
    min-height: 2.5rem;
    margin: 0;
    padding: calc(.25rem - 1px) calc(1.5rem - 1px);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    transition: all .25s;
    position: relative
}

.block--one-column .block__buttons a:is(:hover, :focus),
.block--two-column .block__buttons a:is(:hover, :focus) {
    color: #fff;
    box-shadow: unset;
    text-shadow: unset;
    background-color: #ff31c7;
    border-color: #ff31c7;
    transition: all .25s
}

.block__adres .adres__item a.btn--primary.whatsapp {
    border-color: unset;
    background-color: unset;
    border-width: 0;
    width: fit-content;
    padding: 0
}

.block__adres .adres__item a.btn--primary.whatsapp:is(:hover, :focus) {
    box-shadow: unset;
    text-shadow: unset
}

.block__adres .adres__item a.btn--primary.whatsapp img {
    width: 5rem;
    height: auto;
    margin-left: -12px
}

.adres__title {
    margin-left: 4px
}

.block__adres {
    position: relative
}

.adres__item:nth-child(5) {
    position: absolute;
    bottom: 5.5rem;
    right: -1rem
}

@media (width<=480px) {
    .block__heading h1 {
        max-width: 80vw;
        font-size: 2.25rem
    }
}

.container.bedankt-pagina .row .message a {
    transition: all .25s
}

.container.bedankt-pagina .row .message a:is(:hover, :focus) {
    color: #fff
}

.block--mm9bva3e .inner .block__text a {
    transition: all .25s
}

.block--mm9bva3e .inner .block__text a:is(:hover, :focus) {
    color: #000
}

@media (width>=320px) and (width<=480px) {
    .block__heading h1 {
        top: 1.5rem
    }

    #xlagenda_salon_plugin .remove-behandeling,
    .hover-popup #close-popup {
        margin-bottom: 0
    }

    .booking-box .hover-popup p:first-of-type {
        line-height: 1.4
    }
}

@media (width<=639px) {
    .block__heading h1 {
        word-break: unset !important
    }
}

.block--one-column .block__image {
    padding-inline: 4rem
}

.block--one-column .block__text ul,
ol,
.block--two-column .block__text ul,
ol {
    padding-left: 1.75rem
}

@media (width<=760px) {
    .block--one-column .block__image {
        padding-inline: 1rem
    }

    .block--one-column .block__text ul,
    ol,
    .block--two-column .block__text ul,
    ol {
        padding-left: 1.25rem
    }

    .block__text br {
        display: block !important
    }

    .block--one-column a.btn--primary {
        font-size: 1.25rem
    }

    .block--one-column .block__text strong {
        font-weight: 700
    }
}

.block--two-column .block__image {
    padding: 4rem
}

.block--two-column .inner:has(.block__image) {
    padding: 0
}

.block--two-column .inner:has(.block__image) .block__image {
    padding: 0
}

.block--prices-selector .prices-selector {
    color: #fff;
    background-color: #0000;
    margin-top: 0;
    overflow: hidden
}

.block--prices-selector .prices-selector__shell {
    padding: 3rem
}

.block--prices-selector .prices-selector__tracker {
    grid-template-columns: auto minmax(4rem, 1fr) auto;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 2.4rem;
    display: grid
}

.block--prices-selector .prices-selector__tracker-step {
    color: #b9b9b9;
    align-items: center;
    gap: 1.2rem;
    display: inline-flex
}

.block--prices-selector .prices-selector__tracker-step.is-active {
    color: #fff
}

.block--prices-selector .prices-selector__tracker-step.is-completed {
    color: #ff31c7
}

.block--prices-selector .prices-selector__tracker-step.is-completed .prices-selector__tracker-index {
    color: #fff;
    background-color: #ff31c7;
    border-color: #ff31c7
}

.block--prices-selector .prices-selector__tracker-index {
    border: 2px solid;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.5rem;
    font-weight: 700;
    display: inline-flex
}

.block--prices-selector .prices-selector__tracker-label {
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 1.5rem;
    font-weight: 700
}

.block--prices-selector .prices-selector__tracker-line {
    background: #ffffff40;
    height: 2px;
    position: relative
}

.block--prices-selector .prices-selector__tracker-line:after {
    content: "";
    background: #6c2bff;
    width: 0;
    transition: width .25s;
    position: absolute;
    inset: 0 auto 0 0
}

.block--prices-selector .prices-selector__tracker-line.is-active:after {
    width: 100%
}

.block--prices-selector .prices-selector__panel {
    border: 2px solid #fff;
    border-radius: 1.25rem;
    padding: 3rem;
    position: relative
}

.block--prices-selector .prices-selector__title {
    color: #fff;
    margin-bottom: 1rem
}

.block--prices-selector .prices-selector__intro {
    color: #fff;
    max-width: 56rem;
    margin-bottom: 2.4rem
}

.block--prices-selector .prices-selector__step--salons {
    opacity: .6;
    transition: opacity .25s
}

.block--prices-selector .prices-selector__step--salons.is-unlocked {
    opacity: 1
}

.block--prices-selector .prices-selector__step-head {
    justify-content: space-between;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
    display: flex
}

.block--prices-selector .prices-selector__eyebrow {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #ff31c7;
    margin-bottom: .4rem;
    font-size: 1.3rem;
    font-weight: 700
}

.block--prices-selector .prices-selector__step-title {
    color: #fff;
    font-family: komtit-title, sans-serif;
    font-size: 2.5rem
}

.block--prices-selector .prices-selector__genders,
.block--prices-selector .prices-selector__salons {
    gap: 1.2rem;
    display: grid
}

.block--prices-selector .prices-selector__genders {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4rem;
    width: 43.75rem;
    max-width: 100%;
    margin: auto
}

.block--prices-selector .prices-selector__gender-button,
.block--prices-selector .prices-selector__salon-card {
    appearance: none;
    transition: all .2s
}

.block--prices-selector .prices-selector__gender-button {
    color: #fff;
    cursor: pointer;
    background-color: #0000;
    border: 0;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: fit-content;
    margin: 0 auto;
    padding: 0;
    display: flex
}

.block--prices-selector .prices-selector__gender-button:hover,
.block--prices-selector .prices-selector__gender-button:focus,
.block--prices-selector .prices-selector__gender-button.is-active {
    color: #ff31c7
}

.block--prices-selector .prices-selector__gender-button:hover .prices-selector__gender-image,
.block--prices-selector .prices-selector__gender-button:focus .prices-selector__gender-image,
.block--prices-selector .prices-selector__gender-button.is-active .prices-selector__gender-image {
    border-color: #ff31c7
}

.block--prices-selector .prices-selector__gender-image {
    aspect-ratio: 1;
    background-position: 50%;
    background-size: cover;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 11.875rem;
    transition: all .25s
}

.block--prices-selector .prices-selector__gender-image.is-vrouw {
    background-image: url(/build/assets/gender-woman-S4HPOrnt.png)
}

.block--prices-selector .prices-selector__gender-image.is-man {
    background-image: url(/build/assets/gender-man-Bd8sCyzX.png)
}

.block--prices-selector .prices-selector__gender-image.is-non-binair {
    background-image: url(/build/assets/gender-x-D8y1yY3b.png)
}

.block--prices-selector .prices-selector__gender-text {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    transition: color .25s
}

.block--prices-selector .prices-selector__empty {
    background: #ffffff14;
    border: 1px solid #ffffff24;
    border-radius: 1.6rem;
    padding: 1.6rem 1.8rem
}

.block--prices-selector .prices-selector__salon-card {
    color: #fff;
    cursor: pointer;
    background: #000;
    border: 2px solid #fff;
    border-radius: 1rem;
    justify-content: space-between;
    align-items: center;
    gap: 1.6rem;
    padding: 1.5rem;
    text-decoration: none;
    display: flex
}

.block--prices-selector .prices-selector__salon-card:hover .prices-selector__salon-action,
.block--prices-selector .prices-selector__salon-card:focus .prices-selector__salon-action {
    color: #fff;
    background-color: #ff31c7;
    border-color: #fff;
    transition: all .25s
}

@media (width<=760px) {

    .block--prices-selector .prices-selector__salon-card:hover .prices-selector__salon-action,
    .block--prices-selector .prices-selector__salon-card:focus .prices-selector__salon-action {
        border-color: #ff31c7
    }

    .block--prices-selector .prices-selector__salon-card {
        grid-template-columns: 1fr 3fr;
        gap: 2rem 1rem;
        display: grid
    }
}

@media (width<=480px) {
    .block--prices-selector .prices-selector__salon-card {
        grid-template-columns: 1fr;
        gap: 1rem;
        display: grid
    }
}

.block--prices-selector .prices-selector__salon-image {
    aspect-ratio: 3/2;
    -o-object-fit: cover;
    object-fit: cover;
    flex-shrink: 0;
    width: 12rem
}

@media (width<=760px) {
    .block--prices-selector .prices-selector__salon-image {
        width: 100%
    }
}

.block--prices-selector .prices-selector__salon-card:hover,
.block--prices-selector .prices-selector__salon-card:focus {
    color: #fff;
    box-shadow: unset;
    text-shadow: unset;
    background: #ff31c7;
    border-color: #ff31c7
}

@media (width<=760px) {

    .block--prices-selector .prices-selector__salon-card:hover,
    .block--prices-selector .prices-selector__salon-card:focus {
        background: unset;
        border-color: unset
    }
}

.block--prices-selector .prices-selector__salon-copy {
    flex-direction: column;
    flex: 1;
    gap: .4rem;
    display: flex
}

.block--prices-selector .prices-selector__salon-name {
    font-size: 1.9rem;
    font-weight: 700
}

.block--prices-selector .prices-selector__salon-note {
    opacity: .72;
    font-size: 1.5rem
}

.block--prices-selector .prices-selector__salon-action {
    color: #000;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    min-height: 4.6rem;
    padding: .8rem 1.8rem;
    font-size: 1.3rem;
    font-weight: 700;
    display: inline-flex
}

@media (width<=760px) {
    .block--prices-selector .prices-selector__salon-action {
        color: #fff;
        background-color: #ff31c7;
        border: 2px solid #ff31c7;
        grid-column: 1/-1;
        width: 100%;
        display: flex
    }
}

.block--prices-selector .prices-selector__reset {
    color: #000;
    text-transform: uppercase;
    letter-spacing: .05rem;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 2rem;
    width: fit-content;
    min-height: 2.5rem;
    padding: calc(.25rem - 1px) calc(1.5rem - 1px);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
    transition: all .25s
}

.block--prices-selector .prices-selector__reset:hover,
.block--prices-selector .prices-selector__reset:focus {
    color: #fff;
    background-color: #ff31c7;
    border-color: #ff31c7
}

@media (width<=760px) {
    .block--prices-selector .prices-selector.booking-box {
        padding: 0
    }

    .block--prices-selector .prices-selector__shell {
        padding: 0
    }

    .block--prices-selector .prices-selector__tracker {
        grid-template-columns: 1fr;
        gap: .75rem;
        margin-bottom: 1.2rem
    }

    .block--prices-selector .prices-selector__tracker-line {
        display: none
    }

    .block--prices-selector .prices-selector__tracker-step {
        gap: .8rem
    }

    .block--prices-selector .prices-selector__tracker-index {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.3rem
    }

    .block--prices-selector .prices-selector__tracker-label {
        font-size: 1.3rem
    }

    .block--prices-selector .prices-selector__panel {
        margin-bottom: 2.5rem;
        padding: 1.2rem 1rem
    }

    .block--prices-selector .prices-selector__title {
        margin-bottom: .6rem
    }

    .block--prices-selector .prices-selector__intro {
        margin-bottom: 1.2rem
    }

    .block--prices-selector .prices-selector__step-head {
        flex-direction: column;
        align-items: flex-start;
        gap: .8rem;
        margin-bottom: 2.5rem
    }

    .block--prices-selector .prices-selector__eyebrow {
        margin-bottom: .2rem;
        font-size: 1.1rem
    }

    .block--prices-selector .prices-selector__step-title {
        font-size: 2rem;
        line-height: 1.1
    }

    .block--prices-selector .prices-selector__genders {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        width: 100%;
        margin-top: 1.2rem
    }

    .block--prices-selector .prices-selector__gender-button {
        gap: .8rem
    }

    .block--prices-selector .prices-selector__gender-image {
        width: 8.5rem
    }

    .block--prices-selector .prices-selector__gender-text {
        font-size: 1.25rem
    }

    .block--prices-selector .prices-selector__empty {
        border-radius: 1.2rem;
        padding: 1.2rem 1rem
    }

    .block--prices-selector .prices-selector__salons {
        gap: .8rem
    }

    .block--prices-selector .prices-selector__salon-card {
        border-radius: 1rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
        padding: 1.2rem 1rem
    }

    .block--prices-selector .prices-selector__salon-image {
        aspect-ratio: 3/2
    }

    .block--prices-selector .prices-selector__salon-name {
        font-size: 1.6rem
    }

    .block--prices-selector .prices-selector__salon-note {
        font-size: 1.3rem
    }

    .block--prices-selector .prices-selector__salon-action,
    .block--prices-selector .prices-selector__reset {
        min-height: 2.2rem;
        padding: .55rem 1rem;
        font-size: 1.1rem
    }
}

.block--two-column .block__image:not(:last-child) {
    padding-bottom: 0
}

.block--two-column .inner .block__text {
    padding: 0
}

.block--two-column .inner {
    padding: 4rem
}

@media (width<=760px) {
    .prices-selector {
        padding: 0
    }

    .block--two-column .block__image,
    .block--two-column .inner .block__text {
        padding: 1rem
    }
}

#calendar .calendar-day {
    justify-content: center
}

.block--two-column .block__text h2 span,
.block--two-column .block__text h3 span,
.block--four-column .block__text h2 span,
.block--four-column .block__text h3 span {
    text-transform: uppercase;
    font-family: Abel, sans-serif;
    font-size: 1.875rem
}

.block--two-column .block__buttons:last-child {
    padding-bottom: 4rem
}

.block--two-column .block__buttons {
    padding: 0
}

.block--two-column .block__text ul,
ol {
    margin: 0
}

.block--two-column .block__text ul li p,
ol li p {
    margin-bottom: unset
}

.block--two-column .block__text li::marker {
    font-size: 1.875rem;
    font-weight: 700
}

.block--two-column .block__text a {
    transition: all .25s
}

.block--two-column .block__text a:is(:hover, :focus) {
    color: #000
}

.block--two-column .block__text p,
.block--four-column .block__text p {
    color: #000;
    margin-top: 0;
    margin-bottom: 3.5rem;
    font-size: 1.875rem;
    line-height: 1.5
}

.block--four-column .row {
    gap: 0;
    margin-bottom: 1rem
}

.block--four-column .block__text,
.block--four-column .block__buttons {
    padding-inline: 4rem
}

.block--four-column .block__text:first-child {
    padding-top: 4rem
}

@media (width<=760px) {
    .block--two-column {
        padding-right: 0;
        padding-top: 2rem !important
    }

    .block--two-column .block__text {
        padding-inline: 1rem
    }

    .block--two-column .block__text p,
    .block--four-column .block__text p {
        font-size: 1.05rem
    }

    .block--one-column .block__text p,
    .block--two-column .block__text p,
    .block--four-column .block__text p {
        margin-bottom: 2rem
    }

    .block--two-column .inner {
        padding: 1rem
    }

    .block--four-column .block__text:first-child {
        padding-top: 1rem
    }

    .block--two-column .block__text h2 span,
    .block--two-column .block__text h3 span,
    .block--four-column .block__text h2 span,
    .block--four-column .block__text h3 span {
        font-size: 1.5rem
    }

    .block--two-column .inner .block__text {
        padding: 1rem 0
    }

    .block--two-column .block__text li::marker {
        font-size: 1.05rem;
        font-weight: 700
    }

    .block--two-column .block__buttons a,
    .block--four-column .block__buttons a {
        font-size: 1.05rem
    }

    .block--four-column .block__text:first-child {
        padding-top: 2rem;
        padding-inline: 1rem
    }

    .block--four-column .block__buttons {
        padding-inline: 1rem;
        padding-bottom: 2rem
    }

    .block--four-column .row {
        gap: 2rem;
        margin-bottom: 0
    }

    .block--two-column .block__text p,
    .block--four-column .block__text p {
        margin-bottom: 1rem
    }
}

.inner[style*=\#FF31C7] .btn--primary:is(:hover, :focus) {
    color: #fff;
    border: 2px solid #fff
}

@media (width>=1874px) {
    .block__image--mmcb4fn9 {
        justify-content: end;
        display: flex;
        overflow: auto
    }

    .block__image--mmcb4fn9 .img {
        width: auto;
        height: 700px
    }

    .block--two-column.custom-height .inner .block__image .img {
        width: auto;
        height: 47rem
    }

    .block--two-column.custom-height .inner .block__image {
        justify-content: end;
        display: flex;
        overflow: auto
    }
}

.block--two-column.custom-height .inner .block__image .img {
    width: auto;
    height: 47rem
}

.block--two-column.custom-height .inner .block__image {
    justify-content: end;
    display: flex;
    overflow: auto
}

.block__heading__overlay_image {
    height: fit-content;
    margin-block: auto;
    position: absolute;
    top: 3rem;
    right: 5rem
}

.block__heading__overlay_image img {
    width: 25rem;
    height: auto;
    position: relative
}

.block__heading .offer_price {
    color: #000;
    z-index: 20;
    width: auto;
    height: fit-content;
    font-size: 6rem;
    position: absolute;
    top: 50%;
    right: 11rem;
    transform: translateY(-50%)
}

.block__one__full .offer_price:before {
    content: "v.a.";
    text-transform: lowercase;
    letter-spacing: .0024rem;
    font-size: 2rem
}

.block__heading .offer_price:before {
    content: "v.a.";
    text-transform: lowercase;
    font-size: 2rem
}

@media (width<=480px) {
    .block__heading .offer_price {
        width: auto;
        height: fit-content;
        top: unset;
        color: #000;
        z-index: 20;
        font-size: 2.5rem;
        position: absolute;
        bottom: -4rem;
        right: 2rem
    }

    .block__heading .offer_price:before {
        text-transform: lowercase;
        font-size: 1rem
    }

    .block__heading__overlay_image img {
        width: 10.5rem;
        height: auto;
        position: absolute;
        bottom: -7rem;
        right: -5rem
    }
}

@media (width>=481px) and (width<=760px) {
    .block__heading__overlay_image img {
        width: 10rem;
        height: auto;
        position: absolute;
        bottom: -4rem;
        right: -4rem
    }

    .block__heading .offer_price {
        width: auto;
        height: fit-content;
        top: unset;
        color: #000;
        z-index: 20;
        font-size: 2rem;
        position: absolute;
        bottom: 0;
        right: 3.5rem
    }

    .block__heading .offer_price:before {
        text-transform: lowercase;
        font-size: 1rem
    }
}

@media (width>=1867px) {
    .block__heading .offer_price {
        color: #000;
        z-index: 20;
        width: auto;
        height: fit-content;
        font-size: 6rem;
        position: absolute;
        top: 50%;
        right: 10.5rem;
        transform: translateY(-50%)
    }

    .block__heading__overlay_image {
        height: fit-content;
        margin-block: unset;
        margin-inline: unset;
        position: absolute;
        top: 2rem;
        right: 5rem
    }
}

.block--two-column.before__after__block .inner {
    flex-direction: row;
    gap: 2rem;
    display: flex
}

.block--two-column.before__after__block .inner .block__image {
    width: 66%
}

.block--two-column.before__after__block .inner .block__text {
    width: 8rem
}

@media (width<=760px) {
    .block--two-column.before__after__block .inner {
        flex-direction: column;
        gap: 0;
        display: flex
    }

    .block--two-column.before__after__block .inner .block__image {
        width: 100%
    }

    .block--two-column.before__after__block .inner .block__text {
        width: 8rem;
        padding-bottom: 0
    }

    .block--two-column.before__after__block .inner .block__text p {
        margin-bottom: 0
    }
}

.block--two-column .inner:has(.cd-image-container) {
    padding: 0
}

@media (width<=760px) {
    .block--two-column.custom-height .inner .block__image .img {
        width: auto;
        height: 23rem
    }
}

@media (width<=480px) {
    .block--two-column.custom-height .inner .block__image .img {
        width: auto;
        height: 20rem
    }
}

@media only screen and (width<=1024px) {
    .block__one__full .offer_price:before {
        content: "v.a.";
        text-transform: lowercase;
        letter-spacing: .0024rem;
        font-size: 1.1rem
    }
}

@media only screen and (width<=560px) {
    .block__one__full .offer_price:before {
        content: "v.a.";
        text-transform: lowercase;
        letter-spacing: .0024rem;
        font-size: 1rem
    }
}

#xlagenda_salon_plugin .salon-item img {
    flex: 1;
    max-width: 33%;
    max-height: 100px;
    -o-object-fit: cover !important;
    object-fit: cover !important
}

body {
    flex-direction: column;
    min-height: 100vh;
    display: flex;
    overflow: hidden
}

body.nav-open {
    height: 100vh;
    overflow: hidden
}

.footer {
    background-color: var(--footer-bg-c);
    color: var(--footer-text-c);
    margin-top: auto;
    padding: 1rem 0 2rem;
    position: relative
}

.footer__graphic {
    z-index: 0;
    pointer-events: none;
    position: absolute;
    bottom: -22rem;
    left: -41.5rem;
    overflow: hidden
}

@media (width<=760px) {
    .footer__graphic {
        bottom: -24rem;
        left: unset;
        display: block;
        right: -48rem
    }
}

.footer__graphic img {
    pointer-events: none;
    max-width: 75rem;
    margin-bottom: -2.5%
}

.footer__logo {
    max-width: var(--footer-logo-mw);
    z-index: 2;
    position: relative;
    left: 1rem
}

@media (width>=1920px) {
    .footer__logo {
        position: absolute;
        top: 2rem;
        left: -3rem
    }
}

@media (width<=760px) {
    .footer__logo {
        max-width: var(--footer-logo-mw-mob);
        margin-bottom: 0;
        position: absolute;
        left: 1rem
    }

    .footer p {
        font-size: 1.25rem
    }
}

.footer a {
    color: #fff;
    transition: all .25s
}

.footer a:not(.btn):is(:hover, :focus) {
    color: #ff31c7
}

@media (width<=760px) {
    .footer a {
        font-size: 1.25rem
    }
}

.footer__top {
    padding-top: 2.5rem;
    padding-bottom: .25rem
}

@media (width<=760px) {
    .footer__top {
        flex-direction: column;
        padding: 1.5rem 0;
        display: flex
    }
}

.footer__top>div .inner {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    display: flex
}

.footer__top>div:nth-child(3) .inner {
    padding-left: 3.125rem
}

@media (width<=760px) {
    .footer__top>div:nth-child(3) .inner {
        padding-left: 0
    }
}

.footer__book-now.footer__button {
    color: #000;
    background-color: #ff31c7;
    height: 2.5rem;
    transition: all .25s
}

@media (width<=760px) {
    .footer__book-now.footer__button {
        width: 10rem
    }
}

.footer__book-now.footer__button:is(:hover, :focus) {
    background-color: #fff;
    transition: all .25s;
    box-shadow: 0 0 25px #fff;
    color: #000 !important
}

.footer .btn--secondary {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.footer .btn--secondary:is(:hover, :focus) {
    color: #000;
    background-color: #fff;
    box-shadow: 0 0 25px #fff
}

@media (width<=760px) {
    .footer .c12-xs:nth-child(2) {
        display: none
    }
}

.footer .row div:last-of-type {
    margin-top: 0;
    padding: 0
}

.footer__social {
    display: flex
}

@media (width<=760px) {
    .footer__social {
        padding: 1rem !important
    }
}

.footer__social__item {
    aspect-ratio: 1;
    background-color: #ff31c7;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 3.75rem;
    max-height: 3.75rem;
    padding: .25rem;
    transition: all .25s;
    display: flex
}

@media (width<=760px) {
    .footer__social__item {
        width: 3.5rem;
        height: 3.5rem
    }
}

.footer__social__item:not(:last-of-type) {
    margin-right: 1em
}

@media (width<=760px) {
    .footer__social__item:not(:last-of-type) {
        margin-right: 1rem
    }
}

.footer__social__item svg {
    max-width: 65%;
    max-height: 65%;
    transition: all .25s
}

.footer__social__item--fb svg {
    fill: var(--footer-fb-c)
}

.footer__social__item--fb:hover svg {
    fill: var(--footer-fb-hc)
}

.footer__social__item--li svg {
    fill: var(--footer-li-c)
}

.footer__social__item--li:hover svg {
    fill: var(--footer-li-hc)
}

.footer__social__item--ig svg {
    fill: var(--footer-ig-c)
}

.footer__social__item--ig:hover svg {
    fill: var(--footer-ig-hc)
}

.footer__top {
    position: relative
}

.footer__bottom {
    margin-inline: 1rem;
    position: relative
}

.footer__bottom:before {
    content: "";
    width: calc(100% - 2 * var(--gutters-sm, 1rem) - 1rem);
    left: calc(var(--gutters-sm, 1rem) + .5rem);
    background-color: #fff;
    height: .125rem;
    position: absolute;
    top: 0
}

@media (width<=760px) {
    .footer__bottom:before {
        width: 100%;
        left: 0
    }
}

@media (width>=760px) and (width<=1919px) {
    .footer__bottom:before {
        width: 100%;
        left: .25rem
    }
}

@media (width>=1920px) {
    .footer__bottom:before {
        width: 100%;
        margin-inline: 0;
        left: 0
    }
}

@media (width<=760px) {
    .footer__bottom {
        margin-inline: 0
    }
}

@media (width>=760px) and (width<=1919px) {
    .footer__bottom {
        margin-inline: 3.75rem
    }
}

@media (width>=1920px) {
    .footer__bottom {
        margin-inline: -1.25rem
    }
}

.footer__book-now {
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #000;
    background-color: #fff;
    border-radius: 999rem;
    flex-direction: row;
    align-items: center;
    gap: .25rem;
    width: fit-content;
    padding-inline: 1.25rem;
    display: flex
}

.footer__book-now--icon {
    aspect-ratio: 1;
    background-color: #ff31c7;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    flex: 0 0 0 !important
}

.footer__book-now--icon svg {
    width: 1.25rem;
    max-width: 20px
}

.footer__button {
    font-size: 1.25rem;
    line-height: 1.2
}

.footer__button:hover {
    text-shadow: none
}

.footer__button.btn--secondary {
    max-width: 190px;
    margin-bottom: 1rem;
    padding: .4rem
}

.footer__button.footer__book-now span {
    padding: 0
}

.footer__bottom {
    padding-top: 1.75rem
}

@media (width<=760px) {
    .footer .inner {
        margin-bottom: 1rem
    }

    .footer {
        padding-bottom: 1rem
    }
}

.header {
    width: 100vw;
    height: var(--header-height);
    background-color: var(--header-bg-c);
    z-index: 9999;
    will-change: transform;
    transition: all .22s, box-shadow .2s;
    position: fixed;
    top: 0
}

.header.hide {
    transform: translateY(-100%)
}

.header.show {
    transform: translateY(0)
}

@media (width<=760px) {
    .header {
        height: var(--header-height-mob)
    }
}

.header.site-header--pinned {
    height: 8rem;
    transition: all .22s, box-shadow .2s;
    transform: translateY(0%)
}

@media (width<=760px) {
    .header.site-header--pinned {
        height: unset
    }
}

.header.site-header--pinned .header__branding {
    margin-top: -3rem;
    transition: all .22s;
    scale: .7
}

@media (width<=760px) {
    .header.site-header--pinned .header__branding {
        margin-top: 0;
        scale: 1
    }
}

.header.site-header--pinned .header__branding .header__logo {
    transition: all .1s ease-in-out
}

@media (width<=760px) {
    .header.site-header--pinned .header__branding .header__logo {
        height: var(--header-logo-mh-mob)
    }

    .header.site-header--pinned {
        transform: unset
    }
}

.header.site-header--pinned .header__tools {
    transition: all .25s;
    top: 2.5rem
}

@media (width>=760px) and (width<=1919px) {
    .header.site-header--pinned .header__tools {
        right: 3rem
    }
}

.header.site-header--pinned .header__navigation {
    visibility: hidden
}

@media (width<=760px) {
    .header.site-header--pinned .header__navigation {
        visibility: visible
    }
}

.header .container {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 3.75rem;
    display: flex;
    position: relative;
    height: 100% !important
}

@media (width<=760px) {
    .header .container {
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 1rem .25rem
    }
}

.header__logo {
    height: var(--header-logo-mh);
    transition: all .1s ease-in-out
}

@media (width<=760px) {
    .header__logo {
        height: var(--header-logo-mh-mob)
    }
}

.header__logo a {
    height: 100%;
    display: block
}

.header__logo .img {
    width: auto;
    height: 100%
}

.header__navigation {
    flex-grow: 0;
    height: 100%
}

@media (width<=1024px) {
    .header__navigation {
        padding: 0
    }
}

@media (width<=760px) {
    .header__navigation {
        justify-content: flex-end;
        display: flex
    }
}

.header__tools {
    padding-right: var(--gutters-md, 1rem);
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    transition: all .25s;
    display: flex;
    position: absolute;
    top: 2.125rem;
    right: 0
}

@media (width>=760px) and (width<=1919px) {
    .header__tools {
        right: 3rem
    }
}

@media (width>=1920px) {
    .header__tools {
        padding-right: 0
    }
}

@media (width<=760px) {
    .header__tools {
        display: none
    }
}

.header__book-now,
.header__log-in {
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.header__log-in {
    color: #000;
    background-color: #fff;
    border-radius: 999rem;
    padding: .344rem 1.375rem;
    font-size: 1.25rem;
    line-height: 1.2;
    transition: all .25s
}

.header__log-in:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 50px #fff
}

.header__book-now {
    padding-inline: .75rem;
    z-index: 999;
    border-radius: 20rem;
    flex-direction: row;
    align-items: center;
    gap: .25rem;
    max-width: 8.75rem;
    height: 2.25rem;
    margin-top: 2rem;
    padding-right: 1.25rem;
    font-size: 1.25rem;
    transition: color .25s ease-in-out;
    display: flex
}

@media (width<=760px) {
    .header__book-now {
        width: 5rem;
        margin-top: 1.5rem;
        padding: .5rem;
        font-size: .8rem
    }
}

.header__book-now a {
    align-items: center;
    gap: .25rem;
    display: flex
}

.header__book-now img {
    width: 100%
}

.header__book-now:hover {
    background-color: unset;
    color: #000;
    box-shadow: unset;
    filter: drop-shadow(2px 2px 8px #ff31c7);
    border-color: #fff;
    transition: all .25s
}

.header__book-now.mobile {
    display: none
}

@media (width<=760px) {
    .header__book-now.mobile {
        display: flex
    }
}

.header__book-now--icon {
    aspect-ratio: 1;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 2.1875rem;
    transition: all .25s;
    display: flex
}

.header__book-now--icon.mobile {
    display: none
}

.header__book-now--icon svg {
    width: 1.5rem;
    max-width: 16px
}

@media (width<=760px) {
    .header__book-now--icon.mobile {
        display: flex
    }

    .header__book-now--icon {
        width: 1.5rem;
        height: 1.5rem;
        margin-right: 0
    }
}

@media (width<=760px) and (width<=480px) {
    .header__book-now--icon {
        display: none
    }
}

@media (width<=760px) {
    .header__book-now--icon svg {
        width: 1rem
    }
}

.header__book-now span {
    color: #000
}

.header__branding {
    margin-left: -4rem;
    transition: all .25s ease-in-out;
    position: relative
}

@media (width<=480px) {
    .header__branding {
        margin-left: -3rem
    }
}

.header__payoff {
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    bottom: -1rem;
    right: -.05rem
}

@media (width<=760px) {
    .header__payoff {
        text-align: right;
        color: #fff;
        font-size: .75rem;
        line-height: 1;
        position: absolute;
        bottom: -.5rem;
        right: -3.5rem
    }
}

.navigation__container {
    height: 100%
}

@media screen and (width>=761px) {
    .navigation__container {
        height: 100% !important;
        overflow: unset !important;
        display: block !important
    }

    .navigation__container>div {
        height: 100% !important
    }
}

@media (width<=760px) {
    .navigation__container {
        border-bottom: 1px solid var(--header-b-c);
        background-color: #000;
        width: 100%;
        position: absolute;
        top: 4rem;
        left: 0;
        right: 0;
        height: 80vh !important;
        overflow: scroll !important
    }

    .navigation__container:before {
        content: "";
        background-color: var(--header-bg-c-menu);
        position: absolute;
        inset: 0
    }
}

@media screen and (width>=761px) {
    .navigation__container {
        display: block !important
    }
}

.navigation__list {
    justify-content: center;
    gap: 2rem;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

@media (width<=1024px) {
    .navigation__list {
        gap: 0
    }
}

@media (width<=760px) {
    .navigation__list {
        flex-direction: column;
        padding: 2rem 1.5rem
    }
}

.navigation__item {
    height: 100%;
    margin-bottom: 1rem;
    position: relative
}

.navigation__item__icon {
    width: 1rem;
    height: auto;
    margin-left: .25rem
}

@media (width<=760px) {
    .navigation__item__icon {
        display: none
    }
}

.navigation__item--current>.navigation__link {
    color: #fc0b70
}

.navigation__item--current>.navigation__link span {
    transition: color .25s ease-in-out
}

.navigation__item:last-child span {
    color: #000;
    background-color: #fff;
    border-radius: 3rem;
    padding: .5rem 2rem
}

.navigation__item:last-child span:is(:hover, :focus) {
    transition: all .25s ease-in-out;
    box-shadow: 0 0 50px #fff
}

@media (width<=760px) {
    .navigation__item {
        margin-bottom: .25rem;
        margin-left: .5rem
    }
}

.navigation__link {
    height: 100%;
    color: var(--header-link-c);
    text-transform: uppercase;
    letter-spacing: .08rem;
    align-items: center;
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    transition: color .25s ease-in-out;
    display: flex
}

.navigation__link.hovered svg {
    transform: rotate(180deg)
}

.navigation__link svg path {
    stroke: var(--header-link-c);
    transition: stroke .25s
}

.navigation__link span {
    transition: color .25s
}

@media (width<=760px) {
    .navigation__link {
        color: var(--header-link-c-menu);
        margin-bottom: 1rem;
        padding: .5rem 0;
        font-size: 1.05rem
    }
}

.navigation__link:hover {
    color: var(--header-link-hc)
}

.navigation__link:hover span {
    transition: color .25s ease-in-out
}

.navigation__link:hover svg path {
    stroke: var(--header-link-hc)
}

.navigation__dd {
    z-index: 999;
    background-color: var(--header-bg-c-menu);
    border-color: #00000026;
    padding: 1rem;
    position: absolute;
    top: 8rem;
    left: -1rem;
    box-shadow: 0 4px 12px #0003
}

.navigation__dd__list {
    margin: 0;
    padding: 0;
    list-style: none
}

@media (width<=760px) {
    .navigation__dd__list .navigation__item {
        padding-left: 1rem
    }
}

.navigation__dd__list:last-child span {
    background-color: inherit;
    color: inherit;
    padding: inherit
}

.navigation__dd__list:last-child span:is(:hover, :focus) {
    box-shadow: unset
}

.navigation__dd .navigation__link {
    white-space: nowrap;
    margin-bottom: .5rem
}

@media (width<=760px) {
    .navigation__dd .navigation__link {
        margin-bottom: 0;
        font-size: 1rem
    }

    .navigation__dd {
        position: initial;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: 0 0;
        padding: 0;
        display: block !important
    }
}

.navigation__toggle {
    margin-right: -1rem
}

.navigation__toggle svg {
    transition: transform .35s cubic-bezier(.4, 0, .2, 1)
}

.navigation__toggle.active svg {
    transform: rotate(90deg)
}

.navigation__toggle path {
    stroke: #ff31c7;
    transition: transform .35s cubic-bezier(.4, 0, .2, 1), stroke-dasharray .35s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .35s cubic-bezier(.4, 0, .2, 1)
}

.navigation__toggle path:first-child {
    transform-origin: 36% 40%
}

.navigation__toggle path:nth-child(2) {
    stroke-dasharray: 29 299
}

.navigation__toggle path:nth-child(3) {
    transform-origin: 35% 63%
}

.navigation__toggle path:nth-child(4) {
    stroke-dasharray: 29 299
}

.navigation__toggle path:nth-child(5) {
    transform-origin: 61% 52%
}

.navigation__toggle path:nth-child(6) {
    transform-origin: 62% 52%
}

.navigation__toggle.active path:first-child {
    transform: translate(9px)translateY(1px)rotate(45deg)
}

.navigation__toggle.active path:nth-child(2) {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px
}

.navigation__toggle.active path:nth-child(3) {
    transform: translate(9px)translateY(1px)rotate(-45deg)
}

.navigation__toggle.active path:nth-child(4) {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px
}

.navigation__toggle.active path:nth-child(5) {
    transform: translate(9px)translateY(1px)rotate(-45deg)
}

.navigation__toggle.active path:nth-child(6) {
    transform: translate(9px)translateY(1px)rotate(45deg)
}

.header__dark--light-mode {
    align-items: center;
    display: flex
}

.header__dark--light-mode .togglecheck {
    width: 3rem;
    height: 1.5rem;
    display: inline-block;
    position: relative
}

.header__dark--light-mode .togglecheck input {
    opacity: 0;
    width: 0;
    height: 0
}

.header__dark--light-mode .slider {
    cursor: pointer;
    background-color: #ff31c7;
    border-radius: 34px;
    transition: background-color .4s;
    position: absolute;
    inset: 0
}

.header__dark--light-mode .slider:before {
    content: "";
    background-color: #fff;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    transition: transform .4s;
    position: absolute;
    bottom: .25rem;
    left: .25rem
}

.header__dark--light-mode .togglecheck input:checked+.slider {
    background-color: #333
}

.header__dark--light-mode .togglecheck input:checked+.slider:before {
    transform: translate(1.5rem)
}

body.light-mode {
    --header-logo-mh: 12.5rem;
    --header-logo-mh-mob: 4.6875rem;
    --header-height: 18.125rem;
    --header-height-mob: 6.25rem;
    --header-bg-c: #000;
    --header-b-c: #000;
    --header-hb-c: #000;
    --header-link-c: #fff;
    --header-link-hc: #ff31c7;
    --header-bg-c-menu: #000;
    --header-link-c-menu: #000;
    --font-body-c: #000;
    --font-head-c: #000;
    --font-link-c: #000;
    --font-link-hc: #ff31c7;
    background-color: #fff
}

body.light-mode .header__book-now {
    color: #f6f2ea;
    background-color: #000;
    border-radius: 2rem
}

body.light-mode .header__log-in {
    background-color: #f6f2ea
}

body.light-mode #page-content {
    background: #fff
}

body.light-mode .border-top,
body.light-mode .border-bottom,
body.light-mode .between-line,
body.light-mode .cta .container:before,
body.light-mode .add-mark:before {
    background-color: #000
}

body.light-mode .btn--primary {
    color: #fff;
    text-shadow: unset;
    background-color: #000;
    border-color: #000
}

body.light-mode .location__inner:after {
    background-color: #000
}

body.light-mode .footer a {
    color: var(--header-link-c)
}

body.light-mode .footer a.footer__book-now {
    color: var(--header-link-c-menu)
}

html {
    background-color: #000;
    overflow-x: hidden
}

#page-content {
    opacity: 0;
    margin-top: var(--header-height);
    z-index: 1;
    animation: .2s forwards fade-in;
    position: relative
}

@media (width>=760px) and (width<=1919px) {
    #page-content {
        margin-top: var(--header-height);
        margin-inline: 5rem
    }
}

@media (width<=760px) {
    #page-content {
        margin-top: var(--header-height-mob)
    }
}

#page-content:before {
    content: "";
    z-index: -1;
    background-image: url(/build/assets/homepage-halftoon-mFMMtYDt.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 64rem;
    height: 47rem;
    position: absolute;
    top: 0;
    right: -44rem
}

@media (width<=760px) {
    #page-content:before {
        display: none
    }

    #page-backdrop {
        background-color: #00000080;
        position: fixed;
        inset: 0
    }
}

@media screen and (width>=761px) and (width<=1919px) {
    html {
        font-size: .834vw
    }
}

.block {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.overflow-hidden {
    overflow: hidden
}

.max-h-0 {
    max-height: 0
}

.accordion-item .text-left {
    color: #ff31c7;
    font-family: Abel, sans-serif;
    font-size: 1.875rem
}

@media (width<=760px) {
    .accordion-item .text-left {
        font-size: 20px
    }
}

.accordion-item .text-left:hover {
    cursor: pointer
}

.accordion-item {
    border-bottom: .5px solid #ff31c733;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.text-acordion {
    color: #000;
    text-transform: none
}

.block--faq {
    background: #fff
}

.above {
    z-index: 1000;
    position: relative
}

@media (width<=760px) {
    .above {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
}

.border-top,
.border-bottom {
    background-color: #fff;
    width: calc(100% - 3rem);
    height: 2px;
    position: absolute;
    left: 1.5rem
}

@media (width<=760px) {

    .border-top,
    .border-bottom {
        width: calc(100% - 2 * var(--gutters-xs, 1rem));
        left: var(--gutters-xs, 1rem)
    }
}

.border-top {
    top: -2.5rem
}

@media (width<=760px) {
    .border-top {
        top: 0
    }
}

.border-bottom {
    bottom: -2.5rem
}

@media (width<=760px) {
    .border-bottom {
        bottom: 0
    }
}

.between-line {
    background-color: #fff;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%
}

.add-mark {
    position: relative
}

.add-mark:after {
    content: "";
    aspect-ratio: 1;
    background-image: url(/assets/logos/laserette_logo-sm.png);
    background-position: 50%;
    background-size: cover;
    border-radius: 100%;
    width: 4.6875rem;
    height: 4.6875rem;
    position: absolute;
    bottom: -2.34375rem;
    left: calc(50% - 2.34375rem);
    right: calc(50% - 2.34375rem);
    box-shadow: 0 0 35px #ff31c7
}

.add-mark:before {
    content: "";
    background-color: #fff;
    width: calc(100% - 3rem);
    height: .125rem;
    position: absolute;
    bottom: 0
}

@media (width<=760px) {
    .add-mark:before {
        width: calc(100% - 3rem);
        bottom: 0;
        left: 1.25rem
    }

    .add-mark .border-bottom {
        display: none
    }
}

.add-mark .row {
    padding-bottom: 2.5rem
}

.large-text h3 {
    margin-bottom: 0;
    font-size: 3.75rem;
    line-height: 1.13
}

@media (width<=760px) {
    .large-text h3 {
        z-index: 999;
        font-size: 2.5rem;
        position: relative
    }
}

.large-text h3+p {
    font-size: 2.5rem;
    line-height: 1.45
}

@media (width<=760px) {
    .large-text h3+p {
        z-index: 999;
        font-size: 1.5rem;
        position: relative
    }
}

.has-graphic {
    z-index: 999;
    position: relative
}

.graphic {
    z-index: -1;
    background-repeat: no-repeat;
    width: fit-content;
    max-width: 54.375rem;
    height: fit-content;
    position: absolute
}

@media (width<=760px) {
    .graphic {
        max-width: 25.5rem;
        display: none
    }
}

.graphic.top {
    top: -22.75rem
}

@media (width<=760px) {
    .graphic.top {
        top: -10.25rem
    }
}

.graphic.right {
    right: -34.75rem
}

@media (width<=760px) {
    .graphic.right {
        right: -11.25rem
    }
}

.graphic.left {
    left: -34.75rem;
    rotate: 180deg
}

@media (width<=760px) {
    .graphic.left {
        left: 0
    }
}

.graphic.yellow {
    max-width: 48.625rem;
    bottom: 0;
    right: -10rem
}

.equal-buttons a.btn {
    min-width: 13.5rem
}

.center-content .inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

@media (width<=760px) {
    .center-content .inner {
        justify-content: flex-start;
        align-items: flex-start
    }
}

.center-content .block__text {
    max-width: 875px;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (width<=760px) {
    .center-content .block__text {
        max-width: unset;
        padding-left: 0;
        padding-right: 0
    }

    .center-content .block__text * {
        text-align: left !important
    }

    .block__text br {
        display: none
    }
}

.d-block {
    display: block
}

.d-none {
    display: none
}

.btn:hover {
    box-shadow: none
}

.booking-box {
    background-color: #fff
}

.booking-box p {
    color: var(--color-primary)
}

.behandeling,
#calendar-content,
#tijden {
    color: #fff
}

.content-title {
    margin-bottom: 3.125rem;
    font-family: komtit-tall, sans-serif;
    font-size: 2.5rem
}

.hover-popup {
    color: #fff;
    background-color: #000;
    border: 1.5px solid #ff31c7;
    border-radius: 1.25rem;
    width: fit-content;
    padding: 1rem;
    font-size: 1.625rem;
    display: none;
    position: absolute;
    top: 7rem
}

@media (width<=760px) {
    .hover-popup {
        font-size: 1.25rem
    }
}

.hover-popup a {
    color: #fff;
    text-decoration: underline
}

.hover-popup.is-visible {
    display: block
}

#previous-btn {
    margin-top: 2.5rem
}

.info {
    color: #fff;
    aspect-ratio: 1;
    text-align: center;
    cursor: pointer;
    border: 1.5px solid #fff;
    border-radius: 3rem;
    width: 1.75rem;
    height: 1.75rem;
    padding: .25rem;
    position: absolute;
    top: 3rem;
    left: 24rem
}

#content-box {
    flex-direction: row;
    gap: 2.5rem;
    display: flex
}

#booking-content {
    border: 2px solid #fff;
    border-radius: 1.25rem;
    padding: 2.25rem 3rem;
    position: relative
}

#booking-content .content-text {
    margin-bottom: 2rem;
    line-height: 1.4
}

#progress-tracker {
    justify-content: space-between;
    gap: 2.5rem;
    width: 65rem;
    margin-top: 1rem;
    margin-bottom: 2.25rem;
    padding: 0 3.125rem;
    display: flex;
    position: relative
}

@media (width>=760px) and (width<=1919px) {
    #progress-tracker {
        width: 68rem
    }
}

#progress-tracker:before {
    content: "";
    z-index: 0;
    background: #6c2bff;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 3.125rem;
    right: 3.125rem;
    transform: translateY(-50%)
}

#progress-tracker #progress-tracker>#progress-1,
#progress-tracker #progress-2,
#progress-tracker #progress-3,
#progress-tracker #progress-4,
#progress-tracker #progress-5,
#progress-tracker #progress-6 {
    z-index: 3;
    position: relative
}

#progress-tracker #progress-1,
#progress-tracker #progress-2,
#progress-tracker #progress-3,
#progress-tracker #progress-4,
#progress-tracker #progress-5,
#progress-tracker #progress-6 {
    color: #fff;
    z-index: 3;
    background-color: #000;
    border: 1.5px solid #fff;
    border-radius: 50%;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    padding: .5rem;
    font-family: Komtit-tall, sans-serif;
    font-size: 1.625rem;
    display: flex
}

#progress-tracker #progress-1.active,
#progress-tracker #progress-2.active,
#progress-tracker #progress-3.active,
#progress-tracker #progress-4.active,
#progress-tracker #progress-5.active,
#progress-tracker #progress-6.active {
    z-index: 3;
    background-color: #ff31c7;
    border-color: #ff31c7
}

#progress-tracker #progress-6 {
    width: 3.125rem;
    height: 3.125rem;
    padding: .75rem
}

#progress-tracker #progress-6 svg,
#progress-tracker svg {
    fill: #fff
}

#progress-tracker>.active {
    background-color: #ff31c7 !important;
    border-color: #ff31c7 !important
}

#progress-tracker>:has(~.active) {
    background-color: #ff31c7 !important;
    border-color: #ff31c7 !important
}

.booking-box {
    border-radius: 1.25rem;
    height: fit-content;
    margin-top: 4.5rem;
    padding: 2.25rem 2rem;
    position: relative
}

@media (width<=760px) {
    .booking-box {
        margin-top: 0
    }
}

.booking-box .booking-title {
    text-transform: uppercase;
    color: #ff31c7;
    border-bottom: 2px solid #ff31c7;
    margin-bottom: 2.25rem;
    font-size: 1.875rem;
    line-height: 1.4
}

.booking-box #booking-winkelmandje {
    margin-top: 2.25rem
}

.booking-box #booking-winkelmandje table tr td:last-child {
    text-align: right
}

.booking-box #booking-winkelmandje #winkelmand {
    border-collapse: collapse;
    width: 100%
}

.booking-box #booking-winkelmandje #winkelmand thead tr th {
    text-transform: uppercase;
    color: #ff31c7;
    text-align: left;
    padding: 0;
    font-size: 1.875rem;
    line-height: 1.4
}

.booking-box #booking-winkelmandje #winkelmand #winkelmand-inhoud {
    border-bottom: 1.5px solid #000;
    font-size: 1.5rem
}

.booking-box #booking-winkelmandje #winkelmand #winkelmand-inhoud tr td {
    margin-top: .25rem;
    padding: .75rem 0
}

@media (width<=760px) {
    .booking-box #booking-winkelmandje #winkelmand #winkelmand-inhoud tr td {
        margin-top: .25rem
    }
}

.booking-box #booking-winkelmandje #winkelmand tfoot tr td {
    border-top: 1.5px solid #000;
    padding-top: .75rem;
    font-size: 1.625rem
}

.booking-box .booking-info {
    margin-bottom: 2.25rem;
    font-size: 1.625rem
}

.booking-box .booking-info td {
    vertical-align: top;
    width: 40%;
    font-size: 1.625rem
}

.booking-box .booking-info td#booking-salon {
    width: 60%
}

.booking-box .booking-info #booking-salon .salon-naam {
    font-size: 1.625rem;
    font-weight: 700
}

.booking-box p:nth-of-type(2) {
    text-align: center;
    cursor: pointer;
    border: 2px solid #000;
    border-radius: 3rem;
    margin-top: 2.375rem
}

.booking-box .hover-popup {
    z-index: 99999;
    background-color: #000;
    border: 2px solid #ff31c7;
    border-radius: 1.25rem;
    width: 69rem;
    height: 60vh;
    padding: 3.75rem 3.75rem 1rem;
    font-size: 1.625rem;
    display: none;
    position: fixed;
    top: 60%;
    left: 50%;
    overflow: scroll;
    transform: translate(-50%, -50%)
}

.booking-box .hover-popup b {
    color: #ff31c7;
    font-weight: 500
}

.booking-box .hover-popup p:first-of-type {
    color: #ff31c7;
    font-size: 1.875rem
}

.booking-box .hover-popup ul li {
    font-size: 1.625rem
}

.booking-box .hover-popup ul li::marker {
    content: "> ";
    font-size: 1.5rem;
    line-height: 2.25rem
}

.gender-select {
    gap: 4rem;
    width: 43.75rem;
    margin: 7.25rem auto 10.25rem;
    transition: all .25s;
    display: flex
}

.gender-select .gender-img {
    aspect-ratio: 1;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 11.875rem;
    transition: all .25s
}

.gender-select .gender-img#gender-f {
    background-image: url(/build/assets/gender-woman-S4HPOrnt.png);
    background-size: cover
}

.gender-select .gender-img#gender-m {
    background-image: url(/build/assets/gender-man-Bd8sCyzX.png);
    background-size: cover
}

.gender-select .gender-img#gender-x {
    background-image: url(/build/assets/gender-x-D8y1yY3b.png);
    background-size: cover
}

.gender-select .gender {
    flex-direction: column;
    gap: 2rem;
    width: fit-content;
    transition: color .25s;
    display: flex
}

.gender-select .gender:hover p {
    color: #ff31c7
}

.gender-select .gender:hover .gender-img {
    border: 2px solid #ff31c7;
    transition: color .25s
}

.gender-select .gender p {
    text-transform: uppercase;
    text-align: center;
    transition: color .25s
}

div.zoekveld-wrapper {
    margin-top: 3.125rem;
    width: 30rem !important
}

.salon-item {
    border: 2px solid #fff;
    border-radius: 1rem;
    padding: 1.25rem;
    transition: all .25s
}

.salon-item h4 {
    text-transform: uppercase;
    font-weight: 700;
    transition: all .25s;
    font-family: Abel, sans-serif !important
}

.salon-item p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    transition: all .25s
}

.salon-item.highlight {
    border: 2px solid #ff31c7
}

.salon-item.highlight h4,
.salon-item.highlight p {
    color: #ff31c7
}

.salon-item:hover {
    border: 2px solid #ff31c7;
    transition: all .25s
}

.salon-item:hover h4,
.salon-item:hover p {
    color: #ff31c7;
    transition: all .25s
}

#content-box #booking-content #xlagenda_salon_plugin .salon-item .salon-details h4 {
    text-transform: uppercase;
    font-family: Abel, sans-serif;
    font-weight: 700
}

#content-box #booking-content #xlagenda_salon_plugin .salon-item .salon-details p {
    color: #fff
}

#content-box #content-column #booking-content #behandel-zones {
    flex-direction: column;
    margin-top: 3.125rem;
    display: flex
}

#content-box #content-column #booking-content #behandel-zones .behandel-zone.btn {
    color: #fff;
    text-align: left;
    background-color: #000;
    border: 1.5px solid #fff;
    justify-content: left;
    width: 26.625rem;
    height: 5rem;
    margin-bottom: 1.25rem;
    padding-left: 3.125rem
}

@media (width<=760px) {
    #content-box #content-column #booking-content #behandel-zones .behandel-zone.btn {
        padding-left: 1.5rem
    }
}

#content-box #content-column #booking-content #behandel-zones .behandel-zone.btn:hover {
    color: #ff31c7;
    border: 1.5px solid #ff31c7
}

#content-box #content-column #booking-content #behandelingen .behandeling {
    border: 1px solid #fff;
    border-radius: 3rem;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-left: 3.125rem;
    font-size: 1.5rem
}

#content-box #content-column #booking-content #behandelingen .behandeling .behandeling-prijs:before {
    content: "€ "
}

#content-box #content-column #booking-content #behandelingen .behandeling .add-behandeling {
    color: #000;
    width: 12.625rem;
    height: 5rem
}

#content-box #content-column #booking-content #behandelingen .behandeling .add-behandeling:hover {
    color: #fff;
    background-color: #ff31c7;
    border-color: #ff31c7
}

@media (width<=760px) {
    #content-box #content-column #booking-content #behandelingen .behandeling .add-behandeling {
        margin-bottom: -.05rem
    }
}

#next-step {
    justify-content: flex-end
}

@media (width<=540px) {
    #xlagenda_salon_plugin #next-step {
        float: none;
        width: 100%
    }
}

#btn-next {
    margin-top: 2.5rem;
    margin-left: auto;
    display: flex
}

#btn-next:hover,
#btn-next:focus {
    color: #fff;
    background-color: #ff31c7;
    transition: color .25s
}

.behandeling:has(.add-behandeling.selected) {
    background-color: #ff31c7;
    border: 1px solid #ff31c7 !important
}

.add-behandeling.selected {
    background-color: #ff31c7;
    border-color: #ff31c7;
    color: #fff !important
}

#calendar {
    border: 1.5px solid #fff;
    border-radius: .625rem;
    width: 32.5rem
}

#calendar #calendar-header {
    color: #000;
    background-color: #fff;
    border: 1.5px solid #fff;
    border-radius: .625rem .625rem 0 0;
    justify-content: space-between;
    align-items: center;
    padding: .75rem;
    font-size: 1.625rem;
    display: flex
}

#calendar #calendar-content {
    padding: 2rem 1rem 1rem
}

#calendar #calendar-content-header {
    text-align: end;
    gap: .5rem;
    padding-bottom: .5rem;
    font-size: 1.625rem
}

#calendar #calendar-content-header div {
    padding: 0 1rem
}

#calendar .calendar-day {
    aspect-ratio: 1;
    font-variant-numeric: tabular-nums;
    justify-content: flex-end;
    align-items: center;
    padding: 1em;
    font-size: 1.25rem;
    display: flex
}

#calendar .calendar-day.open {
    color: #ff31c7
}

#calendar .calendar-day.closed {
    color: #b2b2b2
}

#calendar .calendar-day.selected {
    color: #000;
    background-color: #fff;
    border-radius: 3rem
}

#xlagenda_salon_plugin #calendar #calendar-content-days {
    grid-template-rows: repeat(5, 1fr);
    grid-template-columns: repeat(7, 1fr);
    gap: .5rem;
    width: 100%;
    height: 20rem;
    display: grid;
    height: fit-content !important
}

@media (width<=492px) {
    #xlagenda_salon_plugin #calendar #calendar-content-days {
        width: 15rem
    }
}

#calendar-tijdstippen {
    margin-top: 3.125rem
}

#xlagenda_salon_plugin #xl-kaart {
    aspect-ratio: 1;
    width: 30rem;
    height: 30rem !important
}

@media (width<=760px) {
    #xlagenda_salon_plugin #xl-kaart {
        width: 24rem;
        height: 24rem !important
    }
}

@media (width<=493px) {
    #xlagenda_salon_plugin #xl-kaart {
        width: 100%;
        height: 20rem !important
    }
}

.calendar-time {
    cursor: pointer;
    border: 1.5px solid #fff;
    border-radius: .5rem;
    padding: .5rem;
    transition: color .25s
}

.calendar-time:hover {
    color: #ff31c7;
    border-color: #ff31c7;
    transition: color .25s
}

#month-prev,
#month-next {
    cursor: pointer;
    color: #fff;
    aspect-ratio: 1;
    background-color: #000;
    border: none;
    border-radius: 1rem;
    height: 2rem;
    transition: color .25s
}

#month-prev:hover,
#month-prev:focus,
#month-next:hover,
#month-next:focus {
    color: #fff;
    background-color: #ff31c7;
    transition: color .25s
}

#tijden {
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.calendar-time {
    text-align: center;
    font-size: 1.25rem
}

#gegevens-formulier {
    border: 1.5px solid #fff;
    border-radius: 1.25rem;
    margin-bottom: 1.5rem;
    padding: 2.25rem 3rem
}

#gegevens-formulier .form-row {
    color: #fff;
    margin-bottom: 1.5rem
}

#gegevens-formulier .form-row input[type=text],
#gegevens-formulier .form-row input[type=email],
#gegevens-formulier .form-row input[type=tel] {
    color: #fff;
    background-color: #000;
    border: 1.5px solid #fff;
    border-radius: .5rem;
    width: 30rem;
    padding: .75rem
}

#gegevens-formulier .form-row input[type=text]::-moz-placeholder {
    color: #fff;
    font-size: 1.25rem
}

#gegevens-formulier .form-row input[type=email]::-moz-placeholder {
    color: #fff;
    font-size: 1.25rem
}

#gegevens-formulier .form-row input[type=tel]::-moz-placeholder {
    color: #fff;
    font-size: 1.25rem
}

#gegevens-formulier .form-row input[type=text]::placeholder,
#gegevens-formulier .form-row input[type=email]::placeholder,
#gegevens-formulier .form-row input[type=tel]::placeholder {
    color: #fff;
    font-size: 1.25rem
}

#gegevens-formulier .form-row input[type=checkbox] {
    margin-right: .5rem
}

#gegevens-formulier .form-row label {
    margin-bottom: .5rem;
    font-size: 1.25rem
}

#content-box #content-column #booking-content .wrapper:last-child {
    display: none !important
}

#content-box #content-column #booking-content .wrapper .dropdown {
    border: 1.5px solid #fff;
    border-radius: 1.25rem;
    margin-bottom: 1.5rem;
    padding: 2.25rem 3rem;
    display: none
}

#content-box #content-column #booking-content .wrapper .dropdown #dropdownBtnkorting,
#content-box #content-column #booking-content .wrapper .dropdown #dropdownBtnBeleid {
    color: #fff;
    cursor: pointer;
    background-color: #000;
    border: 1.5px solid #fff;
    border-radius: .5rem;
    width: 40rem;
    padding: .75rem
}

#content-box #content-column #booking-content .wrapper .dropdown #dropdownBtnkorting:after,
#content-box #content-column #booking-content .wrapper .dropdown #dropdownBtnBeleid:after {
    content: "▼";
    float: right;
    margin-left: .5rem
}

#content-box #content-column #booking-content .wrapper .dropdown #dropdownBtnkorting:hover,
#content-box #content-column #booking-content .wrapper .dropdown #dropdownBtnkorting:focus,
#content-box #content-column #booking-content .wrapper .dropdown #dropdownBtnBeleid:hover,
#content-box #content-column #booking-content .wrapper .dropdown #dropdownBtnBeleid:focus {
    color: #fff;
    background-color: #ff31c7;
    border-color: #ff31c7
}

#content-box #content-column #booking-content .wrapper .dropdown .dropdown-menu {
    margin-top: 2.25rem
}

#content-box #content-column #booking-content .wrapper .dropdown .dropdown-menu form {
    flex-direction: revert;
    align-items: center;
    gap: 1rem;
    display: flex
}

#content-box #content-column #booking-content .wrapper .dropdown .dropdown-menu form input {
    color: #fff;
    background-color: #000;
    border: 1.5px solid #fff;
    border-radius: .5rem;
    width: 40rem;
    padding: .75rem
}

.dropdown-menu {
    display: none
}

.dropdown-toggle:after {
    transition: transform .2s
}

.dropdown-toggle[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.dropdown-menu.show {
    display: block !important
}

.dropdown-menu.show a {
    font-size: 1.5rem;
    line-height: 1.75
}

#form_submit.focus {
    color: #fff;
    background-color: #ff31c7;
    border-color: #ff31c7
}

.mapboxgl-marker {
    cursor: pointer
}

.container.bedankt-pagina .row {
    flex-flow: wrap;
    display: flex
}

.container.bedankt-pagina .row:last-child {
    margin-top: 5rem
}

.container.bedankt-pagina .row .whatsapp {
    background-color: unset;
    border: unset;
    margin-left: -1rem;
    padding: 0
}

.container.bedankt-pagina .row .whatsapp img {
    width: 5rem
}

.container.bedankt-pagina .row .message {
    text-align: left;
    border: 2px solid #fff;
    border-radius: 1.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 2.25rem 3.125rem;
    display: flex
}

.container.bedankt-pagina .row .message p {
    margin-bottom: 2.5rem
}

.container.bedankt-pagina .row .thanks-image-block {
    border: 2px solid #ff31c7;
    border-radius: 1.25rem;
    width: 100%;
    display: flex
}

@media (width<=760px) {
    .container.boek-nu {
        padding: 0
    }

    .thanks-image-block {
        margin-bottom: 4rem
    }

    #previous-btn {
        margin-top: 2.5rem
    }

    #content-column {
        width: 100%
    }

    .info {
        top: 1.5rem;
        left: 18.25rem
    }

    .hover-popup {
        width: 90%;
        top: 5rem;
        left: 50%;
        transform: translate(-50%)
    }

    .content-title {
        margin-bottom: 2rem;
        font-size: 2rem;
        line-height: 1.4
    }

    .booking-box {
        width: 100%;
        margin-bottom: 1rem;
        padding: 1.5rem
    }

    #progress-tracker {
        gap: 0;
        width: 100%;
        padding: 0
    }

    #progress-tracker:before {
        left: 0;
        right: 0
    }

    #progress-tracker #progress-1,
    #progress-tracker #progress-2,
    #progress-tracker #progress-3,
    #progress-tracker #progress-4,
    #progress-tracker #progress-5,
    #progress-tracker #progress-6 {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.25rem
    }

    #xlagenda_salon_plugin #content-box {
        grid-template-rows: 2fr 1fr;
        display: grid;
        grid-template-columns: 1fr !important
    }

    .gender-select {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        width: 100%;
        margin: 1rem 0
    }

    .gender-select .gender {
        align-items: center;
        width: 100%;
        display: flex
    }

    .gender-select .gender p {
        font-size: 1.5rem
    }

    .gender-select .gender-img {
        width: 100%;
        max-width: 16rem
    }

    #booking-content {
        padding: 1.5rem
    }

    #booking-content div.zoekveld-wrapper {
        width: 100% !important
    }

    .booking-box .hover-popup {
        width: calc(100% - 2rem);
        height: calc(100vh - 8rem);
        padding: 2rem;
        font-size: 1.25rem;
        top: 6rem;
        bottom: 2rem;
        overflow: scroll;
        transform: translate(-50%)
    }

    .booking-box .hover-popup a {
        font-size: 1.25rem
    }

    .booking-box .hover-popup p:first-child {
        font-size: 2rem;
        line-height: 1.2
    }

    .booking-box .hover-popup ul {
        padding-left: 1rem
    }

    .booking-box .hover-popup ul li {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    #xlagenda_salon_plugin .salon-item {
        margin: 5% 0 !important
    }

    #xlagenda_salon_plugin #content-box {
        grid-template-rows: 1fr auto !important
    }

    #content-box #content-column #booking-content #behandel-zones .behandel-zone.btn {
        width: 100%
    }

    #content-box #content-column #booking-content #behandelingen .behandeling {
        border-radius: 1.25rem;
        grid-template-columns: 1fr 1fr;
        padding: 1rem 1rem 0
    }

    #content-box #content-column #booking-content #behandelingen .behandeling .add-behandeling {
        border: 1.5px solid #fff;
        width: 100%;
        height: fit-content
    }

    .behandeling-naam {
        grid-column: span 2;
        margin-bottom: 1rem;
        font-size: 1.625rem
    }

    .behandeling-knop {
        margin-top: 1rem;
        margin-inline: -1.05rem;
        grid-column: span 2;
        margin-bottom: -.05rem
    }

    #calendar {
        width: 100%
    }

    #xlagenda_salon_plugin #calendar-tijdstippen #tijden {
        display: grid;
        grid-template-columns: 1fr 1fr !important
    }

    #calendar .calendar-day {
        padding: .25em;
        font-size: 1rem
    }

    #calendar #calendar-content {
        padding: 2rem .5rem .5rem
    }

    #gegevens-formulier {
        padding: 1rem
    }

    #calendar #calendar-content-header {
        font-size: 1.25rem
    }

    #gegevens-formulier .form-row input[type=text],
    #gegevens-formulier .form-row input[type=email],
    #gegevens-formulier .form-row input[type=tel] {
        width: 100%
    }

    .wrapper .dropdown {
        padding: 1rem
    }

    .wrapper .dropdown #dropdownBtnkorting,
    .wrapper .dropdown #dropdownBtnBeleid {
        color: #fff;
        cursor: pointer;
        background-color: #000;
        border: 1.5px solid #fff;
        border-radius: .5rem;
        width: 100%;
        padding: .75rem;
        font-size: .75rem
    }

    .wrapper .dropdown .dropdown-menu form {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        display: flex
    }

    .wrapper .dropdown .dropdown-menu form input {
        width: 100%
    }

    .dropdown-menu.show a {
        font-size: 1rem
    }

    .booking-box .booking-title {
        font-size: 1.25rem
    }

    .booking-box .booking-info td {
        padding-bottom: 1rem;
        font-size: 1.25rem
    }

    .booking-box .booking-info #booking-salon .salon-naam,
    .booking-box #booking-winkelmandje #winkelmand thead tr th,
    .booking-box #booking-winkelmandje #winkelmand tfoot tr td,
    .booking-box #booking-winkelmandje #winkelmand #winkelmand-inhoud,
    #calendar-tijdstippen p {
        font-size: 1.25rem
    }

    #calendar #calendar-content-header div {
        padding: 0 .25rem
    }

    .container.bedankt-pagina .row .message {
        margin-bottom: 1rem;
        padding: 1.5rem !important
    }

    .container.bedankt-pagina .row:last-child {
        margin: 0
    }
}

@media (width>=460px) and (width<=760px) {
    #calendar .calendar-day {
        padding: .25em .75rem;
        font-size: 1rem
    }

    #xlagenda_salon_plugin #xl-kaart {
        min-width: 100%;
        aspect-ratio: 3/2 !important
    }
}

@media (width<=370px) {
    .info {
        top: 1.5rem;
        left: 10rem
    }
}

#xlagenda_salon_plugin #xl-kaart-container {
    grid-template-columns: 1fr 1fr;
    display: grid !important
}

@media (width<=760px) {
    #xlagenda_salon_plugin #xl-kaart-container {
        grid-template-columns: 1fr
    }
}

#xlagenda_salon_plugin #xl-salon-lijst {
    flex: 1;
    gap: 2rem;
    height: 31rem;
    overflow-y: scroll
}

#xlagenda_salon_plugin #xl-salon-lijst .salon-item {
    margin: 0 0 2rem
}

@media (width<=760px) {
    #xlagenda_salon_plugin #xl-salon-lijst {
        height: 27rem
    }
}

#booking-navigation {
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;
    padding: 0 3rem;
    display: flex
}

@media (width<=760px) {
    #booking-navigation {
        padding: 0
    }
}

#xlagenda_salon_plugin #prev-btn,
#xlagenda_salon_plugin #next-btn,
#xlagenda_salon_plugin .remove-behandeling,
.hover-popup #close-popup {
    aspect-ratio: 1;
    cursor: pointer;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 2rem;
    align-items: center;
    height: 2.5rem;
    margin-bottom: 2rem;
    padding: .25rem;
    transition: all .25s;
    display: flex;
    width: 2.5rem !important
}

#xlagenda_salon_plugin #prev-btn svg,
#xlagenda_salon_plugin #next-btn svg,
#xlagenda_salon_plugin .remove-behandeling svg,
.hover-popup #close-popup svg {
    fill: #fff;
    width: .75rem;
    height: 1rem;
    margin: 0 auto
}

#xlagenda_salon_plugin #prev-btn:hover,
#xlagenda_salon_plugin #prev-btn:focus,
#xlagenda_salon_plugin #next-btn:hover,
#xlagenda_salon_plugin #next-btn:focus,
#xlagenda_salon_plugin .remove-behandeling:hover,
#xlagenda_salon_plugin .remove-behandeling:focus,
.hover-popup #close-popup:hover,
.hover-popup #close-popup:focus {
    color: #fff;
    background-color: #ff31c7;
    border: 2px solid #ff31c7;
    transition: all .25s
}

#xlagenda_salon_plugin #prev-btn:hover svg,
#xlagenda_salon_plugin #prev-btn:focus svg,
#xlagenda_salon_plugin #next-btn:hover svg,
#xlagenda_salon_plugin #next-btn:focus svg,
#xlagenda_salon_plugin .remove-behandeling:hover svg,
#xlagenda_salon_plugin .remove-behandeling:focus svg,
.hover-popup #close-popup:hover svg,
.hover-popup #close-popup:focus svg {
    fill: #fff
}

#behandel-info-btn,
#reset-booking,
#form_submit {
    color: #000;
    border: 2px solid #000;
    font-size: 1.25rem
}

#behandel-info-btn:hover,
#behandel-info-btn:focus,
#reset-booking:hover,
#reset-booking:focus,
#form_submit:hover,
#form_submit:focus {
    color: #fff;
    background-color: #ff31c7;
    border: 2px solid #ff31c7
}

#form_submit {
    border: 2px solid #fff
}

#xlagenda_salon_plugin #next-btn,
#xlagenda_salon_plugin #prev-btn {
    position: relative
}

#xlagenda_salon_plugin #next-btn svg,
#xlagenda_salon_plugin #prev-btn svg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

#behandel-info-btn {
    font-size: 1.25rem;
    transition: all .25s
}

#reset-booking {
    margin-top: 1.5rem;
    transition: all .25s
}

@media (width<=540px) {
    #reset-booking {
        width: 100%
    }
}

#previous-btn {
    background-color: #fff;
    border: 2px solid #fff;
    transition: all .25s
}

#previous-btn:hover,
#previous-btn:focus {
    color: #fff;
    background-color: #ff31c7;
    border: 2px solid #ff31c7
}

#close-popup {
    margin-top: -2rem;
    margin-left: auto;
    margin-right: -2rem
}

@media (width<=760px) {
    #close-popup {
        margin-top: -1rem;
        margin-right: -1rem
    }
}

#xlagenda_salon_plugin .remove-behandeling {
    margin-bottom: 0
}

#next-step {
    position: relative
}

#next-step #btn-next {
    color: #fff;
    background-color: #ff31c7;
    border: 2px solid #ff31c7;
    width: max-content;
    margin-top: 1.5rem;
    font-size: 1.25rem;
    transition: all .25s;
    position: absolute;
    top: 0;
    right: 0
}

#next-step #btn-next:is(:hover, :focus) {
    color: #fff;
    background-color: #000;
    border: 2px solid #000
}

@media (width<=760px) {
    #next-step #btn-next {
        margin-left: 0;
        position: static
    }
}

@media (width<=540px) {
    #next-step #btn-next {
        width: 100%
    }
}

#xlagenda_salon_plugin .remove-behandeling {
    background-color: #fff;
    border: 2px solid #fff
}

#xlagenda_salon_plugin .remove-behandeling svg {
    fill: #000
}

.booking-box #booking-winkelmandje #winkelmand tfoot tr td#totaalbedrag,
.booking-box #booking-winkelmandje #winkelmand #winkelmand-inhoud tr td:nth-child(2) {
    text-align: right;
    padding-right: 1rem
}

#andere-salon {
    transition: all .25s
}

#andere-salon:hover,
#andere-salon:focus {
    color: #fff
}

.form-row a {
    transition: all .25s
}

.form-row a:hover,
.form-row a:focus {
    color: #fff
}

.page-404 {
    height: 100%;
    padding: 0 var(--padding, 1.5rem);
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex
}

.page-404__content {
    text-align: center;
    border: 1px dashed #00000026;
    border-radius: 1rem;
    margin-block: 25%;
    padding: 1.5rem
}

.page-404__title {
    text-align: center;
    color: #fff;
    margin: auto;
    font-size: 5rem;
    font-weight: 800
}

.page-404 .btn--404 {
    -webkit-text-decoration: center;
    -webkit-text-decoration: center;
    text-decoration: center;
    margin-top: 2rem;
    display: inline-block
}

#page-detail {
    padding-bottom: 5rem
}

#page-detail .detail__intro .breadcrumbs {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

#page-detail .detail__intro .breadcrumbs ol {
    margin: 0;
    padding: 0
}

#page-detail .detail__intro .breadcrumbs li span {
    margin-right: .5rem
}

#page-detail .detail__intro__cover {
    width: 100%;
    height: auto
}

#page-detail .detail__intro__date {
    margin-top: 1rem
}

#page-detail .detail__intro__title {
    margin-top: 1rem;
    margin-bottom: 1rem
}

#page-index .no-results {
    font-weight: 600
}

#page-index .overview {
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
    display: flex
}

#page-index .overview__item {
    width: 33.3333%;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width<=1024px) {
    #page-index .overview__item {
        width: 50%
    }
}

@media (width<=760px) {
    #page-index .overview__item {
        width: 100%
    }
}

#page-index .overview__item:hover .overview__item__img {
    transform: scale(1.1)
}

#page-index .overview__item__inner {
    flex-direction: column;
    height: 100%;
    display: flex;
    position: relative;
    box-shadow: 0 8px 24px #959da533
}

#page-index .overview__item__media {
    overflow: hidden
}

#page-index .overview__item__img {
    width: 100%;
    height: auto;
    transition: transform .25s ease-in-out;
    display: block
}

#page-index .overview__item__content {
    flex-direction: column;
    flex-grow: 1;
    padding: 1rem;
    display: flex
}

#page-index .overview__item__date {
    margin-bottom: .5rem
}

#page-index .overview__item__title {
    margin-bottom: 1rem;
    font-size: 2rem
}

#page-index .overview__item__excerpt {
    margin-bottom: 1rem
}

#page-index .overview__item__footer {
    justify-content: flex-end;
    margin-top: auto;
    display: flex
}

.locations-page {
    z-index: 999;
    position: relative
}

.locations-page__title {
    margin: 5rem 0
}

.locations-page--title {
    text-transform: uppercase;
    margin-bottom: .75rem
}

.locations-page__list {
    min-height: 1200px;
    max-height: 1200px;
    margin-bottom: 2.5rem;
    padding-top: 1px;
    overflow: visible scroll
}

.locations-page__list::-webkit-scrollbar {
    visibility: hidden
}

@media (width<=760px) {
    .locations-page__list {
        max-height: unset;
        min-height: unset;
        height: fit-content;
        overflow-y: unset;
        margin-bottom: 0
    }
}

.locations-page .search {
    gap: 0;
    margin-bottom: 2rem;
    display: flex
}

@media (width<=760px) {
    .locations-page .search {
        margin-bottom: 0
    }
}

.locations-page .search__error {
    margin-bottom: 2rem
}

.locations-page .search__input {
    background-color: #f6f2ea;
    border: none;
    border-radius: 999rem 0 0 999rem;
    max-height: 3.75rem;
    padding: 1.25rem 2.5rem
}

@media (width<=760px) {
    .locations-page .search__input {
        width: 100%;
        padding: .75rem 1.25rem
    }
}

.locations-page .search__submit {
    aspect-ratio: 1;
    background-color: #f6f2ea;
    border: none;
    border-radius: 0 999rem 999rem 0;
    justify-content: center;
    align-items: center;
    width: 3.75rem;
    display: flex
}

.locations-page .search__icon {
    aspect-ratio: 1;
    width: 2rem
}

@media (width<=760px) {
    .locations-page .search__icon {
        width: 1.5rem
    }
}

.locations-page__row {
    position: relative
}

.locations-page__scrollbar {
    border-radius: .75rem;
    width: .5rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 33.3333%
}

@media (width<=760px) {
    .locations-page__scrollbar {
        display: none
    }
}

.locations-page__scrollbar--thumb {
    background-color: #f6f2ea;
    border: 3.5px solid #ff31c7;
    border-radius: .75rem;
    width: .5rem;
    height: 100px;
    position: relative;
    left: 33.3333%;
    box-shadow: 0 0 8px #ff31c7, 0 0 25px #ff31c7, 0 0 50px #ff31c7
}

.locations-page .location {
    cursor: pointer;
    opacity: 1;
    border: 1px solid #f6f2ea;
    border-left: 0;
    border-right: 0;
    padding-top: 1.25rem;
    transition: opacity 1.2s
}

.locations-page .location:first-of-type {
    border-top: 2px solid #f6f2ea
}

.locations-page .location:last-of-type {
    border-bottom: 2px solid #f6f2ea
}

@media (width<=760px) {
    .locations-page .location {
        padding: 2.5rem 0
    }
}

.locations-page .location * {
    -webkit-user-select: none;
    user-select: none
}

.locations-page .location.highlight,
.locations-page .location:hover {
    z-index: 5;
    position: relative
}

.locations-page .location.highlight:before,
.locations-page .location.highlight:after,
.locations-page .location:hover:before,
.locations-page .location:hover:after {
    content: "";
    background-color: #ff31c7;
    width: 100%;
    height: 2px;
    transition: all .15s ease-in-out;
    position: absolute;
    box-shadow: 0 0 8px #ff31c7, 0 0 25px #ff31c7, 0 0 50px #ff31c7
}

@media (width<=760px) {

    .locations-page .location.highlight:before,
    .locations-page .location.highlight:after,
    .locations-page .location:hover:before,
    .locations-page .location:hover:after {
        content: "" !important
    }
}

.locations-page .location.highlight:before,
.locations-page .location:hover:before {
    top: -2px
}

.locations-page .location.highlight:after,
.locations-page .location:hover:after {
    bottom: -2px
}

.locations-page .location.highlight .location__details>h3,
.locations-page .location:hover .location__details>h3 {
    color: #ff31c7;
    transition: all .15s ease-in-out
}

.locations-page .location__inner {
    padding-right: 0
}

.locations-page .location__inner:after {
    content: none;
    width: 100%;
    left: 0
}

@media (width<=760px) {
    .locations-page .location__inner {
        padding-left: 0
    }
}

.locations-page .location__buttons {
    margin-top: 2rem
}

@media (width<=760px) {
    .locations-page .location__button--full {
        position: unset
    }

    .locations-page .location__button--full:after {
        content: "";
        z-index: 999;
        width: 100%;
        height: calc(100% + 2rem);
        position: absolute;
        top: -1rem;
        left: 0
    }
}

.locations-page--inner,
.locations-page__map {
    width: 100%;
    height: 100%
}

.locations-page__filters {
    flex-direction: row;
    gap: 1.375rem;
    display: flex
}

.locations-page__filter {
    text-transform: uppercase;
    background-color: #000;
    border: none;
    border-radius: 999rem;
    outline: none;
    position: relative
}

.locations-page__filter * {
    -webkit-user-select: none;
    user-select: none
}

.locations-page__filter select {
    appearance: none;
    text-transform: uppercase;
    background-color: #f6f2ea;
    border-radius: 999rem;
    width: fit-content;
    height: 100%;
    padding: .65rem 3rem .65rem 2.5rem;
    font-size: 1.25rem
}

@media (width<=760px) {
    .locations-page__filter select {
        padding: .5rem 2.5rem .5rem 1.5rem
    }
}

.locations-page__filter--icon {
    aspect-ratio: 1;
    pointer-events: none;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    display: flex;
    position: absolute;
    right: 0
}

.locations-page__filter--icon svg {
    aspect-ratio: 1;
    max-width: 1rem
}

@media (width<=760px) {
    .filters--row {
        flex-direction: column;
        gap: 1.25rem;
        margin-bottom: 2.5rem
    }
}