body.admin-bar {
    margin-top: 32px;
}
body {
    font-family: "NarkisBlockConMF", sans-serif;
    direction: rtl;
}
body > main {
    padding-bottom: 6.25vw;
}
.accent {
    color: var(--color-pink);
}
.wrapper {
    max-width: 67.7083vw;
    margin: 0 auto;
    padding: 0 0.5208vw;
}

/* HERO */
.hero {
    margin: 2.2396vw 0 3.8021vw;
    min-height: 21.6146vw;
    background: url("../img/hero.png") no-repeat;
    background-size: contain;
    background-position: top left;
}
.hero.home {
    background: url("../img/hero-banner.png") no-repeat;
    background-size: contain;
    background-position: top left;
}
.hero-bg {
    width: 100%;
    height: 100%;
}
.hero-content {
    width: 38.0729vw;
    min-height: 5.625vw;
    color: #0093d0;
    margin: 7.3958vw 24.4792vw 0 0;
}
.hero h1 {
    font-weight: 700;
    font-size: 6.6667vw;
    line-height: 66%;
}
.hero p {
    font-weight: 700;
    font-size: 2.5vw;
    line-height: 100%;
}

/* HOME PAGE */
.main-heading {
    display: flex;
    justify-content: center;
    direction: rtl;
}

.main-heading h2 {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #185071;
    font-weight: 700;
    font-size: 5vw;
    line-height: 80%;
}
.main-heading h2::after {
    content: "";
    position: absolute;
    display: block;
    background: url(../img/title-bg.png) center 0 no-repeat;
    width: 100%;
    height: 0.6771vw;
    left: 50%;
    bottom: -0.3646vw;
    transform: translateX(-50%);
}

/* home block */
.home-block.block-1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    direction: rtl;
    gap: 120px;
    padding-top: 14.6354vw;
    padding-bottom: 160px;
    background-image: url(../img/home-block-1.png);
    background-repeat: no-repeat;
    background-position: calc(50% + 5vw) 4.8958vw;
    background-size: contain;
}

.block-1 .left {
    flex: 1 0 27.8125vw;
}

.home-block h2,
.home-block h3 {
    font-weight: 700;
    font-size: 2.5vw;
    line-height: 117%;
    text-align: justify;
    color: #bababa;
}
.home-block h3 {
    color: #005b7f;
}

.home-block p {
    color: #005b7f;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 133%;
    text-align: justify;
}

.home-block.block-2 {
    background-image: url(../img/home-block-2.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 4.0625vw) 0.1042vw;
    background-size: contain;
    padding: 9.8958vw 0 7.7083vw;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    direction: rtl;
    gap: 120px;
}

.block-2 .left {
    flex: 1 0 28.8021vw;
}

/* extra block */
.homepage-extra {
    display: flex;
    justify-content: space-between;
    align-items: center;
    direction: rtl;
    margin-bottom: 6.4583vw;
}

.extra-text {
    flex: 0 0 14.2188vw;
    text-align: right;
    white-space: pre-line;
    font-size: 1.6667vw;
    color: #005b7f;
}

/* INFO PAGE */
.info-section {
    .info-icon {
        width: 24.15vw;
        margin: 0 auto;
        padding-left: 8vw;
    }
    .info-block {
        width: 66.6667vw;
        margin: 1.0417vw auto;
        padding: 1.6667vw;
        display: flex;
        flex-direction: row-reverse;
        gap: 6.67vw;
        justify-content: space-between;

        .right {
            flex-basis: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 0.5208vw;
            flex: 0 0 calc(50% - 3.33vw);
            min-width: calc(50% - 3.33vw);
        }

        .left {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-end;
            flex: 1 1 50%;

            .info-text {
                font-size: 1.25vw;
                color: #005b7f;

                p:not(:last-child) {
                    margin-bottom: 30px;
                }
                p:empty {
                    display: none;
                    margin: 0;
                }
                a {
                    text-decoration: underline;
                }
            }
        }

        .info-title {
            font-weight: 700;
            font-size: 3.33vw;
            line-height: 100%;
            color: var(--color-dark-blue);
        }
    }
}

/* COMING SOON PAGE */
.coming-soon {
    .coming-soon-icon {
        width: 24.15vw;
        margin: 0 auto 2.6vw;
        padding-right: 8vw;
    }
    .coming-soon-contact-icon {
        width: 24.15vw;
        margin: 0 auto 2.6vw;
        padding-left: 8vw;
    }
    h2.page-title {
        position: relative;
        text-align: center;
        color: #185071;
        font-weight: 700;
        font-size: 3.33vw;
        line-height: 80%;
    }
    h2.page-title::after {
        content: "";
        position: absolute;
        display: block;
        background: url(../img/coming-soon-title-arc.svg) center 0 no-repeat;
        background-size: 19.4792vw auto;
        width: 100%;
        height: 0.6771vw;
        left: 50%;
        bottom: -0.9vw;
        transform: translateX(-50%);
    }
    .contact {
        margin-top: 2.6vw;
        text-align: center;

        p {
            font-size: 1.67vw;
            font-weight: bold;
            color: var(--color-dark-blue);
            margin-bottom: 0.9vw;
        }
        a {
            text-transform: uppercase;
            color: #da8691;
            font-family: "DIN Condensed", sans-serif;
        }
    }
}

