@import url("home-page.css");

html[lang="en"] body.ltr .ng-home-en,
html[lang="en"] body.ltr .ng-home-en :not(i):not(svg):not([class*="fa-"]):not(:lang(fa)):not([dir="rtl"]) {
    font-family: "Segoe UI", Arial, sans-serif !important;
}

html[lang="en"] body.ltr .ng-home-en :lang(fa),
html[lang="en"] body.ltr .ng-home-en [dir="rtl"] {
    font-family: "Vazirmatn", sans-serif !important;
}

html[lang="en"] body.ltr .ng-home-en {
    direction: ltr;
    text-align: left;
}

html[lang="en"] body.ltr #hero {
    direction: ltr;
}

html[lang="en"] body.ltr #hero .copy {
    direction: ltr !important;
    text-align: center !important;
}

html[lang="en"] body.ltr #hero .copy h1 {
    font-size: clamp(2.25rem, 5vw, 5.75rem);
    line-height: 1.08;
    letter-spacing: -.025em;
    text-wrap: balance;
}

html[lang="en"] body.ltr #hero .copy p {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}

html[lang="en"] body.ltr #hero .cta,
html[lang="en"] body.ltr #hero .scrollhint {
    direction: ltr !important;
}

html[lang="en"] body.ltr #next .nargoon-two-col {
    direction: ltr !important;
}

html[lang="en"] body.ltr #next .nargoon-text-block,
html[lang="en"] body.ltr #next .nargoon-map-intro,
html[lang="en"] body.ltr #next .nargoon-heading,
html[lang="en"] body.ltr #next .nargoon-vision-quote,
html[lang="en"] body.ltr #next .nargoon-vision-copy,
html[lang="en"] body.ltr #next .nargoon-description,
html[lang="en"] body.ltr #next .nargoon-map-caption,
html[lang="en"] body.ltr #next .nargoonMap__tooltip,
html[lang="en"] body.ltr #next .nargoonMap__label,
html[lang="en"] body.ltr #next .nargoonMap__cities {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="en"] body.ltr #next .nargoonMap__cities {
    padding-right: 7px !important;
    padding-left: 25px !important;
}

html[lang="en"] body.ltr #next .nargoonMap__cities::before {
    right: auto !important;
    left: 7px !important;
}

html[lang="en"] body.ltr #next .nargoonMap__cities::after {
    right: auto !important;
    left: 10px !important;
}

html[lang="en"] body.ltr #next .nargoon-eyebrow,
html[lang="en"] body.ltr #next .label {
    direction: ltr !important;
    justify-content: flex-start !important;
}

html[lang="en"] body.ltr #island-rhythm-new,
html[lang="en"] body.ltr #island-rhythm-new .ir-layout,
html[lang="en"] body.ltr #island-rhythm-new .ir-content,
html[lang="en"] body.ltr #island-rhythm-new .ng-standard__compact-head,
html[lang="en"] body.ltr #island-rhythm-new .ng-standard__compact-head h2,
html[lang="en"] body.ltr #island-rhythm-new .ng-standard__compact-head > p,
html[lang="en"] body.ltr #island-rhythm-new .ir-text-stage,
html[lang="en"] body.ltr #island-rhythm-new .ir-panel,
html[lang="en"] body.ltr #island-rhythm-new .ir-panel-head,
html[lang="en"] body.ltr #island-rhythm-new .ir-panel-title,
html[lang="en"] body.ltr #island-rhythm-new .ir-panel-title h3,
html[lang="en"] body.ltr #island-rhythm-new .ir-panel > p {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="en"] body.ltr #island-rhythm-new .ng-standard__compact-head h2 em {
    margin-left: .12em;
    margin-right: 0;
}

html[lang="en"] body.ltr #island-rhythm-new .ir-panel-head {
    flex-direction: row !important;
}

html[lang="en"] body.ltr #island-rhythm-new .ir-panel-title {
    flex-direction: row !important;
}

html[lang="en"] body.ltr #island-rhythm-new .ir-panel-head small {
    margin-left: auto !important;
    margin-right: 0 !important;
}

@media (max-width: 700px) {
    html[lang="en"] body.ltr #island-rhythm-new .ir-layout {
        direction: ltr !important;
    }

    html[lang="en"] body.ltr #island-rhythm-new .ng-standard__compact-head {
        order: 1 !important;
    }

    html[lang="en"] body.ltr #island-rhythm-new .ir-visual {
        order: 2 !important;
    }

    html[lang="en"] body.ltr #island-rhythm-new .ir-text-stage {
        order: 3 !important;
    }

    html[lang="en"] body.ltr #island-rhythm-new .ir-numbers {
        order: 4 !important;
        direction: ltr !important;
    }
}

