html {
    font-size: 14px;
    --primary-blue: #1E4CCD;
    --primary-mint: #0DFFB7;
    --secondary-navy: #1A4079;
    --secondary-eggplant: #753F78;
    --secondary-yellow: #FFD049;
    --neutrals-white: #FFFFFF;
    --neutrals-light-cream: #F8F7F5;
    --neutrals-cream: #F1F0EC;
    --neutrals-steel: #6E6D6C;
    --neutrals-black: #07080A;
    --neutrals-error: #E40000;
    --pad-t: var(--neutrals-black);
}
/*
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}*/

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0px;
    /*padding-left: 40px;
    padding-right: 40px;*/
}

img {
    width: 100%;
    height: 100%;
}

/*#region Animation*/
.anim-show-1 {
    -webkit-animation: fade1 5s infinite;
    animation: fade1 5s infinite;
    transition: scale 0.7s ease-in-out;    
}

.anim-show-2 {
    -webkit-animation: fade2 5s infinite;
    animation: fade2 5s infinite;
    transition: scale 0.7s ease-in-out;
}

.welcome-screen .content-group {
    z-index: 10;
}

@keyframes map-idle-anim {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    40% {
        display: block;
        opacity: 1;
    }

    60% {
        display: block;
        opacity: 1;
    }

    99% {
        opacity: 0;
        display: none;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

@keyframes map-idle-anim-pin {
    1% {
        filter: invert(99%) sepia(57%) saturate(7161%) hue-rotate(81deg) brightness(102%) contrast(99%);
    }

    99% {
        filter: invert(99%) sepia(57%) saturate(7161%) hue-rotate(81deg) brightness(102%) contrast(99%);
    }
}

@keyframes rotate-illo {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(-10deg)
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes fade1 {
    0% {
        opacity: 1;
        display: block;
    }

    23% {
        opacity: 0;
        display: none;
    }

    77% {
        opacity: 0;
        display: none;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

@keyframes fade2 {
    0% {
        opacity: 0;
        display: none;
    }

    27% {
        opacity: 0;
        display: none;
    }

    50% {
        opacity: 1;
        display: block;
    }

    73% {
        opacity: 0;
        display: none;
    }

    100% {
        opacity: 0;
        display: none;
    }
}
/*#endregion*/

/*#region Color Styles*/
/*#region Primary*/
.primary.blue.bg {
    background-color: var(--primary-blue);
}

.primary.blue.text {
    color: var(--primary-blue);
}

.primary.mint.bg {
    background-color: var(--primary-mint);
}

.primary.mint.text {
    color: var(--primary-mint);
}
/*#endregion */
/*#region Secondary*/
.secondary.navy.bg {
    background-color: var(--secondary-navy);
}

.secondary.navy.text {
    color: var(--secondary-navy);
}

.secondary.eggplant.bg {
    background-color: var(--secondary-eggplant);
}

.secondary.eggplant.text {
    color: var(--secondary-eggplant);
}

.secondary.yellow.bg {
    background-color: var(--secondary-yellow);
}

.secondary.yellow.text {
    color: var(--secondary-yellow);
}
/*#endregion */
/*#region Neutrals*/
.neutrals.white.bg {
    background-color: var(--neutrals-white);
}

.neutrals.white.text {
    color: var(--neutrals-white);
}

.neutrals.light-cream.bg {
    background-color: var(--neutrals-light-cream);
}

.neutrals.light-cream.text {
    color: var(--neutrals-light-cream);
}

.neutrals.cream.bg {
    background-color: var(--neutrals-cream);
}

.neutrals.cream.text {
    color: var(--neutrals-cream);
}

.neutrals.steel.bg {
    background-color: var(--neutrals-steel);
}

.neutrals.steel.text {
    color: var(--neutrals-steel);
}

.neutrals.black.bg {
    background-color: var(--neutrals-black);
}

.neutrals.black.text {
    color: var(--neutrals-black);
}

.neutrals.error.bg {
    background-color: var(--neutrals-error);
}

.neutrals.error.text {
    color: var(--neutrals-error);
}
/*#endregion */
/*#endregion */

/*#region Fonts*/
.text-center {
    text-align: center;
}

.nunito-h1 {
    font-family: "Nunito";
    font-size: 68px;
    line-height: 68px;
    font-weight: 700;
    letter-spacing: -2.5px;
}

.nunito-h2 {
    font-family: "Nunito";
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -1px;
}

.nunito-h3 {
    font-family: "Nunito";
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0;
}

.nunito-h4 {
    font-family: "Nunito";
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
}

.nunito-subtitle1 {
    font-family: "Nunito";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
}

.nunito-subtitle2 {
    font-family: "Nunito";
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
}

.nunito-body1 {
    font-family: "Nunito";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
}

.nunito-body2 {
    font-family: "Nunito";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}

.nunito-button {
    font-family: "Nunito";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
}

.nunito-caption {
    font-family: "Nunito";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}

.nunito-caption {
    font-family: "Nunito";
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
}

.caveat-h1 {
    font-family: "Caveat";
    font-size: 88px;
    line-height: 68px;
    font-weight: 700;
    letter-spacing: -2px;
}

.caveat-h2 {
    font-family: "Caveat";
    font-size: 68px;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: -1px;
}

.caveat-h3 {
    font-family: "Caveat";
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 0;
}

.caveat-h4 {
    font-family: "Caveat";
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
}
/*#endregion*/

/*#region General*/
.desktop {
    display: block;
}

..desktop-no-tablet {
    display: block;
}

.mobile {
    display: none;
}

.footer-btn {
    color: var(--neutrals-white);
}

#recent-events {
    transition: opacity 1s ease-in-out, margin-top 0.5s ease-in-out;
    opacity: 0;
}

#photo-galery-text {
    transition: opacity 1s ease-in-out, margin-top 0.5s ease-in-out;
    opacity: 0;
}

.loader-screen {
    width: 688px;
}

.loader-screen-sticker {
    bottom: 34px;
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

.owl-carousel .nav-btn {
    position: absolute;
    top: 0 !important;
}

.owl-carousel .prev-slide {
    left: -68px;
}

.owl-carousel .next-slide {
    right: -68px;
}

.owl-carousel {
    width: calc(100% - 136px) !important;
}

.owl-stage-outer {
    height: 56px !important;
    border-radius: 100px !important;
}

.owl-dots {
    text-align: center !important;
}

    .owl-dots .owl-dot.active span {
        background-color: var(--neutrals-steel);
    }

    .owl-dots .owl-dot span {
        background-color: #E0DED5;
    }
/*#endregion*/

/*@media (min-width: 1441px) {*/
@media (min-width: 961px) and (max-width: 1440px) {
    #menuForInput {
        overflow: hidden;
        position: absolute;
        width: 480px;
        height: 344px;
        border-radius: 20px;
        top: 60px;
        display: none;
    }

    .menuForInputContainer {
        height: 344px;
        z-index: 10;
        box-sizing: border-box;
        padding: 32px 48px;
        background-color: white;
        box-shadow: 0px 12px 24px -5px #000000;
        overflow: auto;
    }

    #frame {
        display: flex;
        gap: 32px;
        flex-direction: column;
    }

    .frameSection {
        display: flex;
        gap: 16px;
        flex-direction: column;
    }

    .frameSectionTitle {
        display: flex;
        justify-content: space-between;
    }

    .menuForInputButton {
        width: 32px;
        height: 32px;
        border-radius: 50px;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        padding: 3px;
    }

    .menuChipsItems {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 12px;
    }

    .menuChipsItem {
        width: 120px;
        height: 40px;
        border-radius: 100px;
        background-color: var(--neutrals-cream);
        box-sizing: border-box;
        padding: 10px 0;
        text-align: center;
    }

    .container {
        position: relative;
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

    .logo {
        height: 36px;
    }

    /*#region nav-bar*/
    .nav-bar {
        padding: 24px 40px;
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

        .nav-bar .content-group {
            max-width: 1320px;
            padding: 2px 0px;
            height: 40px;
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
        }

            .nav-bar .content-group .language-group {
                width: 76px;
                height: 40px;
                padding: 8px 16px 8px 16px;
                display: flex;
                box-sizing: border-box;
                gap: 6px;
                border-radius: 48px;
                align-items: center;
            }

                .nav-bar .content-group .language-group:hover {
                    background-color: var(--primary-mint);
                }

                .nav-bar .content-group .language-group:active .language-select-icon {
                    transform: rotate(180deg);
                }

                .nav-bar .content-group .language-group .language-select-icon {
                    width: 16px;
                    height: 16px;
                }
    /*#endregion */
    /*#region welcome-screen*/
    .welcome-screen {
        padding: 50px 40px 80px 40px;
        /*overflow: hidden;*/
    }

        .welcome-screen .content-group {
            max-width: 980px;
            height: 416px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

            .welcome-screen .content-group:hover .camera-svg {
                transform: rotate(-10deg);
            }

            .welcome-screen .content-group:hover .staff-svg {
                transform: rotate(-10deg);
            }

            .welcome-screen .content-group:hover .plane-svg {
                transform: rotate(-10deg);
            }

            .welcome-screen .content-group .text-group {
                width: 820px;
                height: 224px;
                display: flex;
                gap: 32px;
                flex-direction: column;
                margin: auto;
            }

                .welcome-screen .content-group .text-group div .welcome-header-text {
                    height: 68px;
                }

            .welcome-screen .content-group .search-group {
                width: 480px;
                height: 56px;
                margin: auto;
            }

    .plane-svg {
        transition: left 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 256px;
        height: 232px;
        bottom: 0px;
        left: -131px;
    }

        .plane-svg img {
            content: url("/img/plane-illo-screen1-desktop.svg");
        }

    .camera-svg {
        transition: top 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 183px;
        height: 124px;
        top: -69px;
        right: -40px;
    }

    .staff-svg {
        transition: right 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 110px;
        height: 90px;
        bottom: -10px;
        right: -61px;
    }

    .main-cta-group {
        width: 100%;
        height: 100%;
        border-radius: 32px;
        align-content: center;
    }

    .search-group .input-group {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

        .search-group .input-group .input-field {
            padding: 4px 8px 4px 60px;
            width: 100%;
            height: 100%;
            border-radius: 36px;
            border: 1px solid #07080A;
            outline: none;
        }

            .search-group .input-group .input-field::placeholder {
                color: #6E6D6C;
            }

            .search-group .input-group .input-field::-webkit-search-cancel-button {
                background-image: url('/img/input-x.svg');
                position: relative;
                -webkit-appearance: none;
                height: 24px;
                width: 24px;
                display: block;
            }

            .search-group .input-group .input-field:focus {
                border: 1px solid var(--primary-mint) !important;
            }

            .search-group .input-group .input-field:hover {
                border: 1px solid var(--primary-mint) !important;
            }

        .search-group .input-group .leading-icon {
            position: absolute;
            left: 4px;
            top: 4px;
            max-width: 48px;
            max-height: 48px;
            padding: 6px;
            box-sizing: border-box;
        }

            .search-group .input-group .leading-icon .icon_container {
                width: 36px;
                height: 36px;
                background-color: var(--primary-mint);
                border-radius: 48px;
                padding: 8px;
                box-sizing: border-box;
            }
    /*#endregion */

    /*#region summary-screen*/
    .summary-screen {
        padding: 80px 40px 80px 40px;
    }

        .summary-screen .polaroid-content {
            max-width: 834px;
            height: 564px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

    .photo-polaroid01 {
        transition: top 0.7s ease-in-out, left 0.7s ease-in-out;
        width: 306px;
        height: 400px;
        position: absolute;
        top: 68.39px;
        left: 32.41px;
        rotate: -10deg;
        z-index: 2;
    }

    .photo-polaroid02 {
        transition: top 0.7s ease-in-out, left 0.7s ease-in-out;
        width: 306px;
        height: 400px;
        position: absolute;
        top: 101.78px;
        left: 274.02px;
        rotate: 15deg;
        z-index: 1;
    }

    .photo-polaroid03 {
        transition: top 0.7s ease-in-out, left 0.7s ease-in-out;
        width: 306px;
        height: 400px;
        position: absolute;
        top: 42.78px;
        left: 481.02px;
        rotate: 15deg;
        z-index: 2;
    }

    .summary-screen .shape-content-bg {
        transition: margin-top 0.7s ease-in-out;
        height: 532px;
        margin-top: -180px;
        margin-left: -40px;
        margin-right: -40px;
        position: relative;
        background-position: center;
        background-image: url("/img/bg-shape-content-screen2.svg");
        z-index: 0;
    }

        .summary-screen .shape-content-bg .shape-content {
            transition: scale 0.7s ease-in-out;
            max-width: 980px;
            height: 532px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            background-image: url("/img/blue-shape-illo-screen2-desktop.svg");
            background-position-x: center;
            align-content: center;
        }
    /*#endregion */

    /*#region events-screen*/


    .events-screen {
        transition: padding-top 0.5s ease-in-out;
        padding: 80px 40px 80px 40px;
    }

        .events-screen .content-group {
            opacity: 0;
            width: 100%;
            /*height: 564px;*/
            margin-left: auto;
            margin-right: auto;
            position: relative;
            display: flex;
            gap: 40px;
            flex-direction: column;
        }

    .cards-group {
        display: flex;
        gap: 32px;
        height: 381px;
    }

    .triangle-form {
        display: none;
    }

    .cards-group .card-event {
        border-radius: 32px;
        padding: 16px;
        display: flex;
        gap: 16px;
        flex-direction: column;
        width: 100%;
    }

        .cards-group .card-event:hover {
            background-color: var(--primary-mint);
        }

            .cards-group .card-event:hover .media-group img {
                scale: 1.2;
            }

        .cards-group .card-event .media-group {
            width: 100%;
            height: 240px;
            border-radius: 16px;
            overflow: hidden;
        }

            .cards-group .card-event .media-group img {
                transition: scale 0.5s ease-in-out;
                object-fit: cover;
            }

        .cards-group .card-event .text-group {
            width: 100%;
            height: 93px;
            padding: 8px 0px 8px 0px;
            gap: 12px;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
        }

            .cards-group .card-event .text-group .location {
                justify-content: center;
                display: flex;
                gap: 4px;
            }

    .btn-control {
        width: 56px;
        height: 56px;
        border-radius: 50px;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        padding: 7px;
    }

        .btn-control:hover {
            background-color: var(--primary-mint) !important;
        }

        .btn-control[disabled] {
            background-color: var(--neutrals-white) !important;
            border: 0px;
        }

            .btn-control[disabled] .icon_container svg path {
                fill: var(--neutrals-steel);
            }

        .btn-control .icon_container {
            width: 40px;
            height: 40px;
            padding: 8px;
            box-sizing: border-box;
        }

    .tag-event {
        height: 56px;
        padding: 8px 16px 8px 8px;
        display: flex;
        gap: 8px;
        border-radius: 100px;
        box-sizing: border-box;
        width: fit-content;
    }

        .tag-event:hover {
            background-color: var(--primary-mint) !important;
        }

            .tag-event:hover .media-group img {
                scale: 1.2;
            }

        .tag-event .media-group {
            width: 40px;
            height: 40px;
            border-radius: 100px;
            overflow: hidden;
        }

            .tag-event .media-group img {
                transition: scale 0.5s ease-in-out;
                object-fit: cover;
            }

        .tag-event .text-group {
            align-self: center;
        }
    /*#endregion*/

    /*#region gallery-screen*/


    .gallery-screen {
        position: relative;
        height: 1018px;
        padding-left: 40px;
        padding-right: 40px;
    }

        .gallery-screen .bg-desktop {
            top: 500px;
            position: absolute;
            height: 200px;
            width: 100%;
            margin-left: -40px;
            margin-right: -40px;
            background-position: center;
            background-image: url("/img/bg-content-screen4-desktop.png");
        }

        .gallery-screen .content-group {
            max-width: 760px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            padding: 122px 0;
            text-align: center;
        }

            .gallery-screen .content-group .headline-group {
                display: flex;
                flex-direction: column;
                gap: 32px;
            }

            .gallery-screen .content-group .media-group-desktop {
                width: 760px;
                height: 558px;
                position: relative;
            }

                .gallery-screen .content-group .media-group-desktop .photo1 {
                    transition: top 0.5s ease-in-out, left 0.5s ease-in-out;
                    width: 560px;
                    height: 360px;
                    position: absolute;
                    /*top: 127.72px;
                    left: 60.62px;*/
                    top: 1070px;
                    left: -1300px;
                    rotate: -5deg;
                    z-index: 5;
                }

                .gallery-screen .content-group .media-group-desktop .photo2 {
                    transition: top 0.5s ease-in-out, left 0.5s ease-in-out;
                    width: 560px;
                    height: 360px;
                    position: absolute;
                    /*top: 118.72px;
                    left: 185.62px;*/
                    top: -1018.72px;
                    left: -1505.62px;
                    rotate: 5deg;
                    z-index: 4;
                }

                .gallery-screen .content-group .media-group-desktop .photo3 {
                    transition: top 0.5s ease-in-out, left 0.5s ease-in-out;
                    width: 560px;
                    height: 360px;
                    position: absolute;
                    /*top: 69.72px;
                    left: 14.62px;*/
                    top: -1069.72px;
                    left: 1400.62px;
                    rotate: -5deg;
                    z-index: 3;
                }

                .gallery-screen .content-group .media-group-desktop .photo4 {
                    transition: opacity 1s ease-in-out;
                    width: 560px;
                    height: 360px;
                    position: absolute;
                    top: 70px;
                    left: 130px;
                    rotate: 5deg;
                    z-index: 2;
                }
    /*#endregion */

    /*#region map-screen*/
    .map-screen {
        /*height: 1188px;*/
        transition: opacity 1s ease-in-out;
        opacity: 0;
        width: 100%;
        padding: 80px 40px 140px 40px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 60px;
    }
    /*#endregion*/
    /*#region events-detailed-screen*/
    .events-detailed-screen {
        /*overflow: hidden;*/
        height: 2340px;
        background-color: #f1f0ec;
        position: relative;
    }

        .events-detailed-screen .event-card.bg-img {
            background-position: center;
            background-image: url("/img/bg-content-screen7-desktop.png");
        }

        .events-detailed-screen .event-card {
            position: sticky;
            top: calc(911px - 880px);
            padding: 140px 40px;
            border-radius: 36px 36px 0px 0px;
            height: 500px;
        }

            .events-detailed-screen .event-card .content-group {
                transition: opacity 1s ease-in-out;
                opacity: 0;
                max-width: 980px;
                height: 500px;
                margin-left: auto;
                margin-right: auto;
                position: relative;
                display: flex;
                justify-content: space-between;
            }

                .events-detailed-screen .event-card .content-group .cta-group {
                    width: 420px;
                    padding: 76px 0px;
                    display: flex;
                    gap: 28px;
                    flex-direction: column;
                }

                    .events-detailed-screen .event-card .content-group .cta-group .text-group {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                    }

                    .events-detailed-screen .event-card .content-group .cta-group .icon-group {
                        display: flex;
                        gap: 20px;
                    }

                        .events-detailed-screen .event-card .content-group .cta-group .icon-group .icon-block {
                            display: flex;
                            gap: 4px;
                            align-items: center;
                        }

                            .events-detailed-screen .event-card .content-group .cta-group .icon-group .icon-block .icon {
                                width: 18px;
                                height: 18px;
                            }

                .events-detailed-screen .event-card .content-group .media-group {
                    position: relative;
                    width: 404px;
                }

                    .events-detailed-screen .event-card .content-group .media-group:hover .illo-container .illo {
                        transform: rotate(-10deg);
                    }

    .illo {
        transition: transform 0.5s ease-in-out;
    }

    .events-detailed-screen .event-card .content-group .media-group .tags {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

        .events-detailed-screen .event-card .content-group .media-group .tags.tags-1 {
            position: absolute;
            top: 182px;
            right: -38px;
        }

        .events-detailed-screen .event-card .content-group .media-group .tags.tags-3 {
            position: absolute;
            top: 62px;
            right: -38px;
        }

        .events-detailed-screen .event-card .content-group .media-group .tags .tag {
            padding: 8px 10px 8px 10px;
            border-radius: 12px;
        }
    /*#endregion*/
    /*#region events-slider-screen*/
    .events-slider-screen {
        transition: opacity 1s ease-in-out;
        opacity: 0;
        padding: 100px 40px 80px 40px;
    }

        .events-slider-screen .content-group {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

    #tagSlider, #tagSlider-bottom {
        width: 100%;
        /* height: 150px; */
        position: relative;
        overflow: hidden;
    }

    #next, #next-bottom {
        height: 100%;
        position: absolute;
        right: 0;
        z-index: 1;
    }

    #prev, #prev-bottom {
        height: 100%;
        position: absolute;
        left: 0;
        z-index: 1;
    }

    #sliderWrapper, #sliderWrapper-bottom {
        left: 68px;
        width: calc(100% - 136px);
        white-space: nowrap !important;
        height: 56px;
        position: relative;
        overflow-x: hidden;
        display: flex;
        gap: 12px;
        border-radius: 100px;
    }
    /*#endregion*/

    /*#region footer*/
    .footer {
        padding: 48px 40px 48px 40px;
    }

        .footer .content {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

            .footer .content .content-group {
                padding: 32px 60px 48px 60px;
                border-radius: 32px;
                display: flex;
                flex-direction: column;
                gap: 40px;
                overflow: hidden;
            }

                .footer .content .content-group .cta-group {
                    display: flex;
                    justify-content: space-between;
                }

                    .footer .content .content-group .cta-group .cta-form {
                        width: 560px;
                        padding: 24px 56px 24px 0px;
                        gap: 32px;
                        display: flex;
                        flex-direction: column;
                    }

                        .footer .content .content-group .cta-group .cta-form .header-text {
                            display: flex;
                            flex-direction: column;
                            gap: 20px;
                        }

                            .footer .content .content-group .cta-group .cta-form .header-text .body-text {
                                text-wrap: nowrap;
                            }

                        .footer .content .content-group .cta-group .cta-form .actions {
                            height: 56px;
                            display: flex;
                            gap: 12px;
                        }

                            .footer .content .content-group .cta-group .cta-form .actions .input-group {
                                position: relative;
                                display: inline-block;
                                width: 320px;
                                height: 100%;
                            }

                                .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field {
                                    padding: 24px 8px 4px 60px;
                                    width: 100%;
                                    height: 100%;
                                    border-radius: 36px;
                                    border: 1px solid #07080A;
                                    outline: none;
                                }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field::placeholder {
                                        color: #6E6D6C;
                                    }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field::-webkit-search-cancel-button {
                                        background-image: url('/img/input-x.svg');
                                        position: relative;
                                        -webkit-appearance: none;
                                        margin-bottom: 20px;
                                        height: 24px;
                                        width: 24px;
                                        display: block;
                                    }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field:focus {
                                        border: 1px solid var(--primary-mint) !important;
                                    }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field:hover {
                                        border: 1px solid var(--primary-mint) !important;
                                    }

                                .footer .content .content-group .cta-group .cta-form .actions .input-group .leading-icon {
                                    position: absolute;
                                    left: 4px;
                                    top: 4px;
                                    max-width: 48px;
                                    max-height: 48px;
                                    padding: 6px;
                                    box-sizing: border-box;
                                }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .leading-icon .icon_container {
                                        width: 36px;
                                        height: 36px;
                                        background-color: var(--primary-mint);
                                        border-radius: 48px;
                                        padding: 8px;
                                        box-sizing: border-box;
                                    }

                    .footer .content .content-group .cta-group .media-footer {
                        width: 560px;
                        height: 324px;
                    }

                        .footer .content .content-group .cta-group .media-footer img {
                            width: auto;
                        }

                .footer .content .content-group .links-group {
                    display: flex;
                    justify-content: space-between;
                }

                    .footer .content .content-group .links-group .links {
                        display: flex;
                        gap: 8px;
                    }

        .footer .infobar {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

    .labelHeader {
        bottom: 40px;
        left: 56px;
        position: relative;
        padding: 0px 5px 0px 5px;
        transition: 0.2s;
        pointer-events: none;
    }

    #email:focus + .labelHeader {
        bottom: 48px;
        font-size: 12px;
        line-height: 16px;
        color: var(--primary-blue);
    }

    #email:valid + .labelHeader {
        bottom: 48px;
        font-size: 12px;
        line-height: 16px;
        color: var(--primary-blue);
    }

    #email {
        transition: 0.2s;
    }
    /*#endregion*/

    /*#region Elements*/
    .btn-group {
        padding: 16px 24px 16px 24px;
        border-radius: 36px;
        width: fit-content;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        height: 56px;
        background-color: var(--neutrals-white);
    }

        .btn-group:hover {
            background-color: var(--primary-mint) !important;
        }



    .footer-btn:hover {
        color: var(--neutrals-black);
    }

    .btn-circle {
        width: 48px;
        height: 48px;
        border-radius: 48px;
        padding: 12px;
        box-sizing: border-box;
    }

        .btn-circle:hover {
            background-color: var(--primary-mint) !important;
        }

        .btn-circle .content {
            width: 24px;
            height: 24px;
        }

    #map {
        width: 100%;
        height: 100%;
    }

        #map use.hoverRED {
            transition: transform 1s ease-in-out;
            cursor: pointer;
        }

    .hidden {
        display: none;
    }

    #map use.hoverRED:hover {
        fill: crimson;
    }
    /*#endregion*/

}

@media (min-width: 1441px) {
    #menuForInput {
        overflow: hidden;
        position: absolute;
        width: 480px;
        height: 344px;
        border-radius: 20px;
        top: 60px;
        display: none;
    }

    .menuForInputContainer {
        height: 344px;
        z-index: 10;
        box-sizing: border-box;
        padding: 32px 48px;
        background-color: white;
        box-shadow: 0px 12px 24px -5px #000000;
        overflow: auto;
    }

    #frame {
        display: flex;
        gap: 32px;
        flex-direction: column;
    }

    .frameSection {
        display: flex;
        gap: 16px;
        flex-direction: column;
    }

    .frameSectionTitle {
        display: flex;
        justify-content: space-between;
    }

    .menuForInputButton {
        width: 32px;
        height: 32px;
        border-radius: 50px;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        padding: 3px;
    }

    .menuChipsItems {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 12px;
    }

    .menuChipsItem {
        width: 120px;
        height: 40px;
        border-radius: 100px;
        background-color: var(--neutrals-cream);
        box-sizing: border-box;
        padding: 10px 0;
        text-align: center;
    }

    .container {
        position: relative;
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

    .logo {
        height: 36px;
    }

    /*#region nav-bar*/
    .nav-bar {
        padding: 24px 40px;
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

        .nav-bar .content-group {
            max-width: 1320px;
            padding: 2px 0px;
            height: 40px;
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
        }

            .nav-bar .content-group .language-group {
                width: 76px;
                height: 40px;
                padding: 8px 16px 8px 16px;
                display: flex;
                box-sizing: border-box;
                gap: 6px;
                border-radius: 48px;
                align-items: center;
            }

                .nav-bar .content-group .language-group:hover {
                    background-color: var(--primary-mint);
                }

                .nav-bar .content-group .language-group:active .language-select-icon {
                    transform: rotate(180deg);
                }

                .nav-bar .content-group .language-group .language-select-icon {
                    width: 16px;
                    height: 16px;
                }
    /*#endregion */
    /*#region welcome-screen*/
    .welcome-screen {
        padding: 50px 40px 80px 40px;
        /*overflow: hidden;*/
    }

        .welcome-screen .content-group {
            max-width: 980px;
            height: 416px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

            .welcome-screen .content-group:hover .camera-svg {
                transform: rotate(-10deg);
            }

            .welcome-screen .content-group:hover .staff-svg {
                transform: rotate(-10deg);
            }

            .welcome-screen .content-group:hover .plane-svg {
                transform: rotate(-10deg);
            }

            .welcome-screen .content-group .text-group {
                width: 820px;
                height: 224px;
                display: flex;
                gap: 32px;
                flex-direction: column;
                margin: auto;
            }

                .welcome-screen .content-group .text-group div .welcome-header-text {
                    height: 68px;
                }

            .welcome-screen .content-group .search-group {
                width: 480px;
                height: 56px;
                margin: auto;
            }

    .plane-svg {
        transition: left 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 256px;
        height: 232px;
        bottom: 0px;
        left: -131px;
    }

        .plane-svg img {
            content: url("/img/plane-illo-screen1-desktop.svg");
        }

    .camera-svg {
        transition: top 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 183px;
        height: 124px;
        top: -69px;
        right: -40px;
    }

    .staff-svg {
        transition: right 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 110px;
        height: 90px;
        bottom: -10px;
        right: -61px;
    }

    .main-cta-group {
        width: 100%;
        height: 100%;
        border-radius: 32px;
        align-content: center;
    }

    .search-group .input-group {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

        .search-group .input-group .input-field {
            padding: 4px 8px 4px 60px;
            width: 100%;
            height: 100%;
            border-radius: 36px;
            border: 1px solid #07080A;
            outline: none;
        }

            .search-group .input-group .input-field::placeholder {
                color: #6E6D6C;
            }

            .search-group .input-group .input-field::-webkit-search-cancel-button {
                background-image: url('/img/input-x.svg');
                position: relative;
                -webkit-appearance: none;
                height: 24px;
                width: 24px;
                display: block;
            }

            .search-group .input-group .input-field:focus {
                border: 1px solid var(--primary-mint) !important;
            }

            .search-group .input-group .input-field:hover {
                border: 1px solid var(--primary-mint) !important;
            }

        .search-group .input-group .leading-icon {
            position: absolute;
            left: 4px;
            top: 4px;
            max-width: 48px;
            max-height: 48px;
            padding: 6px;
            box-sizing: border-box;
        }

            .search-group .input-group .leading-icon .icon_container {
                width: 36px;
                height: 36px;
                background-color: var(--primary-mint);
                border-radius: 48px;
                padding: 8px;
                box-sizing: border-box;
            }
    /*#endregion */

    /*#region summary-screen*/
    .summary-screen {
        padding: 80px 40px 80px 40px;
    }

        .summary-screen .polaroid-content {
            max-width: 834px;
            height: 564px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

    .photo-polaroid01 {
        transition: top 0.7s ease-in-out, left 0.7s ease-in-out;
        width: 306px;
        height: 400px;
        position: absolute;
        top: 68.39px;
        left: 32.41px;
        rotate: -10deg;
        z-index: 2;
    }

    .photo-polaroid02 {
        transition: top 0.7s ease-in-out, left 0.7s ease-in-out;
        width: 306px;
        height: 400px;
        position: absolute;
        top: 101.78px;
        left: 274.02px;
        rotate: 15deg;
        z-index: 1;
    }

    .photo-polaroid03 {
        transition: top 0.7s ease-in-out, left 0.7s ease-in-out;
        width: 306px;
        height: 400px;
        position: absolute;
        top: 42.78px;
        left: 481.02px;
        rotate: 15deg;
        z-index: 2;
    }

    .summary-screen .shape-content-bg {
        transition: margin-top 0.7s ease-in-out;
        height: 532px;
        margin-top: -180px;
        margin-left: -40px;
        margin-right: -40px;
        position: relative;
        background-position: center;
        background-image: url("/img/bg-shape-content-screen2.svg");
        z-index: 0;
    }

        .summary-screen .shape-content-bg .shape-content {
            transition: scale 0.7s ease-in-out;
            max-width: 980px;
            height: 532px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            background-image: url("/img/blue-shape-illo-screen2-desktop.svg");
            background-position-x: center;
            align-content: center;
        }
    /*#endregion */

    /*#region events-screen*/


    .events-screen {
        transition: padding-top 0.5s ease-in-out;
        padding: 80px 40px 80px 40px;
    }

        .events-screen .content-group {
            opacity: 0;
            width: 100%;
            /*height: 564px;*/
            margin-left: auto;
            margin-right: auto;
            position: relative;
            display: flex;
            gap: 40px;
            flex-direction: column;
        }

    .cards-group {
        display: flex;
        gap: 32px;
        height: 381px;
    }

    .triangle-form {
        display: none;
    }

    .cards-group .card-event {
        border-radius: 32px;
        padding: 16px;
        display: flex;
        gap: 16px;
        flex-direction: column;
        width: 100%;
    }

        .cards-group .card-event:hover {
            background-color: var(--primary-mint);
        }

            .cards-group .card-event:hover .media-group img {
                scale: 1.2;
            }

        .cards-group .card-event .media-group {
            width: 100%;
            height: 240px;
            border-radius: 16px;
            overflow: hidden;
        }

            .cards-group .card-event .media-group img {
                transition: scale 0.5s ease-in-out;
                object-fit: cover;
            }

        .cards-group .card-event .text-group {
            width: 100%;
            height: 93px;
            padding: 8px 0px 8px 0px;
            gap: 12px;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
        }

            .cards-group .card-event .text-group .location {
                justify-content: center;
                display: flex;
                gap: 4px;
            }

    .btn-control {
        width: 56px;
        height: 56px;
        border-radius: 50px;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        padding: 7px;
    }

        .btn-control:hover {
            background-color: var(--primary-mint) !important;
        }

        .btn-control[disabled] {
            background-color: var(--neutrals-white) !important;
            border: 0px;
        }

            .btn-control[disabled] .icon_container svg path {
                fill: var(--neutrals-steel);
            }

        .btn-control .icon_container {
            width: 40px;
            height: 40px;
            padding: 8px;
            box-sizing: border-box;
        }

    .tag-event {
        height: 56px;
        padding: 8px 16px 8px 8px;
        display: flex;
        gap: 8px;
        border-radius: 100px;
        box-sizing: border-box;
        width: fit-content;
    }

        .tag-event:hover {
            background-color: var(--primary-mint) !important;
        }

            .tag-event:hover .media-group img {
                scale: 1.2;
            }

        .tag-event .media-group {
            width: 40px;
            height: 40px;
            border-radius: 100px;
            overflow: hidden;
        }

            .tag-event .media-group img {
                transition: scale 0.5s ease-in-out;
                object-fit: cover;
            }

        .tag-event .text-group {
            align-self: center;
        }
    /*#endregion*/

    /*#region gallery-screen*/


    .gallery-screen {
        position: relative;
        height: 1018px;
        padding-left: 40px;
        padding-right: 40px;
    }

        .gallery-screen .bg-desktop {
            top: 500px;
            position: absolute;
            height: 200px;
            width: 100%;
            margin-left: -40px;
            margin-right: -40px;
            background-position: center;
            background-image: url("/img/bg-content-screen4-desktop.png");
        }

        .gallery-screen .content-group {
            max-width: 760px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            padding: 122px 0;
            text-align: center;
        }

            .gallery-screen .content-group .headline-group {
                display: flex;
                flex-direction: column;
                gap: 32px;
            }

            .gallery-screen .content-group .media-group-desktop {
                width: 760px;
                height: 558px;
                position: relative;
            }

                .gallery-screen .content-group .media-group-desktop .photo1 {
                    transition: top 0.5s ease-in-out, left 0.5s ease-in-out;
                    width: 560px;
                    height: 360px;
                    position: absolute;
                    /*top: 127.72px;
                    left: 60.62px;*/
                    top: 1070px;
                    left: -1300px;
                    rotate: -5deg;
                    z-index: 5;
                }

                .gallery-screen .content-group .media-group-desktop .photo2 {
                    transition: top 0.5s ease-in-out, left 0.5s ease-in-out;
                    width: 560px;
                    height: 360px;
                    position: absolute;
                    /*top: 118.72px;
                    left: 185.62px;*/
                    top: -1018.72px;
                    left: -1505.62px;
                    rotate: 5deg;
                    z-index: 4;
                }

                .gallery-screen .content-group .media-group-desktop .photo3 {
                    transition: top 0.5s ease-in-out, left 0.5s ease-in-out;
                    width: 560px;
                    height: 360px;
                    position: absolute;
                    /*top: 69.72px;
                    left: 14.62px;*/
                    top: -1069.72px;
                    left: 1400.62px;
                    rotate: -5deg;
                    z-index: 3;
                }

                .gallery-screen .content-group .media-group-desktop .photo4 {
                    transition: opacity 1s ease-in-out;
                    width: 560px;
                    height: 360px;
                    position: absolute;
                    top: 70px;
                    left: 130px;
                    rotate: 5deg;
                    z-index: 2;
                }
    /*#endregion */

    /*#region map-screen*/
    .map-screen {
        /*height: 1188px;*/
        transition: opacity 1s ease-in-out;
        opacity: 0;
        width: 100%;
        padding: 80px 40px 140px 40px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 60px;
    }
    /*#endregion*/
    /*#region events-detailed-screen*/
    .events-detailed-screen {
        /*overflow: hidden;*/
        height: 2340px;
        background-color: #f1f0ec;
        position: relative;
    }

        .events-detailed-screen .event-card.bg-img {
            background-position: center;
            background-image: url("/img/bg-content-screen7-desktop.png");
        }

        .events-detailed-screen .event-card {
            position: sticky;
            top: calc(911px - 780px);
            padding: 140px 40px;
            border-radius: 36px 36px 0px 0px;
            height: 500px;
        }

            .events-detailed-screen .event-card .content-group {
                transition: opacity 1s ease-in-out;
                opacity: 0;
                max-width: 980px;
                height: 500px;
                margin-left: auto;
                margin-right: auto;
                position: relative;
                display: flex;
                justify-content: space-between;
            }

                .events-detailed-screen .event-card .content-group .cta-group {
                    width: 420px;
                    padding: 76px 0px;
                    display: flex;
                    gap: 28px;
                    flex-direction: column;
                }

                    .events-detailed-screen .event-card .content-group .cta-group .text-group {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                    }

                    .events-detailed-screen .event-card .content-group .cta-group .icon-group {
                        display: flex;
                        gap: 20px;
                    }

                        .events-detailed-screen .event-card .content-group .cta-group .icon-group .icon-block {
                            display: flex;
                            gap: 4px;
                            align-items: center;
                        }

                            .events-detailed-screen .event-card .content-group .cta-group .icon-group .icon-block .icon {
                                width: 18px;
                                height: 18px;
                            }

                .events-detailed-screen .event-card .content-group .media-group {
                    position: relative;
                    width: 404px;
                }

                    .events-detailed-screen .event-card .content-group .media-group:hover .illo-container .illo {
                        transform: rotate(-10deg);
                    }

    .illo {
        transition: transform 0.5s ease-in-out;
    }

    .events-detailed-screen .event-card .content-group .media-group .tags {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

        .events-detailed-screen .event-card .content-group .media-group .tags.tags-1 {
            position: absolute;
            top: 182px;
            right: -38px;
        }

        .events-detailed-screen .event-card .content-group .media-group .tags.tags-3 {
            position: absolute;
            top: 62px;
            right: -38px;
        }

        .events-detailed-screen .event-card .content-group .media-group .tags .tag {
            padding: 8px 10px 8px 10px;
            border-radius: 12px;
        }
    /*#endregion*/
    /*#region events-slider-screen*/
    .events-slider-screen {
        transition: opacity 1s ease-in-out;
        opacity: 0;
        padding: 100px 40px 80px 40px;
    }

        .events-slider-screen .content-group {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

    #tagSlider, #tagSlider-bottom {
        width: 100%;
        /* height: 150px; */
        position: relative;
        overflow: hidden;
    }

    #next, #next-bottom {
        height: 100%;
        position: absolute;
        right: 0;
        z-index: 1;
    }

    #prev, #prev-bottom {
        height: 100%;
        position: absolute;
        left: 0;
        z-index: 1;
    }

    #sliderWrapper, #sliderWrapper-bottom {
        left: 68px;
        width: calc(100% - 136px);
        white-space: nowrap !important;
        height: 56px;
        position: relative;
        overflow-x: hidden;
        display: flex;
        gap: 12px;
        border-radius: 100px;
    }
    /*#endregion*/

    /*#region footer*/
    .footer {
        padding: 48px 40px 48px 40px;
    }

        .footer .content {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

            .footer .content .content-group {
                padding: 32px 60px 48px 60px;
                border-radius: 32px;
                display: flex;
                flex-direction: column;
                gap: 40px;
                overflow: hidden;
            }

                .footer .content .content-group .cta-group {
                    display: flex;
                    justify-content: space-between;
                }

                    .footer .content .content-group .cta-group .cta-form {
                        width: 560px;
                        padding: 24px 56px 24px 0px;
                        gap: 32px;
                        display: flex;
                        flex-direction: column;
                    }

                        .footer .content .content-group .cta-group .cta-form .header-text {
                            display: flex;
                            flex-direction: column;
                            gap: 20px;
                        }

                            .footer .content .content-group .cta-group .cta-form .header-text .body-text {
                                text-wrap: nowrap;
                            }

                        .footer .content .content-group .cta-group .cta-form .actions {
                            height: 56px;
                            display: flex;
                            gap: 12px;
                        }

                            .footer .content .content-group .cta-group .cta-form .actions .input-group {
                                position: relative;
                                display: inline-block;
                                width: 320px;
                                height: 100%;
                            }

                                .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field {
                                    padding: 24px 8px 4px 60px;
                                    width: 100%;
                                    height: 100%;
                                    border-radius: 36px;
                                    border: 1px solid #07080A;
                                    outline: none;
                                }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field::placeholder {
                                        color: #6E6D6C;
                                    }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field::-webkit-search-cancel-button {
                                        background-image: url('/img/input-x.svg');
                                        position: relative;
                                        -webkit-appearance: none;
                                        margin-bottom: 20px;
                                        height: 24px;
                                        width: 24px;
                                        display: block;
                                    }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field:focus {
                                        border: 1px solid var(--primary-mint) !important;
                                    }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field:hover {
                                        border: 1px solid var(--primary-mint) !important;
                                    }

                                .footer .content .content-group .cta-group .cta-form .actions .input-group .leading-icon {
                                    position: absolute;
                                    left: 4px;
                                    top: 4px;
                                    max-width: 48px;
                                    max-height: 48px;
                                    padding: 6px;
                                    box-sizing: border-box;
                                }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .leading-icon .icon_container {
                                        width: 36px;
                                        height: 36px;
                                        background-color: var(--primary-mint);
                                        border-radius: 48px;
                                        padding: 8px;
                                        box-sizing: border-box;
                                    }

                    .footer .content .content-group .cta-group .media-footer {
                        width: 560px;
                        height: 324px;
                    }

                        .footer .content .content-group .cta-group .media-footer img {
                            width: auto;
                        }

                .footer .content .content-group .links-group {
                    display: flex;
                    justify-content: space-between;
                }

                    .footer .content .content-group .links-group .links {
                        display: flex;
                        gap: 8px;
                    }

        .footer .infobar {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

    .labelHeader {
        bottom: 40px;
        left: 56px;
        position: relative;
        padding: 0px 5px 0px 5px;
        transition: 0.2s;
        pointer-events: none;
    }

    #email:focus + .labelHeader {
        bottom: 48px;
        font-size: 12px;
        line-height: 16px;
        color: var(--primary-blue);
    }

    #email:valid + .labelHeader {
        bottom: 48px;
        font-size: 12px;
        line-height: 16px;
        color: var(--primary-blue);
    }

    #email {
        transition: 0.2s;
    }
    /*#endregion*/

    /*#region Elements*/
    .btn-group {
        padding: 16px 24px 16px 24px;
        border-radius: 36px;
        width: fit-content;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        height: 56px;
        background-color: var(--neutrals-white);
    }

        .btn-group:hover {
            background-color: var(--primary-mint) !important;
        }



    .footer-btn:hover {
        color: var(--neutrals-black);
    }

    .btn-circle {
        width: 48px;
        height: 48px;
        border-radius: 48px;
        padding: 12px;
        box-sizing: border-box;
    }

        .btn-circle:hover {
            background-color: var(--primary-mint) !important;
        }

        .btn-circle .content {
            width: 24px;
            height: 24px;
        }

    #map {
        width: 100%;
        height: 100%;
    }

        #map use.hoverRED {
            transition: transform 1s ease-in-out;
            cursor: pointer;
        }

    .hidden {
        display: none;
    }

    #map use.hoverRED:hover {
        fill: crimson;
    }
    /*#endregion*/

}