.copyrights {
    font-family: "DIN Condensed", sans-serif;
}
.footer-email > a {
    font-family: "DIN Condensed", sans-serif;
}

.rates-icon {
    width: 23.15vw;
    margin: 0 auto;
    padding-right: 7vw;
}

.hotel-spiderweb__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 1.5rem;
    text-align: center;
}

.hotel-spiderweb__item--pos-1 {
    grid-row: 1;
    grid-column: 2;
    justify-self: center;
}

.hotel-spiderweb__item--pos-2 {
    grid-row: 2;
    grid-column: 1;
    justify-self: center;
}
.hotel-spiderweb__item--pos-3 {
    grid-row: 2;
    grid-column: 2;
    justify-self: center;
}
.hotel-spiderweb__item--pos-4 {
    grid-row: 2;
    grid-column: 3;
    justify-self: center;
}

.hotel-spiderweb__item--pos-5 {
    grid-row: 3;
    grid-column: 1;
    justify-self: center;
}
.hotel-spiderweb__item--pos-6 {
    grid-row: 3;
    grid-column: 3;
    justify-self: center;
}

@media (max-width: 768px) {
    .hotel-spiderweb__grid {
        grid-template-columns: 1fr;
    }
    .hotel-spiderweb__item--pos-1,
    .hotel-spiderweb__item--pos-2,
    .hotel-spiderweb__item--pos-3,
    .hotel-spiderweb__item--pos-4,
    .hotel-spiderweb__item--pos-5,
    .hotel-spiderweb__item--pos-6 {
        grid-column: 1 !important;
        justify-self: center;
    }
}

.program-table.transfer-table {
    border-image: url(../img/transfer-table-border.svg) 10;
    height: 19.27vw;
    margin-top: 2.08vw;
    margin-bottom: 3.33vw;
    padding-top: 0.6667vw;
    padding-bottom: 0.6667vw;
}
.program-table.transfer-table.small {
    border-image: url(../img/transfer-table-small-border.svg) 10;
    height: 15.94vw;
}
.mix-table__title,
.mix-table__lead {
    text-align: center;
    font-weight: 700;
    font-size: 2.5vw;
    line-height: 2.92vw;
    color: var(--color-dark-blue);
}
.mix-wys__inner {
    width: 66.6667vw;
    margin: 1.0417vw auto;
    padding: 1.6667vw 0;
    display: flex;
    flex-direction: row;
    gap: 6.67vw;
    justify-content: space-between;
    .right {
        display: flex;
        flex-direction: column;
        gap: 0.5208vw;
        font-weight: 700;
        font-size: 3.33vw;
        line-height: 100%;
        color: var(--color-dark-blue);
        width: 21.667vw;

        .mix-wys__subtitle {
            font-size: 1.25vw;
            line-height: 1.67vw;
            font-weight: 400;
            max-width: 21.67vw;
            text-align: justify;
        }
    }

    .left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 1.25vw;
        color: var(--color-dark-blue);
        width: 31.6vw;
        text-align: justify;
    }
}
.mix-wys .info-icon {
    width: 8.82vw;
    margin: 0 auto;
}
.myx-wys .info-icon.main-icon {
    width: 13.91vw;
}
.mix-wys:last-child .mix-wys__inner {
    padding-bottom: 0;
    margin-bottom: 0;
}

.title-icon {
    width: 24.15vw;
    margin: 0 auto 2.6vw;
}
.title-icon.icon-left {
    padding-left: 8vw;
}
.title-icon.icon-right {
    padding-right: 8vw;
}
h2.page-title {
    position: relative;
    text-align: center;
    color: var(--color-dark-blue);
    font-weight: 700;
    font-size: 3.33vw;
    line-height: 80%;
    width: fit-content;
    margin: 0 auto;
}
h2.page-title::after {
    content: "";
    position: absolute;
    display: block;
    background: url(../img/title-bg.png) center 0 no-repeat;
    width: 100%;
    height: 0.6771vw;
    left: 50%;
    bottom: -0.9vw;
    transform: translateX(-50%);
}