html[lang="en"] body.ltr #nargoon-projects-video,
html[lang="en"] body.ltr #nargoon-projects-video .np-head,
html[lang="en"] body.ltr #nargoon-projects-video .np-head > div,
html[lang="en"] body.ltr #nargoon-projects-video .np-desc,
html[lang="en"] body.ltr #nargoon-projects-video .np-list,
html[lang="en"] body.ltr #nargoon-projects-video .np-archive-head,
html[lang="en"] body.ltr #nargoon-projects-video .np-card-content,
html[lang="en"] body.ltr #nargoon-projects-video .np-name {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="en"] body.ltr #nargoon-projects-video .np-filters {
    direction: ltr !important;
}

@media (max-width: 767px) {
    html[lang="en"] body.ltr #nargoon-projects-video .np-view-all {
        align-self: flex-start !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        direction: ltr !important;
        text-align: left !important;
    }
}

html[lang="en"] body.ltr #gallery,
html[lang="en"] body.ltr #gallery .ng-gallery-header,
html[lang="en"] body.ltr #gallery .ng-gallery-title,
html[lang="en"] body.ltr #gallery .ng-gallery-subtitle,
html[lang="en"] body.ltr #gallery .ng-gallery-item,
html[lang="en"] body.ltr #gallery .ng-item-meta {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="en"] body.ltr #gallery .ng-gallery-link {
    left: auto !important;
    right: 0 !important;
}

html[lang="en"] body.ltr #lifestyle,
html[lang="en"] body.ltr #lifestyle .ng-life__head,
html[lang="en"] body.ltr #lifestyle .ng-life__head h2,
html[lang="en"] body.ltr #lifestyle .ng-life__intro,
html[lang="en"] body.ltr #lifestyle .ng-life__content,
html[lang="en"] body.ltr #lifestyle .ng-life__content h3,
html[lang="en"] body.ltr #lifestyle .ng-life__content p,
html[lang="en"] body.ltr #lifestyle .ng-life__meta,
html[lang="en"] body.ltr #lifestyle .ng-life__nav,
html[lang="en"] body.ltr #lifestyle .ng-life__swipe {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="en"] body.ltr #partners,
html[lang="en"] body.ltr #partners .ng-partners__head,
html[lang="en"] body.ltr #partners .ng-partners__head h2,
html[lang="en"] body.ltr #partners .ng-partners__head > p,
html[lang="en"] body.ltr #partners .ng-partners__rail-nav {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="en"] body.ltr .ng-journal,
html[lang="en"] body.ltr .ng-journal .ng-journal__head,
html[lang="en"] body.ltr .ng-journal .ng-journal__head h2,
html[lang="en"] body.ltr .ng-journal .ng-journal__head p,
html[lang="en"] body.ltr .ng-journal .ng-journal__feature-copy,
html[lang="en"] body.ltr .ng-journal .ng-journal__feature-copy h3,
html[lang="en"] body.ltr .ng-journal .ng-journal__feature-copy p {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="en"] body.ltr #journal .ng-journal__head {
    flex-direction: row-reverse !important;
}

html[lang="en"] body.ltr #journal .ng-journal__grid {
    direction: rtl !important;
}

html[lang="en"] body.ltr #journal .ng-journal__featured,
html[lang="en"] body.ltr #journal .ng-journal__list,
html[lang="en"] body.ltr #journal .ng-journal__item-body,
html[lang="en"] body.ltr #journal .ng-journal__item-meta {
    direction: ltr !important;
    text-align: left !important;
}

html[lang="en"] body.ltr #journal .ng-journal__item::before {
    right: auto !important;
    left: 0 !important;
}

html[lang="en"] body.ltr #journal .ng-journal__all > span[aria-hidden="true"],
html[lang="en"] body.ltr #journal .ng-journal__read > span[aria-hidden="true"] {
    display: inline-block;
    transform: scaleX(-1);
}

html[lang="en"] body.ltr #journal .ng-journal__item-arrow {
    display: inline-block;
    transform: translateX(-5px) scaleX(-1) !important;
}

html[lang="en"] body.ltr #journal .ng-journal__item:hover .ng-journal__item-arrow {
    transform: translateX(0) scaleX(-1) !important;
}

