@font-face {
    font-family: Kook-REG;
    src: url(../fonts/KookPro/Family/Kook-Regular.woff2);
}

@font-face {
    font-family: Kook-REG;
    src: url(../fonts/KookPro/Family/Kook-Regular.woff);
}

@font-face {
    font-family: Kook-MED;
    src: url(../fonts/KookPro/Family/Kook-Medium.woff2);
}

@font-face {
    font-family: Kook-MED;
    src: url(../fonts/KookPro/Family/Kook-Medium.woff);
}

@font-face {
    font-family: Kook-LI;
    src: url(../fonts/KookPro/Family/Kook-Light.woff2);
}

@font-face {
    font-family: Kook-LI;
    src: url(../fonts/KookPro/Family/Kook-Light.woff);
}

@font-face {
    font-family: Kook-EXLI;
    src: url(../fonts/KookPro/Family/Kook-ExtraLight.woff2);
}

@font-face {
    font-family: Kook-EXLI;
    src: url(../fonts/KookPro/Family/Kook-ExtraLight.woff);
}

@font-face {
    font-family: Kook-EXB;
    src: url(../fonts/KookPro/Family/Kook-ExtraBold.woff2);
}

@font-face {
    font-family: Kook-EXB;
    src: url(../fonts/KookPro/Family/Kook-ExtraBold.woff);
}

@font-face {
    font-family: Kook-B;
    src: url(../fonts/KookPro/Family/Kook-Bold.woff2);
}

@font-face {
    font-family: Kook-B;
    src: url(../fonts/KookPro/Family/Kook-Bold.woff);
}

@font-face {
    font-family: KookFaNum-REG;
    src: url(../fonts/KookPro/FaNum/KookFaNum-Regular.woff2);
}

@font-face {
    font-family: KookFaNum-REG;
    src: url(../fonts/KookPro/FaNum/KookFaNum-Regular.woff);
}

@font-face {
    font-family: KookFaNum-MED;
    src: url(../fonts/KookPro/FaNum/KookFaNum-Medium.woff2);
}

@font-face {
    font-family: KookFaNum-MED;
    src: url(../fonts/KookPro/FaNum/KookFaNum-Medium.woff);
}

@font-face {
    font-family: KookFaNum-LI;
    src: url(../fonts/KookPro/FaNum/KookFaNum-Light.woff2);
}

@font-face {
    font-family: KookFaNum-LI;
    src: url(../fonts/KookPro/FaNum/KookFaNum-Light.woff);
}

@font-face {
    font-family: KookFaNum-EXLI;
    src: url(../fonts/KookPro/FaNum/KookFaNum-ExtraLight.woff2);
}

@font-face {
    font-family: KookFaNum-EXLI;
    src: url(../fonts/KookPro/FaNum/KookFaNum-ExtraBold.woff2);
}

@font-face {
    font-family: KookFaNum-EXB;
    src: url(../fonts/KookPro/FaNum/KookFaNum-ExtraBold.woff);
}

@font-face {
    font-family: KookFaNum-B;
    src: url(../fonts/KookPro/FaNum/KookFaNum-Bold.woff2);
}

@font-face {
    font-family: KookFaNum-B;
    src: url(../fonts/KookPro/FaNum/KookFaNum-Bold.woff);
}

@media (max-width:768px) {

    div.adding-former-btn {
        flex-direction: column;
    }

}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Kook-REG, Kook-MED, Kook-LI, Kook-EXLI, Kook-EXB, Kook-B,
        KookFaNum-REG, KookFaNum-MED, KookFaNum-LI, KookFaNum-EXLI, KookFaNum-EXB;
    direction: rtl;
    /* direction: ltr; */
}


.star-shape img {
    width: 19px;
    height: 19px;
}

.numb-person {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.numb-person div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

/* ==================== بخش هتل ===================== */

/* چپ چین سایت */

[dir="ltr"] .next-btn {
    order: 2;
}

[dir="ltr"] .prev-btn {
    order: 1;
}

[dir="ltr"] .next-button {
    order: 2;
}

[dir="ltr"] .prev-button {
    order: 1;
}

[dir="ltr"] #prev-mag-btn {
    order: 1;
}

[dir="ltr"] #next-mag-btn {
    order: 2;
}

[dir="ltr"] .forward-button {
    order: 2;
}

[dir="ltr"] .back-button {
    order: 1;
}

[dir="ltr"] .see-all-arrow {
    transform: rotate(180deg);
}

[dir="ltr"] .ltr-img {
    transform: rotate(180deg);
}

[dir="ltr"] .banner-content {
    float: right;
}

[dir="ltr"] .image-container {
    padding: 10px 10px 10px 0px;
}

[dir="ltr"] .dropdown-content {
    left: 1px;
}

[dir="ltr"] .list-body {
    margin-left: 20px;
}

[dir="ltr"] .book-room {
    margin-right: 0;
}

[dir="ltr"] .list-body {
    width: 100%;
}

[dir="ltr"] .info-table td,
th {
    text-align: left;
}

[dir="ltr"] .rating-container {
    direction: ltr;
}

[dir="ltr"] .viajoo-logo-text {
    text-align: left;
}

[dir="ltr"] .tour-banner {
    justify-content: flex-start;
}

[dir="ltr"] .left-leaf {
    right: 0;
    left: 232px;
}

[dir="ltr"] .TOUR-visual-title-btn img {
    transform: rotate(180deg);
}

[dir="ltr"] .tour-room-img button {
    right: -6px;
}

[dir="ltr"] .tour-banner-content {
    float: left;
}

[dir="ltr"] .back-page-btn img {
    transform: rotate(180deg);
}

/* چپ چین سایت */
.container {
    /* background-image: url(../images/bg.jpg); */
    background-repeat: no-repeat;
    width: 100%;
    min-height: 673px;
    background-size: cover;
    background-position: center;
    display: block;
    text-align: center;
    padding-top: 20px;
}



/* هدر سایت */
header {
    background-color: #fff;
    display: block;
    justify-content: space-between;
    align-items: center;
    width: 92%;
    margin: 0 auto;
    padding: 0 20px;
    border-radius: 25px;
    z-index: 10;
}

.back-btn-just-mobile {
    display: none;
}

.logo-menu {
    display: flex;
    gap: 20px;
    align-items: center;
}

.logo-menu span {
    color: #626E94;
    font-size: 15px;
}

#viajooLogo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.viajoo-logo-text {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-family: Kook-B;
}

.viajoo-logo-text h2 {
    margin-top: 0;
    margin-bottom: 0;
}


.clicked-menu {
    color: #1B54FF;
}

.colored-menu {
    text-decoration: none;
    color: #626E94;
    font-size: 16px;
}

.Tour-menu-active {
    color: #000000;
    font-family: KookFaNum-B;
}

.ion-padding {
    --padding-start: var(--ion-padding, 0) !important;
    --padding-end: var(--ion-padding, 0) !important;
    --padding-top: var(--ion-padding, 0) !important;
    --padding-bottom: var(--ion-padding, 0) !important;
}




.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 8px;
}


li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

.menu ul {
    display: flex;
    gap: 30px;
}

.contact {
    color: #C02400;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: KookFaNum-MED;
    font-size: 1.0625rem;
    font-weight: 500;
    background-color: transparent;
    border: 1px solid #C02400;
    padding: 10px 17px;
    border-radius: 16px;
    cursor: pointer;
    height: 58px;
}

contact img {
    width: 22px;
    height: 22px;
}

.language {
    background-color: transparent;
    border: 1px solid #E1E6F0;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    cursor: pointer;
}

.regist {
    font-family: KookFaNum-MED;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    font-size: 15px;
    background-color: transparent;
    border: 1px solid #E1E6F0;
    border-radius: 16px;
    color: #000000;
    cursor: pointer;
    height: 58px;
}

.regist img {
    width: 20px;
    height: 20px;
}

.regist p {
    color: #000 !important;
    font-family: KookFaNum-B;
}

.btns {
    display: flex;
    gap: 15px;
}