.faq-item {
    position: relative;
    padding: 40px 0;
}
.faq-item:not(:last-child):after {
    content: "";
    position: absolute;
    display: block;
    background: url(../img/faq-border.svg) center 0 no-repeat;
    width: 100%;
    height: 0.6771vw;
    left: 50%;
    bottom: -0.9vw;
    transform: translateX(-50%);
}
.faq-q {
    color: var(--color-dark-blue);
    font-size: 2.5vw;
    font-weight: 700;
}
.faq-a {
    color: var(--color-dark-blue);
    font-size: 1.25vw;
    line-height: 1.3;
    font-weight: 400;
}
.faq-tabs {
    background-color: var(--color-dark-blue);
    width: 34.6875vw;
    height: 3.333vw;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    padding: 0.625vw 2.0833vw;
    justify-content: space-between;
    background: url(../img/faq-tabs-bg.svg) center 0 no-repeat;
    background-size: contain;
}
.faq-tab {
    color: var(--color-white);
    font-size: 1.6667vw;
    font-weight: 700;
    background-color: transparent;
    padding-left: 1.875vw;
    position: relative;
    cursor: pointer;
}
.faq-tab:after {
    content: "";
    position: absolute;
    display: block;
    background: url(../img/white-dot.svg) center 0 no-repeat;
    background-size: cover;
    width: 0.8333vw;
    height: 0.8333vw;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.faq-tab.is-active {
    color: var(--color-pink);
}
.faq-tab.is-active:after {
    background: url(../img/pink-dot.svg) center 0 no-repeat;
    background-size: cover;
}

@media screen and (min-width: 601px) {
    .desktop {
        display: block;
    }
    .mobile {
        display: none;
    }
}
@media screen and (max-width: 600px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }

    .coming-soon {
        .coming-soon-icon {
            width: 45.13vw;
            padding-right: 14.36vw;
            transform: scaleX(-1);
        }
        h2.page-title {
            font-size: var(--f32);
        }
        h2.page-title::after {
            background: url(../img/coming-soon-title-arc-mob.svg) center 0
                no-repeat;
            background-size: 47.9487vw auto;
            height: 1.7949vw;
            bottom: -1.9vw;
        }
    }
    .info-section {
        .info-icon {
            width: 40.01vw;
            padding-left: 11.8vw;
        }
        .info-block {
            flex-direction: column-reverse;
            width: 89.74vw;
            .info-title {
                font-size: var(--f32);
            }
            .left {
                .info-text {
                    font-size: var(--f16);
                }
                .info-btn {
                    align-self: flex-start;
                }
            }
            .pink-button {
                width: 38.72vw;
                height: 12.31vw;
                font-size: var(--f20);
                gap: 1.7949vw;
                .arrow-readmore {
                    width: 4.1026vw;
                }
            }
        }
    }
    .coming-soon {
        .coming-soon-contact-icon {
            width: 40.01vw;
            padding-left: 11.8vw;
            margin-bottom: var(--f40);
        }
        .contact {
            p {
                font-size: var(--f16);
            }
            a {
                font-size: var(--f20);
            }
        }
    }
    main ul {
        padding-right: 7.69vw;
    }

    .title-icon {
        width: 40.01vw;
    }
    .title-icon.icon-left {
        padding-left: 11.8vw;
    }
    .title-icon.icon-right {
        padding-right: 11.8vw;
    }

    .faq-item {
        padding: var(--f20) 0;
    }
    .faq-q {
        font-size: var(--f24);
    }
    .faq-a {
        font-size: var(--f16);
    }

    .faq-dropdown {
        position: relative;
        display: block;
        width: 100%;
        background: url(../img/faq-dropdown-bg.png) 0 0 no-repeat;
        background-size: contain;
        margin: 0 auto;
    }
    .faq-dropdown .faq-dropdown-text,
    .faq-dropdown .faq-tab {
        font-size: var(--f20);
        font-weight: 700;
    }
    .faq-tab {
        text-align: right;
        padding: 0 0 1em 0;
    }
    .faq-tab:after {
        display: none !important;
    }
    .faq-dropdown.open {
        background: url(../img/faq-dropdown-open-bg.png) 0 0 no-repeat;
        background-size: contain;
        height: 46.67vw;
    }

    .faq-dropdown-toggle {
        width: 100%;
        background: transparent;
        color: #fff;
        border: none;
        padding: 3.33vw 5.1282vw;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        font-size: var(--f20);
    }

    .faq-dropdown-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        background: transparent;
        border-radius: 20px;
        padding: 3.33vw 5.1282vw;
        z-index: 10;
    }

    .faq-dropdown.open .faq-dropdown-menu {
        display: flex;
    }
    .faq-dropdown.open .faq-dropdown-text {
        opacity: 0;
    }

    .faq-dropdown-icon {
        transition: transform 0.3s;
        display: inline-block;
        width: 4.62vw;
        height: 2.82vw;
        background: url(../img/faq-dropdown-caret.png) 0 0 no-repeat;
        background-size: contain;
    }

    .faq-dropdown.open .faq-dropdown-icon {
        transform: rotate(180deg);
    }
}
.pink-button {
    background: url(../img/pink-button-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 8.0208vw;
    height: 2.0833vw;
    display: flex;
    align-items: center;
    align-self: flex-end;
    justify-content: center;
    gap: 0.3646vw;
    font-weight: 700;
    font-size: 20px;
    color: var(--color-white);

    .arrow-readmore {
        width: 0.8333vw;
    }
}
.pink-button:hover {
    color: var(--color-white);

    .arrow-readmore {
        transform: translateX(0.2vw);
    }
}
.program-downloads {
    display: flex;
    justify-content: center;
    gap: 30px;
    width: 100%;
    margin: 0 auto;
}

.program-downloads .pink-button {
    height: fit-content;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 24px;
    background-size: cover;
}