@media (min-width: 769px) and (max-width: 960px) {
    #menuForInput {
        overflow: hidden;
        position: absolute;
        width: 480px;
        height: 344px;
        border-radius: 20px;
        top: 60px;
        display: none;
    }

    .menuForInputContainer {
        height: 344px;
        z-index: 10;
        box-sizing: border-box;
        padding: 32px 48px;
        background-color: white;
        box-shadow: 0px 12px 24px -5px #000000;
        overflow: auto;
    }

    #frame {
        display: flex;
        gap: 32px;
        flex-direction: column;
    }

    .frameSection {
        display: flex;
        gap: 16px;
        flex-direction: column;
    }

    .frameSectionTitle {
        display: flex;
        justify-content: space-between;
    }

    .menuForInputButton {
        width: 32px;
        height: 32px;
        border-radius: 50px;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        padding: 3px;
    }

    .menuChipsItems {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 12px;
    }

    .menuChipsItem {
        width: 120px;
        height: 40px;
        border-radius: 100px;
        background-color: var(--neutrals-cream);
        box-sizing: border-box;
        padding: 10px 0;
        text-align: center;
    }

    .desktop-no-tablet {
        display: block;
    }

    .container {
        position: relative;
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

    .logo {
        height: 36px;
    }

    /*#region nav-bar*/
    .nav-bar {
        padding: 24px 40px;
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

        .nav-bar .content-group {
            max-width: 1320px;
            padding: 2px 0px;
            height: 40px;
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
        }

            .nav-bar .content-group .language-group {
                width: 76px;
                height: 40px;
                padding: 8px 16px 8px 16px;
                display: flex;
                box-sizing: border-box;
                gap: 6px;
                border-radius: 48px;
                align-items: center;
            }

                .nav-bar .content-group .language-group:hover {
                    background-color: var(--primary-mint);
                }

                .nav-bar .content-group .language-group:active .language-select-icon {
                    transform: rotate(180deg);
                }

                .nav-bar .content-group .language-group .language-select-icon {
                    width: 16px;
                    height: 16px;
                }
    /*#endregion */
    /*#region welcome-screen*/
    .welcome-screen {
        padding: 80px 40px 80px 40px;
        /*overflow: hidden;*/
    }

        .welcome-screen .content-group {
            max-width: 980px;
            /*height: 416px;*/
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

            .welcome-screen .content-group .text-group {
                max-width: 800px;
                display: flex;
                gap: 32px;
                flex-direction: column;
                margin: auto 40px;
            }

                .welcome-screen .content-group .text-group div .welcome-header-text {
                    /*height: 68px;*/
                }

            .welcome-screen .content-group .search-group {
                width: 480px;
                height: 56px;
                margin: auto;
            }

    .plane-svg {
        transition: left 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 256px;
        height: 232px;
        top: 184px;
        left: -264px;
    }

        .plane-svg img {
            content: url("../img/plane-illo-tablet.svg");
        }

    .camera-svg {
        transition: top 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 183px;
        height: 124px;
        top: -71px;
        right: -40px;
    }

    .staff-svg {
        transition: right 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 110px;
        height: 90px;
        bottom: -22px;
        right: -45px;
    }

    .main-cta-group {
        width: 100%;
        height: 100%;
        border-radius: 32px;
        align-content: center;
        padding: 48px 0;
    }

    .search-group .input-group {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

        .search-group .input-group .input-field {
            padding: 4px 8px 4px 60px;
            width: 100%;
            height: 100%;
            border-radius: 36px;
            border: 1px solid #07080A;
            outline: none;
        }

            .search-group .input-group .input-field::placeholder {
                color: #6E6D6C;
            }

            .search-group .input-group .input-field::-webkit-search-cancel-button {
                background-image: url('/img/input-x.svg');
                position: relative;
                -webkit-appearance: none;
                height: 24px;
                width: 24px;
                display: block;
            }

            .search-group .input-group .input-field:focus {
                border: 1px solid var(--primary-mint) !important;
            }

        .search-group .input-group .leading-icon {
            position: absolute;
            left: 4px;
            top: 4px;
            max-width: 48px;
            max-height: 48px;
            padding: 6px;
            box-sizing: border-box;
        }

            .search-group .input-group .leading-icon .icon_container {
                width: 36px;
                height: 36px;
                background-color: var(--primary-mint);
                border-radius: 48px;
                padding: 8px;
                box-sizing: border-box;
            }
    /*#endregion */

    /*#region summary-screen*/
    .summary-screen {
        padding: 80px 40px 80px 40px;
    }

        .summary-screen .polaroid-content {
            transition: top 0.7s ease-in-out;
            max-width: 680px;
            height: 702px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            top: 0;
        }

    .photo-polaroid01 {
        
        width: 279.51px;
        height: 365.37px;
        position: absolute;
        top: 30.35px;
        left: 62.6px;
        rotate: -10deg;
        z-index: 3;
    }

    .photo-polaroid02 {
        /*transition: top 0.7s ease-in-out;*/
        width: 279.51px;
        height: 365.37px;
        position: absolute;
        top: 51.37px;
        left: 335.12px;
        rotate: 10deg;
        z-index: 2;
    }

    .photo-polaroid03 {
        /*transition: top 0.7s ease-in-out;*/
        width: 279.51px;
        height: 365.37px;
        position: absolute;
        top: 319.31px;
        left: 207.44px;
        rotate: -5deg;
        z-index: 1;
    }

    .summary-screen .shape-content-bg {
        transition: margin-top 0.7s ease-in-out;
        height: 509px;
        margin-top: -220px;
        margin-left: -40px;
        margin-right: -40px;
        position: relative;
        background-position: center;
        background-image: url("/img/bg-shape-content-screen2.svg");
        z-index: 0;
        align-content: end;
    }

        .summary-screen .shape-content-bg .shape-content {
            transition: scale 0.7s ease-in-out;
            max-width: 689px;
            height: 400px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            background-image: url("/img/blue-shape-illo-screen2-desktop.svg");
            background-size: 689px 400px;
            background-position-x: center;
            align-content: center;
        }
    /*#endregion */

    /*#region events-screen*/
    .events-screen {
        padding: 80px 40px 80px 40px;
    }

        .events-screen .content-group {
            width: 100%;
            /*height: 564px;*/
            margin-left: auto;
            margin-right: auto;
            position: relative;
            display: flex;
            gap: 40px;
            flex-direction: column;
        }

    .cards-group {
        display: none;
    }

    .triangle-form {
        display: block;
    }

        .triangle-form .cards-group {
            display: flex !important;
            gap: 32px;
            height: 381px;
            justify-content: center;
        }

    .cards-group .card-event {
        border-radius: 24px;
        padding: 16px;
        display: flex;
        gap: 16px;
        flex-direction: column;
        width: 100%;
        max-width: 428px;
        box-sizing: border-box;
    }

        .cards-group .card-event:hover {
            background-color: var(--primary-mint);
        }

        .cards-group .card-event .media-group {
            width: 100%;
            height: 240px;
            border-radius: 16px;
            overflow: hidden;
        }

            .cards-group .card-event .media-group img {
                object-fit: cover;
            }

        .cards-group .card-event .text-group {
            width: 100%;
            height: 93px;
            padding: 8px 0px 8px 0px;
            gap: 12px;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
        }

            .cards-group .card-event .text-group .location {
                justify-content: center;
                display: flex;
                gap: 4px;
            }

    .btn-control {
        width: 56px;
        height: 56px;
        border-radius: 50px;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        padding: 7px;
    }

        .btn-control:hover {
            background-color: var(--primary-mint) !important;
        }

        .btn-control[disabled] {
            background-color: var(--neutrals-white) !important;
            border: 0px;
        }

            .btn-control[disabled] .icon_container svg path {
                fill: var(--neutrals-steel);
            }

        .btn-control .icon_container {
            width: 40px;
            height: 40px;
            padding: 8px;
            box-sizing: border-box;
        }

    .tag-event {
        height: 56px;
        padding: 8px 16px 8px 8px;
        display: flex;
        gap: 8px;
        border-radius: 100px;
        box-sizing: border-box;
        width: fit-content;
    }

        .tag-event:hover {
            background-color: var(--primary-mint) !important;
        }

        .tag-event .media-group {
            width: 40px;
            height: 40px;
            border-radius: 100px;
            overflow: hidden;
        }

            .tag-event .media-group img {
                object-fit: cover;
            }

        .tag-event .text-group {
            align-self: center;
        }
    /*#endregion*/

    /*#region gallery-screen*/
    .gallery-screen {
        position: relative;
        /*height: 1383px;*/
        padding-left: 40px;
        padding-right: 40px;
    }

        .gallery-screen .bg-desktop {
            top: 711px;
            position: absolute;
            height: 200px;
            width: 100%;
            margin-left: -40px;
            margin-right: -40px;
            background-position: center;
            background-image: url("/img/bg-tablet-mobile.png");
        }

        .gallery-screen .content-group {
            max-width: 760px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            padding: 122px 0;
            text-align: center;
            box-sizing: border-box;
        }

            .gallery-screen .content-group .headline-group {
                display: flex;
                flex-direction: column;
                gap: 32px;
            }

            .gallery-screen .content-group .media-group-desktop {
                width: 689px;
                height: 1029px;
                position: relative;
                margin: auto;
            }

                .gallery-screen .content-group .media-group-desktop .photo1 {
                    transition: opacity 0.7s ease-in-out;
                    opacity: 0;
                    width: 480px;
                    height: 308px;
                    position: absolute;
                    top: 650.33px;
                    left: 127.51px;
                    rotate: 5deg;
                    z-index: 5;
                }

                .gallery-screen .content-group .media-group-desktop .photo2 {
                    display: none;
                }

                .gallery-screen .content-group .media-group-desktop .photo3 {
                    transition: opacity 0.7s ease-in-out;
                    opacity: 0;
                    width: 480px;
                    height: 308px;
                    position: absolute;
                    top: 337.33px;
                    left: 18.51px;
                    rotate: -5deg;
                    z-index: 3;
                }

                .gallery-screen .content-group .media-group-desktop .photo4 {
                    transition: opacity 0.7s ease-in-out;
                    opacity: 0;
                    width: 480px;
                    height: 308px;
                    position: absolute;
                    top: 66.33px;
                    left: 127.51px;
                    rotate: 5deg;
                    z-index: 2;
                }
    /*#endregion */

    /*#region map-screen*/
    .map-screen {
        /*height: 1188px;*/
        transition: opacity 1s ease-in-out;
        opacity: 0;
        width: 100%;
        padding: 80px 40px 140px 40px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 60px;
        overflow: hidden;
    }
    /*#endregion*/
    /*#region events-detailed-screen*/
    .events-detailed-screen {
        /*overflow: hidden;*/
        position: relative;
        background-color: #f1f0ec;
    }

        .events-detailed-screen .event-card.bg-img {
            background-position: bottom;
            background-image: url("/img/bg-content-screen7-tablet.png");
            background-repeat: no-repeat;
            background-color: var(--neutrals-white);
        }

        .events-detailed-screen .event-card {
            padding: 100px 40px;
            border-radius: 36px 36px 0px 0px;
            position: sticky;
            top: 50px;
            height: 898px;
        }

            .events-detailed-screen .event-card .content-group {
                max-width: 980px;
                margin-left: auto;
                margin-right: auto;
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                .events-detailed-screen .event-card .content-group .cta-group {
                    width: 420px;
                    padding-bottom: 50px;
                    display: flex;
                    gap: 28px;
                    flex-direction: column;
                }

                    .events-detailed-screen .event-card .content-group .cta-group .text-group {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                    }

                    .events-detailed-screen .event-card .content-group .cta-group .icon-group {
                        display: flex;
                        gap: 20px;
                    }

                        .events-detailed-screen .event-card .content-group .cta-group .icon-group .icon-block {
                            display: flex;
                            gap: 4px;
                            align-items: center;
                        }

                            .events-detailed-screen .event-card .content-group .cta-group .icon-group .icon-block .icon {
                                width: 18px;
                                height: 18px;
                            }

                .events-detailed-screen .event-card .content-group .media-group {
                    position: relative;
                    width: 404px;
                }

                    .events-detailed-screen .event-card .content-group .media-group .tags {
                        display: flex;
                        flex-direction: column;
                        gap: 12px;
                        align-items: flex-start;
                    }

                        .events-detailed-screen .event-card .content-group .media-group .tags.tags-1 {
                            position: absolute;
                            top: 182px;
                            right: -38px;
                        }

                        .events-detailed-screen .event-card .content-group .media-group .tags.tags-3 {
                            position: absolute;
                            top: 62px;
                            right: -38px;
                        }

                        .events-detailed-screen .event-card .content-group .media-group .tags .tag {
                            padding: 8px 10px 8px 10px;
                            border-radius: 12px;
                        }
    /*#endregion*/
    /*#region events-slider-screen*/
    .events-slider-screen {
        padding: 100px 40px 80px 40px;
    }

        .events-slider-screen .content-group {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

    #tagSlider, #tagSlider-bottom {
        width: 100%;
        /* height: 150px; */
        position: relative;
        overflow: hidden;
    }

    #next, #next-bottom {
        height: 100%;
        position: absolute;
        right: 0;
        z-index: 1;
    }

    #prev, #prev-bottom {
        height: 100%;
        position: absolute;
        left: 0;
        z-index: 1;
    }

    #sliderWrapper, #sliderWrapper-bottom {
        left: 68px;
        width: calc(100% - 136px);
        white-space: nowrap !important;
        height: 56px;
        position: relative;
        overflow-x: hidden;
        display: flex;
        gap: 12px;
        border-radius: 100px;
    }
    /*#endregion*/

    /*#region footer*/
    .footer {
        padding: 48px 40px 48px 40px;
    }

        .footer .content {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

            .footer .content .content-group {
                padding: 32px 60px 48px 60px;
                border-radius: 32px;
                display: flex;
                flex-direction: column;
                gap: 40px;
                overflow: hidden;
            }

                .footer .content .content-group .cta-group {
                    display: flex;
                    justify-content: space-between;
                }

                    .footer .content .content-group .cta-group .cta-form {
                        width: 560px;
                        padding: 24px 56px 24px 0px;
                        gap: 32px;
                        display: flex;
                        flex-direction: column;
                    }

                        .footer .content .content-group .cta-group .cta-form .header-text {
                            display: flex;
                            flex-direction: column;
                            gap: 20px;
                        }

                            .footer .content .content-group .cta-group .cta-form .header-text .body-text {
                                text-wrap: nowrap;
                            }

                        .footer .content .content-group .cta-group .cta-form .actions {
                            height: 56px;
                            display: flex;
                            gap: 12px;
                        }

                            .footer .content .content-group .cta-group .cta-form .actions .input-group {
                                position: relative;
                                display: inline-block;
                                width: 320px;
                                height: 100%;
                            }

                                .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field {
                                    padding: 24px 8px 4px 60px;
                                    width: 100%;
                                    height: 100%;
                                    border-radius: 36px;
                                    border: 1px solid #07080A;
                                    outline: none;
                                }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field::placeholder {
                                        color: #6E6D6C;
                                    }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field::-webkit-search-cancel-button {
                                        background-image: url('/img/input-x.svg');
                                        position: relative;
                                        -webkit-appearance: none;
                                        margin-bottom: 20px;
                                        height: 24px;
                                        width: 24px;
                                        display: block;
                                    }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field:focus {
                                        border: 1px solid var(--primary-mint) !important;
                                    }

                                .footer .content .content-group .cta-group .cta-form .actions .input-group .leading-icon {
                                    position: absolute;
                                    left: 4px;
                                    top: 4px;
                                    max-width: 48px;
                                    max-height: 48px;
                                    padding: 6px;
                                    box-sizing: border-box;
                                }

                                    .footer .content .content-group .cta-group .cta-form .actions .input-group .leading-icon .icon_container {
                                        width: 36px;
                                        height: 36px;
                                        background-color: var(--primary-mint);
                                        border-radius: 48px;
                                        padding: 8px;
                                        box-sizing: border-box;
                                    }

                    .footer .content .content-group .cta-group .media-footer {
                        width: 560px;
                        height: 324px;
                    }

                        .footer .content .content-group .cta-group .media-footer img {
                            width: auto;
                        }

                .footer .content .content-group .links-group {
                    display: flex;
                    justify-content: space-between;
                }

                    .footer .content .content-group .links-group .links {
                        display: flex;
                        gap: 8px;
                    }

        .footer .infobar {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

    .labelHeader {
        bottom: 40px;
        left: 56px;
        position: relative;
        padding: 0px 5px 0px 5px;
        transition: 0.2s;
        pointer-events: none;
    }

    #email:focus + .labelHeader {
        bottom: 48px;
        font-size: 12px;
        line-height: 16px;
        color: var(--primary-blue);
    }

    #email:valid + .labelHeader {
        bottom: 48px;
        font-size: 12px;
        line-height: 16px;
        color: var(--primary-blue);
    }

    #email {
        transition: 0.2s;
    }
    /*#endregion*/

    /*#region Elements*/
    .btn-group {
        padding: 16px 24px 16px 24px;
        border-radius: 36px;
        width: fit-content;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        height: 56px;
        background-color: var(--neutrals-white);
    }

        .btn-group:hover {
            background-color: var(--primary-mint);
        }

    .btn-circle {
        width: 48px;
        height: 48px;
        border-radius: 48px;
        padding: 12px;
        box-sizing: border-box;
    }

        .btn-circle:hover {
            background-color: var(--primary-mint) !important;
        }

        .btn-circle .content {
            width: 24px;
            height: 24px;
        }

    .map-content-desktop {
        display: contents;
    }

    #map {
        width: 100%;
        height: 100%;
        align-self: center;
        min-width: 900px;
    }

        #map use.hoverRED {
            cursor: pointer;
        }

    .hidden {
        display: none;
    }

    #map use.hoverRED:hover {
        fill: crimson;
    }
    /*#endregion*/
}