.bg-logo-desktop {
    margin: -162px 846px 3px 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.regist-respone {
    display: none;
}

.sticky-buy-info {
    display: none;
}

/* ریسپانسیو */
@media(max-width:767px) {

    div.mobile-new-comment-bg {
        width: 100%;
    }

    div.custom-radio-desktop {
        display: none;
    }

    div.new-comment-bg {
        background: none;
        position: fixed;
        bottom: 0;
        right: 0;
        padding: 0;
        /* overflow: scroll; */
        z-index: 1000;
        /* height: fit-content; */
    }

    div.all-ratings {
        grid-template-columns: repeat(1, 1fr);
    }

    div.new-comment-popup {
        width: 100%;
        z-index: 1000;
        position: fixed;
        overflow: scroll;
        height: 100vh;
    }


    button.popup-comment-back-desktop {
        display: none;
    }

    button.popup-comment-back-1 {
        left: 113px;
    }

    button.popup-comment-back-mobile {
        display: flex;
    }

    div.recording-popup-bg {
        background-color: rgba(0, 0, 0, 0.12);
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 10000;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        /* height: 600px; */
        padding: 0;
    }

    div.recording-popup {
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    button.dont-signup-btn-mobile {
        display: flex;
    }

    button.dont-signup-btn {
        left: 69px;
    }

    button.dont-signup-btn-desktop {
        display: none;
    }

    div.popup-comment-head {
        box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.2);
        height: 68px;
        padding: 30px 10px;
    }

    div.all-ratings {
        padding: 13px 20px;
    }

    div.new-comment-popup {
        padding: 0;
    }

    div.add-comment-inputs {
        padding: 13px 20px;
    }

    div.suggested-question {
        padding: 13px 20px;
    }


    select#filter {
        width: fit-content;
        font-size: 14px;
    }

    div.sticky-buy-info {
        display: flex;
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 15px 20px;
        align-items: center;
        box-shadow: 0px 17px 28px 33px rgba(183, 190, 203, 0.25);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        z-index: 10;
    }

    div.buy-info-title {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    div.buy-info-discount {
        display: flex;
        gap: 8px;
    }

    div.buy-info-persent {
        color: #fff;
        background-color: #C02400;
        padding: 7px;
        font-size: 10px;
        border-radius: 8px;
    }

    button.buy-info-btn {
        background-color: #C02400;
        color: #fff;
        font-family: KookFaNum-MED;
        cursor: pointer;
        border: none;
        padding: 12px 50px;
        border-radius: 15px;
        font-size: 16px;
        width: 100%;
    }

    span.buy-info-persent {
        font-family: KookFaNum-MED;
        background-color: rgba(192, 36, 0, 0.1);
        color: #a82000;
        border-radius: 7px;
        font-size: 14px;
        padding: 4px;
    }

    span.buy-info-prev-price {
        color: #7E8AAB;
        font-family: KookFaNum-MED;
        font-size: 14px;
    }

    div.price-line {
        content: '';
        width: 92px;
        height: 1px;
        background-color: #626E94;
        z-index: 10;
        position: relative;
        bottom: 12px;
    }

    span.price-per-person {
        color: #626E94;
        font-family: Kook-B;
    }

    .container {
        width: 100%;
        min-height: 80vh;
        background-size: cover;
        background-position: center;
    }

    header {
        border-radius: 13px;
        padding: 0rem 0.625rem;
    }

    header.head-just-desktop {
        display: none;
    }

    div.back-btn-just-mobile {
        display: flex;
        flex-direction: row;
        position: fixed;
        top: 0;
        background-color: #fff;
        width: 100%;
        height: 68px;
        align-items: center;
        justify-content: center;
        padding: 30px 10px;
        box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.2);
        z-index: 100;
    }

    button.sticky-btn {
        background: none;
        border: none;
        align-items: center;
        justify-content: center;
        padding: 0;
        position: absolute;
        right: 5px;
        cursor: pointer;
    }


    div.menu-banner-container {
        min-height: 419px;
    }



    div.sticky-page-title {
        display: flex;
        justify-content: center;
        gap: 10px;
        align-items: center;
        text-align: center;
    }

    svg.sticky-page-svg {
        width: 24px;
        height: 24px;
    }

    div.sticky-page-title h3.sticky-page-name {
        font-family: Kook-EXB;
    }

    div.shopping-back-btn-just {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    div.shopping-back-btn-just button {
        display: flex;
        color: #000;
        font-family: KookFaNum-B;
        gap: 5px;
    }

    div.sticky-page-title div {
        width: fit-content;
        display: flex;
        gap: 8px;
    }

    svg.sticky-arrow-svg {
        width: 24px;
        height: 24px;
    }

    button.shopping-sticky-btn {
        position: relative;
    }

    div.shopping-links {
        display: none;
    }

    div.sticky-shopping-timer {
        background: none;
    }

    div.sticky-shopping-timer span {
        color: #626E94;
        font-family: Kook-MED;
    }

    div.sticky-shopping-timer p {
        font-family: KookFaNum-B;
    }

    div.tour-choose-ea div span {
        color: #050F2C;
        font-family: KookFaNum-B;
    }

    svg.step-arrow {
        width: 16px;
        height: 16px;
    }

    button.shopping-sticky-btn h3 {
        color: #050F2C;
    }









    .contact,
    .menu {
        display: none;
    }

    .regist {
        display: none;
    }

    .regist-respone {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        border: none;
        padding: 0px 5px;
        cursor: pointer;
    }

    .language {
        border: none;
        padding: 10px 6px;
        display: flex;
        gap: 8px;
        cursor: pointer;
    }

    /* img.language-dropdown {
        display: flex;
    } */

    div.image-container {
        border: none;
    }

    div.head-title h1 {
        font-size: 1.375rem;

    }

    div.search-box {
        height: fit-content;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transform: translate(-55%, -29%);
        position: relative;
        overflow: hidden;
    }

    div.search-history {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 92%;
        margin: 0 auto 50px auto;
    }

    [dir="ltr"] .banner div.banner-content {
        margin: -14px -25px;
    }

    [dir="ltr"] .list-body {
        margin-left: 0;
    }

    [dir="ltr"] div.mobile-pages {
        justify-content: flex-start;
    }



    span.buttonText {
        font-size: 13px;
        width: 278%;
    }

    div.tab-container {
        display: flex;
        justify-content: space-between;
        overflow-x: scroll;
        gap: 5px;
        -ms-overflow-style: none;
    }

    div.tab-container::-webkit-scrollbar {
        display: none;
    }

    svg.tab-svg {
        width: 20px;
        height: 20px;
    }

    button.search-btn-desktop {
        display: none;
    }

    button.search-btn-mobile {
        display: flex;
        font-family: Kook-MED;
        align-items: center;
        justify-content: center;
    }

    div.tab-container button {
        display: flex;
        flex-direction: column;
        padding: 10px 25px;
    }

    h3.desktop-title {
        display: none;
    }


    div.tab {
        display: flex;
        justify-content: space-between;
        margin: 0px 10px;
    }

    button.tablinks {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-content: center;
        font-size: 15px;
    }


    span.divider {
        display: none;
    }

    select.dropdown {
        display: none;
    }

    select.dropdown-responsive {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        border: 1px solid #E1E6F0;
        border-radius: 10px;
        font-family: Kook-MED, KookFaNum-MED;
        padding: 13px 13px;
        gap: 2px;
    }

    div.dropdown-container {
        display: none;
    }

    div.search-input {
        flex-direction: column;
        gap: 13px;
        margin-top: 10px;
    }

    div.input-date-box {
        display: flex;
        gap: 5px;
        width: 100%;
        justify-content: space-between;
    }

    div.order-1 {
        order: 2;
    }

    div.order-2 {
        order: 1;
    }

    div.order-3 {
        order: 3;
    }

    div.loc-btn a {
        font-size: 16px;
    }

    div.input-date-container {
        width: 151px;
        border-radius: 12px;
        padding: 10px 8px 10px 13px;
    }

    div.input-container {
        display: flex;
        align-items: center;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        width: 100%;
        background-color: transparent;
        /* margin-bottom: 1.875rem; */
        gap: 12px;
    }

    div.input-date-container {
        display: block;

    }

    div.search-btn button {
        width: 100%;
        cursor: pointer;
    }

    /* div.search-history {
        margin-top: 415px;
    } */

    div.head-title {
        width: 86%;
        margin: 0 auto;
    }

    div.search-title {
        display: flex;
        gap: 0;
        margin-top: -78px;
        width: 100%;
        justify-content: space-between;
    }

    div.search-title h2 {
        font-size: larger;
    }

    div.result-history {
        /* width: 44%; */
        width: 100%;
        margin: 0;
    }

    div.result-history button {
        font-size: 19px;
    }

    div.result-history .location-img {
        display: none;
    }

    div.services-card {
        max-width: 100%;
        height: 390px;
        border-radius: 0px;
        margin-bottom: 30px;
    }

    div.TOUR-services-card {
        height: 390px;
    }

    div.services-btn {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        width: 100%;
        gap: 10px;
    }

    div.TOUR-visit-title h1 {
        font-size: 30px !important;
    }

    div.services-title {
        margin-bottom: 30px;
    }

    div.ser-btn {
        gap: 10px;
    }

    div.ser-btn button {
        display: flex;
        flex-direction: column;
        width: 160px;
        height: 126px;
        font-size: 15px;
        justify-content: center;
        align-items: center;
        font-family: Kook-B;
    }

    div.rent-cards {
        display: flex;
        flex-direction: column;
    }

    div.card {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    div.card img {
        width: 54px;
        height: 54px;
    }

    div.card h3 {
        font-size: 14px;
    }

    div.card-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 242px;
    }

    div.card-text span {
        display: flex;
        font-family: KookFaNum-MED;
        font-size: 14px;
        color: #7E8AAB;
    }

    div.carousel-btns {
        display: none;
    }

    div.order1-1 {
        order: 1;
    }

    div.order2-2 {
        order: 3;
    }

    div.order3-3 {
        order: 2;
    }

    div.locations-cards {
        display: flex;
        flex-direction: column;
    }

    div.locations-cards div.a-active-mobile {
        display: flex;
        background-color: #1b54ff2c;
        padding: 18px 24px;
        width: 81%;
        margin: 0 auto 40px auto;
        border-radius: 16px;
    }

    div.a-active-desktop {
        display: none;
    }

    div.loc-title h1 {
        font-size: 24px;
    }

    div.loc-title p {
        font-size: 18px;
    }

    /* اسلاید شو کردن کارت */
    div.card-container {
        gap: 10px;
        display: flex;
        width: 100%;
        max-width: 1200px;
        position: relative;
        margin: auto;
    }

    div.city-ard {
        display: flex;
        width: 246px;
        transition: transform 0.5s ease-in-out;
    }

    div.badge img {
        width: 100%;
        flex: 1;
    }

    /* بنر پیرمرد */
    div.banner {
        width: 92%;
        height: 158px;
        background-image: url(../images/oldman.png);
        margin: 20px auto;
    }

    div.banner-content h2 {
        font-size: 16px;
    }

    .banner div.banner-content {
        width: 154px;
    }

    div.card11 {
        min-width: 246px;
        height: 376px;
    }

    div.banner-content button {
        font-size: 11px;
        border-radius: 6px;
        padding: 8px 8px;
    }

    div.ea-card {
        width: 258px;
    }

    div.ea-cards {
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    div.ea-cards::-webkit-scrollbar {
        display: none;
    }

    div.visit-title h1 {
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 500;
        font-family: KookFaNum-B;
    }

    div.visited-titles {
        margin: 0;
    }

    div.visited-cards {
        gap: 14px;
    }

    div.visit-title p {
        font-size: 15px;
    }

    div.visit-title {
        display: flex;
        flex-direction: column;
        gap: 6px;
        margin: 0;
    }

    button.all-mobile {
        display: flex;
        padding: 20px 24px;
        background: none;
        border: 1px solid #e0e0e0;
        border-radius: 15px;
        width: 100%;
        cursor: pointer;
        color: #626E94;
        font-family: Kook-MED;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        gap: 10px;
        margin: 15px auto;
    }

    div.visit-btn {
        display: none;
    }

    div.about-banner {
        display: flex;
        flex-direction: column;
        gap: 0px;
    }

    div.about-content img {
        display: none;
    }

    div.about-picture img {
        width: 330px;
        height: 350px;
    }

    div.about-content h1 {
        font-size: 25px;
        width: 101%;
    }

    div.about-content p {
        font-size: 15px;
        width: 101%;
    }

    div.about-content {
        width: 92%;
    }

    div.last-title {
        display: none;
    }

    div.order-right {
        order: 2;
    }

    div.order-left {
        order: 1;
    }

    div.first-title h1 {
        font-size: 24px;
    }

    div.first-title p {
        font-size: 14px;
    }

    div.travelogue-title {
        display: flex;
        justify-content: center;
    }

    div.travelogue-image img.right-img {
        width: 60px;
        height: 57px;
    }

    div.travelogue-image img.left-img {
        width: 37px;
        height: 37px;
    }

    div.travel-card img {
        max-width: 193px;
        height: 146px;
    }

    div.travel-card {
        display: flex;
        flex-direction: column;
    }

    div.travel-card h2 {
        font-size: 14px;
    }

    div.writer img {
        width: 24px;
        height: 24px;
    }

    div.writer span {
        font-size: 13px;
    }

    div.writer {
        gap: 6px;
    }

    div.writer img.verify {
        width: 10px;
        height: 10px;
    }

    div.travel-date img {
        width: 12px;
        height: 12px;
    }

    div.travel-date span {
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 3px;
    }

    div.travel-card hr {
        margin: 9px 0;
    }

    div.travelogue-cards {
        display: flex;
        width: 92%;
        max-width: 1200px;
        position: relative;
        margin: auto;
        overflow-x: scroll;
        gap: 7px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    div.travelogue-cards::-webkit-scrollbar {
        display: none;
    }

    div.visual-card {
        width: 100%;
    }


    div.last-title-mobile {
        display: flex;
    }

    div.visual {
        width: 87%;
    }

    div.last-title-mobile button {
        color: #626E94;
        font-family: Kook-MED;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        border: 1px solid #E1E6F0;
        background: none;
        padding: 21px 57px;
        border-radius: 20px;
        cursor: pointer;
    }

    div.travelogue-card {
        gap: 21px;
    }

    div.visual-cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    div.visual-cards::-webkit-scrollbar {
        display: none;
    }

    div.visual-title h1 {
        font-size: 24px;
    }

    div.visual-title p {
        font-size: 14px;
    }

    div.faq-container h2 {
        font-size: 24px;
    }

    div.question-1 {
        font-size: 16px;
    }

    div.question-1 img {
        width: 20px;
        height: 20px;
    }


    .new-comment-popup {
        display: flex;
        flex-direction: column;
        width: 700px;
        background-color: #fff;
        margin: 0 auto;
        padding: 13px 20px;
        border-radius: 15px;
        height: fit-content;
    }

    .dont-signup {
        display: flex;
        flex-direction: column;
        width: 700px;
        background-color: #fff;
        margin: 0 auto;
        padding: 13px 20px;
        border-radius: 15px;
        height: fit-content;
    }

    .all-ratings {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .tour-ratings {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .rating-btn {
        font-family: KookFaNum-MED;
    }

    .popup-rating {
        display: flex;
        gap: 10px;
    }

    .rating-btn {
        width: 40px;
        height: 40px;
        border: 1px solid #ccc;
        border-radius: 50%;
        background-color: #fff;
        color: #000;
        font-size: 16px;
        cursor: pointer;
        transition: all 0.3s ease;
    }


    .rating-btn.selected {
        background-color: #3AA795;
        color: #fff;
        border: none;
    }

    .rating-btn:hover {
        background-color: #ddd;
    }


    .rating-btn-2,
    .rating-btn-3,
    .rating-btn-4,
    .rating-btn-5 {
        width: 40px;
        height: 40px;
        border: 1px solid #ccc;
        border-radius: 50%;
        background-color: #fff;
        color: #000;
        font-size: 16px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .rating-btn-2:hover,
    .rating-btn-3:hover,
    .rating-btn-4:hover,
    .rating-btn-5:hover {
        background-color: #ddd;
    }

    .rating-btn-2.selected,
    .rating-btn-3.selected,
    .rating-btn-4.selected,
    .rating-btn-5.selected {
        background-color: #3AA795;
        color: #fff;
        border: none;
    }

    .rating-btn-2,
    .rating-btn-3,
    .rating-btn-4,
    .rating-btn-5 {
        font-family: KookFaNum-MED;
    }

    .new-comment-bg {
        background-color: rgba(0, 0, 0, 0.12);
        width: 100%;
        height: 100%;
        padding: 50px;
        position: fixed;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dont-signup-bg {
        background-color: rgba(0, 0, 0, 0.12);
        width: 100%;
        height: 100%;
        padding: 50px;
        position: fixed;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }

    .dont-signup-btn-mobile {
        display: none;
    }


    .recording-popup-bg {
        background-color: rgba(0, 0, 0, 0.12);
        width: 100%;
        height: 100%;
        padding: 50px;
        position: fixed;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .recording-popup {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        width: 400px;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        padding: 15px;
        border-radius: 20px;
    }


    .popup-comment-head {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .submit-comment-head {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .dont-signup-head {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .popup-comment-head h3 {
        font-family: Kook-B;
    }

    .popup-comment-back-1 {
        background: none;
        border: none;
        cursor: pointer;
        position: relative;
        left: 272px;
    }

    .dont-signup-btn {
        background: none;
        border: none;
        cursor: pointer;
        position: relative;
        left: 272px;
    }

    .popup-comment-back-2 {
        background: none;
        border: none;
        cursor: pointer;
        position: relative;
        left: 128px;
    }

    .comment-head-divider {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #E1E6F0;
        margin: 9px auto;
    }

    .comment-input-title {
        background-color: #fff;
        border: 1px solid #E1E6F0;
        width: 100%;
        height: fit-content;
        border-radius: 10px;
        color: #626E94;
        font-family: KookFaNum-MED;
        padding: 5px 4px;
    }

    .comment-input-title input {
        width: 100%;
        height: fit-content;
        border: none;
        outline: none;
        font-family: KookFaNum-MED;
        font-size: 15px;
    }

    .comment-input-title input:focus {
        border: none;
        font-family: KookFaNum-MED;
        font-size: 15px;
    }

    .comment-input-text {
        background-color: #fff;
        border: 1px solid #E1E6F0;
        width: 100%;
        height: fit-content;
        border-radius: 10px;
        color: #626E94;
        font-family: KookFaNum-MED;
        padding: 5px 4px;
    }

    .comment-input-text textarea {
        border: none;
        width: 100%;
        outline: none;
        resize: none;
        overflow: hidden;
        font-family: KookFaNum-MED;
        font-size: 15px;

    }

    .comment-input-text textarea:focus {
        border: none;
        font-family: KookFaNum-MED;
        font-size: 15px;
    }

    .add-comment-inputs {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .dont-signup-inputs {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .suggested-question {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        color: #626E94;
        font-family: Kook-MED;
    }

    .like-dislike-aq {
        display: flex;
        gap: 13px;
        justify-content: center;
        align-items: center;
    }

    .like-dislike-aq svg {
        cursor: pointer;
    }

    .dislike-aq-clicked {
        fill: #009F70;
    }

    .like-aq-clicked {
        fill: #FF0000;
    }

    .submit-comment {
        display: flex;
        background-color: #C02400;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        font-family: Kook-MED;
        font-size: 17px;
        width: 100%;
        height: 50px;
        gap: 5px;
        margin-top: 15px;
        padding: 13px;
    }

    .dont-signup-submit {
        display: flex;
        background-color: #C02400;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        font-family: Kook-MED;
        font-size: 17px;
        width: 100%;
        height: 50px;
        gap: 5px;
        margin-top: 15px;
    }

    .recording-popup-caption {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 15px;
        gap: 2px;
    }

    .recording-popup-caption h2 {
        font-family: Kook-B;
        margin: 10px auto;
    }

    .recording-popup-caption span {
        color: #626E94;
        font-family: Kook-MED;
    }

    .popup-comment-back-mobile {
        display: none;
    }

    span.plus-icon {
        background: none;
        padding: 0px 2px;
    }

    div.large-magazine {
        display: none;
    }

    div.magazine-images {
        display: flex;
        flex-direction: column;
    }

    div.small-magazine {
        display: flex;
        flex-direction: row;
        overflow-x: scroll;
        width: 100%;
    }

    div.larg-carousel div.larg-carousel-1 {
        width: 100%;
        height: 219px;
        background-size: cover;
        flex: 0 0 auto;
    }

    div.small-magazine div.small-magazine-1 {
        width: 297px;
        height: 182px;
        background-size: cover;
        flex: 0 0 auto;
    }

    div.small-magazine div.small-magazine-2 {
        width: 297px;
        height: 182px;
        background-size: cover;
        flex: 0 0 auto;
    }

    div.top-mag-info {
        margin-top: 91px;
    }

    div.larg-carousel {
        width: 100%;
    }

    div.LARG {
        width: 100%;
    }

    div.mag-btns {
        gap: 191px;
    }

    div.mag-info h2 {
        font-size: 20px;
    }

    div.carousel-info {
        margin-top: 136px;
    }

    div.bottom-mag-info {
        margin-top: 91px;
    }

    div.top-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        text-align: center;
        background-image: url(../images/Frame\ 427320061.png);
        height: 196px;
        justify-content: center;
        gap: 25px;
    }

    div.footer-title h2 {
        font-size: 24px;
    }

    div.footer-title span {
        font-size: 14px;
    }

    div.footer-logo img {
        width: 39px;
        height: 41px;
    }


    button.footer-arrow {
        width: 24px;
        height: 24px;
        background: none;
        border: none;
        padding: 0;
    }

    button.footer-arrow img {
        width: 30px;
        height: 25px;
    }

    div.footer-logo h1 {
        font-size: 24px;
    }

    div.footer-logo p {
        font-size: 14px;
    }

    p.footer-desktop {
        display: none;
    }

    p.footer-mobile {
        display: flex;
    }

    hr.footer-mobile {
        display: flex;
    }

    div.bottom-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
        width: 92%;
        margin: 0 auto;
    }

    div.footer-content {
        flex-direction: column;
        gap: 20px;
    }

    img.Enamad-logo {
        width: 64px;
        height: 69px;
    }

    img.Melli-logo {
        width: 64px;
        height: 64px;
    }

    div.E-namad {
        justify-content: space-between;
    }

    div.f-2 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    div.f-3 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    div.f-2 h2 {
        font-size: 20px;
    }

    div.f-2 a {
        font-size: 14px;
    }

    div.f-3 h2 {
        font-size: 20px;
    }

    div.f-3 a {
        font-size: 14px;
    }

    div.f-2 {
        order: 2;
    }

    div.f-3 {
        order: 1;
    }

    div.f-2 div {
        display: flex;
        justify-content: space-between;
        cursor: pointer;
        align-items: center;
    }

    div.f-3 div {
        display: flex;
        justify-content: space-between;
        cursor: pointer;
        align-items: center;
    }

    img.footer-mobile {
        width: 30px;
    }

    div.f-4 {
        order: 3;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    img.footer-mobile {
        display: flex;
    }

    div.last-footer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        border: 1px solid #E1E6F0;
        padding: 12px 24px;
        border-radius: 15px;
        margin-bottom: 80px;
    }

    hr.footer-desktop {
        display: none;
    }

    div.main-nav {
        width: 100%;
        margin: 0;
        padding: 15px 10px;
        display: flex;
        position: fixed;
        bottom: 0;
        z-index: 100;
        background-color: #fff;
        box-shadow: 0px 10px 17px 15px rgba(0, 0, 0, 0.1);

    }

    div.main-nav div {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
        align-content: center;
        font-size: 12px;
        color: #626E94;
        cursor: pointer;
    }

    div.search-box-2 {
        display: none;
    }

    div.timing {
        display: flex;
        justify-content: space-between;
        width: 77%;
        background-color: #F7FAFC;
        padding: 39px 16px 16px 16px;
        border-radius: 11px;
        margin: -56px auto 0 auto;
    }

    div.timing-title {
        display: flex;
        flex-direction: column;
        gap: 4px;
        font-family: KookFaNum-B;
    }

    div.timing-information {
        display: flex;
        gap: 3px;
    }

    div.timing-information p {
        color: #626E94;
        font-size: 12px;
        font-family: KookFaNum-MED;
    }

    div.timing-search button {
        background-color: #C02400;
        border: none;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        cursor: pointer;
    }

    div.mobile-unshow {
        display: none;
    }

    div.list-ea-body div.desktop-unshow {
        display: flex;
    }

    div.sort-menu {
        border: none;
        padding: 0;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
        width: 100%;
        gap: 10px;
    }

    div.sort-menu-mobile {
        display: flex;
        width: 80%;
        padding: 14px 15px;
        margin: 0 auto;
        gap: 10px;
        background-color: #fff;
        border: 1px solid #E1E6F0;
        border-radius: 10px;
        align-items: center;
        justify-content: center;
    }

    div.mobile-filter {
        display: flex;
        border: 1px solid #E1E6F0;
        padding: 12px 15px;
        width: 30%;
        background-color: #fff;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        cursor: pointer;
    }

    div.mobile-filter span {
        font-size: 16px;
        color: #626E94;
    }


    div.hidden-content {
        width: 100%;
        height: 100vh;
        position: fixed;
        bottom: -100%;
        /* محتوای مخفی در ابتدا خارج از صفحه است */
        background-color: #ffffff;
        transition: bottom 0.5s ease-in-out;
        display: flex;
        /* align-items: center;
        justify-content: center; */
        overflow-y: scroll;
        padding-top: 17%;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
        right: 0;
        border: none;
        border-radius: 0;
    }

    div.back-filter {
        width: 100%;
        display: flex;
        color: #1B54FF;
        font-family: Kook-MED;
        justify-content: space-between;
        font-size: 19px;
        border: 1px solid #E1E6F0;
        padding: 15px 12px;
        border-radius: 19px;
    }

    button#hideContentBtn {
        border: none;
        padding: 0;
        background: none;
    }


    div.hidden-content.visible {
        bottom: 0;
        /* وقتی visible اضافه شود، محتوا به بالا حرکت می‌کند */
        z-index: 9;
        right: 0;
    }

    div.apply-filter {
        background-color: #fff;
        box-shadow: 0px 17px 28px 33px rgba(183, 190, 203, 0.25);
        width: 100%;
        margin: 0 !important;
        /* height: 20%; */
        padding: 20px 20px;
        position: sticky;
        bottom: 0;
        z-index: 10;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    button.apply-btn {
        background-color: #C02400;
        font-family: Kook-MED;
        border: none;
        border-radius: 10px;
        width: 100%;
        padding: 15px 5px;
        cursor: pointer;
        font-size: 16px;
    }

    header#hd {
        border: 1px solid #E1E6F0;
    }

    div.button {
        padding: 13px 25px;
        background-color: #fff;
        color: white;
        border: none;
        cursor: pointer;
        margin: 20px;
        font-size: 16px;
        gap: 5px;
    }

    div.button:hover {
        background-color: #f1f1f1;
    }

    div.back-button {
        background-color: #dc3545;
    }

    div.back-button:hover {
        background-color: #c82333;
    }

    div.book-card {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    div.list-body {
        width: 100%;
        margin: 0 auto;
    }

    img.card-img-mobile {
        display: flex;
        width: 280px;
        height: 220px;
    }

    img.card-img-desktop {
        display: none;
    }

    div.top-btn-book h2 {
        font-size: 18px;
    }

    div.book-score button.mobile-unshow {
        display: none;
    }

    div.book-data button.address-book-desktop {
        display: none;
    }

    div.feature-desktop {
        display: none;
    }

    div.top-btn-book button.top-btn-desktop {
        display: none;
    }

    div.information-rooms {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    div.price-book button.booking-btn-desktop {
        display: none;
    }

    div.price-book div {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    div.price-book div span {
        font-size: 14px;
    }

    div.price-book div p {
        font-size: 20px;
    }

    div.book-room {
        margin: 0;
        display: block;
    }

    div.room-img button.score-mobile {
        display: flex;
    }

    div.room-img button.booking-score {
        border: none;
        background-color: #fff;
        display: flex;
        align-items: center;
        font-family: KookFaNum-MED;
        gap: 2px;
        padding: 4px 5px;
        border-radius: 8px;
        font-size: 12px;
        right: 78%;
    }

    div.room-img button.booking-score img {
        width: 12px;
        height: 12px;
    }

    div.room-img {
        width: 100%;
        border-radius: 10px;
    }

    div.rent-ea {
        display: flex;
        flex-direction: column;
        gap: 25px;
        width: 92%;
        margin: 0 auto;
    }

    div.mother-div {
        gap: 70px;
    }

    div.sort-icon span {
        font-size: 15px;
    }

    div.sort-btn span {
        font-size: 15px;
    }

    div.rent-ea div.mobile-filter {
        display: flex;
        margin: 0;
    }

    div.mobile-show {
        display: flex;
    }

    div.banner-ea-list {
        background-image: url(../images/224.png);
        width: 100%;
        height: 35.4vh;
        align-items: center;
        display: flex;
        justify-content: right;
    }

    div.shopping-body {
        margin-top: 75px;
    }

    div.banner-ea-list div.banner-content {
        margin: 0 auto;
        width: 223px;
    }

    div.banner-content h2 {
        font-size: 22px;
    }

    div.banner-content button {
        font-size: 18px;
    }

    div.error-desktop {
        display: none;
    }

    div.small-images {
        display: none;
    }

    div.page-link-2 {
        display: none;
    }

    div.gallery-order1 {
        order: 2;
    }

    div.gallery-order2 {
        order: 1;
    }

    div.gallery {
        padding: 22px 0px;
        width: 100%;
    }

    div#gallery {
        display: flex;
        flex-direction: column;
    }

    div.detail-body {

        gap: 20px;
    }

    div.large-image img {
        width: 100%;
        height: 293px;
    }

    div.tab-2 {
        display: none;
    }

    div.score-desktop {
        display: none;
    }

    div.location-name h2 {
        font-size: 24px;
    }

    button.detail-address span {
        font-size: 14px;
    }

    div.detail-location {
        width: 100%;
    }

    div.detail-tab {
        gap: 0px;
        /* margin-top: -72px; */
    }

    div.first-ea-tab {
        display: none;
    }

    div.large-image {
        height: 100%;
    }

    div.EA {
        border: none;
        padding: 20px 0px;
    }

    div#ea-location iframe {
        width: 100%;
    }

    div#ea-location {
        display: flex;
        flex-direction: column;
        gap: 17px;
    }

    div#feature-btns button {
        padding: 17px 0px;
        width: 100%;
    }

    div#feature-btns {
        margin-bottom: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    button.feature-btn {
        font-size: 11px;
    }

    div.detail-rooms {
        border: none;
        padding: 0;
    }

    div#feature-btns button.feature-desktop {
        display: none;

    }

    button.see-all-mobile {
        display: flex;
        width: 100%;
        background-color: rgba(27, 84, 255, 0.25);
        color: #1B54FF;
        cursor: pointer;
        font-size: 16px;
        padding: 17px 10px;
        border-radius: 10px;
        font-family: Kook-MED;
        justify-content: center;
        border: none;
    }


    div.description {
        line-height: 37px;
    }

    div.detail-input-desktop {
        display: none;
    }

    div.detail-rooms-title {
        display: flex;
        flex-direction: column;
        border: 1px solid #E1E6F0;
        border-radius: 18px;
        padding: 20px;
        gap: 25px;
    }

    div.detail-rooms-title h2 {
        font-size: 16px;
    }

    div.filter-desktop {
        display: none;
    }

    div.filter-label {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    div.filter-mobile {
        display: flex;
        justify-content: space-between;
    }

    select#filter {
        width: 77px;
        font-size: 14px;
    }

    div.dropdown-containerr label {
        margin-bottom: 0px;
    }

    hr.divider-desktop {
        display: none;
    }

    div.rooms-img img {
        width: 100%;
        height: 149px;
        max-width: 100%;
    }

    div.book-data {
        width: 100%;
    }

    div.book-data-2 h2 {
        font-size: 18px;
    }

    div.rooms-present-desktop {
        display: none;
    }

    div.rent-price span {
        display: flex;
        font-size: 12px;
        color: #626E94;
        font-family: KookFaNum-MED;
    }

    div.rent-price p {
        display: flex;
        font-size: 16px;
        color: #C02400;
    }

    div.rent-price {
        display: flex;
        justify-content: space-between;
    }

    div.book-room div.price-book {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    div.booking-room button {
        padding: 8px 45px;
        border-radius: 8px;
        width: 100%;
    }

    div.price-calender button.price-calender-desktop {
        display: none;
    }

    div.price-calender button.price-calender-mobile {
        display: flex;
        font-size: 16px;
        padding: 0;
    }

    hr.mobile-divider {
        display: flex;
        margin: 0;
    }

    div.rooms {
        border: 1px solid #E1E6F0;
    }

    div.position h2 {
        font-size: 17px;
    }

    div.distance-position {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }

    div.position iframe {
        width: 100%;
        height: 229px;
    }

    div.position {
        border: none;
        padding: 0px;
    }

    div.first-position {
        border: 1px solid #E1E6F0;
        padding: 20px;
        border-radius: 17px;
    }

    div.second-position {
        border: 1px solid #E1E6F0;
        padding: 20px;
        border-radius: 17px;

    }

    div.detail-EA {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    div.law-table {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    div.distance p {
        font-size: 14px;
    }

    div.distance span {
        font-size: 14px;
    }

    hr.desktop-divider {
        display: none;
    }

    div.table-title-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    div.table-title-mobile img {
        cursor: pointer;
    }

    div.law-contenet th {
        font-size: 13px;
    }

    div.law-contenet td {
        font-size: 13px;
    }

    div.law-table button.continue {
        border-radius: 10px;
    }

    div.general-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 10px;
        border: 1px solid #E1E6F0;
        border-radius: 10px;
    }

    div.general-info span {
        font-size: 17px;
    }

    div.general-info img {
        cursor: pointer;
    }

    div.special-facilities {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 10px;
        border: 1px solid #E1E6F0;
        border-radius: 10px;
    }

    div.room-facilities {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 10px;
        border: 1px solid #E1E6F0;
        border-radius: 10px;
    }

    div.serving {
        border: none;
        padding: 0;
        gap: 10px;
        margin-top: 30px;
    }

    div.serving-title span {
        display: flex;
        color: #626E94;
        font-size: 14px;
    }

    div.serving-card {
        width: 80%;
    }

    button.see-all-services {
        width: 100%;
        border: 1px solid #E1E6F0;
        background: none;
        color: #626E94;
        font-family: Kook-MED;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 18px;
        padding: 20px 1px;
        border-radius: 15px;
        cursor: pointer;
    }

    div.EA-2 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    div.all-feedbacks {
        display: flex;
        flex-direction: column;
    }

    div.comments {
        width: 100%;
        order: 2;
    }

    div.rank {
        width: 100%;
        order: 1;
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    div.text-comment {
        font-size: 14px;
    }

    div.feedback-title button.new-comment {
        display: none;
    }

    div.feedback {
        margin-top: 20px;
    }

    div.rank button {
        width: 100%;
        background-color: #C02400;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        font-family: Kook-MED;
        border: none;
        border-radius: 8px;
        padding: 12px 24px;
        cursor: pointer;
        font-size: 14px;
    }

    hr.rank-divider {
        margin: 0;
    }

    span.divider-for-mobile {
        display: flex;
        height: 30px;
        width: 1px;
        background-color: #E1E6F0;
        padding: 0;
    }

    div.btns {
        align-items: center;
        justify-content: space-between;
    }

    div.feedback-T {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    div.feedback-T img {
        display: flex;
        cursor: pointer;
    }

    div.feedback-T button.mobile-feed {
        display: flex;
    }

    div.suggestions {
        border: none;
    }

    div.visit-title p {
        font-size: 14px;
    }

    div.shopping-link {
        display: none;
    }

    div.shopping-pages-desktop {
        display: none;
    }

    div.shopping-pages-mobile {
        display: flex;
        align-items: center;
        justify-content: right;
        border: 1px solid #E1E6F0;
        padding: 10px 10px;
        border-radius: 10px;
        overflow: hidden;
    }


    div.choose-ea {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    div.choose-ea div,
    div.booker-info div,
    div.confirm-info div,
    div.confirm-info div,
    div.confirm-info div {
        display: flex;
        align-items: center;
        gap: 5px;
        width: max-content;
    }

    div.booker-info {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    /* 
    div.booker-info div {
        display: flex;
        align-items: center;
        gap: 5px;
        width: 100px;
    } */

    div.confirm-info {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    /* div.confirm-info div {
        display: flex;
        align-items: center;
        gap: 5px;
        width: 78px;
    } */

    div.choose-ea span {
        color: #009F70;
        font-size: 12px;
    }

    div.booker-info span {
        color: #C02400;
        font-size: 12px;
    }

    div.confirm-info span {
        color: #626E94;
        font-size: 12px;
    }

    /* div.buy-info {
        display: none;
    } */

    div.shopping-inputs {
        width: 92%;
        margin: 0 auto;
        justify-content: center;
    }

    div.info-inputs {
        width: 100%;
    }

    div.shopping-title h1 {
        font-size: 17px;
    }

    div.shopping-title button span {
        display: none;
    }

    div.shopping-title button {
        padding: 10px 13px;
    }

    div.shopping-information {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    div.room-numbers {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 4px;
    }

    div.room-numbers span {
        font-size: 12px;
    }

    div.room-numbers h3 {
        font-size: 14px;
    }

    div.clear-room button span {
        font-size: 14px;
    }

    div.clear-room button {
        padding: 0;
    }

    div.room-list {
        align-items: center;
    }

    div.date-price-1 p {
        font-size: 14px;
    }

    div.date-price-1 h3 {
        font-size: 18px;
    }

    div.discount span.prev-price {
        font-size: 12px;
    }

    div.date-price-1 {
        width: 121px;

    }

    div.date-price {
        height: 151px;
    }

    div.persent-card {
        overflow: hidden;
    }

    div.payment {
        display: flex;
        flex-direction: column;
    }

    div.online-payment {
        display: flex;
        flex-direction: column;
        justify-content: right;
        align-items: start;
        width: 100%;
        gap: 10px;
    }

    div.banks {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    div.wallet-payment {
        width: 100%;
    }

    div.recharge-wallet button span {
        font-size: 15px;
    }

    div.wallet-cash p {
        font-size: 12px;
    }

    div.wallet-title-1 span {
        font-size: 15px;
    }

    div.card-ticket {
        display: flex;
        flex-direction: column;
    }

    div.card-ticket img.card-ticket-img {
        width: 280px;
        height: 140px;
    }

    div.card-ticket-cap {
        width: 100%;
    }

    div.room-price {
        display: none;
    }

    table.info-table {
        display: none;
    }

    div.info-table-mobile {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    div.person-1,
    div.person-2 {
        display: flex;
        justify-content: space-between;
    }

    div.person-1 p,
    div.person-2 p {
        color: #626E94;
        font-size: 12px;
    }

    div.person-1 span,
    div.person-2 span {
        font-size: 14px;
    }

    div.name-numb {
        display: flex;
        flex-direction: column;
    }

    div.success-booking {
        width: 100%;
    }

    div.left-ticket-cap {
        display: none;
    }

    div.ticket-cap-mobile {
        display: flex;
        width: 100%;
    }

    div.ticket-cap-mobile button {
        width: 100%;
        border: none;
        font-family: Kook-MED;
        cursor: pointer;
    }

    div.card-ticket img.ticket-img {
        width: 295px;
        height: 149px;
    }

    div.final-price p {
        font-size: 15px;
    }

    div.final-price span {
        font-size: 17px;
    }

    div.last-btns {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    div.last-btns button.print-btn {
        width: 100%;
    }

    div.last-btns button.back-btn {
        width: 100%;
    }

    img.bg-logo-desktop {
        display: none;
    }

    div.origin,
    div.purpose {
        display: none;
    }

    div.home-banner-content h2 {
        font-size: 16px;
    }

    div.home-banner-content button {
        font-size: 12px;
    }

    div.mobile-regist-btn {
        display: block;
    }

    div.information-rooms div.for-mobile {
        display: flex;
    }

    div.for-desktop {
        display: none;
    }

    div.details-tab {
        display: none;
    }

    div.price-calender {
        display: none;
    }

    div.serving-tab {
        display: none;
    }

    div.rating-row span.progress-label {
        font-size: 11px;
        width: 24%;
    }

    div.progress-bar {
        display: flex;
        margin: 0;
        width: 100%;
    }

    div.mobile-pages {
        display: flex;
        gap: 10px;
        overflow-x: scroll;
    }

    div.choose-ea,
    div.booker-info,
    div.confirm-info,
    div.confirm-info,
    div.confirm-info {
        width: fit-content;
    }

    button.guest-tab-button {
        font-size: 15px;
    }

    div.magazine-images {
        width: 100%;
    }

    div.detail-cards {
        overflow-x: scroll;
    }

    div.information-rooms button.booking-btn-mobile {
        background-color: #C02400;
        color: #fff;
        padding: 12px 29px;
        font-family: Kook-MED, KookFaNum-MED;
        cursor: pointer;
        border: none;
        border-radius: 12px;
        font-size: 15px;
    }

    div.inner-sidebar {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 14px;
    }

    button.resume-btn-desktop {
        display: none;
    }

    button.resume-btn-mobile {
        display: flex;
    }

    div.text-resume {
        display: none;
    }

    div.sticky-price {
        display: flex;
        flex-direction: column;
        padding: 20px 10px;
        gap: 20px;
    }

    div.resume-shop {
        display: flex;
        gap: 5px;
        align-items: center;
    }

    div.resume-shop span {
        font-size: 16px;
    }

    div.resume-shopping {
        width: 100%;
        justify-content: space-between;
    }


    div.resume-shopping button.resume-btn-mobile {
        display: flex;
        justify-content: space-between;
        padding: 12px 18px;
        align-items: center;
    }

    div.text-resume-mobile {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    span.resume-price-mobile {
        color: #fff;
    }

    p.resume-price {
        font-size: 16px;
        color: #fff;
    }

    div.check-lable span {
        font-size: 14px;
    }

    div.check-lable a {
        font-size: 14px;
    }

    div.ea-image {
        height: 38vh;
    }

    div.mobile-info-tabs {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px 10px;
        border: 1px solid #E1E6F0;
        border-radius: 10px;
        gap: 20px;
    }

    div.rules-title-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    div.second-position {
        display: none;
    }

    div.mobile-tab-btn {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    div.rooms-img {
        width: 100%;
    }

    div.law-contenet table#moreTable1,
    table#moreTable2,
    table#moreTable3,
    table#moreTable4 {
        display: none;
    }


    /* ===================ریسپانسیو بخش تور طبیعت گردی================ */


    div.tour-leaders-cards {
        overflow-x: scroll;
        grid-template-columns: repeat(6, 1fr);
    }

    div.TOUR-container {
        background-image: url(../images/young-traveler\ 1.png);
    }

    div.TOUR-heritage-tours {
        display: none;
    }

    div.TOUR-domestic-tour-inputs {
        flex-direction: column;
    }

    div.TOUR-origin-purpose {
        flex-direction: column;
    }

    div.TOUR-origin-purpose {
        order: 1;
        width: 100%;
    }

    div.TOUR-head-count {
        display: flex;
        order: 2;
        width: 100%;
    }

    div.TOUR-origin-purpose button.TOUR-swap-inputs {
        display: none;
    }

    div.TOUR-origin-input,
    div.TOUR-purpose-input {
        width: 100%;
    }

    button.TOUR-domestic-search {
        display: none;
    }

    button.TOUR-domestic-search-mobile {
        order: 3;
        display: flex;
        border: none;
        background-color: #C02400;
        font-family: Kook-B;
        align-items: center;
        justify-content: center;
        padding: 18px;
        font-size: 16px;
        border-radius: 15px;
    }

    div.TOUR-origin-purpose {
        height: 160px;
        gap: 10px;
    }

    /* div.TOUR-custom-radio-option {
        width: 100%;
    } */

    div.TOUR-ecotours {
        width: 100%;
    }

    div.TOUR-dropdown-count {
        top: 467px;
        left: 21px;
        width: 302px;
    }

    div.TOUR-search-box {
        overflow: visible;
        top: 0;
    }

    div.TOUR-head-title {
        width: 78%;
    }

    /* div.city-search-title p {
        display: none;
    } */

    div.city-search-title span {
        color: #626E94;
        font-size: 15px;
    }

    button.TOUR-delete-btn img {
        width: 14px;
        height: 14px;
    }

    img.left-leaf,
    img.right-leaf {
        display: none;
    }

    div.tourism-bottom-title h1 {
        width: 85%;
        margin: 0 auto;
        font-size: 25px;
    }

    div.tourism-paragraph {
        width: 85%;
    }

    div.TOUR-services-title h2 {
        font-size: 30px;
    }

    button.TOUR-all-tours-btn {
        display: none;
    }

    button.all-tours-btn-mobile {
        display: flex;
        background: none;
        border: 1px solid #E1E6F0;
        border-radius: 15px;
        padding: 20px;
        font-family: Kook-B;
        gap: 8px;
        font-size: 18px;
        color: #626E94;
        width: 100%;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    div.TOUR-card {
        flex-direction: row;
    }

    div.TOUR-card-text h3 {
        color: #050F2C;
        font-size: 18px;
    }

    div.TOUR-rent-cards-title {
        text-align: center;
        flex-direction: column;
    }

    div.TOUR-location-titles {
        text-align: center;
        flex-direction: column;
    }

    div.TOUR-nature-banner {
        display: none;
    }

    div.nature-tab-carousel {
        width: 100%;
    }

    div.TOUR-nature-tab-titles {
        display: flex;
        overflow-x: scroll;
        height: 8vh;
        gap: 6px;
    }


    div.TOUR-locations-cards div.TOUR-a-active-mobile {
        width: 95%;
        padding: 18px 3px;
        font-family: Kook-B;
        font-size: 19px;
    }

    div.TOUR-locations-cards div.TOUR-loc-btn a {
        font-size: 19px;
        display: flex;
    }

    div.nature-tours {
        padding: 30px 18px;
        height: 94vh;
    }

    button.TOUR-nature-tab {
        padding: 12px 8px;
        font-size: 12px;
    }

    div.TOUR-nature-card {
        width: 100%;
    }

    div.TOUR-tour-banner {
        background-image: url(../images/tour-banner\ \(2\).png);
        height: 162px;
    }

    div.tour-banner-content {
        width: 49%;
    }

    div.tour-banner-content h3 {
        font-size: 16px;
    }

    div.tour-banner-content button.tour-banner-btn {
        font-size: 10px;
        padding: 10px 7px;
    }

    button.TOUR-tour-banner-btn img {
        width: 7px;
        height: 10px;
    }

    button.TOUR-visual-title-btn {
        display: none;
    }

    div.inner-visual-title {
        flex-direction: column;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
    }

    div.TOUR-visual-card img.visual-card-img {
        width: 50px;
        height: 60px;
    }

    button.see-all-tour-cards {
        display: flex;
    }

    div.leader-status-desktop {
        display: none;
    }

    div.leader-status-mobile {
        margin: 0;
    }

    div.leader-status {
        align-items: center;
    }

    div.intro-video img {
        width: 300px;
        height: 130px;
    }

    div.leader-card-caption {
        width: 290px;
    }

    div.leaders-card {
        width: 335px;
    }

    div.TOUR-travelogue-image {
        display: none;
    }

    div.TOUR-travelogue-card {
        align-items: flex-start;
        width: 92%;
    }

    div.TOUR-travelogue-cards {
        width: 100%;
    }

    span.tour-little-divider {
        display: none;
    }

    div.tour-book-data {
        width: 100%;
        gap: 15px;
    }

    div.tour-divider {
        display: flex;
        content: '';
        width: 100%;
        height: 1px;
        background-color: #E1E6F0;
        margin-top: 20px;
    }

    div.tour-banner-list {
        width: 100%;
    }

    .banner div.tour-banner-content {
        width: 217px;
        margin: 16px 93px;
    }

    div.tour-banner-content button {
        font-size: 13px;
    }

    div.tour-banner-content h2 {
        font-size: 16px;
    }

    div.tour-edit-info button.edit-add-desktop {
        display: none;
    }

    div.tour-edit-info button.traveler-info-desktop {
        display: none;
    }

    button.traveler-info-mobile {
        display: flex;
    }

    div.first-input-information {
        flex-direction: column;
    }

    div.first-input-information input {
        width: 100%;
    }

    div.second-input-information {
        flex-direction: column;
    }

    div.second-input-information input {
        width: 100%;
    }

    div.tour-shopping-radio {
        display: none;
    }

    div.tour-shopping-gender {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    div.tour-shopping-dropdown-count {
        position: relative;
        display: none;
        width: 100%;
        padding: 10px;
        background-color: #fff;
    }

    div.tour-shopping-dropdown-count p {
        color: #000;
    }

    div.gender-head-count {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        border: 1px solid #E1E6F0;
        padding: 15px;
        border-radius: 10px;
        align-items: center;
    }

    div.gender-head-count-mobile {
        display: flex;
        flex-direction: column;
    }

    div.tour-shopping-gender {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    h3.TOUR-title-dropdown {
        color: #626E94;
        font-size: 15px;
        font-family: KookFaNum-MED;
    }

    div.shopping-title button.tour-shopping-edit-add {
        display: none;
    }

    button.tour-bank-logo span {
        display: none;
    }

    div.tour-banks {
        justify-content: center;
    }

    div.shopping-title button.ticket-edit-add span {
        display: flex;
    }

    div.bus-route {
        flex-direction: column;
    }

    div.bus-route-start,
    div.bus-route-end {
        justify-content: space-between;
        width: 100%;
    }

    p.start-text-mobile,
    p.end-text-mobile {
        display: flex;
        color: #626E94;
        font-family: Kook-MED;
    }

    div.bus-route-start div,
    div.bus-route-end div {
        display: flex;
        gap: 7px;
    }

    img.route-img-mobile {
        display: flex;
        width: 270px;
        height: 31px;
    }

    img.route-img-desktop {
        display: none;
    }

    div.tour-route-start img,
    div.tour-route-end img {
        width: 16px;
        height: 16px;
    }

    div.tour-route-date {
        margin-bottom: 10px;
    }

    div.tour-ticket-info {
        display: none;
    }

    div.card-inputs td {
        background: none;
        padding: 10px 0;
    }

    div.card-inputs div.tour-info-btns {
        display: flex;
    }

    table.table-mobile {
        display: flex;
    }

    .card-inputs th,
    td {
        display: flex;
        padding: 0;
        margin-bottom: 10px;
    }

    div.tour-shopping-back-timer {
        width: 100%;
    }

    div.tour-lodging-information {
        display: none;
    }

    div.tour-gallery-mobile {
        display: flex;
    }

    div.tour-gallery-mobile span {
        font-size: 23px;
        font-family: KookFaNum-MED;
    }

    div.tour-grid-title span {
        font-size: 16px;
    }

    div.tour-grid-title div h1 {
        font-size: 26px;
    }

    div.tour-grid-title p {
        width: 87%;
        font-size: 16px;
    }

    div.tour-grid-photos-desktop {
        display: none;
    }

    div.tour-photo-slider {
        display: flex;
        gap: 15px;
    }

    div.carousel-dot {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #000;
        cursor: pointer;
    }

    div.carousel-dot-active {
        width: 20px;
        height: 20px;
        background-color: red;
    }

    div.slider-dots {
        display: flex;
        gap: 5px;
        /* background-color: rgba(247, 250, 252, 0.3); */
        background-color: #4CAF50;
        border-radius: 100px;
        width: fit-content;
        padding: 8px;
    }

    div.card11 img {
        border-radius: 12px;
        width: 246px;
        height: 373px;
    }


    div.larg-tour-photo img {
        width: 100%;
        height: 100%;
    }

    div.slider-dots {
        position: absolute;
        top: 667px;
        left: 167px;
    }

    div.carousel-dot:hover {
        width: 20px;
        height: 20px;
        background-color: red;
    }

    div.tour-photo-slider {
        display: flex;
        flex-direction: column;
    }

    div.small-tour-photo {
        width: 100%;
    }

    div.small-tour-photo img {
        width: 100%;
    }

    /* div.small-tour-photo img:hover {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1;
    } */

    div.small-tour-photo {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    div.inner-larg-tour {
        display: flex;
        overflow: scroll;
        gap: 10px;
    }

    .inner-larg-tour img {
        border-radius: 10px;
    }

    div.tour-support {
        flex-direction: column;
        padding: 50px 10px;
    }

    div.tour-support span {
        font-size: 16px;
        font-family: KookFaNum-B;
    }

    div.support-number p {
        font-size: 24px;
    }

    div.tour-left-body {
        display: none;
    }

    div.tour-description {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    div.tour-right-body {
        width: 100%;
    }

    button.image-button-desktop {
        display: none;
    }

    div.tour-attractions,
    .tour-services,
    .travel-tour,
    .tour-checklist {
        border: 1px solid #E1E6F0;
        border-radius: 15px;
        padding: 20px;
    }

    div.tour-attractions-content {
        grid-template-columns: repeat(1, 1fr);
    }

    div.residence-book-room {
        width: 100%;
    }

    div.information-rooms button.tour-booking-btn-mobile {
        display: flex;
        background: none;
        border: 1px solid #E1E6F0;
        color: #626E94;
        width: 100%;
        justify-content: center;
        font-size: 22px;
    }

    div.tour-services-items {
        flex-direction: column;
        margin: 0;
    }

    div.first-night-photos img {
        width: 92px;
        height: 92px;
    }

    div.required-documents-btn {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    div.required-documents-btn button {
        width: 100%;
    }

    div.ticket-details-info table {
        display: flex;
    }

    div.ticket-details-info th,
    td {
        display: flex;
        padding: 0;
    }

    div.ticket-details-info th {
        border: none;
    }

    div.ticket-details-info td {
        padding: 10px 0;
    }

    div.guide-card {
        width: 315px;
    }

    div.guide-name-score {
        flex-direction: column;
        align-items: flex-start;
    }

    div.guide-location span,
    div.guide-activity-history span {
        font-size: 13px;
    }

    div.guide-intro-video img {
        width: 100%;
    }

    div.guide-card-caption {
        width: 100%;
    }

    div.additional-information {
        align-items: center;
    }

    div.traveler-comments-title h1 {
        font-size: 25px;
    }

    div.traveler-comments-content {
        overflow-x: scroll;
    }

    div.traveler-profile {
        flex-direction: column;
        gap: 15px;
    }

    div.traveler-status {
        width: 100%;
        margin: 0 auto;
        justify-content: center;
    }

    div.tour-attractions-title h1 {
        font-size: 25px;
    }

    div.tour-detail-visited-titles {
        margin: 0 auto 20px 0;
    }

    div.tour-detail-question div.question-divider {
        display: flex;
        content: '';
        width: 1px;
        height: 42px;
        background-color: #E1E6F0;
    }

    div.tour-detail-question {
        gap: 10px;
    }

    button.tour-detail-plus-icon {
        background: none;
        padding: 0;
    }

    div.tour-detail-body {
        margin-bottom: 20px;
    }

    div.tour-top-btn-book button span {
        font-size: 14px;
    }

    div.TOUR-a-active-desktop {
        display: flex;
    }

    div.TOUR-location-titles div.TOUR-a-active-desktop a {
        display: none;
    }

    div.TOUR-loc-btn div.TOUR-carousel-btns {
        display: flex;
    }

    div.gallery-container {
        max-width: 150px;
    }

    div.information-rooms button.tour-booking-btn-mobile {
        display: flex;
    }

    div.magazine-slider {
        width: 100%;
    }

    img.inner-magazine-slide {
        width: 100%;
        /* height: 100%; */
        height: 313px;
    }

    div.hhgg {
        width: 369px;
    }

    div.tour-mag-info {
        margin: 0;
    }

    div.ticket-info-buttons {
        gap: 17px;
    }

    div.success-booking {
        padding: 20px 10px;
    }

    div.tour-card-inputs {
        padding: 10px;
    }

    div.info-table-mobile {
        padding: 10px;
    }

    div.input-date-shopping {
        width: 100%;
    }

    div.former-passengers-mobile {
        display: none;
    }

    div.former-passengers-mobile {
        display: flex;
    }


    div.former-passenger-desktop {
        display: none;
    }

    div.add-new-former {
        display: flex;
        flex-direction: column;
        width: 100%;
        z-index: 2000;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        overflow-y: scroll;
        transition: bottom 0.5s ease-in-out;
        border-radius: 0;
        margin: 0 auto;
        overflow-y: scroll;
        height: inherit;
    }

    div.add-new-former-top {
        display: flex;
        flex-direction: row;
        margin: 0 auto 10px auto;
        background-color: #fff;
        width: 100%;
        height: 68px;
        align-items: center;
        justify-content: center;
        padding: 30px 10px;
        box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.2);
        z-index: 100;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    div.add-new-former-title {
        display: flex;
        justify-content: center;
        gap: 10px;
        align-items: center;
        text-align: center;
    }

    div.add-new-former-title h3 {
        font-family: Kook-EXB;
    }

    button.new-former-back-btn {
        background: none;
        border: none;
        align-items: center;
        justify-content: center;
        padding: 0;
        position: absolute;
        right: 5px;
        cursor: pointer;
    }

    div.add-former-inputs {
        background-color: #fff;
        width: 92%;
        margin: 0 auto;
    }

    div.input-date-shopping {
        width: 100%;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    div.input-date-shopping p {
        font-size: 13px;
        font-family: Kook-B;
    }

    div.input-date-shopping input {
        display: flex;
        justify-content: flex-end;
        align-items: start;
    }

    div.passport-information span {
        color: #626E94;
    }

    div.birth-dropdown-count {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        width: 100%;
        margin-top: 10px;
    }

    div.birth-dropdown-count p:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    div.birth-dropdown-count p {
        color: #050F2C;
        width: 100%;
    }

    div.birth-country {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        border: 1px solid #E1E6F0;
        padding: 15px;
        border-radius: 10px;
        color: #626E94;
        gap: 10px;
    }

    div.add-former-inputs {
        border: none;
    }

    div.add-new-former-bottom {
        display: flex;
        flex-direction: row;
        gap: 10px;
        margin: 10px auto 0 auto;
        background-color: #fff;
        width: 100%;
        height: 68px;
        align-items: center;
        justify-content: center;
        padding: 50px 20px;
        box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.2);
        z-index: 100;
    }

    div.add-new-former-bottom button.opt-out {
        background-color: #fff;
        border: 1px solid #626E94;
        color: #626E94;
        font-family: Kook-B;
        padding: 9px 30px;
        border-radius: 15px;
        font-size: 20px;
        width: 30%;
        cursor: pointer;
    }


    div.add-new-former-bottom button.save-btn {
        background-color: #C02400;
        padding: 9px 30px;
        border-radius: 15px;
        font-size: 20px;
        border: none;
        font-family: Kook-B;
        width: 70%;
        cursor: pointer;
    }

    div.inputs-dropdown {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    input.input-mobile-popup {
        display: flex;
    }

    div.second-inputs-dropdown {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    div.tour-checklist {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }


    img.card-img-size {
        width: 100%;
    }

    div.top-btn-book button {
        padding: 10px 7px;
    }

    div.tour-banner-list {
        padding: 0;
    }














    /* ===================ریسپانسیو بخش تور طبیعت گردی================ */


























}






.footer-arrow {
    cursor: pointer;
}



.mobile-info-tabs {
    display: none;
}

.search-btn-mobile {
    display: none;
}

.filter-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #626E94;
    font-family: Kook-B;
}


button.booking-btn-mobile {
    display: none;
}

div.desktop-unshow {
    display: none;
}


/* ========================== */

.shopping-steps {
    font-family: KookFaNum-MED;
    direction: rtl;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.progress-container {
    display: flex;
    justify-content: space-between;
    /* gap: 169px; */
    align-items: center;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #E1E6F0;
}

.step {
    text-align: center;
    position: relative;
    flex: 1;
    font-family: KookFaNum-B;
}

.step:not(:last-child)::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #dcdcdc;
    top: 23px;
}


.step.active::after {
    background-color: #2c3e50;
}

.step-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 42px;
    border-radius: 10px;
    background-color: #dcdcdc;
    margin-bottom: 8px;
    transition: background-color 0.3s;
    z-index: 10;
    position: relative;
}

.step.active .step-icon {
    background-color: #050F2C;
    color: #fff;
}

.step.completed .step-icon {
    background-color: #C02400;
    color: #fff;
}


.step-svg {
    width: 20px;
    height: 20px;
}

.step-svg-mobile {
    width: 16px;
    height: 16px;
}

.step-text {
    font-size: 12px;
    color: #a0a0a0;
}

.step.active .step-text {
    color: #050F2C;
}

.step.completed .step-text {
    color: #C02400;
}

/* ========================== */



.label-step {
    width: max-content;
}

.step-booker-info {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.checked-info {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}


.step-pay-info {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.step-get-ticket {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.step-choose {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.label-step {
    font-size: 10px;
}

.progress-shop {
    width: 100%;
    height: 12px;
    background-color: aqua;
    border: none;
    border-radius: 10px;
}

.second-position {
    width: 92%;
    margin: 0 auto;
}

rank.progress-bar {

    height: 2px;

    z-index: -1;
}

.room-img {
    width: 188px;
    height: 192px;
    border-radius: 14px;
    background-size: cover;
}


div.for-mobile {
    display: none;
}

/* ==================== */
.tab-container {
    display: flex;
    margin-bottom: 20px;
    gap: 30px;
    font-family: Kook-MED;
}

.tab-container button {
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 2px solid transparent;
    padding: 10px;
    background-color: white;
    font-size: 16px;
    color: #626E94;
    gap: 7px;
    font-family: Kook-MED;
}

path.myPath {
    width: 100px;
    height: 100px;
}

.tab-content {
    display: none;
}



.tab-content.active {
    display: block;

}



/* رنگ اولیه تب فعال */
.myButton.active {
    color: #050F2C;
    border-bottom: 3px solid #050F2C;
}

.myButton.active svg .myPath {
    fill: #050F2C;
}



.image-container {
    display: flex;
    align-items: center;
    border: 1px solid #E1E6F0;
    padding: 10px 0px 10px 0px;
    border-radius: 15px;
    height: 58px;
}

#main-image {
    width: 35px;
    height: 35px;
}

.dropdown-country {
    position: relative;
    display: flex;
}

.dropbtn {
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
    flex-direction: column;
    gap: 10px;
    background-color: white;
    top: 56px;
    left: 0px;
    border: 1px solid #E1E6F0;
    border-radius: 5px;
    width: 70px;
    align-items: center;
}


.dropdown-content img {
    cursor: pointer;
    width: 35px;
    height: 35px;
}



.all-mobile {
    display: none;
}


.dropdown-desktop {
    font-family: KookFaNum-MED;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border: none;
    background-color: #fff;
    color: #333;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
}

.origin label,
.purpose label {
    font-size: 14px;
    color: #626E94;
}





.info-table-mobile {
    display: none;
}

.ticket-cap-mobile {
    display: none;
}

.shopping-pages-mobile {
    display: none;
}

.feedback-T img {
    display: none;
}

.feedback-T h2 {
    font-family: Kook-B;
}


.reactions {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.mobile-divider {
    display: none;
}

.comments {
    order: 1;
}

div.comment-1 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.rank {
    order: 2;
}

.see-all-services {
    display: none;
}

.serving-title span {
    display: none;
}

.general-info,
.special-facilities,
.room-facilities {
    display: none;
}

.table-title-mobile {
    display: none;
}

.mobile-divider {
    display: none;
}

.price-calender-mobile {
    display: none;
}

.rent-price-mobile {
    display: none;
}

.filter-mobile {
    display: none;
}

.see-all-mobile {
    display: none;
}

.gallery-order1 {
    order: 1;
}

.gallery-order2 {
    order: 2;
}

.mobile-show {
    display: none;
}

div.mobile-filter {
    display: none;
}

button.score-mobile {
    display: none;
}


.card-img-mobile {
    display: none;
}

.timing {
    display: none;
}

.number-residences {
    color: #626E94;
    font-size: 14px;
}

label {
    font-family: KookFaNum-MED;
}

div.check-list {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    gap: 0;
}

div.check-lable {
    display: flex;
    align-items: center;
    gap: 8px;
}

.main-nav {
    display: none;
}

.f-2 {
    order: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.f-3 {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.f-4 {
    order: 3;
    display: flex;
    flex-direction: column;
    gap: 39px;
}


.footer-mobile {
    display: none;
}

.last-title-mobile {
    display: none;
}

.order-right {
    order: 1;
}

.order-left {
    order: 2;
}

.about-content h1 {
    color: #050F2C;
}

.see-all-mobile {
    display: none;
}

div.a-active-mobile {
    display: none;
}


.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order1-1 {
    order: 1;
}

.order2-2 {
    order: 2;
}

.order3-3 {
    order: 3;
}

span.available {
    display: none;
}

.locations-cards {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 92%;
    margin: 0 auto;
}



.input-date-box {
    display: flex;
    gap: 1rem;
    /* width: 92%; */
    width: 50%;
}

/* متن زیر هدر */
.head-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.head-title h1 {
    width: 38rem;
    font-family: KookFaNum-MED;
    font-size: 2.75rem;
    font-weight: 800;
    color: #fff;
    margin-top: 6.45rem;
}



/* سرچ باکس */
.search-box {
    background-color: #fff;
    display: block;
    justify-content: space-between;
    align-items: center;
    width: 92%;
    height: 307px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 25px;
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tab {
    display: flex;
    gap: 2.1875rem;
}

.tablinks {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    font-family: Kook-MED;
    color: #626E94;
    gap: 0.25rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

#EA {
    display: flex;
    flex-direction: column;
}


.search-input {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}


/* =========================== */
.input-container {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 18px;
    padding: 21px 15px;
    /* width: 39%; */
    width: 50%;
    background-color: transparent;
    gap: 12px;
}

.input-date-container {
    display: block;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 18px;
    padding: 10px 15px;
    /* width: 92%; */
    background-color: transparent;
    gap: 6px;
}

.input-days-number,
.input-people-number {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 18px;
    padding: 10px 15px;
    width: 50%;
    background-color: transparent;
    gap: 6px;
}

.input-date-container p {
    font-size: 12px;
    color: #737b93;
    font-family: Kook-MED;
}

.dropdown-responsive {
    display: none;
}

.input-ea-name {
    border: none;
    outline: none;
    font-size: 18px;
    color: #737b93;
    flex-grow: 0.3;
    font-family: KookFaNum-MED;
    width: 117px;
}

.dropdown {
    content: url(../images/u_angle-down.png);
    border: none;
    background: none;
    font-size: 16px;
    color: black;
    appearance: none;
    /* برای مخفی کردن استایل پیش‌فرض مرورگر */
    -moz-appearance: none;
    /* برای فایرفاکس */
    -webkit-appearance: none;
    /* برای سافاری و کروم */
    cursor: pointer;
}

.dropdown:after {
    content: '';
    font-size: 12px;
    margin-left: 5px;
}

.divider {
    height: 20px;
    width: 1px;
    background-color: #E1E6F0;
}

.divider-for-mobile {
    display: none;
}


.dropdown {
    font-family: KookFaNum-MED;
    outline: none;
}

.dropdown-container {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 18px;
    padding: 21px 15px;
    width: 14rem;
    background-color: transparent;
    margin-bottom: 1.875rem;
    gap: 6px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(../images/u_calendar-alt.png) no-repeat;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-width: thin;
}

.input-date {
    border: none;
    outline: none;
    font-size: 16px;
    color: #737b93;
    flex-grow: 0.4;
    font-family: KookFaNum-MED;
}

.ea-list-btn {
    width: 45%;
}



.input-date-detail {
    border: none;
    outline: none;
    font-size: 16px;
    color: #737b93;
    flex-grow: 0.4;
    font-family: KookFaNum-MED;
}

.inner-input-date {
    border: none;
    outline: none;
    font-size: 16px;
    color: #737b93;
    flex-grow: 0.4;
    font-family: KookFaNum-MED;
    width: 100%;
}


.input-city-name {
    border: none;
    outline: none;
    font-size: 16px;
    color: #737b93;
    flex-grow: 0.4;
    font-family: KookFaNum-MED;
    width: 125px;
}

.input-city-name:placeholder {
    color: #737b93;
}

.search-btn button {
    padding: 20px 21px;
    font-size: 14px;
    border-radius: 17px;
    border: none;
    background-color: #C02400;
    color: #fff;
    cursor: pointer;
    width: 89px;
    height: 100%;
}

div.native-wrapper.sc-ion-input-ios {
    --inner-border-width: 0px 0px 0px 0px !important;
}

/* تاریخچه جستجو */
.search-title {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.search-history {
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
}

.search-title h2 {
    color: #000000;
    font-family: KookFaNum-MED;
}

.search-title button {
    border: none;
    background-color: transparent;
    font-family: Kook-MED, KookFaNum-MED;
    color: #626E94;
    font-size: 15px;
    cursor: pointer;
}

.result-history {
    display: flex;
    background-color: transparent;
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    padding: 12px;
    width: 20%;
    justify-content: space-between;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
}

.result-history button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    font-family: Kook-MED, KookFaNum-MED;
    font-size: 15px;
    color: #626E94;
    border: none;
    background: none;
}

.delete-btn {
    cursor: pointer;
}

/* قسمت خدمات */
.services-card {
    background-color: #3AA795;
    background-image: url(../images/Frame\ 427320003.png);
    display: block;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 92%;
    height: 133px;
    margin: 0 auto;
    padding: 20px 0px;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 80px;
}

.TOUR-services-card {
    height: 133px;
}

.services-title h2 {
    color: #fff;
    font-family: Kook-MED, KookFaNum-MED;
    font-size: 40px;
    margin-bottom: 10px;
}

.services-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
}

.services-btn button {
    display: flex;
    align-items: center;
    width: 20vw;
    height: 70px;
    padding: 10px 15px;
    gap: 6px;
    font-family: Kook-MED, KookFaNum-MED;
    font-size: 20px;
    color: #626E94;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 15px;
    cursor: pointer;
}

/* قسمت اجاره */
.rent-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 92%;
    margin: 0 auto;
    gap: 12px;
    font-family: Kook-MED;
}

.card-text {
    font-family: KookFaNum-MED;
}

.card {
    background-color: #fff;
    padding: 16px;
    width: 92%;
    border-radius: 17px;
    border: 1px solid #E1E6F0;
    cursor: pointer;
}

.card img {
    width: 190px;
    height: 190px;
    border-radius: 15px;
    object-fit: cover;
}

.travel-location img {
    width: 18px;
    height: 18px;
}

.travel-calender img {
    width: 18px;
    height: 18px;
}

/* مقاصد محبوب */

.location-titles {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    gap: 36%;
    margin-top: 35px;
    font-family: KookFaNum-B;
}

.loc-title {
    font-family: KookFaNum-B;
}

.loc-title h1 {
    color: #000000;
    font-weight: 800;
    margin-top: 0;
}

.loc-title p {
    font-size: 20px;
    color: #626E94;
}

.loc-btn a {
    font-size: 20px;
    text-decoration: none;
    color: #1B54FF;
}

.loc-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 30px;
}

.loc-buttons button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #E1E6F0;
    padding: 24px 20px;
    border-radius: 15px;
    cursor: pointer;
}

.loc-buttons {
    display: flex;
    gap: 6px;
}

.cities-cards {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 90%;
    gap: 12px;
}

.services-btn-1,
.services-btn-2 {
    display: flex;
    gap: 35px;
}





/* بنر پیرمرد */
.banner {
    position: relative;
    display: block;
    text-align: right;
    margin: 50px auto;
    background-size: cover;
    width: 92%;
    height: 258px;
    border-radius: 10px;
    font-family: KookFaNum-B;
}

.banner-img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.banner-content {
    width: 278px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.carousel-location {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    width: 80%;
    gap: 17px;
}

.card11 {
    position: relative;
    min-width: 20%;
    height: 352px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}



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



.card-city {
    width: 20px;
    height: 20px;
}

#locations-cards {
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.carousel-location {
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    width: 100%;
    gap: 17px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.carousel-location::-webkit-scrollbar {
    display: none;
}

.card-container {
    width: 100%;
    margin: 0 auto;
}

.location-titles {
    width: 100%;
    margin: 0 auto;
    margin-top: 35px;
}

.rtl .banner-content {
    width: 224px;
}

.ltr .banner-content {
    width: 224px;
}

.banner-content h2 {
    color: #fff;
    margin-bottom: 12px;
}

.banner-content button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: Kook-MED, KookFaNum-MED;
    font-size: 15px;
    background-color: #C02400;
    color: #fff;
    border: none;
    border-radius: 13px;
    padding: 12px 24px;
    cursor: pointer;
}

/* اسکرول بار پربازدیدترین های ویاجو */
.visited-cards {
    display: flex;
    flex-direction: column;
    width: 92%;
    margin: 64px auto;
}

.see-all-tours{
    color: #626E94;
    font-family: KookFaNum-B;
    font-size: 17px;
}

.answer-text{
    font-family: KookFaNum-B;
    color: #737b93;
}

.visited-titles {
    display: flex;
    align-items: center;
    margin: 0 auto 20px auto;
    gap: 40%;
    width: 100%;
    justify-content: space-between;
}

.visit-title span.black-text {
    color: #000000;
}

.visit-title span.orange-text {
    color: #C02400;
}

.visit-title p {
    color: #626E94;
}

.visit-title {
    font-family: KookFaNum-B;
}


.visit-btn {
    display: flex;
    gap: 20px;
}

.visit-btn .see-all-btn {
    font-family: Kook-MED, KookFaNum-MED;
    font-size: 15px;
    gap: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #626E94;
    background-color: #fff;
    border: 1px solid #E1E6F0;
    border-radius: 20px;
    padding: 12px 24px;
    cursor: pointer;
}

.visit-btns {
    display: flex;
    gap: 10px;
}

.back-button,
.forward-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #E1E6F0;
    padding: 24px 20px;
    border-radius: 15px;
    cursor: pointer;

}

/* کارت ها */
.ea-cards {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: right;
    gap: 4px;
    scroll-behavior: smooth;
    overflow: hidden;
    flex-direction: column;
}

.detail-cards {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: right;
    gap: 4px;
    scroll-behavior: smooth;
    overflow: hidden;
}




.viajoo-cards {
    display: flex;
    gap: 8px;
    width: 100%;
}

.ea-card {
    padding: 16px;
    background-color: #ffffff;
    border: 1px solid #E1E6F0;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    transition: transform 0.5s ease-in-out;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    width: 250px;
}

.ea-image {
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: flex-end;
    width: 100%;
    height: 222px;
    border-radius: 10px;
}

.next-btn,
.prev-btn {
    font-size: 18px;
    padding: 20px;
    cursor: pointer;
}

.ea-image button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    border: none;
    font-family: KookFaNum-MED;
}

span.current-score {
    color: #050F2C;
}

span.slash {
    color: #BFC4D5;
}

span.complete-score {
    color: #7E8AAB;
}

.first-caption {
    margin-top: 18px;
    font-family: KookFaNum-B;
}

.second-caption {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.second-caption p.price {
    font-family: KookFaNum-MED;
    color: #C02400;
    font-weight: 800;
}

.second-caption p.number-night {
    color: #626E94;
    font-size: 12px;
    font-family: KookFaNum-MED;
}

/* کارت های مقاصد محبوب */
.card-container {
    display: flex;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
    overflow-x: scroll;
    scroll-behavior: smooth;
    width: 90%;
    overflow: hidden;
    width: 100%;
}

.carousel-location {
    display: flex;
    gap: 17px;
    width: 100%;
}


.city-ard {
    position: relative;
    width: 259px;
    border-radius: 10px;
    overflow: hidden;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.city-ard img {
    width: 97%;
    height: 58vh;
    display: block;
    margin: 0 auto;
}

.card-badge {
    position: absolute;
    top: 9px;
    left: 9px;
    background-color: #F9E9E6;
    color: #C02400;
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 8px;
    font-family: KookFaNum-B;
}

.city-name1 {
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 9px;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    border-radius: 12px;
    width: 93%;
    align-items: center;
}

.city-name1 img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

/* ویاجو سفر برای زندگی */
.about-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 92%;
    margin: 40px auto;
    gap: 40px;
}

.about-picture-img {
    max-width: 551px;
    height: 583px;
}

.about-content {
    font-family: KookFaNum-B;
}

.about-content h1 {
    width: 80%;
    margin-top: 20px;
    font-family: KookFaNum-EXB;
}

.about-content p {
    font-size: 20px;
    color: #626E94;
    width: 100%;
    margin-top: 20px;
}



/* سفرنامه */
.travelogue-card {
    display: flex;
    flex-direction: column;
    width: 92%;
    margin: 60px auto;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.first-title p {
    color: #626E94;
}

.first-title h1 {
    font-family: KookFaNum-EXB;
}

.travel-content h2 {
    font-family: KookFaNum-B;
}

.travelogue-titles {
    display: flex;
    align-items: center;
    gap: 25px;
}

.travelogue-title {
    display: flex;
    align-items: center;
    gap: 478px;
}

.last-title button {
    font-size: 20px;
    font-family: Kook-MED, KookFaNum-MED;
    color: #C02400;
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    gap: 10px;
}

/* کارت های سفرنامه */
.travelogue-cards {
    display: flex;
    margin: 0 auto;
    gap: 20px;
    /* width: 100%; */
}

.travel-card {
    background-color: #fff;
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    padding: 15px;
}

.travel-image {
    width: 250px;
}

.travel-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.writer {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: KookFaNum-MED;
}

.writer-title {
    color: #626E94;
}

.travel-divider {
    border: none;
    /* حذف مرز پیش‌فرض */
    height: 1px;
    /* ارتفاع خط */
    background-color: #E1E6F0;
    /* رنگ خط */
    margin: 20px 0;
    /* فاصله بالا و پایین */
}

.tab-divider {
    border: none;
    /* حذف مرز پیش‌فرض */
    height: 1px;
    /* ارتفاع خط */
    background-color: #E1E6F0;
    /* رنگ خط */
    margin: 10px 0;
    /* فاصله بالا و پایین */
}

.travel-date {
    display: flex;
    justify-content: space-between;
    color: #626E94;
    font-family: KookFaNum-MED;
}

.travel-date span {
    display: flex;
    gap: 5px;
    align-items: center;
}

/* دیدنی ترین مقاصد */
.visual {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 92%;
    gap: 20px;
}

.visual-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin: 0 auto;
    gap: 10px;
    width: 100%;
}

.visual-card {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #E1E6F0;
    border-radius: 17px;
    gap: 15px;
    width: 278px;
    height: 80px;
    padding: 50px 15px;
}

.visual-city {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.visual-city-title p {
    font-size: 14px;
    color: #626E94;
    font-family: KookFaNum-MED;
}

.visual-city-title h3 {
    font-family: KookFaNum-B;
}

.arrow-btn {
    background: none;
    border: none;
    cursor: pointer;
}

/* پرتکرارترین سوالات */
.faq-container {
    width: 92%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
}

.faq-container h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #333;
    font-family: KookFaNum-B;
}

.faq-item {
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 10px 20px;
}

.question {
    font-size: 1.2rem;
    color: #626E94;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.question-1 {
    display: flex;
    align-items: center;
    gap: 13px;
    font-family: KookFaNum-B;
}

.plus-icon {
    display: flex;
    align-items: center;
    align-content: center;
    cursor: pointer;
    padding: 10px 11px;
    background-color: #E1E6F0;
    border-radius: 12px;
    border: none;
    width: 45px;
    height: 45px;
    justify-content: center;
}



.image-button {
    background: none;
    border: none;
    cursor: pointer;
}

.image-button img {
    width: 24px;
    height: 25px;
    transition: all 0.5s ease-in-out;
}

.answer {
    display: none;
    padding-top: 10px;
    font-size: 1rem;
    color: #555;
}

.answer p {
    color: #737b93;
}

.faq-item.active .answer {
    display: block;
}

/* مجله گردشگری */
.magazine {
    display: flex;
    flex-direction: column;
    margin: 50px auto;
    align-items: center;
    /* width: 100%; */
    width: 92%;
    gap: 20px;
}

.magazine-title {
    gap: 760px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}

.magazine-images {
    display: flex;
    justify-content: space-around;
    width: 100%;
    gap: 20px;
}

.larg-carousel {
    display: flex;
    justify-content: right;
    overflow-x: scroll;
    scroll-behavior: smooth;
    overflow: hidden;
    gap: 45px;
    width: fit-content;

    transition: transform 0.5s ease-in-out;
}

.LARG {
    gap: 19px;
    display: flex;
    flex-direction: column;
    width: 47%;

    /* position: relative;
    width: 80%;
    max-width: 600px; */
    overflow: hidden;
}

.larg-carousel-1 {
    display: flex;
    justify-content: right;
    padding: 20px;
    width: 480px;
    height: 376px;
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    align-items: center;
    border-radius: 16px;


    /* min-width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 24px; */
}

.carousel-mag {
    display: flex;
    flex-direction: column;
}

.mag-btns {
    display: flex;
    /* justify-content: space-between; */
    gap: 350px;
}

.place-btn {
    display: flex;
    /* justify-content: left; */
    /* margin-right: 447px; */
    gap: 10px;
}

.place-btn button {
    border: none;
    background: none;
    cursor: pointer;
}

.carousel-numb {
    display: flex;
    width: 100px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-family: KookFaNum-MED;
}

.carousel-numb p {
    color: #626E94;
}

.carousel-divider {
    height: 2.3px;
    background-color: #000000;
    margin: 20px 0;
    width: 100%;
}

.small-magazine {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 30%;

}

.small-magazine-1 {
    background-image: url(../images/Rectangle\ 9590.png);
    width: 322px;
    height: 214px;
    border-radius: 16px;
    padding: 20px;
}

.small-magazine-2 {
    background-image: url(../images/Rectangle\ 9592.png);
    width: 322px;
    height: 214px;
    border-radius: 16px;
    padding: 20px;
}

.large-magazine {
    background-image: url(../images/Rectangle\ 9591.png);
    width: 316px;
    height: 439px;
    border-radius: 16px;
    padding: 20px;
    width: 30%;
}

.mag-info {
    margin-top: 272px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.mag-info h2,
button {
    color: #fff;
}

.mag-details {
    display: flex;
    gap: 20px;
}

.large-magazine-info {
    margin-top: 338px;
}

.mag-info button {
    background: none;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: KookFaNum-MED;
}

.top-mag-info {
    margin-top: 115px;
}

.bottom-mag-info {
    margin-top: 112px;
}

/* رزرواسیون مکان های اقامتی ویاجو */
.book-info {
    display: flex;
    flex-direction: column;
    width: 92%;
    margin: 98px auto;
    gap: 25px;
}

.book-info h2 {
    color: #000000;
}

.book-info span {
    color: #626E94;
    line-height: 35px;
}

.book-info p {
    color: #626E94;
    line-height: 35px;
}


.book-info button {
    color: #C02400;
    font-family: Kook-MED;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
}

.more-text {
    display: none;
    /* پنهان کردن بخش بیشتر متن */
}

.more-container {
    transition: max-height 0.5s ease-out;
    display: block;
}

/* #showContainer{
    display: block;
} */


.show-more-btn {
    color: blue;
    cursor: pointer;
    border: none;
    background-color: transparent;
    text-decoration: underline;
    text-decoration: none;
}

/* فوتر */
footer {
    width: 100%;
    height: 483px;
}

.top-footer {
    background-image: url(../images/Frame\ 427320061.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 124px;
    display: flex;
    justify-content: space-between;
    padding: 10px 40px;
    align-items: center;
    position: relative;
    background-position: center;
}

.top-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    /* مشکی با شفافیت 20% */
    z-index: 1;
}

.top-footer div.footer-title {
    position: relative;
    z-index: 2;
    /* برای اطمینان از نمایش محتوا بالای کاور */
    color: white;
}

.top-footer button.call-footer {
    position: relative;
    z-index: 2;
    /* برای اطمینان از نمایش محتوا بالای کاور */
    color: white;
}


.top-footer button {
    background: none;
    border: none;
    font-family: KookFaNum-MED;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

#absoluteFooter {
    position: absolute;
    top: 2700px;
}


span.prefix {
    color: #3AA795;
}

.top-footer h2,
p {
    color: #fff;
    /* font-family: KookFaNum-B !important; */
}

.bottom-footer {
    padding: 40px 60px;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.f-1 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.footer-logo {
    display: flex;
    gap: 11px;
    align-items: center;
}

.footer-logo p {
    color: #667D8E;
}

.E-namad {
    display: flex;
    gap: 20px;
    border: 1px solid #DEE2EE;
    border-radius: 15px;
    padding: 10px 25px;
}

.f-2 h2 {
    color: #000000;
}

.f-2 li,
a {
    text-decoration: none;
    color: #626E94;
    font-size: 17px;
    gap: 6px;
}

.footer-menu {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 22px;
}

.f-3 h2 {
    color: #000000;
}



.f-4 h2 {
    color: #000000;
}

.black-a {
    color: #000000;
    font-family: KookFaNum-MED;
}

.contact-us {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contact-us li {
    display: flex;
    gap: 12px;
}

.footer-divider {
    margin: 25px 0px;
    width: 100%;
    color: #E3E6ED;
}

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

.last-footer-content p {
    color: #626E94;
    cursor: pointer;
}

.social-media {
    display: flex;
    gap: 40px;
    align-items: center;
}

.social-media img {
    cursor: pointer;
}

/* صفحه ی لیست هتل (ea list) */
.list-head {
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    text-align: center;
    padding-top: 20px;
}

.search-box-2 {
    background-color: #fff;
    display: block;
    justify-content: space-between;
    align-items: center;
    width: 92%;
    height: 185px;
    margin: 0 auto;
    padding: 32px 24px 20px 24px;
    border-radius: 25px;
    box-shadow: 0px 24px 35px 0px #9ba7bd34;
}

.ea-search-input-2 {
    height: 65px;
}

.ea-list-btn button {
    background-color: #050F2C;
    width: 100%;
    font-family: Kook-B;
}

.pages-links {
    display: flex;
    justify-content: space-between;
    padding-bottom: 29px;
}

.pages-links button {
    font-family: Kook-MED, KookFaNum-MED;
    color: #1B54FF;
    border: none;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-size: 20px;
    cursor: pointer;
}

.page-link span {
    color: #7E8AAB;
    font-size: 19px;
}

.page-link a {
    color: #050F2C;
    font-size: 19px;
    font-family: Kook-B;
}

/* بدنه ی سایت */
.list-ea-body {
    width: 92%;
    margin: 0 auto;
    display: flex;
    margin-bottom: 50px;
}


.list-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #fff;
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    padding: 20px;
    height: fit-content;
    font-family: Kook-B;
    width: 283px;
}

.list-sidebar h3 {
    font-size: 18px;
}


#map {
    height: 100px;
    /* ارتفاع نقشه */
    width: 100%;
    /* عرض کامل */
    border: none;
    border-radius: 8px;
}

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

.clear-filter-btn {
    color: #E11D48;
    background: none;
    border: none;
    font-family: Kook-MED, KookFaNum-MED;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    font-size: 14px;
}

.titles-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.titles-filter button {
    border: none;
    background: none;
    cursor: pointer;
}


.search-input-filter {
    width: 188px;
    padding: 10px;
    padding-right: 40px;
    font-size: 16px;
    border: none;
    border-radius: 8px;
    background-image: url('../images/u_search.png');
    background-size: 20px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-color: #F7FAFC;
    font-family: Kook-MED, KookFaNum-MED;
    width: 100%;
    transition: all 0.5s ease-in-out;
}

.search-input-filter::selection {
    /* -webkit-appearance: none;
    -moz-appearance: none; */
    border: none !important;
}

.search-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.search-input-filter {
    opacity: 1;
    max-height: 500px;
    overflow: hidden;
    transition: bottom 0.5s ease-in-out;

}

.search-input-filter.hide {
    opacity: 0;
    max-height: 0;
}



.search-side {
    transition: all 0.5s ease-in-out;
    opacity: 1;
    transform: scale(1);
    height: auto;
    max-height: 500px;
    overflow: hidden;
}

.side-divid {
    border: none;
    border-top: 1px solid #E1E6F0;
    /* خط‌چین */
    width: 100%;
    /* عرض 50٪ از صفحه */
}

div.tab button#colorButton {
    padding: 10px 20px;
    /* فضای داخلی دکمه */
    font-size: 16px;
    /* اندازه فونت */
    background-color: #C02400;
    /* رنگ اولیه دکمه */
    color: white;
    /* رنگ متن */
    border: 1px solid transparent;
    /* حذف مرز */
    border-radius: 5px;
    /* گرد کردن گوشه‌ها */
    cursor: pointer;
    /* تغییر نشانگر ماوس */
    transition: background-color 0.3s;
    /* انیمیشن تغییر رنگ */
}

button#colorButton.active {
    background-color: #e74c3c;
    /* رنگ جدید دکمه پس از کلیک */
    color: #333;
    border-bottom: 10px solid #333;
}


.prices-filter {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.prices-filter p {
    color: #626E94;
}

.range-slider {
    position: relative;
    width: 100%;
    height: 7px;
    /* margin: 20px 0; */
    z-index: 10;
}

/* input[type="range"] {
    position: absolute;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    pointer-events: none;
} */

input.slide-range {
    position: absolute;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    pointer-events: none;
}

/* input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #C02400;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
} */

input.slide-range::-webkit-slider-thumb {
    pointer-events: all;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #C02400;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.slider-track {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ddd;
    /* transform: translateY(-50%); */
    z-index: -1;
}


.slider-active-track {
    background: #C02400;
}




/* .prices-filter input {
    width: 100%;
} */

.prices-filter span {
    font-size: 16px;
    font-family: KookFaNum-MED;
}

.price-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.amount-price span {
    font-size: 15px;
    color: #7E8AAB;
}

.range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    /* عرض کامل */
    height: 8px;
    /* ارتفاع خط */
    background: #ddd;
    /* رنگ پس‌زمینه */
    border-radius: 5px;
    /* گرد کردن گوشه‌ها */
    outline: none;
    /* حذف کادر اطراف */
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* برای حذف استایل پیش‌فرض */
    appearance: none;
    width: 20px;
    /* عرض دسته */
    height: 20px;
    /* ارتفاع دسته */
    background: #C02400;
    /* رنگ دسته */
    border-radius: 50%;
    /* گرد کردن دسته */
    cursor: pointer;
    /* نشانگر ماوس به صورت دست */
}

.range::-moz-range-thumb {
    width: 20px;
    /* عرض دسته */
    height: 20px;
    /* ارتفاع دسته */
    background: #C02400;
    /* رنگ دسته */
    border-radius: 50%;
    /* گرد کردن دسته */
    cursor: pointer;
    /* نشانگر ماوس به صورت دست */
}

.range::-ms-thumb {
    width: 20px;
    /* عرض دسته */
    height: 20px;
    /* ارتفاع دسته */
    background: #C02400;
    /* رنگ دسته */
    border-radius: 50%;
    /* گرد کردن دسته */
    cursor: pointer;
    /* نشانگر ماوس به صورت دست */
}

/* دکمه رادیو */
/* پنهان کردن چک‌باکس اصلی */
input[type="radio"] {
    display: none;
}

/* استایل سفارشی برای چک‌باکس */
.custom-radio {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    /* border-radius: 4px; */
    /* گوشه‌های گرد */
    position: relative;
    cursor: pointer;
}

.custom-check-star {
    width: 17px;
    height: 17px;
    border-radius: 4px;
}

/* استایل علامت زدن چک‌باکس */
.custom-radio::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 12px;
    /* border: solid #C02400; */
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    top: 2px;
    left: 5px;
    opacity: 0;
    /* پیش‌فرض علامت دیده نمی‌شود */
    transition: opacity 0.2s ease-in-out;
}

/* زمانی که چک‌باکس فعال باشد */
input[type="radio"]:checked+.custom-radio::after {
    opacity: 1;
    /* علامت چک نمایش داده می‌شود */
}

/* استایل تغییر رنگ در حالت فعال */
input[type="radio"]:checked+.custom-radio {
    background-color: #C02400;
    border-color: #C02400;
}


/* چک باکس */
/* پنهان کردن چک‌باکس اصلی */
input[type="checkbox"] {
    display: none;
}

/* استایل سفارشی برای چک‌باکس */
.custom-checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    /* border-radius: 4px; */
    /* گوشه‌های گرد */
    position: relative;
    cursor: pointer;
}

.custom-check-star {
    width: 17px;
    height: 17px;
    border-radius: 4px;
}

/* استایل علامت زدن چک‌باکس */
.custom-checkbox::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 12px;
    /* border: solid #C02400; */
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    top: 2px;
    left: 5px;
    opacity: 0;
    /* پیش‌فرض علامت دیده نمی‌شود */
    transition: opacity 0.2s ease-in-out;
}

/* زمانی که چک‌باکس فعال باشد */
input[type="checkbox"]:checked+.custom-checkbox::after {
    opacity: 1;
    /* علامت چک نمایش داده می‌شود */
}

/* استایل تغییر رنگ در حالت فعال */
input[type="checkbox"]:checked+.custom-checkbox {
    background-color: #C02400;
    border-color: #C02400;
}

.side-checkbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.side-checkbox label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* ستاره های هتل */
.stars {
    display: flex;
    flex-direction: column;
    flex-direction: column;
}

.ea-stars {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ea-stars span {
    font-family: KookFaNum-MED;
    font-size: 13px;
    color: #7E8AAB;
}

/* امتیازدهی */
.score {
    display: flex;
    flex-direction: row;
    float: left;
    margin: 10px;
    padding: 4px 3px;
    gap: 5px;
}

.score img {
    width: 16px;
    height: 16px;
}

.ea-scores span {
    font-family: KookFaNum-MED;
    color: #626E94;
}

.ea-scores {
    display: flex;
    align-items: center;
    gap: 25px;
}

/* نمایش اقامتگاه موجود */
/* استایل کلی برای سوئیچ */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* پنهان کردن چک‌باکس اصلی */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* استایل پس‌زمینه سوئیچ */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

/* دسته سوئیچ */
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

/* وقتی سوئیچ فعال (روشن) است */
input:checked+.slider {
    background-color: #4CAF50;
}

/* حرکت دادن دسته در حالت فعال */
input:checked+.slider:before {
    transform: translateX(26px);
}

/* استایل برای حالت خاموش/روشن */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* قسمت دوم بادی */
.list-body {
    width: 75%;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

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

.text-title {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.space-point {
    color: #000000;
}

.text-title span {
    color: #626E94;
}

.text-title p {
    color: #BFC4D5;
}

.text-title div {
    display: flex;
    gap: 8px;
}

.arrangement {
    display: flex;
    gap: 10px;
}

.arrangement span {
    color: #626E94;
    font-family: Kook-MED;
}

.arrangement button {
    gap: 10px;
    border: none;
    background: none;
    cursor: pointer;
}

.sort-menu {
    display: flex;
    gap: 30px;
    background: transparent;
    border: 1px solid #E1E6F0;
    border-radius: 15px;
    padding: 8px 20px 0px;
    align-items: center;
}

.sort-menu-mobile {
    padding: 0px 5px 6px 5px;
}

.sort-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #7E8AAB;
}

/* .sort-btns button {
    border: none;
    background: none;
    color: #626E94;
    font-family: Kook-MED;
    font-size: 17px;
    cursor: pointer;
} */

.sort-btns {
    display: flex;
    gap: 30px;
}

.rent-ea {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.book-card {
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding: 20px 14px;
    border: 1px solid #E1E6F0;
    border-radius: 20px;
}

.book-data {
    display: flex;
    flex-direction: column;
    /* gap: 15px; */
    width: 64%;
}

.card-img-size {
    width: 188px;
    height: 192px;
    border-radius: 15px;
}

.top-btn-book {
    display: flex;
    gap: 15px;
    justify-content: space-between;
}

.top-btn-book button {
    font-family: KookFaNum-MED;
    font-size: 14px;
    color: #626E94;
    border: none;
    background-color: #F7FAFC;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 10px;
    border-radius: 8px;
}


.book-score {
    display: flex;
    gap: 15px;
    align-items: center;
}

.book-score button {
    display: flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: none;
    font-family: KookFaNum-MED;
}

.book-score-1 {
    color: #626E94;
}

.book-score-2 {
    color: #3AA795;
}

.address-book {
    border: none;
    background: none;
    color: #626E94;
    font-family: KookFaNum-MED;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 15px;
    margin: 20px 0px;
}


.feature {
    display: flex;
    gap: 10px;
}

.feature button {
    color: #626E94;
    font-size: 15px;
    font-family: KookFaNum-MED;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #E1E6F0;
    background: none;
    padding: 10px;
    border-radius: 8px;
}

.information-rooms {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.price-book {
    display: flex;
    flex-direction: column;
    font-family: KookFaNum-MED;
    gap: 25px;
}

.price-book div {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.book-room {
    margin-right: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.error-room {
    background-color: #ef522627;
    color: #E11D48;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border-radius: 10px;
}

.error-room span {
    font-family: KookFaNum-MED;
}

.start-price {
    color: #626E94;
    font-size: 13px;
}

.price-book p {
    color: #C02400;
    font-size: 20px;
}

.price-book button {
    background-color: #C02400;
    color: #fff;
    padding: 10px 50px;
    font-family: Kook-MED, KookFaNum-MED;
    cursor: pointer;
    border: none;
    border-radius: 12px;
    font-size: 16px;
}


/* بنرپیرمرد */
.banner-ea-list {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.banner-ea-list h2 {
    font-size: 24px;
}

.banner-ea-list button {
    border-radius: 9px;
    padding: 9px 17px;
}

/* صفحه ی جزئیات هتل */
.for-bg {
    background-image: url(../images/Group\ 71201.png);
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    gap: 65px;
}

.ea-for-bg {
    padding-top: 25px;
}

.detail-body {
    display: flex;
    flex-direction: column;
    width: 92%;
    margin: 0px auto;
    gap: 30px;
    /* position: absolute;
    top: 150px;
    left: 52px; */
}

.page-link span {
    font-family: Kook-MED;
}

.page-link-2 {
    display: flex;
    justify-content: left;
    width: 92%;
    margin: 0 auto;
}

.page-link-2 span {
    font-size: 14px;
}

.page-link-2 a {
    font-size: 14px;
}

#gallery {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.rooms-img img {
    max-width: fit-content;
}

.gallery {
    display: flex;
    gap: 10px;
    width: 100%;
    margin: 0 auto;
}

.large-image {
    width: 570px;
    height: 400px;
}


.large-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.small-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 581px;
    height: 401px;
}

.small-images img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.see-all-gallery {
    position: absolute;
    top: 87.4%;
    left: 4.6%;
}

.all-gallery-btn img {
    width: 24px;
    height: 24px;
}

.all-gallery-btn {
    background-color: #000000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: none;
    border-radius: 10px;
    font-family: KookFaNum-MED;
    padding: 7px 8px;
    cursor: pointer;
    font-size: 13px;
}

.gallery-caption {
    display: flex;
    justify-content: space-between;
    width: 92%;
    margin: 0 auto;
}

.ea-comment {
    border: none;
    background: none;
    font-family: KookFaNum-MED;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

.like-share {
    display: flex;
    gap: 10px;
}

.like-share button {
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    background: none;
    padding: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* تب ها */

.first-ea-tab {
    display: flex;
    justify-content: space-between;
}


.EA {
    border: 1px solid #E1E6F0;
    padding: 20px;
    border-radius: 16px;
}

.tab-buttons {
    display: flex;
    gap: 30px;
}

.tab-button {
    padding: 17px 5px;
    cursor: pointer;
    background: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #7E8AAB;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: Kook-MED;
    font-size: 18px;
    z-index: 10;
}

.tab-btn {
    padding: 17px 5px;
    cursor: pointer;
    background: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #7E8AAB;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: Kook-MED;
    font-size: 18px;
    z-index: 10;
}

.switch-button {
    padding: 17px 5px;
    cursor: pointer;
    background: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #7E8AAB;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: Kook-MED;
    font-size: 18px;
    z-index: 10;
}

.guest-tab-button {
    padding: 17px 5px;
    cursor: pointer;
    background: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #7E8AAB;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: Kook-MED;
    font-size: 18px;
    z-index: 10;
}

.info-tab-btn {
    padding: 17px 5px;
    cursor: pointer;
    background: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #7E8AAB;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: Kook-MED;
    font-size: 18px;
    z-index: 10;
}

.sort-tab-btn {
    cursor: pointer;
    background: none;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #7E8AAB;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: Kook-MED;
    font-size: 18px;
    z-index: 10;
    padding: 0px 5px 5px 5px;
    line-height: 2;
}

.details-tab div {
    display: flex;
    gap: 30px;
}

.guest-btn div {
    display: flex;
    gap: 30px;
}

.info-btns {
    display: flex;
    gap: 30px;
}

/* دکمه تب فعال */
.active-button {
    background: none;
    color: #C02400;
    border-bottom: 2px solid #C02400;
}

.active-btn {
    background: none;
    color: #C02400;
    border-bottom: 2px solid #C02400;
}

.switch-active-btn {
    background: none;
    color: #C02400;
    border-bottom: 2px solid #C02400;
}

.guest-active-btn {
    background: none;
    color: #C02400;
    border-bottom: 2px solid #C02400;
}

.info-active-btn {
    background: none;
    color: #C02400;
    border-bottom: 2px solid #C02400;
}

button.sort-active-btn {
    background: none;
    color: #C02400;
    border-bottom: 2px solid #C02400;
}



.detail-divider {
    border: 0.1px solid #E1E6F0;
    height: 0px;
    margin-top: -12px;
}

/* استایل محتوای تب‌ها */
.detail-tab-content {
    margin-top: 10px;
    border: 1px solid #E1E6F0;
    padding: 20px;
    border-radius: 12px;
}

.tab-material {
    margin-top: 10px;
    border-radius: 5px;
}

.serving-tab-content {
    display: none;
    margin-top: 10px;
    border-radius: 5px;
}

.guest-tab-content {
    margin-top: 10px;
    border-radius: 5px;
}

.info-tab-content {
    margin-top: 10px;
    border-radius: 5px;
}

.sort-tab-content {
    margin-top: 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    will-change: transform;
    backface-visibility: hidden;
    /* جلوگیری از گیر کردن انیمیشن */
}

div.online-payment-active {
    border: 1px solid #C02400;
}

button.online-payment-active {
    border: 1px solid #C02400;
}




/* نمایش محتوای تب فعال */
.active-content {
    display: block;
}

.active-material {
    display: block;
}

.active-serving {
    display: flex;
    overflow-x: scroll;
}

.show-another {
    /* left: 0; */
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 10;
}

.show-another li {
    float: none;
    width: 100%;
}

li:hover ul.show-another {
    opacity: 1;
    top: 80px;
    visibility: visible;
}

.guest-active-content {
    display: block;
}

.info-active-content {
    display: block;
}

.sort-active-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


/* .svg-icon path {
    width: 100px;
    height: 100px;
    fill: #7E8AAB;
    cursor: pointer;
    transition: fill 0.3s ease;
} */

/* استایل برای SVG فعال */
.selected {
    fill: #C02400;
    /* رنگ آبی برای SVG فعال */
}


.top-btn-book button {
    background-color: #F7FAFC;
    cursor: pointer;
    transition: color 0.3s ease, fill 0.3s ease;
}

/* رنگ پیش‌فرض */
.button-content {
    color: #626E94;
}

/* .svg-icon {
    width: 19px;
    height: 19px;
    fill: #626E94;
    transition: fill 0.3s ease;
} */

/* تغییر رنگ بعد از کلیک */
.active .button-content {
    color: #C02400;
}

/* .active .svg-icon {
    fill: #C02400;
} */

.active .top-btn-book {
    background-color: #C02400;
}






.serving-tab div {
    display: flex;
    gap: 30px;
}

.guest-btns div {
    display: flex;
    gap: 30px;
}


.detail-tab {
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 92%;
    margin: 0 auto;
}

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

.rooms-numb-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
    border: none;
    background-color: #1B54FF;
    color: #fff;
    width: 130px;
    height: 50px;
    font-family: KookFaNum-MED;
    font-size: 1rem;
    border-radius: 8px;
    cursor: pointer;
}

.details-tab button {
    font-family: KookFaNum-MED;
}

.tabcontent {
    display: block;
}

/* .tabcontent-3 {
    border: 1px solid #E1E6F0;
    padding: 20px;
    border-radius: 12px;
    display: block;
} */

.ea-score {
    display: flex;
    text-align: center;
    align-items: center;
    gap: 8px;
    font-family: KookFaNum-MED;
}

.ea-score div {
    display: flex;
    align-items: center;
}

.gray {
    color: #7E8AAB;
}

.gray-2 {
    color: #E1E6F0;
}

.blue {
    color: #050F2C;
}

.location-name {
    display: flex;
    align-items: center;
    gap: 20px;
}

.location-name h2 {
    font-family: KookFaNum-B;
    margin-top: 0 !important;
}

#ea-location {
    display: flex;
    justify-content: space-between;
}

.detail-location {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#ea-location iframe {
    width: 40%;
    border: none;
    border-radius: 10px;
    height: 120px;
}

.detail-address {
    margin: 0px;
}

button.see-all {
    color: #1B54FF;
    background-color: rgba(27, 84, 255, 0.25);
    font-family: Kook-MED;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    padding: 8px 12px;
}

.feature-btn {
    padding: 14px 10px;
    border: 1px solid #E1E6F0;
    background-color: transparent;
    color: #626E94;
    font-family: KookFaNum-MED;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 10px;
    cursor: pointer;
}

.description-ea-facilities {
    font-family: KookFaNum-MED;

}

.description-ea-facilities p {
    color: #626E94;
}

.description-ea-facilities button {
    background: none;
    font-family: Kook-B;
    color: #000;
}


.description p {
    color: #626E94;
}

.description button {
    border: none;
    background: none;
    color: #7E8AAB;
    font-family: Kook-MED;
    cursor: pointer;
}

.detail-rooms {
    display: flex;
    flex-direction: column;
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    padding: 20px;
    gap: 25px;
    width: 92%;
    margin: 0 auto;
}

.detail-rooms-title {
    display: flex;
    justify-content: space-between;
    font-family: KookFaNum-B;
}




.dropdown-containerr label {
    display: block;
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
}

.dropdown-containerr {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;


}

.mobile-dropdown {
    display: none;
}


.dropdownn {
    width: 200px;
    /* padding: 10px; */
    font-size: 16px;
    /* border: 1px solid #ccc; */
    border: none;
    background-color: #fff;
    color: #333;
    appearance: none;
    /* Hides default dropdown arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* position: relative; */
    font-family: Kook-MED;
}

.dropdown::after {
    content: '▼';
    /* Custom arrow */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #333;
}

.dropdown-container {
    position: relative;
}

#detail-inputs {
    display: flex;
    justify-content: space-between;
}

.detail-input {
    width: 32%;
    margin-bottom: 0px;
    padding: 5px 10px;
}

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

.rooms {
    border: none;
    width: 100%;
}

.coffe,
.camera {
    color: #050F2C;
}

.rooms-services {
    display: flex;
    gap: 30px;
}

.orange {
    color: #C02400;
}

.rooms-present {
    font-family: KookFaNum-MED;
    font-size: 13px;
}

.rent-price p {
    color: #000000;
    font-size: 22px;
    font-family: KookFaNum-B;
}

.book-data h2 {
    color: #050F2C;
    font-family: Kook-B;
    margin-top: 0 !important;
}

.ea-list-banner {
    width: 100%;
    margin: 15px auto;
}

.item-inner {
    border-style: none !important;
}

.book-data-2 {
    gap: 10px;
}

.price-calender button {
    background: none;
    color: #1B54FF;
    display: flex;
    align-items: center;
    gap: 5px;
}

.position iframe {
    height: 30vh;
    border: none;
    border-radius: 10px;
    width: 100%;
}


.position {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid #E1E6F0;
    border-radius: 8px;
    padding: 20px;
}

.distance-position {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.distance {
    padding: 10px;
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.distance p {
    color: #050F2C;
}

.distance-1 span {
    color: #7E8AAB;
    font-size: 17px;
}

.distance-1 {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* #EAl {
    display: flex;
    flex-direction: column;
} */
/* #eal-location {
    display: flex;
    justify-content: space-between;
} */
.tab-2 {
    margin-bottom: 0px;
}

.law-table {
    display: flex;
    flex-direction: column;
}

/* #moreTab1,
#moreTab2,
#moreTab3,
#moreTab4 {
    display: none;
} */

.law-table th,
td {
    background-color: #F7FAFC;
    padding: 20px;
    color: #626E94;
}

/* .law-table th {
    width: 30%;
} */

/* .law-table td {
    width: 70%;

} */

.law-table button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Kook-MED;
    gap: 10px;
    background-color: #626E94;
    color: #fff;
    border: none;
    padding: 12px;
    cursor: pointer;
}

.serving {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid #E1E6F0;
    border-radius: 8px;
    padding: 20px;
    width: 100%;
    margin: 30px auto;
}

.serving-food {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-family: KookFaNum-MED;
}

.serving-food div {
    display: flex;
    justify-content: space-between;
}

.serving-food span {
    color: #7E8AAB;
}

.serving-caption button {
    width: 100%;
    border: none;
    background-color: #C02400;
    color: #fff;
    padding: 12px 24px;
    cursor: pointer;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
}

.serving-caption {
    /* width: 25%; */
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.serving-card {
    border: 1px solid #E1E6F0;
    border-radius: 12px;
    padding: 15px;
    width: 30%;
    display: flex;
    flex-direction: column;
}

.serving-cards {
    display: flex;
    gap: 10px;
    overflow: hidden;
}

/* نظرات کاربران */
.all-feedbacks {
    display: flex;
    gap: 15px;
}

.feedback {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid #E1E6F0;
    border-radius: 8px;
    padding: 20px;
    width: 92%;
    margin: 20px auto;
}

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

.feedback-title button.new-comment {
    background-color: #C02400;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: Kook-MED;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    cursor: pointer;
    font-size: 14px;
}

.profile {
    display: flex;
    gap: 10px;
    align-items: center;
}

.profile-name {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2px;
    align-items: center;
    justify-content: center;
}

.profile-name p {
    color: #7E8AAB;
    font-size: 13px;
    font-family: KookFaNum-MED;
}

.profile-name span {
    font-size: 16px;
    font-family: KookFaNum-MED;
}

.text-comment span {
    color: #626E94;
    font-family: KookFaNum-MED;
}

.comments {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 60%;
}

.rank {
    width: 40%;
}

.like-dislike {
    display: flex;
    gap: 25px;
}

.like-dislike button {
    font-family: KookFaNum-MED;
    color: #626E94;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
}

.reply button {
    display: flex;
    align-items: center;
    border: none;
    background: none;
    cursor: pointer;
}

.reply {
    font-family: Kook-MED;
    color: #626E94;
    display: flex;
    font-size: 15px;
    justify-content: left;
    gap: 5px;
}

.rank-title {
    display: flex;
    justify-content: space-between;
    font-family: KookFaNum-MED;
}

.rank-title span {
    font-size: 26px;
}

.rank-stars {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 10px;
}

.rank-stars p {
    color: #7E8AAB;
}

.rank-stars div {
    display: flex;
    gap: 15px;
}


.rating-container {
    font-family: KookFaNum-MED;
    direction: rtl;
    width: 100%;
    margin: 20px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

/* rank */

.rating-row {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    margin: 10px 0;
    gap: 15px;
}

.rating-row span {
    font-size: 14px;
    color: #626E94;
}


.rating-row progress {
    width: 67%;
    height: 6px;
    -webkit-appearance: none;
    appearance: none;
}

.rating-row progress[value] {
    background-color: #f3f3f3;
    border-radius: 5px;
}

.rating-row progress[value]::-webkit-progress-bar {
    background-color: #f3f3f3;
    border-radius: 5px;
}

.rating-row progress[value]::-webkit-progress-value {
    background-color: #4CAF50;
    border-radius: 5px;
}

.rating-row progress[value="3"]::-webkit-progress-value {
    background-color: red;
}

.rating-row progress[value]::-moz-progress-bar {
    background-color: #4CAF50;
    border-radius: 5px;
}

.rating-row progress[value="3"]::-moz-progress-bar {
    background-color: red;
}

.progress-label {
    width: 17%;
}

/* rank */

.mobile-regist-btn {
    display: none;
}





/* هتل های پیشنهادی ویاجو */
.suggestions {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid #E1E6F0;
    border-radius: 8px;
    padding: 20px;
    width: 100%;
    margin: 30px auto;
}

.suggestions-titles {
    margin: 0 auto;
    width: 100%;
}

.suggestions-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.detail-booking-info {
    display: flex;
    flex-direction: column;
    margin: 0px auto 70px auto;
}

/* 
.step-container progress {
    width: 67%;
    height: 6px;
    -webkit-appearance: none;
    appearance: none;
}

.step-container progress[value] {
    background-color: #f3f3f3;
    border-radius: 5px;
}

.step-container progress[value]::-webkit-progress-bar {
    background-color: #f3f3f3;
    border-radius: 5px;
}

.step-container progress[value]::-webkit-progress-value {
    background-color: #3AA795;
    border-radius: 5px;
}

.step-container progress[value="3"]::-webkit-progress-value {
    background-color: #C02400;
}

.step-container progress[value]::-moz-progress-bar {
    background-color: #3AA795;
    border-radius: 5px;
}

.step-container progress[value="3"]::-moz-progress-bar {
    background-color: #C02400;
} */


/* صفحه ی خرید 1 */
.shopping-header {
    border: 1px solid #E1E6F0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.shopping-body {
    width: 92%;
    margin: 0px auto 50px auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

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

.shopping-timer {
    font-family: KookFaNum-MED;
    display: flex;
    justify-content: space-between;
    width: 350px;
    background-color: #F7FAFC;
    padding: 12px 12px;
    border-radius: 10px;
}

.shopping-timer button {
    color: #050F2C;
    font-family: Kook-MED;
    display: flex;
    gap: 6px;
    font-size: 15px;
    align-items: center;
    border: none;
    background: none;
}

.shopping-timer p {
    color: #C02400;
}

.shopping-link span {
    color: #626E94;
}

.shopping-link a {
    color: #050F2C;
}

.info-inputs {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.sticky-price {
    display: flex;
    justify-content: space-between;
    padding: 15px 50px;
    align-items: center;
    box-shadow: 0px 17px 28px 33px rgba(183, 190, 203, 0.25);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: sticky;
    bottom: 0;
    background-color: #fff;
    z-index: 10;
}

.rules-checkbox {
    border-radius: 3px;
}

.check-lable {
    display: flex;
}

.check-lable span {
    display: flex;
    gap: 3px;
}

.check-lable a {
    color: #1B54FF;
    cursor: pointer;
}

.check-lable span {
    color: #626E94;
    font-family: Kook-B;
}



button.resume-btn {
    background-color: #C02400;
    color: #fff;
    font-family: KookFaNum-MED;
    cursor: pointer;
    border: none;
    padding: 12px 50px;
    border-radius: 15px;
    font-size: 16px;
}

.resume-btn-mobile {
    display: none;
}

.resume-shopping {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.text-resume {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.text-resume span {
    color: #626E94;
    font-size: 14px;
    font-family: KookFaNum-B;
}

.ea-resume-price {
    color: #a82000;
    font-family: KookFaNum-B;
    font-size: 20px;
}

.resume-price {
    color: #050F2C;
    font-size: 18px;
    font-family: KookFaNum-B;
}


.card-inputs {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #E1E6F0;
    border-radius: 15px;
    gap: 20px;
}



.shopping-inputs {
    display: flex;
    gap: 20px;
    width: 92%;
    margin: 27px auto;
}

.card-inputs {
    display: flex;
    flex-direction: column;
}

.shopping-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shopping-title {
    font-family: Kook-EXB;
}

.card-inputs button.edit-add {
    color: #626E94;
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    background: none;
    font-family: Kook-MED;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 17px 15px;
    font-size: 16px;
    gap: 6px;
    justify-content: center;
}

.shop-cutom-check {
    color: #626E94;
}

.shopping-check {
    display: flex;
    align-items: center;
    gap: 8px;
}

.shopping-information {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.shopping-information input[type="text"],
.shopping-information input[type="number"] {
    padding: 18px 15px;
    border: 1px solid #E1E6F0;
    font-family: Kook-MED;
    border-radius: 15px;
    font-size: 13px;
    width: 100%;
}

.inputs-lables {
    color: #000;
    font-family: KookFaNum-B;
    font-size: 15px;
}

.inputs-border {
    padding: 18px 15px;
    border: 1px solid #E1E6F0;
    font-family: Kook-MED;
    border-radius: 15px;
    font-size: 13px;
    width: 50%;
}

.toggle-arrow {
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.people-number-form{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.toggle-section {
    overflow: hidden;
    /* برای جلوگیری از نمایش محتوای مخفی */
    background: #f9f9f9;
    /* padding: 10px; */
    border-radius: 5px;
    /* margin: 10px 0; */
    transition: all 0.3s ease-in-out;
}

.toggle-arrow {
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
    width: 30px;
    height: 30px;
}


::ng-deep .mat-mdc-dialog-container .mat-mdc-dialog-content {
    padding: 0 !important;
}


.save-and-resume {
    background-color: #a82000;
    color: #fff;
    font-family: Kook-MED;
    font-size: 15px;
    border: none;
    width: 100%;
    padding: 15px;
}

.shopping-information input::placeholder {
    color: #626E94;
}

.info-btns {
    display: flex;
}

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


.clear-room button {
    border: none;
    color: #626E94;
    font-family: Kook-MED;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 15px;
}

.room-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: KookFaNum-MED;
    gap: 13px;
}

.room-numbers span {
    color: #626E94;
}

.date-price {
    width: 170px;
    height: 170px;
    display: flex;
    font-family: KookFaNum-MED;
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    padding: 20px 12px;
    justify-content: center;
}

.date-price-1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.date-price-1 p {
    color: #7E8AAB;
    display: flex;
    justify-content: right;
}

.date-price-1 h3 {
    color: #050F2C;
    font-size: 20px;
    display: flex;
    justify-content: left;
}

.persent {
    color: #fff;
    background-color: #C02400;
    padding: 7px;
    font-size: 10px;
    border-radius: 8px;
}

.prev-price {
    font-size: 13px;
    color: #626E94;
}

.persent-card {
    display: flex;
    gap: 20px;
}

.guest-btns {
    display: flex;
}

.guest-btns button {
    border: none;
}

.buy-info-1 span {
    color: #626E94;
}

.buy-info-1 h3 {
    color: #050F2C;
}

.buy-info-1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.arrival,
.departure {
    display: flex;
    align-items: center;
    gap: 10px;
}

.numb-room,
.numb-person {
    display: flex;
    justify-content: space-between;
}

.numb-room p,
.numb-person p {
    color: #626E94;
}

.discount-amount {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.discount-amount p {
    color: #626E94;
}

/* .discount{
    display: flex;
} */



.buy-info h2 {
    display: flex;
    justify-content: left;
    color: #050F2C;
}

.regist-1 {
    width: 100%;
    color: #fff;
    background-color: #C02400;
    padding: 15px 0px;
    cursor: pointer;
    border: none;
    font-family: Kook-MED;
    font-size: 20px;
    border-radius: 15px;
    margin-top: 10px;
}

/* صفحه خرید 2 */
.payment {
    display: flex;
    gap: 15px;
}

/* .online-payment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    border: 1px solid #E1E6F0;
    padding: 12px 17px;
    border-radius: 12px;
    cursor: pointer;
    transition: border 0.3s ease;
} */

.pay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    border: 1px solid #E1E6F0;
    padding: 12px 17px;
    border-radius: 12px;
    cursor: pointer;
    transition: border 0.3s ease;
}

.clicked-border {
    /* border:1px solid #C02400; رنگ حاشیه در هنگام فعال بودن */
    border-color: #C02400;
}



.online-title {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.online-title-1 {
    display: flex;
    align-items: center;
    gap: 6px;
}

.online-title-1 span {
    color: #050F2C;
    font-family: KookFaNum-B;
}

.online-title p {
    color: #626E94;
    font-size: 13px;
    font-family: KookFaNum-MED;
}

.banks {
    display: flex;
    gap: 6px;
}

.bank-logo {
    border: 1px solid transparent;
    background-color: #F7FAFC;
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
    transition: border 0.3s ease;
}

.banks-active {
    border: 1px solid #C02400;
    background-color: #BFC4D5;
}


.wallet-cash {
    display: flex;
    gap: 4px;
}

.recharge-wallet button {
    border: none;
    background: none;
    color: #C02400;
    padding: 0px;
    font-family: KookFaNum-MED;
    cursor: pointer;
}

.card-ticket-cap {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.card-ticket-cap button {
    border: none;
    font-family: KookFaNum-MED;
    justify-content: right;
    padding: 0px;
    font-size: 13px;
    margin: 0px;
}

.card-ticket {
    display: flex;
    gap: 15px;
    align-items: center;
}

.card-ticket-cap p {
    font-size: 24px;
    color: #000000;
    font-family: KookFaNum-B;
}

.room-price p {
    color: #050F2C;
    font-family: KookFaNum-B;
}

.info-table tr:nth-child(even) {
    background-color: #FAFAFA;
    border: 1px solid #F7FAFC;
}

table.info-table {
    font-family: KookFaNum-MED;
    border-collapse: collapse;
    width: 100%;
}

.info-table td,
th {
    text-align: right;
    padding: 20px !important;
}

.table-title {
    background-color: #E1E6F0;
    color: #626E94;
    border-radius: 10px 10px 0 0;
}

.table-title td {
    color: #050F2C;
}

/* صفحه ی 3 خرید */
.success-booking {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin: 0 auto;
    gap: 25px;
    border: 1px solid #E1E6F0;
    padding: 20px;
    border-radius: 17px;
}

.ticket-cap {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.left-ticket-cap button {
    background-color: rgba(0, 159, 112, 0.2);
    color: #009F70;
    padding: 14px 20px;
    font-size: 15px;
    border-radius: 10px;
}

.ticket-number {
    font-family: KookFaNum-MED;
    width: 100%;
    background-color: #626E94;
    color: #fff;
    border: none;
    padding: 15px 0px;
    border-radius: 17px;
    font-size: 15px;
}

.final-info {
    display: flex;
    flex-direction: column;
}

.final-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: KookFaNum-MED;
}

.final-price p {
    color: #626E94;
    font-size: 15px;
}

.final-price span {
    color: #050F2C;
    font-size: 20px;
}

.last-btns {
    display: flex;
    gap: 15px;
}

.last-btns button {
    font-family: KookFaNum-MED;
    border-radius: 12px;
    padding: 10px 0px;
    cursor: pointer;
    font-size: 17px;

}

button.print-btn {
    width: 50%;
    border: 1px solid #E1E6F0;
    background: none;
    color: #050F2C;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

button.back-btn {
    width: 100%;
    border: none;
    background-color: #C02400;
    height: 56px;
}

/* صفحه ی بلیط سایت */
#ticket-head {
    display: flex;
    justify-content: space-between;
    width: 92%;
    margin: 25px auto;
    align-items: center;
}

#ticket-date {
    display: flex;
    font-family: KookFaNum-MED;
    gap: 40px;
}

#ticket-date p {
    color: #7E8AAB;
    font-size: 15px;
}

#ticket-date span {
    color: #050F2C;
}

#web-address span {
    font-size: 17px;
}

#issu,
#tracking-number {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#body-ticket {
    width: 92%;
    margin: 15px auto;
    border: 1px solid #E1E6F0;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    font-family: KookFaNum-MED;
}

#booker-info {
    display: flex;
    gap: 50px;
}

#booker-info span {
    color: #7E8AAB;
}

#booker-info p {
    color: #000000;
}

#photo-map {
    display: flex;
    gap: 20px;
}

#photo-map img {
    width: 20%;
}

#photo-map iframe {
    width: 80%;
    border: none;
    border-radius: 10px;
}

#ticket-map {
    height: 100px;
}

#ea-name {
    display: flex;
    justify-content: space-between;
}

#entry-exit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#entry-exit-day {
    display: flex;
    justify-content: space-between;
}

#entry-exit-hour {
    display: flex;
    justify-content: space-between;
}

#date {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

#date h4 {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    color: #626E94;
}

#date span {
    color: #626E94;
}

#date p {
    color: #050F2C;
}

#ea-link span {
    color: #626E94;
}

#address-feature {
    display: flex;
    justify-content: space-between;
}

#address {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}

#address button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #626E94;
    font-family: Kook-MED;
    gap: 2px;
    border: none;
    background: none;
}

#address span {
    margin-right: 20px;
}

#feature-btns {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.feature-btn {
    color: #050F2C;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-family: KookFaNum-MED;
    border: 1px solid #E1E6F0;
    background: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
}

#body-ticket-2 {
    width: 92%;
    margin: 15px auto;
    border: 1px solid #E1E6F0;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    font-family: KookFaNum-MED;
}

#body-ticket-3 {
    width: 92%;
    margin: 15px auto;
    border: 1px solid #E1E6F0;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    font-family: KookFaNum-MED;
}

#price {
    display: flex;
    justify-content: space-between;
    text-align: right;

}

#price p {
    color: #626E94;
}

#ul {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
}

#ul li {
    list-style: square;
}




button.colored {
    background-color: rgba(192, 36, 0, 0.1);
}

.colored svg.svg-btn {
    fill: #C02400;
}

.colored .button-content {
    color: #C02400;
}

.svg-btn {
    fill: #626E94;
    width: 18px;
    height: 18px;
}

svg.svg-icon {
    fill: #7E8AAB;
    cursor: pointer;
}

.changeColor svg.svg-icon {
    fill: #C02400;
}

.search-list-EA div.input-container {
    width: 20%;
}

.search-list-EA div.input-date {
    width: 40%;
}

.search-list-EA div.search-btn button {
    width: 100%;
    font-family: KookFaNum-MED;
}

.search-list-EA div.search-btn {
    width: 20%;
}

.search-list-EA div.search-input {
    justify-content: center;
}


.first-position h2 {
    padding: 20px 0px;
}

/* ==================== بخش هتل ===================== */

/* ==================== تور طبیعت گردی ===================== */

.TOUR-bg-logo-desktop {
    margin: -132px 0px 0px 813px;
}

.TOUR-drop-images:hover {
    transform: scale(1.3);
    transition: transform 0.3s ease-in-out;
}

/* .TOUR-container {
    background-image: url(../images/Tour-Home-bg.jpg);
} */

.menu-banner-container {
    background-repeat: no-repeat;
    width: 100%;
    min-height: 673px;
    background-size: cover;
    background-position: center;
    display: block;
    text-align: center;
    padding-top: 20px;
}

.bg-tour {
    background-image: url(../images/Tour-Home-bg.jpg);
}

.bg-ea {
    background-image: url(../images/bg.jpg);
}


.TOUR-head-title h1 {
    width: 28rem;
    margin-top: 6.75rem;
}


/* تب تورهای داخلی search-box */

.custom-radio-option {
    display: flex;
    gap: 40px;
    width: 800px;
    height: 82px;
    margin-bottom: 30px;
}

.custom-radio-option input[type="radio"] {
    display: none;
}

/* استایل سفارشی برای دکمه‌های رادیویی */
.custom-radio-option label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}

.custom-option {
    width: 20px;
    height: 20px;
    border: 2px solid #C02400;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}



.ecotours .ecotours-title,
.heritage-tours .ecotours-title {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
}

.ecotours {
    display: flex;
    align-items: center;
    border: 1px solid #E1E6F0;
    width: 268px;
    gap: 12px;
    padding: 10px;
    border-radius: 14px;
    cursor: pointer;
}

.heritage-svg {
    width: 24px;
    height: 24px;
}


.heritage-tours {
    display: flex;
    border: 1px solid #E1E6F0;
    width: 366px;
    gap: 12px;
    padding: 10px;
    border-radius: 14px;
    cursor: pointer;
}

.Tour-ecotours-colored {
    border: 1px solid #C02400;
    transition: border 0.5s ease;
}

.ecotours-title h3 {
    margin: 0 !important;
}

.TOUR-myButton.TOUR-active {
    color: #050F2C;
    border-bottom: 3px solid #050F2C;
    transition: all 0.2s ease;
}

.TOUR-myButton.TOUR-active svg .TOUR-myPath {
    fill: #050F2C;
}




.tab-content.TOUR-active {
    transition: all 0.5s ease;
}

/* تب تورهای داخلی search-box */


.TOUR-tab-content {
    transition: all 0.5s ease-in-out;
    /* display: flex;
    flex-direction: column;
    gap: 20px; */
}

.ecotours-first-title,
.ecotours-top-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}



.ecotours-title span {
    color: #7E8AAB;
    font-size: 14px;
}


.origin-purpose {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 27px;
    width: 100%;
    height: 80px;
}

.origin-select,
.purpose-select {
    display: flex;
    flex-direction: column;
}

.origin-select span,
.purpose-select span {
    color: #626E94;
}

.purpose-input,
.origin-input {
    display: flex;
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 10px;
    background-color: #fff;
    height: 100%;
}

.origin-input {
    z-index: 12;
}

.purpose-svg,
.origin-svg {
    width: 20px;
    height: 24px;
}


.TOUR-search-box {
    height: fit-content;
}

.TOUR-swap-inputs {
    width: 45px;
    height: 45px;
    background-color: #F9E9E6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    border: none;
    margin-right: -3px;
}

.count-svg {
    width: 24px;
    height: 24px;
}

.head-count {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    border: 1px solid #E1E6F0;
    padding: 10px;
    border-radius: 10px;
}

.title-count {
    display: flex;
    flex-direction: column;
}

.title-count span {
    color: #626E94;
}

.title-count p {
    color: #050F2C;
    cursor: pointer;
}

.domestic-tour-inputs {
    display: flex;
    gap: 10px;
}

.dropdown-count {
    position: absolute;
    display: none;
    top: 295px;
    left: 107px;
    border: 1px solid #E1E6F0;
    width: 215px;
    padding: 10px;
    background-color: #fff;
}

.dropdown-count p {
    cursor: pointer;
    color: #626E94;
    margin-bottom: 8px;
}

.dropdown-count p:hover {
    background-color: #00000010;
}

.domestic-search {
    padding: 20px 21px;
    font-size: 14px;
    border-radius: 12px;
    border: none;
    background-color: #C02400;
    color: #fff;
    cursor: pointer;
    width: 7%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.TOUR-search-box {
    top: 505px;
}

.city-search-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.city-search-title span {
    color: #050F2C;
}

.city-search-title p {
    color: #626E94;
}

.history-boxs {
    display: flex;
    gap: 20px;
}

.Eco-tourism-services {
    /* background-image: url(../images/Group\ 71215.png); */
    /* background-repeat: no-repeat;
    background-size: cover; */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
}

.inner-eco-tourism {
    position: relative;
    /* background-color: #fff; */
    filter: blur(10px 5px 10px);
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
}

.tourism-top-title p {
    color: #050F2C;
    font-size: 18px;
}

.tourism-top-title span {
    color: #C02400;
}

.tourism-bottom-title h1 {
    color: #050F2C;
}

.tourism-bottom-title span {
    color: #3AA795;
}

.tourism-paragraph span {
    color: #626E94;
    font-size: 18px;
}

.tourism-paragraph {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.right-leaf {
    position: absolute;
    right: 105px;
}

.left-leaf {
    position: absolute;
    left: 132px;
    top: 96px;
    width: 40px;
    height: 43px;
}

.TOUR-card img {
    height: 155px;
    width: 152px;
}

.TOUR-card {
    width: 100%;
}

.TOUR-card-text h3 {
    color: #626E94;
    font-size: 16px;
}

.TOUR-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.rent-cards-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 92%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.rent-cards-title span {
    color: #626E94;
}

.rent-cards-title h1 {
    font-size: 28px;
}

.TOUR-all-tours-btn {
    background: none;
    border: none;
    padding: 0;
    color: #1B54FF;
    font-family: Kook-MED;
    font-size: 18px;
    cursor: pointer;
}

.TOUR-loc-title h1 {
    font-size: 28px;
}

.TOUR-loc-title span {
    color: #626E94;
}

.TOUR-locations-cards {
    display: flex;
    flex-direction: column;
    width: 92%;
    margin: 10px auto 80px auto;
}

.TOUR-loc-btn a {
    font-size: 18px;
}

.TOUR-location-titles {
    gap: 0;
}

.nature-tours {
    display: flex;
    width: 100%;
    height: 500px;
    background-color: rgba(58, 167, 149, 0.1);
    padding: 30px 40px;
    margin: 50px 0px;
    gap: 20px;
}

.nature-banner {
    width: 21%;
    background-image: url(../images/Frame\ 427320336.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 425px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
    gap: 8px;
}

.nature-banner img {
    width: 130px;
    height: 150px;
}

.nature-banner h1 {
    color: #fff;
}

.nature-banner p {
    color: #fff;
    font-size: 32px;
    font-family: Kook-REG;
}

.nature-banner span {
    color: #DEE2EE;
    font-size: 13px;
    text-align: center;
}

.nature-tab-carousel {
    width: 78%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.TOUR-nature-carousel {
    overflow-x: scroll;
}

.TOUR-nature-tab.TOUR-nature-active {
    background-color: #3AA795;
    color: #fff;
    font-family: Kook-B;
    cursor: pointer;
    transition: all 0.3s ease;
}

.TOUR-nature-tab {
    border: 1px solid #E1E6F0;
    color: #7E8AAB;
    background: none;
    font-family: Kook-B;
    padding: 12px 18px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}

.nature-card-img {
    background-size: cover;
    background-repeat: no-repeat;
    width: 277px;
    height: 197px;
}

.TOUR-score {
    border: none;
    border-radius: 3px;
    font-family: KookFaNum-B;
    padding: 5px 7px;
}

.TOUR-nature-card {
    background-color: #fff;
    border: 1px solid #E1E6F0;
    border-radius: 12px;
    width: 33%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.nature-carousels {
    display: flex;
}

.TOUR-nature-card h2 {
    font-family: KookFaNum-EXB;
}

.bottom-nature-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.bottom-nature-text span {
    color: #626E94;
    font-family: KookFaNum-MED;
    font-size: 14px;
}

.bottom-nature-text h3 {
    color: #C02400;
    font-family: KookFaNum-MED;
}

.tour-banner {
    background-image: url(../images/tour-banner.png);
    background-size: cover;
    width: 92%;
    height: 260px;
    margin: 50px auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 35px;
    border-radius: 15px;
}

.tour-banner-content {
    width: 27%;
}

.tour-banner-content h3 {
    font-size: 22px;
    font-family: Kook-B;
    color: #fff;
}

.tour-banner-content .tour-banner-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #C02400;
    border: none;
    border-radius: 8px;
    padding: 10px 15px;
    font-family: Kook-B;
    cursor: pointer;
    margin-top: 12px;
}

.TOUR-visual {
    margin-top: 50px;
}

.TOUR-visual-title {
    display: flex;
    justify-content: space-between;
}

.TOUR-visual-title-btn {
    font-family: Kook-MED;
    border: none;
    padding: 0;
    background: none;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.TOUR-visual-title-btn span {
    color: #C02400;
    font-size: 18px;
}

.TOUR-visual-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}


.TOUR-visual-card {
    width: 100%;
}

.TOUR-visited-titles {
    gap: 0;
}

.tour-leaders-title span {
    color: #626E94;
}

.tour-leaders-title {
    display: flex;
    justify-content: space-between;
}

.TOUR-leaders-btn span {
    color: #C02400;
    font-size: 18px;
}

.leaders-tours {
    display: flex;
    flex-direction: column;
    width: 92%;
    margin: 50px auto;
    gap: 40px;
}

.leaders-card {
    display: flex;
    flex-direction: column;
    width: 378px;
    background-color: white;
    border: 1px solid #E1E6F0;
    border-radius: 10px;
    padding: 14px 20px;
    align-items: center;
}

.leader-profile {
    display: flex;
}

.leader-photo-name {
    display: flex;
    gap: 10px;
    align-items: center;
}

.leader-photo-name img.leader-photo {
    border-radius: 10px;
    width: 71px;
    height: 71px;
}

.leader-name-score {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.leader-name-score h3 {
    font-family: Kook-B;
    font-size: 20px;
}

.leader-scores {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-family: KookFaNum-MED;
    color: #626E94;
    font-size: 12px;
}

.leader-scores img {
    width: 17px;
    height: 16px;
}

.leader-status {
    display: flex;
    align-items: center;
    color: #3AA795;
    font-family: Kook-MED;
    font-size: 15px;
    margin-right: 32px;
    gap: 4px;
}

.leader-location {
    display: flex;
    align-items: center;
    gap: 4px;
}

.leader-location span {
    color: #C02400;
    font-family: Kook-MED;
    font-size: 14px;
}

.leader-activity-history {
    display: flex;
    align-items: center;
    gap: 4px;
}

.leader-activity-history span {
    color: #7E8AAB;
    font-family: KookFaNum-MED;
    font-size: 14px;
}

.leader-location-activity {
    display: flex;
    gap: 35px;
    margin-top: 10px;
}

.leader-card-caption {
    width: 344px;
    font-size: 15px;
    font-family: KookFaNum-MED;
    color: #626E94;
    margin: 10px 0;
}

.intro-video img {
    width: 351px;
    height: 147px;
}

.intro-video h3 {
    color: #626E94;
}

.intro-video {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tour-leaders-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.TOUR-about-content H1 {
    width: 84%;
    font-family: Kook-B;
}

.TOUR-faq-container {
    padding: 0;
}

.TOUR-viajoo-cards {
    transition: all 0.4s ease;
}

.d-none {
    display: none;
}

.TOUR-answer p {
    color: #626E94;
}

.TOUR-question-1 {
    color: #626E94;
    font-family: Kook-B;
}

.TOUR-domestic-search-mobile {
    display: none;
}

.all-tours-btn-mobile {
    display: none;
}

.scale-1 {
    scale: 1;
}

.scale-08 {
    scale: 0.8;
}

.scale-09 {
    scale: 0.9;
}

.TOUR-carousel-location {
    transition: all 0.5s ease;
}

.TOUR-carousel-location {
    width: 1200px;
}

/* کاروسل سه بعدی */


.tour-gallery {
    width: 100%;
}

.gallery-container {
    display: flex;
    align-items: center;
    height: 400px;
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
}

.gallery-item {
    height: 300px;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: 330px;
    z-index: 0;
    border-radius: 15px;
    background-size: contain;
}

.gallery-item-1 {
    left: 15%;
    opacity: 0.4;
    transform: translateX(-50%);
}

.gallery-item-2,
.gallery-item-4 {
    height: 340px;
    opacity: 0.8;
    width: 380px;
    z-index: 1;
}

.gallery-item-2 {
    left: 30%;
    transform: translateX(-50%);
}

.gallery-item-3 {
    box-shadow: -2px 5px 33px 6px rgba(0, 0, 0, 0.35);
    height: 397px;
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
    width: 430px;
    z-index: 2;
}

.gallery-item-4 {
    left: 70%;
    transform: translateX(-50%);
}

.gallery-item-5 {
    left: 85%;
    opacity: 0.4;
    transform: translateX(-50%);
}

.gallery-controls {
    display: flex;
    justify-content: center;
    margin: 25px 0;
    /* height: 100px; */
}

/* .gallery-controls button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font-size: 30px;
    margin: 144px 50px 0 50px;
    padding: 0 12px;
    text-transform: capitalize;
} */

.gallery-controls-button:focus {
    outline: none;
}

/* .gallery-controls-previous {
    position: relative;
} */

/* .gallery-controls-previou::before {
    border: solid #000;
    border-width: 0 5px 5px 0;
    content: '';
    display: inline-block;
    height: 5px;
    left: -30px;
    padding: 10px;
    position: absolute;
    top: 35%;
    transform: rotate(135deg) translateY(-50%);
    transition: left 0.15s ease-in-out;
    width: 5px;
} */

/* .gallery-controls-previou:hover::before {
    left: -40px;
} */

/* .gallery-controls-next {
    position: relative;
} */

/* .gallery-controls-next::before {
    border: solid #000;
    border-width: 0 5px 5px 0;
    content: '';
    display: inline-block;
    height: 5px;
    padding: 10px;
    position: absolute;
    right: -30px;
    top: 45;
    transform: rotate(-45deg) translateY(-50%);
    transition: right 0.15s ease-in-out;
    width: 5px;
} */
/* 
.gallery-controls-next:hover:before {
    right: -40px;
} */

.gallery-nav {
    bottom: -15px;
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    position: absolute;
    width: 100%;
}

.gallery-nav li {
    background: #ccc;
    border-radius: 50%;
    height: 10px;
    margin: 0 16px;
    width: 10px;
}

.gallery-nav li.gallery-item-selected {
    background: #555;
}

.city-ard img {
    width: 97%;
    height: 58vh;
    display: block;
    margin: 0 auto;
}

.TOUR-city-ard {
    width: 259px;
    border-radius: 10px;
    overflow: hidden;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.badge {
    position: absolute;
    top: 10px;
    left: 15px;
    background-color: #F9E9E6;
    color: #C02400;
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 8px;
    font-family: KookFaNum-B;
}

.city-name1 img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.city-name1 span {
    font-family: Kook-B;
}

.TOUR-loc-btn a {
    display: none;
}

::-webkit-scrollbar {
    width: 10px;
    /* عرض نوار اسکرول عمودی */
    height: 10px;
    /* ارتفاع نوار اسکرول افقی */
}

::-webkit-scrollbar-thumb {
    background-color: #b4b4b4;
    /* رنگ بخش کشویی */
    border-radius: 10px;
    /* انحنای گوشه‌های بخش کشویی */
    border: 2px solid #fff;
    /* حاشیه اطراف بخش کشویی */
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* رنگ زمینه بخش مسیری */
    border-radius: 10px;
    /* انحنای گوشه‌ها */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    /* رنگ تیره‌تر بخش کشویی هنگام hover */
}

.leader-status-mobile {
    display: none;
}

.org-menu a {
    font-family: Kook-B;
}

/* کاروسل سه بعدی */



.tour-mag-carousel {
    /* min-width: 300px;
    height: 200px; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ddd;
    margin: 0 5px;
    font-size: 1.5em;
}

.tour-larg-carousel {
    display: flex;
    overflow-x: hidden;
    scroll-behavior: smooth;
    width: 300px;
}

.right-carousel {
    display: flex;
    /* width: fit-content; */
    scroll-behavior: smooth;
    width: 500px;
    overflow-x: hidden;
}

.tour-LARG {
    display: flex;
    align-items: center;
}





.magazine-slider {
    position: relative;
    width: 40%;
    max-width: 1000px;
    overflow: hidden;
    border-radius: 20px;
    padding: 1px;
}

.all-magazine-slider {
    display: flex;
    transition: transform 0.5s ease;
    width: fit-content;
    height: 391px;
    /* width: 100%; */
}

.inner-magazine-slide {
    object-fit: cover;
    border-radius: 20px;
    height: 100%;
    /* width: 550px; */
}

.hhgg {
    width: 449px;
    height: 100%;
}

.tour-mag-info {
    margin: 0;
    position: absolute;
    top: 79%;
    /* right: 68%; */
    margin-right: 10px;
}


.pagination {
    position: absolute;
    bottom: 10px;
    right: 20px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
}

button.prev,
button.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
}

button.prev {
    left: 10px;
}

button.next {
    right: 10px;
}

button:focus {
    outline: none;
}








/* =========کدهای صفحه tour-list======== */

.tour-blue-bg {
    background-color: #050F2C;
}

.tour-search-box {
    height: fit-content;
}


.tour-list-dropdown {
    top: 349px;
    left: 162px;
}

.tour-room-img {
    /* background-image: url(../images/your-card11.png); */
    border-radius: 14px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tour-room-img button {
    position: relative;
    bottom: 193px;
    right: 122px;
    font-family: KookFaNum-MED;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 2px 5px;
    border-radius: 5px;
}

.text-title {
    font-family: Kook-EXB;
}

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



svg.display-type-svg {
    fill: #C02400;
}

.sort-active-btn {
    display: flex;
}

.tour-banner-list {
    width: 100%;
    max-width: 981px;
    height: 199px;
    background-image: url(../images/tour-banner-list.jpg);
    background-size: cover;
    background-position: center;
    padding: 13px 40px;
}

.orange-btn-active button {
    color: #C02400;
    background-color: rgba(192, 36, 0, 0.1);
}

.tour-book-btns {
    display: flex;
    gap: 8px;
}

button.hard-deg {
    background: none;
    border: 1px solid #E1E6F0;
}

.horizental-divider {
    content: '';
    height: 100%;
    width: 1px;
    background-color: #E1E6F0;
    margin-right: 15px;
}

.tour-card-bottom-svg {
    width: 18px;
    height: 18px;
}

.feature button {
    font-size: 12px;
}

.tour-little-divider {
    content: '';
    width: 1px;
    height: 50%;
    background-color: #E1E6F0;
    align-items: center;
    justify-content: center;
    display: flex;
}

.tour-price-book button {
    padding: 11px 36px;
}

.tour-banner-width {
    width: 40%;
    margin-top: 20px;
}

.tour-banner-width button {
    background-color: #fff;
    color: #1B54FF;
    font-family: Kook-B;
    padding: 12px 14px;
    gap: 0;
}


.tour-price-book p {
    font-family: KookFaNum-B;
}

.tour-divider {
    display: none;
}

.tour-type-residence,
.tour-star-recidence,
.tour-hard-deg,
.tour-facilities-check {
    border: 1px solid #E1E6F0;
    padding: 15px;
    border-radius: 10px;
}

.tour-side-divid {
    margin: 15px 0;
}

.tour-ea-stars {
    gap: 4px;
}

.tour-star-shape {
    display: flex;
    gap: 10px;
}

.tour-page-link {
    font-family: Kook-B;
}

.text-title {
    font-family: KookFaNum-B;
}


.sort-active-content {
    display: flex;
    flex-direction: column;
}

/* .tour-sort-tab-content {
    display: none;
} */

.tour-sort-active-btn {
    background: none;
    color: #C02400;
    border-bottom: 2px solid #C02400;
}

/* =========کدهای صفحه tour-list======== */
/* =========کدهای صفحه tour-shopping-1======== */

.back-timer {
    display: flex;
    gap: 12px;
}

.back-page-btn {
    background: none;
    border: none;
    color: #1B54FF;
    font-family: Kook-B;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

.back-page-btn span {
    font-size: 18px;
}

.tour-shopping-link {
    font-family: Kook-B;
}

.tour-edit-info {
    display: flex;
    gap: 15px;
}

.traveler-info {
    border: none;
    background-color: #F7FAFC;
    color: #626E94;
    border-radius: 10px;
    font-family: Kook-B;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
}

.tour-shopping-information {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 20px 0 20px;
    height: fit-content;
}

.add-new-inpus-popup {
    overflow: scroll;
    /* height: 300px; */
    background-color: white;
    scrollbar-width: none;
    /* برای فایرفاکس */
    -ms-overflow-style: none;
    /* برای اینترنت اکسپلورر */
    padding-bottom: 20px;
}

.add-new-inpus-popup::-webkit-scrollbar {
    display: none;
    /* مخفی کردن اسکرول در کروم و سافاری */
}

.add-new-inputs {
    background-color: #F7FAFC;
    color: #626E94;
    border: 1px dashed #E1E6F0;
    font-family: Kook-B;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 20px;
    padding: 12px;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
}


.save-and-add {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 20px 0 20px;
}

/* .save-and-resume {
    width: 50%;
} */

.first-input-information {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.first-input-information {
    width: 100%;
    display: flex;
    gap: 10px;
}

.common-mobile-desktop {
    display: flex;
}

.second-input-information {
    width: 100%;
    display: flex;
    gap: 10px;
}

.second-input-information-popup {
    display: flex;
    flex-direction: column;
}

.tour-shopping-information input {
    width: 50%;
}

/* حالت انتخاب شده */
.TOUR-heritage-tours input[type="radio"]:checked+.custom-option::after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #C02400;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.TOUR-heritage-tours label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    gap: 10px;
}

.TOUR-custom-option {
    width: 20px;
    height: 20px;
    border: 2px solid #C02400;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

/* حالت انتخاب شده */
.tour-custom-radio-option input[type="radio"]:checked+.custom-gender-radio::after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #C02400;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tour-shopping-radio {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 30px;
    border: 1px solid #E1E6F0;
    margin: 20px 0;
    border-radius: 14px;
    padding: 10px;
}

.tour-shopping-radio h3{
    margin-top: 0;
    margin-bottom: 0;
}

.tour-custom-radio-option label{
    line-height: 0;
}

input {
    outline: none;
}

.tour-custom-radio-option {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: Kook-MED;
    color: #626E94;
}

.tour-back-timer {
    width: 100%;
}

.traveler-info-mobile {
    display: none;
}

.tour-shopping-gender {
    display: none;
}

.tour-add-bottom-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Kook-B;
    color: #626E94;
    border: 1px dashed #E1E6F0;
    background-color: #F7FAFC;
    padding: 20px;
    cursor: pointer;
    font-size: 18px;
    gap: 10px;
    border-radius: 10px;
}

.tour-bank-logo {
    color: #000000;
    font-family: Kook-B;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 15px;
}

/* .gender-head-count {
    display: none;
} */

.gender-head-count-desktop {
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
}






.slider-container-detail {
    width: 100%;
    margin: 0 auto;
}

.main-slider {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 15px;
}

.slide-tour {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}

.slide-tour.active-thumbnail {
    left: 0;
}

.rating {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}

.nav-dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    background-color: rgba(247, 250, 252, 0.3);
    position: absolute;
    top: 583px;
    left: 169px;
    border-radius: 20px;
    padding: 0px 2px;
    gap: 7px;
}

.nav-dots .dot {
    width: 7px;
    height: 7px;
    background-color: rgba(247, 250, 252, 1);
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
    transition: background-color 0.3s;
}

.nav-dots .dot.active-thumbnail {
    width: 9px;
    height: 9px;
    background-color: #C02400;
}

.thumbnail-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
}

.thumbnail {
    width: 49%;
    height: 107px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    position: relative;
}

.thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

/* Modal Popup CSS */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content {
    position: relative;
    width: 100%;
    /* max-width: 500px; */
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}

.popup-slider {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.popup-slide {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}

.popup-slide.active-thumbnail {
    left: 0;
}

.popup-nav-dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.popup-nav-dots .popup-dot {
    width: 10px;
    height: 10px;
    background-color: #bbb;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.popup-nav-dots .popup-dot.active-thumbnail {
    background-color: #333;
}

.slider-container-detail-mobile {
    display: flex;
    flex-direction: column;
}

button.tour-slider-score {
    position: absolute;
    left: 4%;
    border: none;
    background-color: #fff;
    font-family: KookFaNum-MED;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}




/* ======================= */

.adding-former-popup {
    z-index: 1000;
    display: flex;
    flex-direction: column;
    background-color: #00000069;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    left: 0;
    /* height: 100vh; */
    position: fixed;
    transition: bottom 0.5s ease-in-out;
    display: flex;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    border: none;
    border-radius: 0;
    top: 0;
    margin: 0;
    scale: 0;
    transition: all 0.5s ease-in-out;
}

.adding-former-popup-visible {
    scale: 1;
}

#closePopUp {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}


.adding-former-btn {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
}

.adding-former-btn-next {
    margin-top: 60px;
}

.adding-former-popup-next {
    justify-content: unset;
}

button.adding-former-passengers,
button.adding-new-former {
    background-color: #F7FAFC;
    color: #626E94;
    border: 1px dashed #E1E6F0;
    font-family: Kook-B;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 20px;
    padding: 20px;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
}

.adding-former-passengers-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.5s ease;
}





.passengers-former-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.back-passengers-btn {
    background: none;
    border: none;
    cursor: pointer;
}

.passengers-former-label {
    font-family: Kook-B;
}

.passengers-former-divider {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #E1E6F0;
    margin: 20px auto;
}

.former-passengers-names {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    gap: 10px;
}

.passengers-name {
    display: flex;
    border: 1px solid #E1E6F0;
    width: 100%;
    border-radius: 20px;
    padding: 10px;
    gap: 10px;
}

.name-number-backbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.passenger-name-number {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.passenger-name-number span {
    color: #050F2C;
    font-size: 20px;
    font-family: Kook-B;
}

.passenger-name-number p {
    color: #626E94;
    font-family: KookFaNum-MED;
    font-size: 15px;
}


.add-new-former {
    display: flex;
    flex-direction: column;
    z-index: 2000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 275px;
    background-color: #fff;
    overflow-y: scroll;
    transition: bottom 0.5s ease-in-out;
    width: 60%;
    margin: 5px auto;
    border-radius: 20px;
    height: fit-content;
}

.add-new-former-top {
    display: flex;
    flex-direction: row;
    margin: 0 auto 10px auto;
    background-color: #fff;
    width: 100%;
    height: 68px;
    align-items: center;
    justify-content: center;
    padding: 30px 10px;
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.birth-country span {
    font-size: 10px;
}

.add-new-former-title {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    text-align: center;
}

.add-new-former-title h3 {
    font-family: Kook-EXB;
}

.new-former-back-btn {
    background: none;
    border: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 16px;
    cursor: pointer;
}

.add-former-inputs {
    background-color: #fff;
    width: 92%;
    margin: 0 auto;
    padding: 10px;
}

.input-date-shopping {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.input-date-shopping p {
    font-size: 13px;
    font-family: Kook-B;
}

.input-date-shopping input {
    display: flex;
    justify-content: flex-end;
    align-items: start;
}

.passport-information span {
    color: #626E94;
}

.birth-dropdown-count {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    width: 100%;
    margin-top: 10px;
}

.birth-dropdown-count p:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.birth-dropdown-count p {
    color: #050F2C;
    width: 100%;
}

.birth-country {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    border: 1px solid #E1E6F0;
    padding: 15px;
    border-radius: 10px;
    color: #626E94;
    gap: 10px;
}

.birth-country-select {
    width: 100%;
}

.gender-select {
    width: 100%;
}

.add-former-inputs {
    border: none;
}

.add-new-former-bottom {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 10px auto 0 auto;
    background-color: #fff;
    width: 100%;
    height: 14px;
    align-items: center;
    justify-content: center;
    padding: 41px 20px;
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
}

button.opt-out {
    background-color: #fff;
    border: 1px solid #626E94;
    color: #626E94;
    font-family: Kook-B;
    padding: 9px 30px;
    border-radius: 15px;
    font-size: 20px;
    width: 30%;
    cursor: pointer;
}


button.save-btn {
    background-color: #C02400;
    padding: 9px 30px;
    border-radius: 15px;
    font-size: 20px;
    border: none;
    font-family: Kook-B;
    width: 70%;
    cursor: pointer;
}

.former-passengers-mobile {
    display: none;
}


.add-former-passenger {
    display: flex;
    flex-direction: column;
    /* background-color: #fff; */
    border-radius: 20px;
    /* width: 58%; */
    width: -webkit-fill-available;
    margin: 0 auto;
    padding: 20px;
    gap: 12px;
    /* position: fixed;
    left: 22%;
    top: 22%; */
    z-index: 5000;
}

.add-former-passenger-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-former-back-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.add-former-back-btn button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.add-new-traveler {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: Kook-B;
    color: #1B54FF;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 15px;
}

.add-new-traveler svg {
    width: 20px;
    height: 20px;
}

.add-former-back-btn svg {
    width: 24px;
    height: 24px;
}

.add-former-divider {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #E1E6F0;
    margin: 15px auto;
}

input[type="checkbox"] {
    display: none;
}

.former-checkbox,
.former-checkbox2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    background-color: #fff;
    /* رنگ قرمز دکمه */
    border-radius: 5px;
    /* گوشه‌های گرد */
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.former-checkbox::after,
.former-checkbox2::after {
    content: "✓";
    color: white;
    font-size: 18px;
    display: none;
}

input[type="checkbox"]:checked+.former-checkbox,
input[type="checkbox"]:checked+.former-checkbox2 {
    background-color: #a82000;
    /* رنگ تغییر حالت */
}

input[type="checkbox"]:checked+.former-checkbox::after,
input[type="checkbox"]:checked+.former-checkbox2::after {
    display: block;
    /* نمایش تیک در حالت انتخاب */
}

.former-checkbox:active,
.former-checkbox2:active {
    transform: scale(0.95);
}

.former-passenger-list th {
    background-color: #E1E6F0;
    color: #626E94;
}

.former-passenger-list {
    border-collapse: collapse;
    border-radius: 15px;
    border-style: hidden;
    overflow: hidden;
    width: 100%;
}

.former-passenger-list th,
.former-passenger-list td {
    padding: 15px 20px;
    font-family: KookFaNum-B;
}

.former-passenger-list tr:nth-child(even) {
    background-color: #050F2C
}

.choose-traveler-btn {
    color: #fff;
    background-color: #a82000;
    width: 100%;
    padding: 20px;
    cursor: pointer;
    font-family: Kook-MED;
    border: none;
    border-radius: 10px;
    font-size: 16px;
}

.gender-head-count {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
    border: 1px solid #E1E6F0;
    padding: 15px;
    border-radius: 15px;
    align-items: center;
}

.tour-shopping-gender {
    width: 100%;
}

.TOUR-title-dropdown {
    color: #626E94;
    font-size: 15px;
    font-family: KookFaNum-MED;
}

.tour-shopping-dropdown-count {
    position: relative;
    display: none;
    width: 100%;
    padding: 10px;
    background-color: #fff;
}

.tour-shopping-dropdown-count p {
    color: #000;
}

.gender-head-count-mobile {
    display: none;
}

.popup-gender-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tour-shopping-dropdown-count p {
    cursor: pointer;
}

.inputs-dropdown {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.input-mobile-popup {
    display: none;
}

.second-inputs-dropdown {
    /* display: flex;
    flex-direction: row;
    gap: 10px; */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.tour-birth-shopping {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.popup-shopping-information input {
    width: 100%;
}














/* =========کدهای صفحه tour-shopping-1======== */
/* =========کدهای صفحه tour-shopping-2======== */
.tour-online-payment {
    width: 65%;
}

.tour-wallet-payment {
    width: 35%;
}

.bus-route {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: KookFaNum-MED;
    color: #626E94;
}

.bus-route-start,
.bus-route-end {
    display: flex;
    gap: 15px;
}

.bus-route-photo {
    display: flex;
    flex-direction: column;
}

.tour-route-start,
.tour-route-end {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Kook-EXB;
    gap: 7px;
}

.tour-route-start img,
.tour-route-end img {
    width: 28px;
    height: 28px;
}

.tour-route-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: KookFaNum-B;
    color: #626E94;
}

.ticket-details-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.ticket-details,
.lodging-information {
    border: 1px solid #E1E6F0;
    border-radius: 15px;
    width: 50%;
    padding: 20px;
    height: fit-content;
}

.ticket-details-arrow {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.ticket-details-info th,
td {
    border-bottom: 1px solid #E1E6F0;
    padding: 16px;
}

.ticket-details-info td {
    background: none;
    color: #000000;
}

.ticket-details-info table {
    display: flex;
    justify-content: flex-start;
}

.tour-ticket-info {
    display: flex;
    gap: 20px;
}

hr.details-divider {
    margin: 20px 0;
}

.lodging-location {
    display: flex;
    align-items: center;
    gap: 20px;
}

.lodging-name {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: Kook-EXB;
}

.lodging-name-score {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lodging-score {
    font-family: KookFaNum-MED;
    color: #626E94;
    align-items: center;
    display: flex;
    gap: 5px;
    font-size: 15px;
}

.lodging-score img {
    width: 20px;
    height: 20px;
}

.lodging-location-photo {
    width: 92px;
    height: 91px;
    border-radius: 10px;
}

.lodging-content {
    display: flex;
    flex-direction: column;
    gap: 35px;
    margin-top: 30px;
}

.lodging-caption span {
    color: #000000;
    font-family: KookFaNum-MED;
}

.tour-shopping-back-timer {
    width: 67%;
}

.start-text-mobile,
.end-text-mobile {
    display: none;
}

.route-img-mobile {
    display: none;
}

.route-end-start {
    display: flex;
    justify-content: space-between;
}

.tour-info-btns {
    display: none;
}

.table-mobile {
    display: none;
}


/* =========کدهای صفحه tour-shopping-2 ======== */
/* =========کدهای صفحه tour-shopping-3 ======== */

.route-width {
    width: 584px;
}

.tour-card-inputs {
    border: none;
}

.ticket-info-buttons {
    display: flex;
    gap: 20px;
}

#hardDegBtn,
#stayBtn {
    border: 1px solid #E1E6F0;
    background: none;
    cursor: pointer;
    font-family: KookFaNum-MED;
    display: flex;
    padding: 10px 5px;
    gap: 10px;
    border-radius: 8px;
}

#hardDegBtn p,
#stayBtn p {
    color: #050F2C;
}

#hardDegBtn span,
#stayBtn span {
    color: #7E8AAB;
}

.tour-lodging-information {
    width: 100%;
}


/* =========کدهای صفحه tour-shopping-3 ======== */
/* =========کدهای صفحه tour-detail ======== */

.tour-for-bg {
    background-image: url(../images/Mask-detail-bg.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    gap: 65px;
}

.tour-grid-pictures {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tour-grid-title {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.tour-grid-title div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.tour-grid-title span {
    font-size: 20px;
    color: #050F2C;
    font-family: Kook-MED;
}

.tour-grid-title div h1 {
    font-size: 36px;
    color: #050F2C;
    font-family: Kook-B;
}

.tour-grid-title div h1.yellow-h1 {
    color: #FF9518;
}

.tour-grid-title p {
    font-size: 18px;
    color: #626E94;
    font-family: KookFaNum-MED;
    width: 70%;
    margin: 0 auto;
}





/* تنظیمات اصلی برای گالری */
.gallery-grid {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 200px;
    margin-top: 20px;
}

/* استایل‌های مختلف برای آیتم‌های گرید */
.grid-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
    gap: 15px;
    display: flex;
    flex-direction: column;
}

.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* سایزهای مختلف برای آیتم‌ها */
.grid-item.large {
    grid-column: span 2;
    grid-row: span 2;
}

.grid-item.tall {
    grid-row: span 2;
}

.grid-item-video {
    position: relative;
    width: 390px;
    height: 390px;
}

.grid-item-video img {
    width: 100%;
    height: 100%;
}

/* استایل دکمه پخش روی ویدئو */
.grid-item.video .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 50%;
    pointer-events: none;
}

.larg-inner-grid-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.larg-grid-item-2 {
    height: 183px;
}

.last-grid-item {
    height: 58vh;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.larg-grid-item-1 {
    display: flex;
    gap: 15px;
    height: 190px;
}

.small-inner-grid-2 {
    display: flex;
    gap: 15px;
}

.small-inner-grid-1 img {
    width: 100%;
}

.small-inner-grid-2 img {
    width: 137px;
    height: 187px;
}

/* اتمام بخش grid */

.tour-support {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #3AA795;
    height: 67px;
    gap: 10px;
    border-radius: 7px;
}

.tour-support span {
    color: #fff;
    font-size: 22px;
    font-family: Kook-LI;
}

.tour-detail-body {
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.support-number {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.support-number p {
    font-size: 24px;
    font-family: KookFaNum-B;
}

.support-number-svg {
    width: 16px;
    height: 16px;
}

.tour-attractions {
    width: 100%;
}

.tour-right-body {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.tour-left-body {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.adventure-card-shop {
    width: 100%;
}

.buy-info {
    width: 100%;
    height: fit-content;
    background-color: #F7FAFC;
    font-family: KookFaNum-MED;
    padding: 22px;
    border-radius: 15px;
}

.tour-adventure {
    display: flex;
    gap: 20px;
}

.tour-attractions-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tour-attractions-title h1 {
    font-family: Kook-B;
}

.tour-attractions-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.attractions-content {
    border: 1px solid #E1E6F0;
    border-radius: 7px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-family: KookFaNum-MED;
}

.tour-attractions-divider {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #E1E6F0;
    margin: 20px 0 15px 0;
}

.tour-persent {
    background-color: rgba(192, 36, 0, 0.1);
    color: #C02400;
}

.prev-price-line {
    content: '';
    width: 92px;
    height: 1px;
    background-color: #000;
    margin: 20px 0 15px 0;
    position: absolute;
    top: 179%;
    left: 26%;
    transform: translate(-241%, -39%);
}

.refund-terms {
    text-decoration: none;
    color: #1B54FF;
    font-family: Kook-MED;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0 0;
}

.tour-residence {
    width: 100%;
}

.residence-book-score {
    gap: 11px;
}

.residence-book-room {
    margin-right: 9px;
}

button.residence-booking-btn-desktop {
    background: none;
    border: 1.2px solid #E1E6F0;
    color: #626E94;
    font-family: Kook-B;
}

.residence-information-rooms {
    align-items: center;
}

.tour-services {
    width: 100%;
}

.green-line {
    content: '';
    width: 3px;
    height: 25px;
    background-color: #3AA795;
    border-radius: 20px;
}

.tour-services-content p {
    color: #050F2C;
    font-family: KookFaNum-MED;
}

.tour-services-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
    font-family: KookFaNum-MED;
}

.tour-services-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 auto;
}


.tour-services-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.first-night-title span,
.second-night-title span {
    color: #fff;
    font-size: 20px;
    font-family: Kook-MED;
}

.first-night-title,
.second-night-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #626E94;
    padding: 15px;
    border-radius: 13px;
}

.first-night-item {
    background-color: #F7FAFC;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.first-night-item span {
    color: #050F2C;
    font-size: 17px;
    font-family: KookFaNum-REG;
    line-height: 30px;
}

.first-night-photos {
    display: flex;
    gap: 10px;
}

.first-night-photos img {
    width: 251px;
    height: 108px;
}

.night-title-active {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.tour-checklist {
    width: 100%;
}

.tour-checklist-content span {
    color: #050F2C;
    font-size: 17px;
    font-family: Kook-MED;
}

.tour-checklist-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
}

.tour-services-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.pdf-download-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 60%; */
    background-color: #C02400;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 12px;
}

.pdf-download-btn span {
    color: #fff;
    font-size: 18px;
}

.required-documents-btn button {
    width: 20%;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tour-required-documents {
    max-width: 100%;
    margin: 0;
    padding: 20px 23px;
}

.guide-name-score {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.guide-card {
    width: 100%;
    align-items: flex-start;
}

.guide-location-activity {
    width: 100%;
    justify-content: space-between;
}

.guide-location-activity span {
    color: #C02400;
    font-family: KookFaNum-MED;
}

.guide-info {
    width: 100%;
}

.guide-photo-name {
    width: 100%;
}

.guide-card-caption {
    width: 100%;
}

.guide-intro-video img {
    width: 776px;
    height: 290px;
}

.guide-leader-scores span {
    color: #626E94;
    font-family: KookFaNum-MED;
}

.guide-activity-history span {
    color: #7E8AAB;
    font-family: KookFaNum-MED;
}

.guide-card-caption span {
    color: #626E94;
    font-family: KookFaNum-MED;
    font-size: 15px;
}

.additional-information {
    margin: 0;
}

.additional-information span {
    color: #626E94;
}

.traveler-comments-content {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.travelers-card {
    width: 100%;
}

.traveler-scores span {
    font-family: KookFaNum-MED;
    color: #626E94;
}

.traveler-status {
    background-color: rgba(58, 167, 149, 0.1);
    padding: 5px;
    margin-right: 65px;
    height: 47px;
    border-radius: 8px;
}

.traveler-status span {
    color: #3AA795;
    font-size: 15px;
}

.traveler-card-caption span {
    font-size: 15px;
    color: #626E94;
}

.traveler-card-caption {
    width: 100%;
}

.tour-detail-faq {
    width: 100%;
    margin: 0 auto;
}

.tour-detail-visited-cards {
    width: 100%;
}

.tour-feedback {
    margin: 0 auto;
}

.tour-detail-visited-titles {
    margin: 0 auto;
}

.tour-map {
    border: 1px solid #E1E6F0;
    border-radius: 15px;
    padding: 20px 15px;
}

.tour-map-title h1 {
    font-size: 20px;
}

.tour-map-content iframe {
    border: none;
    border-radius: 15px;
}

.weather-conditions {
    border: 1px solid #E1E6F0;
    border-radius: 15px;
    padding: 20px 15px;
}

.weather-tab-content,
.weather-status,
.weather-date-location {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.weather-conditions-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.weather-tab-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.weather-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.weather-date {
    color: #050F2C;
    font-size: 18px;
    font-family: KookFaNum-MED;
}

.weather-location {
    color: #050F2C;
    font-size: 25px;
    font-family: KookFaNum-B;
}

.weather-deg {
    color: #050F2C;
    font-size: 100px;
    font-family: KookFaNum-B;
}

.weather-explanation {
    color: #050F2C;
    font-size: 18px;
    font-family: KookFaNum-MED;
}

.date-tab-weather {
    background: none;
    border: none;
    border-radius: 10px;
    padding: 10px 14px;
    cursor: pointer;
}

.date-tab-weather-active {
    background-color: #E1E6F0;
    color: #626E94;
    transition: all 0.3s ease-in-out;
}

.date-tab-weather {
    font-family: KookFaNum-B;
    /* color: #BFC4D5; */
    color: #626E94;
}

.weather-tab-content {
    display: none;
}

.weather-active-content {
    display: flex;
    flex-direction: column;
}

.tour-gallery-mobile {
    display: none;
}

.tour-photo-slider {
    display: none;
}

.tour-description {
    display: none;
}

.question-divider {
    display: none;
}



/* ========================= */



.slider-container-detail-mobile {
    display: none;
}


/* ========================= */






/* =========کدهای صفحه tour-detail ======== */





/* ==================== تور طبیعت گردی ===================== */