@media (max-width: 640px) {
    html[lang="en"] body.ltr #journal .ng-journal__all {
        display: flex;
        width: fit-content;
        margin-left: 0;
        margin-right: auto;
    }
}

html[lang="en"] body.ltr #ng-narjaam-float {
    left: auto !important;
    right: clamp(12px, 1.8vw, 24px) !important;
    width: min(320px, calc(100vw - 24px)) !important;
    min-height: 0 !important;
    direction: ltr !important;
}

html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__inner {
    display: block !important;
    min-height: 0 !important;
    padding: 12px 118px 12px 16px !important;
}

html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__media {
    display: flex !important;
    top: -18px !important;
    right: -6px !important;
    bottom: 0 !important;
    left: auto !important;
    width: 112px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
}

html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__image {
    width: 122px !important;
    height: 124px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 61% 50% !important;
}

html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__content {
    align-items: flex-start !important;
    gap: 6px !important;
    text-align: left !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
}

html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__brand,
html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__subtitle,
html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__cta {
    font-family: "Segoe UI", Arial, sans-serif !important;
}

html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__brand {
    font-size: clamp(22px, 2vw, 28px) !important;
}

html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__subtitle {
    font-size: 11px !important;
    line-height: 1.5 !important;
}

html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__cta {
    align-self: flex-start !important;
    margin-top: 0 !important;
    font-size: 10px !important;
}

html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__close {
    right: 6px !important;
    left: auto !important;
}

@media (max-width: 480px) {
    html[lang="en"] body.ltr #ng-narjaam-float {
        width: min(270px, calc(100vw - 24px)) !important;
    }

    html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__inner {
        padding: 10px 86px 10px 14px !important;
    }

    html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__media {
        top: -10px !important;
        right: -3px !important;
        width: 82px !important;
    }

    html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__image {
        width: 96px !important;
        height: 108px !important;
    }

    html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__brand {
        font-size: 22px !important;
    }

    html[lang="en"] body.ltr #ng-narjaam-float .ng-narjaam-float__subtitle {
        font-size: 9px !important;
    }
}

html[lang="en"] body.ltr #nargoon-projects-video .np-meta {
    right: auto !important;
    left: 6% !important;
    text-align: left !important;
}

html[lang="en"] body.ltr #nargoon-projects-video .np-close {
    left: auto !important;
    right: 6vw !important;
}

html[lang="en"] body.ltr #nargoon-projects-video .np-view-all::before,
html[lang="en"] body.ltr #nargoon-projects-video .np-filters .ng-filter::before {
    transform-origin: right !important;
}

html[lang="en"] body.ltr #nargoon-projects-video .np-view-all:hover::before,
html[lang="en"] body.ltr #nargoon-projects-video .np-filters .ng-filter:hover::before {
    transform-origin: left !important;
}
html[lang="en"] body.ltr #gallery .ng-gallery-link::before,
html[lang="en"] body.ltr #hero .cta::before,
html[lang="en"] body.ltr #nargoon-projects-video .np-view-all::before,
html[lang="en"] body.ltr #nargoon-projects-video .np-filters .ng-filter::before,
html[lang="en"] body.ltr #nargoon-projects-video .np-arrow::before,
html[lang="en"] body.ltr #island-rhythm-new .ir-arrow::before,
html[lang="en"] body.ltr #lifestyle .ng-life__button-prev::before,
html[lang="en"] body.ltr #lifestyle .ng-life__button-next::before,
html[lang="en"] body.ltr .ng-partners-rail [data-partners-left]::before,
html[lang="en"] body.ltr .ng-partners-rail [data-partners-right]::before {
    transform-origin: right center !important;
}

html[lang="en"] body.ltr #gallery .ng-gallery-link:hover::before,
html[lang="en"] body.ltr #hero .cta:hover::before,
html[lang="en"] body.ltr #nargoon-projects-video .np-view-all:hover::before,
html[lang="en"] body.ltr #nargoon-projects-video .np-filters .ng-filter:hover::before,
html[lang="en"] body.ltr #nargoon-projects-video .np-arrow:hover::before,
html[lang="en"] body.ltr #island-rhythm-new .ir-arrow:hover::before,
html[lang="en"] body.ltr #lifestyle .ng-life__button-prev:hover::before,
html[lang="en"] body.ltr #lifestyle .ng-life__button-next:hover::before,
html[lang="en"] body.ltr .ng-partners-rail [data-partners-left]:hover::before,
html[lang="en"] body.ltr .ng-partners-rail [data-partners-right]:hover::before {
    transform-origin: left center !important;
}