@media (min-width: 481px) and (max-width: 768px) {
    .owl-dots {
        padding-top: 24px;
        text-align: center !important;
    }

    .owl-nav {
        display: none !important;
    }

    .owl-carousel {
        width: calc(100%) !important;
    }

    #menuForInput {
        overflow: hidden;
        position: absolute;
        width: 480px;
        height: 344px;
        border-radius: 20px;
        top: 60px;
        display: none;
    }

    .menuForInputContainer {
        height: 344px;
        z-index: 10;
        box-sizing: border-box;
        padding: 32px 48px;
        background-color: white;
        box-shadow: 0px 12px 24px -5px #000000;
        overflow: auto;
    }

    #frame {
        display: flex;
        gap: 32px;
        flex-direction: column;
    }

    .frameSection {
        display: flex;
        gap: 16px;
        flex-direction: column;
    }

    .frameSectionTitle {
        display: flex;
        justify-content: space-between;
    }

    .menuForInputButton {
        width: 32px;
        height: 32px;
        border-radius: 50px;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        padding: 3px;
    }

    .menuChipsItems {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 12px;
    }

    .menuChipsItem {
        width: 120px;
        height: 40px;
        border-radius: 100px;
        background-color: var(--neutrals-cream);
        box-sizing: border-box;
        padding: 10px 0;
        text-align: center;
    }
    
    .mobile {
        display: block;
    }

    .desktop-no-tablet {
        display: block;
    }

    .desktop {
        display: none;
    }

    .nunito-h1 {
        font-family: "Nunito";
        font-size: 56px;
        line-height: 56px;
        font-weight: 700;
        letter-spacing: -2.5px;
    }

    .nunito-h2 {
        font-family: "Nunito";
        font-size: 40px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: -1px;
    }

    .caveat-h1 {
        font-family: "Caveat";
        font-size: 68px;
        line-height: 56px;
        font-weight: 700;
        letter-spacing: -2px;
    }

    .caveat-h2 {
        font-family: "Caveat";
        font-size: 56px;
        line-height: 40px;
        font-weight: 700;
        letter-spacing: -1px;
    }

    .container {
        position: relative;
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

    .logo {
        height: 36px;
    }

    /*#region nav-bar*/
    .nav-bar {
        padding: 24px 24px;
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

        .nav-bar .content-group {
            max-width: 1320px;
            padding: 2px 0px;
            height: 40px;
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
        }

            .nav-bar .content-group .language-group {
                width: 76px;
                height: 40px;
                padding: 8px 16px 8px 16px;
                display: flex;
                box-sizing: border-box;
                gap: 6px;
                border-radius: 48px;
                align-items: center;
            }

                .nav-bar .content-group .language-group:hover {
                    background-color: var(--primary-mint);
                }

                .nav-bar .content-group .language-group:active .language-select-icon {
                    transform: rotate(180deg);
                }

                .nav-bar .content-group .language-group .language-select-icon {
                    width: 16px;
                    height: 16px;
                }
    /*#endregion */
    /*#region welcome-screen*/
    .welcome-screen {
        padding: 80px 24px 160px 24px;
        overflow: hidden;
    }

        .welcome-screen .content-group {
            max-width: 980px;
            /*height: 416px;*/
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

            .welcome-screen .content-group .text-group {
                max-width: 672px;
                /*width: 820px;*/
                /*height: 224px;*/
                display: flex;
                gap: 32px;
                flex-direction: column;
                margin: auto;
            }

                .welcome-screen .content-group .text-group div .welcome-header-text {
                    /*height: 68px;*/
                }

            .welcome-screen .content-group .search-group {
                /*width: 480px;*/
                height: 56px;
                margin: 0 24px;
            }

    .plane-svg {
        transition: left 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 128px;
        height: 232px;
        top: -80px;
        left: -105px;
    }

        .plane-svg img {
            content: url("../img/plane-illo-mobile.svg");
        }

    .camera-svg {
        transition: top 0.5s ease-in-out, transform 0.5s ease-in-out;
        position: absolute;
        width: 183px;
        height: 124px;
        top: -80px;
        right: -37px;
    }

    .staff-svg {
        transition: right 0.5s ease-in-out, transform 0.5s ease-in-out;
        display: none;
        position: absolute;
        width: 110px;
        height: 90px;
        bottom: -22px;
        right: -45px;
    }

    .main-cta-group {
        width: 100%;
        height: 100%;
        border-radius: 32px;
        align-content: center;
    }

        .main-cta-group > div {
            padding: 48px 0;
        }

    .search-group .input-group {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

        .search-group .input-group .input-field {
            padding: 4px 8px 4px 60px;
            width: 100%;
            height: 100%;
            border-radius: 36px;
            border: 1px solid #07080A;
            outline: none;
        }

            .search-group .input-group .input-field::placeholder {
                color: #6E6D6C;
            }

            .search-group .input-group .input-field::-webkit-search-cancel-button {
                background-image: url('/img/input-x.svg');
                position: relative;
                -webkit-appearance: none;
                height: 24px;
                width: 24px;
                display: block;
            }

            .search-group .input-group .input-field:focus {
                border: 1px solid var(--primary-mint) !important;
            }

        .search-group .input-group .leading-icon {
            position: absolute;
            left: 4px;
            top: 4px;
            max-width: 48px;
            max-height: 48px;
            padding: 6px;
            box-sizing: border-box;
        }

            .search-group .input-group .leading-icon .icon_container {
                width: 36px;
                height: 36px;
                background-color: var(--primary-mint);
                border-radius: 48px;
                padding: 8px;
                box-sizing: border-box;
            }
    /*#endregion */

    /*#region summary-screen*/
    .summary-screen {
        padding: 0px 0px 60px 0px;
    }

        .summary-screen .polaroid-content {
            transition: top 0.7s ease-in-out;
            top: 0;
            max-width: 464px;
            height: 736px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

    .photo-polaroid01 {
        width: 279.51px;
        height: 365.37px;
        position: absolute;
        top: 26.49px;
        left: 37.6px;
        rotate: -10deg;
        z-index: 3;
    }

    .photo-polaroid02 {
        width: 279.51px;
        height: 365.37px;
        position: absolute;
        top: 336.49px;
        left: 138.6px;
        rotate: 10deg;
        z-index: 2;
    }

    .photo-polaroid03 {
        width: 306px;
        height: 400px;
        position: absolute;
        top: 42.78px;
        left: 481.02px;
        rotate: 15deg;
        z-index: 2;
        display: none;
    }

    .summary-screen .shape-content-bg {
        transition: margin-top 0.7s ease-in-out;
        height: 423px;
        margin-top: -244px;
        /*  margin-left: -40px;
        margin-right: -40px;*/
        position: relative;
        background-position: center;
        background-image: url("/img/bg-shape-content-screen2.svg");
        z-index: 0;
        align-content: end;
    }

        .summary-screen .shape-content-bg .shape-content {
            transition: scale 0.7s ease-in-out;
            max-width: 430px;
            height: 256px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            background-image: url("/img/blue-shape-illo-mobile.svg");
            background-position-x: center;
            background-size: 430px 256px;
            align-content: center;
        }

            .summary-screen .shape-content-bg .shape-content .text-group {
                width: 270px;
                margin: auto;
            }

    /*#endregion */

    /*#region events-screen*/
    .events-screen {
        padding: 60px 24.5px 60px 24.5px;
    }

        .events-screen .content-group {
            width: 100%;
            /*height: 564px;*/
            margin-left: auto;
            margin-right: auto;
            position: relative;
            display: flex;
            gap: 40px;
            flex-direction: column;
        }

    .cards-group {
        display: flex;
        gap: 32px;
        flex-direction: column;
        width: 432px;
        align-self: center;
    }

    .triangle-form {
        display: none;
    }

    .cards-group .card-event {
        border-radius: 32px;
        padding: 16px;
        display: flex;
        gap: 16px;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }

        .cards-group .card-event:hover {
            background-color: var(--primary-mint);
        }

        .cards-group .card-event .media-group {
            width: 100%;
            height: 240px;
            border-radius: 16px;
            overflow: hidden;
        }

            .cards-group .card-event .media-group img {
                object-fit: cover;
            }

        .cards-group .card-event .text-group {
            width: 100%;
            height: 93px;
            padding: 8px 0px 8px 0px;
            gap: 12px;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
        }

            .cards-group .card-event .text-group .location {
                justify-content: center;
                display: flex;
                gap: 4px;
            }

    .btn-control {
        width: 56px;
        height: 56px;
        border-radius: 50px;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        padding: 7px;
    }

        .btn-control:hover {
            background-color: var(--primary-mint) !important;
        }

        .btn-control[disabled] {
            background-color: var(--neutrals-white) !important;
            border: 0px;
        }

            .btn-control[disabled] .icon_container svg path {
                fill: var(--neutrals-steel);
            }

        .btn-control .icon_container {
            width: 40px;
            height: 40px;
            padding: 8px;
            box-sizing: border-box;
        }

    .tag-event {
        height: 56px;
        padding: 8px 16px 8px 8px;
        display: flex;
        gap: 8px;
        border-radius: 100px;
        box-sizing: border-box;
        width: fit-content;
    }

        .tag-event:hover {
            background-color: var(--primary-mint) !important;
        }

        .tag-event .media-group {
            width: 40px;
            height: 40px;
            border-radius: 100px;
            overflow: hidden;
        }

            .tag-event .media-group img {
                object-fit: cover;
            }

        .tag-event .text-group {
            align-self: center;
        }
    /*#endregion*/

    /*#region gallery-screen*/
    .gallery-screen {
        position: relative;
        /*height: 962px;*/
    }

        .gallery-screen .bg-desktop {
            top: 546px;
            position: absolute;
            height: 200px;
            width: 100%;
            background-position: center;
            background-image: url("/img/bg-content-screen4-mobile.png");
        }

        .gallery-screen .content-group {
            max-width: 760px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            padding: 60px 0;
            text-align: center;
            box-sizing: border-box;
        }

            .gallery-screen .content-group .headline-group {
                display: flex;
                flex-direction: column;
                gap: 32px;
            }

            .gallery-screen .content-group .media-group-desktop {
                width: 460px;
                height: 782px;
                position: relative;
                margin: auto;
            }

                .gallery-screen .content-group .media-group-desktop .photo1 {
                    transition: opacity 0.7s ease-in-out;
                    opacity: 0;
                    width: 380px;
                    height: 242px;
                    position: absolute;
                    top: 488.1px;
                    left: 62.82px;
                    rotate: 5deg;
                    z-index: 5;
                }

                .gallery-screen .content-group .media-group-desktop .photo2 {
                    transition: opacity 0.7s ease-in-out;
                    opacity: 0;
                    width: 380px;
                    height: 242px;
                    position: absolute;
                    top: 118.72px;
                    left: 185.62px;
                    rotate: 5deg;
                    z-index: 4;
                    display: none;
                }

                .gallery-screen .content-group .media-group-desktop .photo3 {
                    transition: opacity 0.7s ease-in-out;
                    opacity: 0;
                    width: 380px;
                    height: 242px;
                    position: absolute;
                    top: 264.1px;
                    left: 17.82px;
                    rotate: -5deg;
                    z-index: 3;
                }

                .gallery-screen .content-group .media-group-desktop .photo4 {
                    transition: opacity 0.7s ease-in-out;
                    opacity: 0;
                    width: 380px;
                    height: 242px;
                    position: absolute;
                    top: 52.1px;
                    left: 62.82px;
                    rotate: 5deg;
                    z-index: 2;
                }
    /*#endregion */

    /*#region map-screen*/
    .map-screen {
        /*height: 1188px;*/
        transition: opacity 1s ease-in-out;
        opacity: 0;
        width: 100%;
        padding: 80px 40px 140px 40px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 60px;
        overflow: hidden;
    }
    /*#endregion*/
    /*#region events-detailed-screen*/
    .events-detailed-screen {
        /*overflow: hidden;*/
        background-color: #f1f0ec;
        position: relative;
    }

        .events-detailed-screen .event-card.bg-img {
            background-position: bottom;
            background-image: url(/img/bg-content-screen7-mobile.png);
            background-repeat: no-repeat;
            background-color: var(--neutrals-white);
        }

        .events-detailed-screen .event-card {
            padding: 60px 24px;
            border-radius: 36px 36px 0px 0px;
            position: sticky;
            top: 50px;
            height: 896px;
        }

            .events-detailed-screen .event-card .content-group {
                max-width: 980px;
                margin-left: auto;
                margin-right: auto;
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                .events-detailed-screen .event-card .content-group .cta-group {
                    width: 420px;
                    padding-bottom: 40px;
                    display: flex;
                    gap: 28px;
                    flex-direction: column;
                }

                    .events-detailed-screen .event-card .content-group .cta-group .text-group {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                    }

                    .events-detailed-screen .event-card .content-group .cta-group .icon-group {
                        display: flex;
                        gap: 20px;
                    }

                        .events-detailed-screen .event-card .content-group .cta-group .icon-group .icon-block {
                            display: flex;
                            gap: 4px;
                            align-items: center;
                        }

                            .events-detailed-screen .event-card .content-group .cta-group .icon-group .icon-block .icon {
                                width: 18px;
                                height: 18px;
                            }

                .events-detailed-screen .event-card .content-group .media-group {
                    position: relative;
                    width: 404px;
                }

                    .events-detailed-screen .event-card .content-group .media-group .tags {
                        display: flex;
                        flex-direction: column;
                        gap: 12px;
                        align-items: flex-start;
                    }

                        .events-detailed-screen .event-card .content-group .media-group .tags.tags-1 {
                            position: absolute;
                            top: 182px;
                            right: -38px;
                        }

                        .events-detailed-screen .event-card .content-group .media-group .tags.tags-3 {
                            position: absolute;
                            top: 62px;
                            right: -38px;
                        }

                        .events-detailed-screen .event-card .content-group .media-group .tags .tag {
                            padding: 8px 10px 8px 10px;
                            border-radius: 12px;
                        }
    /*#endregion*/
    /*#region events-slider-screen*/
    .events-slider-screen {
        padding: 60px 24px 60px 24px;
    }

        .events-slider-screen .content-group {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

    #tagSlider, #tagSlider-bottom {
        width: 100%;
        /* height: 150px; */
        position: relative;
        overflow: hidden;
    }

    #next, #next-bottom {
        height: 100%;
        position: absolute;
        right: 0;
        z-index: 1;
        display: none;
    }

    #prev, #prev-bottom {
        height: 100%;
        position: absolute;
        left: 0;
        z-index: 1;
        display: none;
    }

    #sliderWrapper, #sliderWrapper-bottom {
        /*left: 68px;*/
        width: calc(100%);
        white-space: nowrap !important;
        height: 56px;
        position: relative;
        overflow-x: hidden;
        display: flex;
        gap: 12px;
        border-radius: 100px;
    }
    /*#endregion*/

    /*#region footer*/
    .footer {
        padding: 48px 24px 48px 24px;
    }

        .footer .content {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

            .footer .content .content-group {
                padding: 32px 24px 48px 24px;
                border-radius: 32px;
                display: flex;
                flex-direction: column;
                gap: 40px;
                overflow: hidden;
            }

                .footer .content .content-group .cta-group {
                    display: flex;
                    justify-content: space-between;
                }

                    .footer .content .content-group .cta-group .cta-form {
                        width: 100%;
                        padding: 24px 0px 24px 0px;
                        gap: 32px;
                        display: flex;
                        flex-direction: column;
                    }

                        .footer .content .content-group .cta-group .cta-form .header-text {
                            display: flex;
                            flex-direction: column;
                            gap: 20px;
                        }

                            .footer .content .content-group .cta-group .cta-form .header-text .body-text {
                                /*text-wrap: nowrap;*/
                            }

                        .footer .content .content-group .cta-group .cta-form .actions {
                            /*height: 56px;*/
                            display: flex;
                            gap: 12px;
                            flex-direction: column;
                        }

                            .footer .content .content-group .cta-group .cta-form .actions .input-group {
                                position: relative;
                                display: inline-block;
                                width: 100%;
                                height: 56px;
                            }

    .footer-btn {
        width: 100% !important;
    }

    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field {
        padding: 24px 8px 4px 60px;
        width: 100%;
        height: 100%;
        border-radius: 36px;
        border: 1px solid #07080A;
        outline: none;
    }

        .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field::placeholder {
            color: #6E6D6C;
        }

        .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field::-webkit-search-cancel-button {
            background-image: url('/img/input-x.svg');
            position: relative;
            -webkit-appearance: none;
            margin-bottom: 20px;
            height: 24px;
            width: 24px;
            display: block;
        }

        .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field:focus {
            border: 1px solid var(--primary-mint) !important;
        }

    .footer .content .content-group .cta-group .cta-form .actions .input-group .leading-icon {
        position: absolute;
        left: 4px;
        top: 4px;
        max-width: 48px;
        max-height: 48px;
        padding: 6px;
        box-sizing: border-box;
    }

        .footer .content .content-group .cta-group .cta-form .actions .input-group .leading-icon .icon_container {
            width: 36px;
            height: 36px;
            background-color: var(--primary-mint);
            border-radius: 48px;
            padding: 8px;
            box-sizing: border-box;
        }

    .footer .content .content-group .cta-group .media-footer {
        width: 560px;
        height: 324px;
        display: none;
    }

        .footer .content .content-group .cta-group .media-footer img {
            width: auto;
        }

    .footer .content .content-group .links-group {
        display: flex;
        justify-content: space-between;
        row-gap: 16px;
        flex-direction: column;
        align-items: flex-start;
    }



        .footer .content .content-group .links-group .links {
            display: flex;
            gap: 8px;
        }

    .footer .infobar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 16px;
    }

    .labelHeader {
        bottom: 40px;
        left: 56px;
        position: relative;
        padding: 0px 5px 0px 5px;
        transition: 0.2s;
        pointer-events: none;
    }

    #email:focus + .labelHeader {
        bottom: 48px;
        font-size: 12px;
        line-height: 16px;
        color: var(--primary-blue);
    }

    #email:valid + .labelHeader {
        bottom: 48px;
        font-size: 12px;
        line-height: 16px;
        color: var(--primary-blue);
    }

    #email {
        transition: 0.2s;
    }
    /*#endregion*/

    /*#region Elements*/
    .btn-group {
        padding: 16px 24px 16px 24px;
        border-radius: 36px;
        width: fit-content;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        height: 56px;
        background-color: var(--neutrals-white);
    }

        .btn-group:hover {
            background-color: var(--primary-mint);
        }

    .btn-circle {
        width: 48px;
        height: 48px;
        border-radius: 48px;
        padding: 12px;
        box-sizing: border-box;
    }

        .btn-circle:hover {
            background-color: var(--primary-mint) !important;
        }

        .btn-circle .content {
            width: 24px;
            height: 24px;
        }

    .map-content-desktop {
        display: contents;
    }

    #map {
        width: 100%;
        height: 100%;
        align-self: center;
        min-width: 710px;
    }

        #map use.hoverRED {
            cursor: pointer;
        }

    .hidden {
        display: none;
    }

    #map use.hoverRED:hover {
        fill: crimson;
    }
    /*#endregion*/
}

@media (max-width: 480px) {
    #menuForInputMobile {
        /*overflow: hidden;*/
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        -webkit-transform: translateZ(1px);
        -moz-transform: translateZ(1px);
        -o-transform: translateZ(1px);
        transform: translateZ(1px);
        margin-top: -100vh;
        background-color: var(--neutrals-light-cream);
    }

    .menuForInputContainer {
        height: 100vh;
        z-index: 10;
        box-sizing: border-box;
        padding: 24px;
        background-color: white;
        -webkit-transform: translateZ(1px);
        -moz-transform: translateZ(1px);
        -o-transform: translateZ(1px);
        transform: translateZ(1px);
    }

    .input-group-menu {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 11.667vw !important;
    }

    .input-group-menu .input-field {
        padding: 0.833vw 1.667vw 0.833vw 12.5vw;
        width: 100%;
        height: 100%;
        border-radius: 7.5vw;
        border: 0.208vw solid #07080A;
        outline: none;
    }

        .input-group-menu .input-field::placeholder {
            color: #6E6D6C;
        }

        .input-group-menu .input-field::-webkit-search-cancel-button {
            background-image: url('/img/input-x.svg');
            position: relative;
            -webkit-appearance: none;
            height: 5vw;
            width: 5vw;
            display: block;
        }

        .input-group-menu .input-field:focus {
            border: 0.208vw solid var(--primary-mint) !important;
        }

    .input-group-menu .leading-icon {
        position: absolute;
        left: 0.833vw;
        top: 0.833vw;
        max-width: 10vw;
        max-height: 10vw;
        padding: 1.25vw;
        box-sizing: border-box;
    }

        .input-group-menu .leading-icon .icon_container {
            width: 7.5vw;
            height: 7.5vw;
            background-color: var(--primary-mint);
            border-radius: 10vw;
            padding: 1.667vw;
            box-sizing: border-box;
        }



        #frame {
            display: flex;
            gap: 32px;
            flex-direction: column;
        }

    .frameSection {
        display: flex;
        gap: 16px;
        flex-direction: column;
    }

    .frameSectionTitle {
        display: flex;
        justify-content: space-between;
    }

    .menuForInputButton {
        width: 32px;
        height: 32px;
        border-radius: 50px;
        border: 1px solid var(--neutrals-black);
        box-sizing: border-box;
        padding: 3px;
    }

    .menuChipsItems {
        display: grid;
        grid-template-columns: 120px 120px 120px;
        grid-gap: 12px;
    }

    .menuChipsItem {
        width: 120px;
        height: 40px;
        border-radius: 100px;
        background-color: var(--neutrals-cream);
        box-sizing: border-box;
        padding: 10px 0;
        text-align: center;
    }

    .owl-dots {
        padding-top: 24px;
        text-align: center !important;
    }

    .owl-nav {
        display: none !important;
    }

    .owl-carousel {
        width: calc(100%) !important;
    }

    .loader-screen {
        width: 380px;
    }

    .loader-screen-sticker {
        bottom: 80px;
    }

    .mobile {
        display: block;
    }

    .desktop-no-tablet {
        display: none;
    }

    .desktop {
        display: none;
    }

    .nunito-h1 {
        font-family: "Nunito";
        font-size: 11.667vw;
        line-height: 11.667vw;
        font-weight: 700;
        letter-spacing: -2.5px;
    }

    .nunito-h2 {
        font-family: "Nunito";
        font-size: 8.333vw;
        font-weight: 700;
        line-height: 8.333vw;
        letter-spacing: -1px;
    }

    .nunito-h3 {
        font-family: "Nunito";
        font-size: 5vw;
        font-weight: 700;
        line-height: 7.5vw;
        letter-spacing: 0;
    }

    .nunito-h4 {
        font-family: "Nunito";
        font-size: 4.167vw;
        line-height: 5.833vw;
        font-weight: 600;
        letter-spacing: 0;
    }

    .nunito-subtitle1 {
        font-family: "Nunito";
        font-size: 3.333vw;
        font-weight: 700;
        line-height: 5vw;
        letter-spacing: 0;
    }

    .nunito-subtitle2 {
        font-family: "Nunito";
        font-size: 2.917vw;
        font-weight: 700;
        line-height: 4.167vw;
        letter-spacing: 0;
    }

    .nunito-body1 {
        font-family: "Nunito";
        font-size: 3.75vw;
        font-weight: 400;
        line-height: 5.833vw;
        letter-spacing: 0;
    }

    .nunito-body2 {
        font-family: "Nunito";
        font-size: 3.333vw;
        font-weight: 400;
        line-height: 5vw;
        letter-spacing: 0;
    }

    .nunito-button {
        font-family: "Nunito";
        font-size: 3.75vw;
        font-weight: 700;
        line-height: 5vw;
        letter-spacing: 0;
    }

    .nunito-caption {
        font-family: "Nunito";
        font-size: 2.917vw;
        font-weight: 400;
        line-height: 5vw;
        letter-spacing: 0;
    }

    .nunito-caption {
        font-family: "Nunito";
        font-size: 2.5vw;
        font-weight: 400;
        line-height: 3.333vw;
        letter-spacing: 0;
    }

    .caveat-h1 {
        font-family: "Caveat";
        font-size: 14.167vw;
        line-height: 11.667vw;
        font-weight: 700;
        letter-spacing: -2px;
    }

    .caveat-h2 {
        font-family: "Caveat";
        font-size: 11.667vw;
        line-height: 8.333vw;
        font-weight: 700;
        letter-spacing: -1px;
    }

    .caveat-h3 {
        font-family: "Caveat";
        font-size: 6.667vw;
        line-height: 8.333vw;
        font-weight: 400;
        letter-spacing: 0;
    }

    .caveat-h4 {
        font-family: "Caveat";
        font-size: 5vw;
        line-height: 5.833vw;
        font-weight: 400;
        letter-spacing: 0;
    }

    .container {
        position: relative;
        max-width: 283.333vw;
        margin-left: auto;
        margin-right: auto;
    }

    .logo {
        height: 7.5vw;
    }

    /*#region nav-bar*/
        .nav-bar {
        padding: 5vw 5vw;
        max-width: 283.333vw;
        margin-left: auto;
        margin-right: auto;
    }

        .nav-bar .content-group {
            max-width: 275vw;
            padding: 2px 0px;
            height: 8.333vw;
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
        }

            .nav-bar .content-group .language-group {
                width: 15.833vw;
                height: 8.333vw;
                padding: 1.667vw 3.333vw 1.667vw 3.333vw;
                display: flex;
                box-sizing: border-box;
                gap: 1.25vw;
                border-radius: 10vw;
                align-items: center;
            }

                .nav-bar .content-group .language-group:hover {
                    background-color: var(--primary-mint);
                }

                .nav-bar .content-group .language-group:active .language-select-icon {
                    transform: rotate(180deg);
                }

                .nav-bar .content-group .language-group .language-select-icon {
                    width: 3.333vw;
                    height: 3.333vw;
                }
    /*#endregion */
    /*#region welcome-screen*/
    .welcome-screen {
        padding: 16.667vw 5vw 33.333vw 5vw;
        overflow: hidden;
    }

        .welcome-screen .content-group {
            max-width: 204.167vw;
            /*height: 416px;*/
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

            .welcome-screen .content-group .text-group {
                max-width: 140vw;
                /*width: 820px;*/
                /*height: 224px;*/
                display: flex;
                gap: 6.667vw;
                flex-direction: column;
                margin: auto;
            }

                .welcome-screen .content-group .text-group div .welcome-header-text {
                    /*height: 68px;*/
                }

            .welcome-screen .content-group .search-group {
                /*width: 480px;*/
                height: 11.667vw;
                margin: 0 5vw;
            }

    .plane-svg {
        position: absolute;
        width: 26.667vw;
        height: 48.333vw;
        top: -16.667vw;
        left: -2.917vw;
    }

        .plane-svg img {
            content: url("../img/plane-illo-mobile.svg");
        }

    .camera-svg {
        position: absolute;
        width: 38.125vw;
        height: 25.833vw;
        top: -16.667vw;
        right: -7.708vw;
    }

    .staff-svg {
        display: none;
        position: absolute;
        width: 22.917vw;
        height: 18.75vw;
        bottom: -4.583vw;
        right: -9.375vw;
    }

    .main-cta-group {
        width: 100%;
        height: 100%;
        border-radius: 6.667vw;
        align-content: center;
    }

        .main-cta-group > div {
            padding: 10vw 0;
        }

    .search-group .input-group {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

        .search-group .input-group .input-field {
            padding: 0.833vw 1.667vw 0.833vw 12.5vw;
            width: 100%;
            height: 100%;
            border-radius: 7.5vw;
            border: 0.208vw solid #07080A;
            outline: none;
        }

            .search-group .input-group .input-field::placeholder {
                color: #6E6D6C;
            }

            .search-group .input-group .input-field::-webkit-search-cancel-button {
                background-image: url('/img/input-x.svg');
                position: relative;
                -webkit-appearance: none;
                height: 5vw;
                width: 5vw;
                display: block;
            }

            .search-group .input-group .input-field:focus {
                border: 0.208vw solid var(--primary-mint) !important;
            }

        .search-group .input-group .leading-icon {
            position: absolute;
            left: 0.833vw;
            top: 0.833vw;
            max-width: 10vw;
            max-height: 10vw;
            padding: 1.25vw;
            box-sizing: border-box;
        }

            .search-group .input-group .leading-icon .icon_container {
                width: 7.5vw;
                height: 7.5vw;
                background-color: var(--primary-mint);
                border-radius: 10vw;
                padding: 1.667vw;
                box-sizing: border-box;
            }
    /*#endregion */

    /*#region summary-screen*/
    .summary-screen {
        padding: 0px 0px 12.5vw 0px;
    }

        .summary-screen .polaroid-content {
            top: 0;
            transition: top 0.7s ease-in-out;
            max-width: 96.667vw;
            height: 153.333vw;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

    .photo-polaroid01 {
        width: 58.231vw;
        height: 76.119vw;
        position: absolute;
        top: 5.519vw;
        left: 7.833vw;
        rotate: -10deg;
        z-index: 3;
    }

    .photo-polaroid02 {
        width: 58.231vw;
        height: 76.119vw;
        position: absolute;
        top: 70.102vw;
        left: 28.875vw;
        rotate: 10deg;
        z-index: 2;
    }

    .photo-polaroid03 {
        display: none;
    }

    .summary-screen .shape-content-bg {
        width: 480px;
        overflow: hidden;
        align-content: center;
        transition: margin-top 0.7s ease-in-out;
        height: 88.125vw;
        margin-top: -50.833vw;
        /*  margin-left: -8.333vw;
        margin-right: -8.333vw;*/
        position: relative;
        background-position: center;
        background-image: url("/img/bg-shape-content-screen2.svg");
        z-index: 0;
    }

        .summary-screen .shape-content-bg .shape-content {
            transition: scale 0.7s ease-in-out;
            max-width: 89.583vw;
            height: 53.333vw;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            background-image: url("/img/blue-shape-illo-mobile.svg");
            background-position-x: center;
            background-size: 89.583vw 53.333vw;
            align-content: center;
        }

            .summary-screen .shape-content-bg .shape-content .text-group {
                width: 56.25vw;
                margin: auto;
            }

    /*#endregion */

    /*#region events-screen*/
    .events-screen {
        padding: 12.5vw 5.104vw 12.5vw 5.104vw;
    }

        .events-screen .content-group {
            width: 100%;
            /*height: 564px;*/
            margin-top: 100px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            display: flex;
            gap: 8.333vw;
            flex-direction: column;
        }

    .cards-group {
        display: flex;
        gap: 6.667vw;
        flex-direction: column;
        width: 90vw;
        align-self: center;
    }

    .triangle-form {
        display: none;
    }

    .cards-group .card-event {
        border-radius: 6.667vw;
        padding: 3.333vw;
        display: flex;
        gap: 3.333vw;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }

        .cards-group .card-event:hover {
            background-color: var(--primary-mint);
        }

        .cards-group .card-event .media-group {
            width: 100%;
            height: 50vw;
            border-radius: 3.333vw;
            overflow: hidden;
        }

            .cards-group .card-event .media-group img {
                object-fit: cover;
            }

        .cards-group .card-event .text-group {
            width: 100%;
            height: 93px;
            padding: 1.667vw 0px 1.667vw 0px;
            gap: 2.5vw;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
        }

            .cards-group .card-event .text-group .location {
                justify-content: center;
                display: flex;
                gap: 0.833vw;
            }

    .btn-control {
        width: 11.667vw;
        height: 11.667vw;
        border-radius: 10.417vw;
        border: 0.208vw solid var(--neutrals-black);
        box-sizing: border-box;
        padding: 1.667vw;
    }

        .btn-control:hover {
            background-color: var(--primary-mint) !important;
        }

        .btn-control[disabled] {
            background-color: var(--neutrals-white) !important;
            border: 0px;
        }

            .btn-control[disabled] .icon_container svg path {
                fill: var(--neutrals-steel);
            }

        .btn-control .icon_container {
            width: 8.333vw;
            height: 8.333vw;
            padding: 1.667vw;
            box-sizing: border-box;
        }

    .tag-event {
        height: 11.667vw;
        padding: 1.667vw 3.333vw 1.667vw 1.667vw;
        display: flex;
        gap: 1.667vw;
        border-radius: 20.833vw;
        box-sizing: border-box;
        width: fit-content;
    }

        .tag-event:hover {
            background-color: var(--primary-mint) !important;
        }

        .tag-event .media-group {
            width: 8.333vw;
            height: 8.333vw;
            border-radius: 20.833vw;
            overflow: hidden;
        }

            .tag-event .media-group img {
                object-fit: cover;
            }

        .tag-event .text-group {
            align-self: center;
        }
    /*#endregion*/

    /*#region gallery-screen*/
    .gallery-screen {
        position: relative;
        /*height: 200.417vw;*/
    }

        .gallery-screen .bg-desktop {
            top: 113.75vw;
            position: absolute;
            height: 41.667vw;
            width: 100%;
            background-position: center;
            background-image: url("/img/bg-content-screen4-mobile.png");
        }

        .gallery-screen .content-group {
            max-width: 158.333vw;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            padding: 12.5vw 0;
            text-align: center;
            box-sizing: border-box;
        }

            .gallery-screen .content-group .headline-group {
                display: flex;
                flex-direction: column;
                gap: 6.667vw;
                margin-top: 100px;
            }

            .gallery-screen .content-group .media-group-desktop {
                width: 95.833vw;
                height: 162.917vw;
                position: relative;
                margin: auto;
            }

                .gallery-screen .content-group .media-group-desktop .photo1 {
                    transition: opacity 0.7s ease-in-out, margin-top 0.5s ease-in-out;
                    margin-top: 100px;
                    opacity: 0;
                    width: 79.167vw;
                    height: 50.417vw;
                    position: absolute;
                    top: 107.088vw;
                    left: 13.088vw;
                    rotate: 5deg;
                    z-index: 5;
                }

                .gallery-screen .content-group .media-group-desktop .photo2 {
                    transition: opacity 0.7s ease-in-out, margin-top 0.5s ease-in-out;
                    opacity: 0;
                    width: 79.167vw;
                    height: 50.417vw;
                    position: absolute;
                    top: 24.733vw;
                    left: 38.671vw;
                    rotate: 5deg;
                    z-index: 4;
                    display: none;
                }

                .gallery-screen .content-group .media-group-desktop .photo3 {
                    transition: opacity 0.7s ease-in-out, margin-top 0.5s ease-in-out;
                    margin-top: 100px;
                    opacity: 0;
                    width: 79.167vw;
                    height: 50.417vw;
                    position: absolute;
                    top: 55.021vw;
                    left: 3.713vw;
                    rotate: -5deg;
                    z-index: 3;
                }

                .gallery-screen .content-group .media-group-desktop .photo4 {
                    transition: opacity 0.7s ease-in-out, margin-top 0.5s ease-in-out;
                    margin-top: 100px;
                    opacity: 0;
                    width: 79.167vw;
                    height: 50.417vw;
                    position: absolute;
                    top: 10.854vw;
                    left: 13.088vw;
                    rotate: 5deg;
                    z-index: 2;
                }
    /*#endregion */

    /*#region map-screen*/
    .map-screen {
        /*height: 1188px;*/
        transition: opacity 1s ease-in-out, margin-top 0.5s ease-in-out;
        margin-top: 100px;
        opacity: 0;
        width: 100%;
        padding: 16.667vw 8.333vw 29.167vw 8.333vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 12.5vw;
        overflow: hidden;
    }
    /*#endregion*/
    /*#region events-detailed-screen*/
    .events-detailed-screen {
        /*overflow: hidden;*/
        background-color: #f1f0ec;
        position: relative;
    }

        .events-detailed-screen .event-card.bg-img {
            background-position: bottom;
            background-image: url(/img/bg-content-screen7-mobile.png);
            background-repeat: no-repeat;
            background-color: var(--neutrals-white);
        }

        .events-detailed-screen .event-card {
            padding: 12.5vw 5vw;
            border-radius: 7.5vw 7.5vw 0px 0px;
            position: sticky;
            top: 50px;
            height: 896px;
            overflow: hidden;
        }

            .events-detailed-screen .event-card .content-group {
                max-width: 204.167vw;
                margin-left: auto;
                margin-right: auto;
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                .events-detailed-screen .event-card .content-group .cta-group {
                    width: 87.5vw;
                    padding-bottom: 8.333vw;
                    display: flex;
                    gap: 5.833vw;
                    flex-direction: column;
                }

                    .events-detailed-screen .event-card .content-group .cta-group .text-group {
                        display: flex;
                        flex-direction: column;
                        gap: 5vw;
                    }

                    .events-detailed-screen .event-card .content-group .cta-group .icon-group {
                        display: flex;
                        gap: 4.167vw;
                    }

                        .events-detailed-screen .event-card .content-group .cta-group .icon-group .icon-block {
                            display: flex;
                            gap: 0.833vw;
                            align-items: center;
                        }

                            .events-detailed-screen .event-card .content-group .cta-group .icon-group .icon-block .icon {
                                width: 3.75vw;
                                height: 3.75vw;
                            }

                .events-detailed-screen .event-card .content-group .media-group {
                    position: relative;
                    width: 84.167vw;
                }

                    .events-detailed-screen .event-card .content-group .media-group .tags {
                        display: flex;
                        flex-direction: column;
                        gap: 2.5vw;
                        align-items: flex-start;
                    }

                        .events-detailed-screen .event-card .content-group .media-group .tags.tags-1 {
                            position: absolute;
                            top: 37.917vw;
                            right: -7.917vw;
                        }

                        .events-detailed-screen .event-card .content-group .media-group .tags.tags-3 {
                            position: absolute;
                            top: 12.917vw;
                            right: -7.917vw;
                        }

                        .events-detailed-screen .event-card .content-group .media-group .tags .tag {
                            padding: 1.667vw 10px 1.667vw 10px;
                            border-radius: 2.5vw;
                        }
    /*#endregion*/
    /*#region events-slider-screen*/
    .events-slider-screen {
        padding: 12.5vw 5vw 12.5vw 5vw;
    }

        .events-slider-screen .content-group {
            display: flex;
            flex-direction: column;
            gap: 8.333vw;
        }

    #tagSlider, #tagSlider-bottom {
        width: 100%;
        /* height: 150px; */
        position: relative;
        overflow: hidden;
    }

    #next, #next-bottom {
        height: 100%;
        position: absolute;
        right: 0;
        z-index: 1;
        display: none;
    }

    #prev, #prev-bottom {
        height: 100%;
        position: absolute;
        left: 0;
        z-index: 1;
        display: none;
    }

    #sliderWrapper, #sliderWrapper-bottom {
        /*left: 68px;*/
        width: calc(100%);
        white-space: nowrap !important;
        height: 11.667vw;
        position: relative;
        overflow-x: auto;
        display: flex;
        gap: 2.5vw;
        border-radius: 20.833vw;
    }
    /*#endregion*/

    /*#region footer*/
    .footer {
        padding: 10vw 5vw 10vw 5vw;
    }

        .footer .content {
            display: flex;
            flex-direction: column;
            gap: 8.333vw;
        }

            .footer .content .content-group {
                padding: 6.667vw 5vw 10vw 5vw;
                border-radius: 6.667vw;
                display: flex;
                flex-direction: column;
                gap: 8.333vw;
                overflow: hidden;
            }

                .footer .content .content-group .cta-group {
                    display: flex;
                    justify-content: space-between;
                }

                    .footer .content .content-group .cta-group .cta-form {
                        width: 100%;
                        padding: 5vw 0px 5vw 0px;
                        gap: 6.667vw;
                        display: flex;
                        flex-direction: column;
                    }

                        .footer .content .content-group .cta-group .cta-form .header-text {
                            display: flex;
                            flex-direction: column;
                            gap: 4.167vw;
                        }

                            .footer .content .content-group .cta-group .cta-form .header-text .body-text {
                                /*text-wrap: nowrap;*/
                            }

                        .footer .content .content-group .cta-group .cta-form .actions {
                            /*height: 11.667vw;*/
                            display: flex;
                            gap: 2.5vw;
                            flex-direction: column;
                        }

                            .footer .content .content-group .cta-group .cta-form .actions .input-group {
                                position: relative;
                                display: inline-block;
                                width: 100%;
                                height: 11.667vw;
                            }

    .footer-btn {
        width: 100% !important;
    }

    .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field {
        padding: 5vw 1.667vw 0.833vw 12.5vw;
        width: 100%;
        height: 100%;
        border-radius: 7.5vw;
        border: 0.208vw solid #07080A;
        outline: none;
    }

        .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field::placeholder {
            color: #6E6D6C;
        }

        .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field::-webkit-search-cancel-button {
            background-image: url('/img/input-x.svg');
            position: relative;
            -webkit-appearance: none;
            margin-bottom: 4.167vw;
            height: 5vw;
            width: 5vw;
            display: block;
        }

        .footer .content .content-group .cta-group .cta-form .actions .input-group .input-field:focus {
            border: 0.208vw solid var(--primary-mint) !important;
        }

    .footer .content .content-group .cta-group .cta-form .actions .input-group .leading-icon {
        position: absolute;
        left: 0.833vw;
        top: 0.833vw;
        max-width: 10vw;
        max-height: 10vw;
        padding: 1.25vw;
        box-sizing: border-box;
    }

        .footer .content .content-group .cta-group .cta-form .actions .input-group .leading-icon .icon_container {
            width: 7.5vw;
            height: 7.5vw;
            background-color: var(--primary-mint);
            border-radius: 10vw;
            padding: 1.667vw;
            box-sizing: border-box;
        }

    .footer .content .content-group .cta-group .media-footer {
        width: 116.667vw;
        height: 67.5vw;
        display: none;
    }

        .footer .content .content-group .cta-group .media-footer img {
            width: auto;
        }

    .footer .content .content-group .links-group {
        display: flex;
        justify-content: space-between;
        row-gap: 3.333vw;
        flex-direction: column;
        align-items: flex-start;
    }



        .footer .content .content-group .links-group .links {
            display: flex;
            gap: 1.667vw;
        }

    .footer .infobar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 3.333vw;
    }

    .labelHeader {
        bottom: 8.333vw;
        left: 11.667vw;
        position: relative;
        padding: 0px 1.042vw 0px 1.042vw;
        transition: 0.2s;
        pointer-events: none;
    }

    #email:focus + .labelHeader {
        bottom: 10vw;
        font-size: 2.5vw;
        line-height: 3.333vw;
        color: var(--primary-blue);
    }

    #email:valid + .labelHeader {
        bottom: 10vw;
        font-size: 2.5vw;
        line-height: 3.333vw;
        color: var(--primary-blue);
    }

    #email {
        transition: 0.2s;
    }
    /*#endregion*/

    /*#region Elements*/
    .btn-group {
        padding: 3.333vw 5vw 3.333vw 5vw;
        border-radius: 7.5vw;
        width: fit-content;
        border: 0.208vw solid var(--neutrals-black);
        box-sizing: border-box;
        height: 11.667vw;
        background-color: var(--neutrals-white);
    }

        .btn-group:hover {
            background-color: var(--primary-mint);
        }

    .btn-circle {
        width: 10vw;
        height: 10vw;
        border-radius: 10vw;
        padding: 2.5vw;
        box-sizing: border-box;
    }

        .btn-circle:hover {
            background-color: var(--primary-mint) !important;
        }

        .btn-circle .content {
            width: 5vw;
            height: 5vw;
        }

    .map-content-desktop {
        display: contents;
    }

    #map {
        /*width: 100%;
        height: 100%;*/
        align-self: center;
        min-width: 147.917vw;
    }

        #map use.hoverRED {
            cursor: pointer;
        }

    .hidden {
        display: none;
    }

    #map use.hoverRED:hover {
        fill: crimson;
    }    
}
/** {
    outline: 1px solid #f00 !important;
}*/