:root {
    --ifm-color-primary: #2e8555;
    --ifm-color-primary-dark: #29784c;
    --ifm-color-primary-darker: #277148;
    --ifm-color-primary-darkest: #205d3b;
    --ifm-color-primary-light: #33925d;
    --ifm-color-primary-lighter: #359962;
    --ifm-color-primary-lightest: #3cad6e;
    --ifm-code-font-size: 95%;

    --white-background: #fff;
    --grey: #ccc;
    --main-color: #4f46e5;
    --secondary-color: #271dd7;
    --error-color: #b81111;
    --green: #198754;
    --shadow: #0d013b19;
    --black: #0f0f0f;
    --why1: #f4f3ff;
    --why2: #eaf5ff;
    --why3: #f4f3ff;
    --white: #fff;
}
* {
    /*cursor: none;*/
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


@font-face {
    font-family: 'pelak';
    src: url('../../assets-fa/fonts/pelak-webfonts/woff/PelakFA-Regular.woff') format('woff'),
    url('../../assets-fa/fonts/pelak-webfonts/woff2/PelakFA-Regular.woff2') format('woff2'),
    url('../../assets-fa/fonts/pelak-webfonts/eot/PelakFA-Regular.eot') format('eot');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'pelak';
    src: url('../../assets-fa/fonts/pelak-webfonts/woff/PelakFA-Black.woff') format('woff'),
    url('../../assets-fa/fonts/pelak-webfonts/woff2/PelakFA-Black.woff2') format('woff2'),
    url('../../assets-fa/fonts/pelak-webfonts/eot/PelakFA-Black.eot') format('eot');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'pelak';
    src: url('../../assets-fa/fonts/pelak-webfonts/woff/PelakFA-Bold.woff') format('woff'),
    url('../../assets-fa/fonts/pelak-webfonts/woff2/PelakFA-Bold.woff2') format('woff2'),
    url('../../assets-fa/fonts/pelak-webfonts/eot/PelakFA-Bold.eot') format('eot');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'pelak';
    src: url('../../assets-fa/fonts/pelak-webfonts/woff/PelakFA-ExtraBold.woff') format('woff'),
    url('../../assets-fa/fonts/pelak-webfonts/woff2/PelakFA-ExtraBold.woff2') format('woff2'),
    url('../../assets-fa/fonts/pelak-webfonts/eot/PelakFA-ExtraBold.eot') format('eot');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'pelak';
    src: url('../../assets-fa/fonts/pelak-webfonts/woff/PelakFA-light.woff') format('woff'),
    url('../../assets-fa/fonts/pelak-webfonts/woff2/PelakFA-light.woff2') format('woff2'),
    url('../../assets-fa/fonts/pelak-webfonts/eot/PelakFA-light.eot') format('eot');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'pelak';
    src: url('../../assets-fa/fonts/pelak-webfonts/woff/PelakFA-Medium.woff') format('woff'),
    url('../../assets-fa/fonts/pelak-webfonts/woff2/PelakFA-Medium.woff2') format('woff2'),
    url('../../assets-fa/fonts/pelak-webfonts/eot/PelakFA-Medium.eot') format('eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pelak';
    src: url('../../assets-fa/fonts/pelak-webfonts/woff/PelakFA-SemiBold.woff') format('woff'),
    url('../../assets-fa/fonts/pelak-webfonts/woff2/PelakFA-SemiBold.woff2') format('woff2'),
    url('../../assets-fa/fonts/pelak-webfonts/eot/PelakFA-SemiBold.eot') format('eot');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'pelak';
    src: url('../../assets-fa/fonts/pelak-webfonts/woff/PelakFA-Thin.woff') format('woff'),
    url('../../assets-fa/fonts/pelak-webfonts/woff2/PelakFA-Thin.woff2') format('woff2'),
    url('../../assets-fa/fonts/pelak-webfonts/eot/PelakFA-Thin.eot') format('eot');
    font-weight: 200;
    font-style: normal;
}

body {
    font-family: 'pelak', 'sans-serif';
    background-color: #363435;
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    direction: rtl;
    text-align: right;
}

.custom-cursor {
    position: fixed; /* استفاده از position: fixed تا مکان‌نما در کل صفحه حرکت کند */
    width: 30px;
    height: 30px;
    border: 1px solid darkred; /* خط دور دایره */
    border-radius: 50%; /* دایره‌ای کردن */
    pointer-events: none; /* جلوگیری از تداخل کلیک‌ها */
    z-index: 9999; /* بالاترین مقدار z-index برای قرارگیری در همه المان‌ها */
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease-in-out;
}

img, svg {
    vertical-align: middle;
    max-width: 100%;
}

/* نقطه قرمز در وسط دایره */
.custom-cursor .cursor-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background-color: darkred; /* رنگ نقطه قرمز */
    border-radius: 50%; /* دایره‌ای کردن نقطه */
    transform: translate(-50%, -50%); /* قرار دادن نقطه دقیقاً در مرکز دایره */
}

a {
    text-decoration: none;
    color: #ecdab5;
}

input {
    cursor: inherit;
}

a, button, input[type="submit"] {
    cursor: pointer;
}

a:hover, button:hover, input:hover {
    cursor: pointer;
}

.header-menus {
    position: relative;
    height: 80px;
    line-height: 80px;
}
#main-header {
    top: -100px;
    width: 100%;
    left: auto;
    right: 0;
    z-index: 144;
    position: fixed;
    transition: all 0.25s;
}
#main-header.show {
    top: 0;
}

/*.header-menus:before {
    content: "";
    background-color: #ECDAB5;
    height: 40px;
    width: 2px;
    position: absolute;
    top: -4px;
    right: -5px;
}*/

#times {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.navbar-brand img {
    height: 75px;
}

header {

    font-size: 14px;
    position: relative; /* برای تنظیم موقعیت divnew */
}
.mySwiper2 .swiper-wrapper {
    justify-content: center;
}
#lg-swipper.swiper-wrapper {
    justify-content: initial;
}

.slider-active .swiper-wrapper {
    justify-content: normal;
}
#mainNavbar {
    height: 84px;
}

.main-color {
    color: #D2AB66 !important;
}

.main-color4 {
    color: #9C9A9B !important;
}

.main-color5 {
    color: #13BAA9 !important;
}

.main-color6 {
    color: #7CCDCA !important;
}

.main-bg {
    background-color: #D2AB66 !important;
}

.main-color2 {
    color: #ECDAB5 !important;
}

.main-bg2 {
    background-color: #ECDAB5 !important;
}

.main-bg5 {
    background-color: #13BAA9 !important;
}

.main-color3 {
    color: #363435 !important;
}

.main-bg3 {
    background-color: #363435 !important;
}

.main-bg4 {
    background-color: #9C9A9B !important;

}



.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}
.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.table-main-bg th {
    background-color: #D2AB66 !important;
    color: #363435;
    font-size: 16px;
    font-weight: 600;
    border-color: #ECDAB5;
}

.table-price {
    background-color: transparent;
    border-color: #9C9A9B;
    text-align: center;
}

.table-price tbody tr td, .table-price tbody tr th {
    border-color: #9C9A9B;
    background-color: transparent;
    color: #ECDAB5;
    font-weight: 300;
    font-size: 16px;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.divnew {
    display: none;
    z-index: 1000; /* تا divnew بالاتر از سایر عناصر قرار گیرد */
    position: absolute; /* برای قرارگیری در پایین نوار ناوبری */
    left: 0; /* چپ */
    right: 0; /* راست */
}


.navbar .logo-container {
    margin-right: 0; /* بدون فاصله از راست */
}

.navbar .customer-club-container {
    margin-left: 0; /* بدون فاصله از چپ */
}

.navbar .menu-container {
    flex-grow: 1; /* منو فضای وسط را پر کند */
    text-align: center;
}


.nav-item.dropdown:hover + .divnew {
    display: block; /* نمایش دیو در هنگام hover */
}

.navbar-nav .nav-item .nav-link {
    position: relative; /* برای تنظیم موقعیت خط */
    padding: 0px 12px; /* فضای کافی برای لینک‌ها */
    text-decoration: none;
    color: #363435; /* رنگ لینک */
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    transition: color 0.3s ease; /* انیمیشن رنگ متن */
}

.navbar-nav .nav-item .nav-link::before {
    content: ''; /* ایجاد یک خط خالی */
    position: absolute; /* موقعیت مطلق خط */
    bottom:15px; /* در پایین لینک */
    left: 50%; /* شروع از وسط */
    width: 0; /* عرض اولیه صفر */
    height: 2px; /* ارتفاع خط */
    background-color: #d2ab66; /* رنگ خط */
    transition: all 0.8s ease; /* انیمیشن خط */
}

.navbar-nav .nav-item .nav-link-iranban::before {
    background-color: #13baa9; /* رنگ خط */

}

.navbar-nav .nav-item:hover .nav-link::before {
    width: 100%; /* خط تمام عرض لینک را پر می‌کند */
    left: 0; /* از چپ به راست گسترش می‌یابد */
}

.navbar-nav .nav-item .nav-link:hover {
    color: #d2ab66; /* تغییر رنگ متن هنگام هاور */
}

.dropdown-menu .dropdown-item::before {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 25px;
    left: 50%;
    background-color: #d2ab66 !important;
    transition: all 0.8s ease;
    border-bottom: 2px solid #d2ab66;
}

/* انیمیشن برای گسترش خط زیر آیتم‌های زیرمنو از مرکز به دو طرف */
.dropdown-menu .dropdown-item:hover::before {
    background-color: #d2ab66;
    border-bottom: 2px solid #d2ab66;
    width: 100%;
    left: 0;
}
.cursor-pointer {
    cursor: pointer;
}

.navbar {

    /*  position: fixed;
      top: -100px; !* منوی اصلی به طور پیش‌فرض پنهان است *!*/
    width: 100%;
    transition: top 0.3s ease-in-out, right 0.3s ease-in-out;
    z-index: 110;
}

/* نمایش منو وقتی که اسکرول کنیم */
.navbar.show {
    /* top: 0;*/
}

.customer-club {
    text-align: left; /* متن داخل این div به سمت چپ */
}


.container {
    position: relative; /* برای موقعیت‌دهی نسبی دکمه همبرگری داخل container */
}

.hamburger-menu {
    cursor: pointer;
    transition: opacity 0.3s;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.hamburger-menu1 {
    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    cursor: pointer;
    z-index: 1100;
    top: 20px;
    left: 10px;
    font-size: 48px;
}
.hamburger-menu1 i {
    font-size: 40px;
}


#mainNavbar.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    position: relative;
    width: 500px;
}
.loading-img {
    max-width: 100%;
}
.triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 35px solid #ccc;
    animation: fill-empty 1.5s infinite ease-in-out;
}

/* دو مثلث پایینی */
.triangle:nth-child(1) {
    top: 20px;
    left: 10px;
    z-index: 1;
    animation-delay: 0s;
}

.triangle:nth-child(2) {
    top: 20px;
    left: 50px;
    z-index: 1;
    animation-delay: 0.3s;
}

/* دو مثلث رویی */
.triangle:nth-child(3) {
    top: 0;
    left: 30px;
    z-index: 2;
    animation-delay: 0.6s;
    border-bottom-color: #007bff;
}

.triangle:nth-child(4) {
    top: 40px;
    left: 30px;
    z-index: 2;
    animation-delay: 0.9s;
    border-bottom-color: #28a745;
}

@keyframes fill-empty {
    0%, 100% {
        border-bottom-color: #ccc;
    }
    50% {
        border-bottom-color: #ff6347; /* رنگ اصلی در وسط انیمیشن */
    }
}

#content {
    display: none; /* محتوا در ابتدا مخفی است */
}

.whatsapp-float {
    float: right;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.whatsapp-float img {
    border-radius: 50%;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: transform 0.3s;
}

.whatsapp-float img:hover {
    transform: scale(1.1);
}

.logo-menu {
    position: absolute;
    /*float: left;*/
    top: 20px;
    left: 20px; /* فاصله لوگو از بالا و راست */
    z-index: 1200; /* بالاتر از منو و همبرگری */
}

.top-header {
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: 110;
}

.hamburger-icon {
    width: 30px;
    height: 3px;
    background-color: #ECDAB5;
    margin: 5px 0;
}

.hamburger-menu.hidden {
    display: none;
}


/* استایل زیرمنو */
.nav-item.dropdown:hover .dropdown-menu {
    display: flex;
    flex-direction: row;
    border-bottom: 2px solid #d2ab66;
}

/*.dropdown-menu.dropdown-item:hover {*/
/*    background-color: none !important;*/
/*}*/
header #navbarNav .dropdown-menu {
    display: none; /* پنهان کردن زیرمنو به صورت پیش‌فرض */
    position: absolute;
    background-color: transparent; /* رنگ پس‌زمینه زیرمنو */
    padding: 0;
    margin: 0 0 0;
    list-style: none;
    white-space: nowrap;
    border: none !important;
    top: 65px;
}

header.show  nav.show #navbarNav .dropdown-menu.show {
    display: flex; /* نمایش زیرمنو به صورت flex */
}

header.show .divnew.show {
    display: block !important;
}


.dropdown-menu li {
    display: inline-block; /* نمایش آیتم‌ها به صورت افقی */
    margin: 0; /* حذف margin */
}

.dropdown-menu a {
    padding: 10px 10px; /* padding برای لینک‌ها */
    text-decoration: none; /* حذف خط زیر لینک‌ها */
    color: black; /* رنگ لینک‌ها */
}

.dropdown-item:hover {
    /*border-bottom: 2px solid #d2ab66;*/
    background-color: transparent; /* رنگ پس‌زمینه در حالت hover */

}



/*.dropdown-menu .dropdown-item {*/
/*    display: block;*/
/*    padding: 10px 10px 10px 20px;*/
/*    color: #363435;*/
/*}*/
.dropdown-menu .dropdown-item {
    position: relative;
    padding-bottom: 5px;
    color: #363435;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease; /* انیمیشن برای افکت‌ها */

}

/*.dropdown-menu .dropdown-item::after {
    content: "";
    position: absolute;
    left: 50%; !* شروع از وسط *!
    bottom: 0;
    width: 0;
    height: 2px; !* ضخامت خط *!
    background-color: transparent; !* رنگ پیش‌فرض خط *!
    transition: all 0.3s ease; !* انیمیشن برای افکت‌ها *!
}

.dropdown-menu .dropdown-item:hover::after {
    left: 0; !* حرکت به سمت چپ *!
    width: 100%; !* گسترش خط *!
    background-color: #d2ab66; !* رنگ خط در حالت hover *!
}*/


.sidebar {
    display: none;
}

/* استایل منوی اصلی */

/* استایل اسلایدر */
.btn-customer {
    font-weight: 600;
    font-size: 16px;
    color: #D2AB66;
    border-color: #ECDAB5;
    display: inline-block;
    margin-left: 0; /* حذف فاصله از چپ */
    padding: 7px 15px;
    border-radius: 0px;
}

.btn-customer:hover {
    color: #1E2F5D;
    background-color: #D2AB66;
    border-color: #D2AB66;
}

.btn-customer:hover svg path {
    fill: #363435;
}

.carousel-caption {
    position: absolute;
    bottom: calc(100vh / 3);
}

.divsunmenu {
    background-color: #9c9a9b;
    display: none;
    z-index: 26;
    height: 65px;
    top: 84px !important;
    position: absolute !important;
    /*left: 0px !important;*/
    width: 100% !important;
}

.form-control {
    border-radius: 0 !important;
    font-size: 14px;
    min-height: 42px;
    font-weight: 300;
    cursor: inherit;
}

.input-group-text {
    border: 0;
    border-radius: 0;
    min-height: 40px;
}

.centerdiv {
    position: absolute;
    bottom: calc(100vh / 2); /* مرکز صفحه */
}

.centerdivAbove {
    position: absolute;
    bottom: calc(100vh / 2 - 50px); /* 100 پیکسل بالاتر از مرکز */
}

.centerdivAbove2 {
    position: absolute;
    bottom: calc(100vh / 2 - 150px); /* 100 پیکسل بالاتر از مرکز */
}

.centerdivAbove3 {
    position: absolute;
    bottom: calc(100vh / 2 - 100px); /* 100 پیکسل بالاتر از مرکز */
}

.centerdivBelow {
    position: absolute;
    bottom: calc(100vh / 2 + 100px); /* 100 پیکسل پایین‌تر از مرکز */
}

.carousel-caption h1 {
    /*bottom: calc(100vh/2);*/
    position: relative;
    /*bottom: calc(100vh/4);*/


    font-weight: bold;
    color: #ecdab5;
}

.position-button {
    position: relative;
    bottom: calc(100vh / 4);
}

/*#carouselExampleIndicators {*/
/*height: 100vh;*/
/*display: flex;*/
/*align-items: center;*/
/*}*/
.nav-item:hover {
    color: #d2ab66;
}

.carousel-item img {
    width: 100%; /* عرض تصویر تمام صفحه */
    height: 100vh; /* ارتفاع تصویر برابر با ارتفاع صفحه */
    object-fit: cover; /* جلوگیری از دفرمه شدن تصویر */
    object-position: center; /* تنظیم موقعیت مرکز تصویر */
}


/* استایل شاخص‌ها (carousel-indicators) */
.carousel-indicators {
    position: absolute;
    bottom: 40%; /* فاصله از پایین صفحه */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0!important;
    right: auto;
    width: 100%;
}

.carousel-indicators [data-bs-target] {
    width: 7px;
    height: 7px;
    border-radius: 50%; /* دایره‌ای کردن */
    margin: 5px 0; /* فاصله بین دایره‌ها */
    background-color: #ECDAB5;
    position: relative;
    opacity: 1;
}


.carousel-indicators .active {
    background-color: #d2ab66; /* تغییر رنگ شاخص فعال */
}

.carousel-indicators [data-bs-target]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%; /* دایره‌ای کردن */
    border: 2px solid transparent; /* رنگ دایره بیرونی */
    transform: translate(-50%, -50%); /* قرار دادن دایره داخلی در مرکز */
}

.carousel-indicators .active::before {
    border-color: #d2ab66; /* رنگ دایره بیرونی برای شاخص فعال */
}

.more-button-slider {
    display: flex;
    justify-content: flex-start;
    top: 400px;
}

.more-button-slider a {
    font-weight: bold;
    border: 1px solid #ecdab5;
    padding: 5px 8px;
    text-decoration: none;
    color: #d2ab66;
    /*border-radius: 5px;*/
    transition: background-color 0.3s, color 0.3s;
}

.more-button-slider a:hover {
    font-weight: bold;
    background-color: #ecdab5;
    color: #1e2f5d;
}

.progress-container {
    width: 2px;
    height: 70px;
    background-color: #f3f3f3;
    transform: translateY(-50%);
    z-index: 99;
    display: none;
}

.progress-bar {
    width: 2px;
    height: 0%;
    background-color: #8d98ae;
}

/* کانتینر اصلی پروگرس بار */
/*.progress-container {*/
/*    width: 10px;*/
/*    height: 100%; !* ارتفاع کل صفحه *!*/
/*    background-color: #f3f3f3;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 20px; !* فاصله از لبه سمت چپ *!*/
/*    z-index: 99; !* نمایش بالاتر از سایر المان‌ها *!*/
/*    display: block; !* اطمینان از نمایش *!*/
/*}*/

/* استایل پروگرس بار */
/*.progress-bar {*/
/*    width: 10px;*/
/*    height: 0%; !* مقدار اولیه *!*/
/*    background-color: #8d98ae;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*}*/

/* کانتینر اصلی پروگرس بار */
/*.progress-container {*/
/*    width: 2px;*/
/*    height: 70px; !* ارتفاع کل صفحه *!*/
/*    background-color: #f3f3f3;*/
/*    position: fixed;*/
/*    top: 50%;*/
/*    left: 20px; !* فاصله از لبه سمت چپ *!*/
/*    z-index: 99;*/
/*}*/

/* استایل پروگرس بار */
/*.progress-bar {*/
/*    width: 10px;*/
/*    height: 0%; !* مقدار اولیه *!*/
/*    background-color: #8d98ae;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*}*/

.scroll-to-top {
    width: 40px; /* عرض دکمه */
    height: 40px; /* ارتفاع دکمه */
    background-color: #d2ab66; /* رنگ پس‌زمینه */
    color: #fff; /* رنگ متن */
    font-weight: bold;
    font-size: 35px;
    border: none; /* حذف حاشیه */
    border-radius: 50%; /* دکمه دایره‌ای */
    position: fixed; /* ثابت در صفحه */
    bottom: 20px; /* فاصله از پایین صفحه */
    left: 20px; /* فاصله از سمت چپ صفحه */
    display: flex; /* نمایش فلکس */
    align-items: center; /* متن در وسط دکمه */
    justify-content: center; /* متن در وسط دکمه */
    cursor: pointer; /* نشانگر ماوس تغییر می‌کند */
    opacity: 0; /* پنهان در حالت عادی */
    visibility: hidden; /* عدم نمایش در حالت عادی */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* انیمیشن تغییر وضعیت */
    z-index: 1000; /* بالاتر از سایر عناصر */
}

/* حالت قابل مشاهده برای دکمه */
.scroll-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.scroll-to-top:hover {
    background-color: #6c7b8a; /* تغییر رنگ هنگام هاور */
}


.line-with-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.line-with-text::before,
.line-with-text::after {
    content: '';
    flex-grow: 1;
    height: 1px;
    background-color: #000; /* رنگ خط */
    margin: 0 10px; /* فاصله بین متن و خط */
}

.line-with-text span {
    font-size: 18px;
    font-weight: bold;
    color: #000; /* رنگ متن */
}


.exampcccnchor {
    padding: 75px 0 55px;
}

/* تنظیمات مربوط به باکس‌ها */
.divider {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #9C9A9B;
    line-height: 0.1em;
    margin: 20px 0 50px;
}

.blog-img1 {
    width: 100%;
    height: 442px;
    object-fit: cover;
}

.divider span, .title-section, .divider p {
    font-weight: 700;
    font-size: 30px;
    background: #363435;
    color: #d2ab66;
    padding: 0 10px;
    display: inline-block;
    margin: 0;
    z-index: 1;
    position: relative;
    min-width: 200px !important;
    transform: translateY(20px);
    min-height: 40px;
    line-height: 40px;
}

.-mr-35 {
    margin-right: -35px;
}

.lg-backdrop.in, .lg-outer.lg-visible, .lg-outer .lg-inner, .lg-outer .lg-content {
    z-index: 66666;
    direction: ltr;
}

.lg-outer.lg-zoom-from-image, .lg-next, .lg-prev {
    z-index: 222233;
    direction: ltr;
}



.gallery-item {
    padding: 5px;
}

.swiper-pagination2 {
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    border: 1px solid #363435;
    width: 24px;
    height: 24px;
    background: transparent;
    text-align: center;
    line-height: 22px;
}

.swiper-pagination-clickable .swiper-pagination-bullet:before {
    content: "";
    background: #ECDAB5;
    width: 6px;
    height: 6px;
    position: relative;
    display: inline-block;
    border-radius: 100px;
}

.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #D2AB66;
}

.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background: #D2AB66;
}

.lg-sub-html {
    font-family: 'pelak', sans-serif;
}


.img-tour {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.tab-content .img-tour {
    height: 280px;
}

.h270 {
    height: 270px;
    max-width: 100%;
}

.img-tour-map {
    object-fit: cover;
    height: 150px;
}

.box-link-map {
    padding:15px 30px;
    display: block;
	height: 150px;
}

.form-text1 {

    font-size: 14px;
    color: #363435;
    margin-bottom: 25px;
}

.title-tour {
    color: #ffffff;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 10px;;
}

.title-city {
    color: #d2ab66;
    font-weight: 700;
    margin: 5px 0 15px 0;
    font-size: 16px;
}

.title-learn-home h4 {
    font-weight: 700;
    line-height: 50px;
    font-size: 32px;
    color: #363435;
    margin-bottom: 70px;
}

.title-visa {
    direction: rtl;
    font-weight: 700 !important;
    font-size: 28px !important;
    color: #d2ab66 !important;
}

.content-text2 {
    direction: rtl;

    color: #ecdab5;
    font-size: 16px;
}

.content-text3 {
    direction: rtl;
    text-align: right;
    line-height: 30px;
    padding-top: 10px;
    padding-right: 25px;

    color: #ecdab5;
    font-size: 18px;
}

.content-text4 {

    color: #ecdab5;
    font-size: 18px;
}

.details {
    /**/

    color: #ecdab5;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    position: relative;
    padding: 0 10px; /* فاصله 5 پیکسل از دو طرف */
    font-size: 13px;
}

.details:hover {
    color: #363435;
    background-color: #ecdab5;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    position: relative;
    padding: 0 10px; /* فاصله 5 پیکسل از دو طرف */
    font-size: 13px;
}

.details::before, .details::after {
    color: #ecdab6;

    content: "";
    width: 2px;
    height: 100%;
    background-color: #d2ab66;
    display: inline-block;
    position: absolute;

}

.details::before {
    color: #ecdab6;

    left: 90px; /* فاصله 5 پیکسل از سمت چپ */
}

.details::after {
    color: #ecdab6;

    right: 90px; /* فاصله 5 پیکسل از سمت راست */
}

.more-button-details {
    display: flex;
    justify-content: center;
}

.more-button-details a {
    font-weight: 400;
    font-size: 14px;
    border-right: 1px solid #ecdab5;
    border-left: 1px solid #ecdab5;
    padding: 8px 20px;
    text-decoration: none;
    color: #ecdab5;
    transition: background-color 0.3s, color 0.3s;
}

.more-button-details a:hover {
    background-color: #d2ab66;
    color: #363435;
    border-color: #d2ab66;
}



.more-button-details-iranban {
    display: flex;
    justify-content: center;
}

.more-button-details-iranban a {
    font-weight: 400;
    font-size: 14px;
    border-right:1px solid #7ccdca;
    border-left: 1px solid #7ccdca;
    padding: 8px 20px;
    text-decoration: none;
    color: #7ccdca;
    /*border-radius: 5px;*/
    transition: background-color 0.3s, color 0.3s;
}

.more-button-details-iranban a:hover {
    background-color: #13BAA9;
    color: #1E2F5D;
}


.more-button-iranban {
    display: flex;
    justify-content: flex-start;
}

.alink1 {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #ECDAB5;
    padding: 5px 15px;
    text-decoration: none;
    color: #d2ab66;
    transition: background-color 0.3s, color 0.3s;
    height: 42px;
    display: inline-block;
    min-width: 130px;
    background-color: transparent;
}

.alink3 {
    border-color: #1E2F5D;
    color: #363435;
    min-width:130px;
}

.alink1:hover {
    background-color: #d2ab66;
    border-color: #d2ab66;
    color: #1e2f5d;
}

.form-box {
    /*margin-top: -100px;*/
    margin-top: 3rem;
    border-radius: 10px;
    box-shadow: 8px 0px 10px 0px rgba(19, 19, 19, 0.5);
}

.alink3:hover {
    background-color: #1e2f5d;
    border-color: #1e2f5d;
    color: #d2ab66;
}



.mb-45 {
    padding-bottom: 2rem !important;
}

.mb-7 {
    padding-bottom: 5rem !important;
}

.mb-6 {
    padding-bottom: 4rem !important;
}

.px-45 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.form-box-info p, .form-box-info a {
    color: #363435;
}

.form-box-info:hover p, .form-box-info:hover a {
    color: #fff;
}

.form-box-info5:hover p, .form-box-info5:hover a {
    color: #fff;
}

.form-box-info:hover svg path {
    fill: #fff;
}

.form-box-info5:hover svg path {
    fill: #fff;
}

.more-button a {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #ECDAB5;
    padding: 5px 15px;
    text-decoration: none;
    color: #d2ab66;
    transition: background-color 0.3s, color 0.3s;
    z-index: 2;
    min-width: 140px;
}

.more-button-iranban .alink1 {
    border: 1px solid #13baa9;
    color: #13baa9;
}

.more-button1 button {

    font-weight: 600;
    border: 1px solid #1e2f5d;
    padding: 10px 25px;
    margin: 20px 0 20px 0;
    text-decoration: none;
    color: #363435;
    background-color: transparent; /* بدون بک‌گراند */
    transition: background-color 0.3s, color 0.3s;
}

.more-button1 button:hover {
    background-color: #1e2f5d; /* بدون بک‌گراند هنگام هاور */
    color: #d2ab66; /* تغییر رنگ متن هنگام هاور */
}

.box-tour {
    padding-bottom: 30px;
    margin-bottom: 30px;
    transition: all 0.3s;
}

.box-tour:hover {
    transform: scale(1.035);
}

.form-box-info5 {
    background: #7CCDCA;
}

.mdkkd {
    transform: translateY(-180px);
}

.alink2 {
    text-align: center;
    font-weight: 600;
    border: 1px solid #1e2f5d;
    padding: 5px 30px;
    text-decoration: none;
    color: #363435;
    min-width: 130px;
    background-color: transparent;
    transition: background-color 0.3s, color 0.3s;
}

.alink5 {
    text-align: center;
    font-weight: 600;
    border: 1px solid #1E2F5D;
    padding: 5px 30px;
    text-decoration: none;
    color: #363435;
    min-width: 130px;
    background-color: transparent;
    transition: background-color 0.3s, color 0.3s;
}

.text-justify {
    text-align: justify !important;
}

.alink2:hover {
    background-color: #1e2f5d;
    color: #d2ab66;
}

.alink5:hover {
    background-color: #1e2f5d;
    color: #fff;
}

.more-button1 a {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    border: 1px solid #1e2f5d;
    padding: 10px 30px;
    text-decoration: none;
    color: #363435;
    transition: background-color 0.3s, color 0.3s;
}

.more-button a:hover {
    background-color: #d2ab66;
    border-color: #d2ab66;
    color: #1e2f5d;
}

.more-button-iranban a:hover {
    font-weight: 600;
    background-color: #13baa9;
    color: #1e2f5d;
}

.typing-effect {
    height: 10px;
    white-space: nowrap;
    overflow: hidden;
    border-left: 3px solid #ecdab5;
    display: inline-block;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

@keyframes blink-caret {
    from, to {
        border-color: transparent;
    }
    50% {
        border-color: #ecdab5;
    }
}

.more-button1 a:hover {
    font-weight: 600;
    background-color: #1e2f5d;
    color: #d2ab66;
}

.img-footer {
    width: 65px;
    text-align: center;
    padding: 10px 5px 10px 5px;
    margin: 5px 5px;
}

.img-footer:hover {
    text-align: center;
    padding: 10px 5px 10px 5px;
    background-color: #ffffff;
    color: #004E81;
    border-radius: 10px;
}

.imgsocial {
    margin-right: 10px;
    font-size: 24px; /* تنظیم اندازه آیکون‌ها */
    transition: color 0.3s ease; /* تغییر رنگ با انیمیشن */
}

.imgsocial i {
    color: #ecdab5; /* رنگ پیش‌فرض */
    width: 20px;
    height: 20px;
    display: inline-block;

}


.finsta {
    display: none;
    width: 24px;
    height: 24px;
    margin-top: 5px;
    margin-left: 0;
}
.finstad {
    width: 30px;
    height: 31px;
    margin-top: 6px;
    margin-left: 0;
}

/* حالت هاور برای واتساپ */
.imgsocial.whatsapp:hover svg path {
    fill: #25D366; /* سبز واتساپ */
}

/* حالت هاور برای اینستاگرام */
.imgsocial.instagram:hover svg path {
    /*  fill: #E1306C; صورتی اینستاگرام */
}
.imgsocial.instagram:hover .finstad {
    display: none;
}

.imgsocial.instagram:hover img {
    display: inline-block;
}

/* حالت هاور برای یوتیوب */
.imgsocial.youtube:hover svg path {
    fill: #FF0000; /* قرمز یوتیوب */
}

/* حالت هاور برای لینکدین */
.imgsocial.linkedin:hover svg path {
    fill: #0077B5; /* آبی لینکدین */
}


/*.social-icons {*/
/*    display: flex;*/
/*    gap: 10px;*/
/*}*/

/*.social-link img {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    transition: all 0.3s ease;*/
/*    filter: grayscale(100%); !* نمایش به صورت سیاه و سفید *!*/
/*}*/

/*!* تغییر تصویر هنگام هاور *!*/
/*.social-link.whatsapp:hover img {*/
/*    content: url('images/whatsapp.png'); !* لینک به تصویر اصلی واتس‌اپ *!*/
/*    filter: none;*/
/*}*/

/*.social-link.instagram:hover img {*/
/*    content: url('images/instagram.png'); !* لینک به تصویر اصلی اینستاگرام *!*/
/*    filter: none;*/
/*}*/

/*.social-link.youtube:hover img {*/
/*    content: url('images/youtube.png'); !* لینک به تصویر اصلی یوتیوب *!*/
/*    filter: none;*/
/*}*/

/*.social-link.linkedin:hover img {*/
/*    content: url('images/linkedin.png'); !* لینک به تصویر اصلی لینکدین *!*/
/*    filter: none;*/
/*}*/
/*.img-footer svg .svg-path {*/
/*    fill: #D2AB66; !* رنگ اولیه *!*/
/*    transition: fill 0.3s ease; !* انیمیشن نرم برای تغییر رنگ *!*/
/*}*/

.img-footer:hover svg .svg-path {
    fill: #004E81; /* رنگ هنگام هاور */
}

.background-section {
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    position: relative;
    color: #363435;
    height:100vh;
}

.visa-img {
    width: 80px;
    margin-right: 35px !important;
}

.form-select {
    appearance: none; /* حذف استایل پیش‌فرض سلکت */
    -webkit-appearance: none; /* حذف استایل پیش‌فرض برای Webkit */
    direction: rtl; /* متن داخلی به راست */
    text-align: right; /* متن به راست */
    background-image: url('../img/icons/dropdown.png'); /* فلش پایین */
    background-repeat: no-repeat;
    background-position: left 10px center; /* موقعیت آیکن در سمت چپ */
    padding-left: 30px; /* فضای کافی برای آیکن در سمت چپ */
    float: left; /* سلکت به چپ منتقل شود */
}
.faes {
    margin-top: -35px;
}

.content-container {
    position: relative;
    z-index: 2;
    text-align: right; /* عنوان در سمت راست */
    max-width: 1000px;
    margin-right: auto;
}

.content-wrapper {
    display: flex;
    align-items: center;
}

.content-title {
    font-size: 28px;
    font-weight: 700;
    color: #d2ab66 !important;
    margin-left: 10px; /* فاصله 10 پیکسل بین عنوان و خط */
}

.h795 {
    height: 795px;
}

.content-divider {
    flex-grow: 1;
    height: 1px;
    background-color: #9C9A9B;
    margin-top: 5px;
}

.image-section {
    margin-top: 30px;
    text-align: left; /* متن و دکمه به چپ */
}

.image-section img {
    max-width: 100%;
    height: auto;
}

.details-button {
    display: inline-block;
    border: 2px solid white;
    padding: 10px 20px;
    text-decoration: none;
    color: white;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}

.details-button:hover {
    background-color: white;
    color: black;
}




.background-section1 {
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #f5f5f5;
    height: 100vh;
    overflow: hidden;
}

.content-container1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
}

.content-text1 {
    flex: 1;
    text-align: right;
    padding-right: 20px;
}

.content-text1 h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

.button-group1 {
    display: flex;
    gap: 10px; /* فاصله بین دکمه‌ها */
}

.button1 {
    padding: 10px 20px;
    border: 2px solid #000;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.3s;
}

.button1:hover {
    background-color: #e0e0e0; /* رنگ پس‌زمینه در حالت hover */
}


.content-image1 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* برای جلوگیری از برش نامناسب تصویر */
}

.social-icons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.social-icons a {
    text-decoration: none;
    font-size: 21px;
    transition: color 0.3s;
    color: #ECDAB5;
    display: flex;
    align-items: center;

}

.social-icons a:hover {
    color: #d2ab66; /* رنگ هنگام هاور */
}

.social-icons a.whatsapp:hover  i {
    color: #25D366; /* رنگ مخصوص واتس‌اپ */
}

.social-icons a.youtube:hover  i {
    color: #FF0000; /* رنگ مخصوص واتس‌اپ */
}
.social-icons a.linkedin:hover  i {
    color: #0077b5; /* رنگ مخصوص واتس‌اپ */
}

.social-icons a.instagram:hover  i {
    /*background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );*/

    color:#bc1888; /* رنگ مخصوص واتس‌اپ */
}

.youtube-i {
    color: #FF0000; /* رنگ مخصوص یوتیوب */
}

.linkedin-i {
    color: #0077b5; /* رنگ مخصوص لینکدین */
}

.language-icon-style.active {
    color: #363435; /* رنگ برای زبان انتخاب‌شده */
}

.language-icon-style:hover {
    color: #9c9a9b;
}
#search-icon {
    background-color: transparent;position: absolute;left: 0;z-index: 6;min-height: 45px;
}
.page-logo {
    width: 92px !important;
    height: 92px !important;
    display: block;
    margin: 0 auto;
}
video {
max-width: 100%;
  max-height: 90vh;
}
.page-title {
    color: #ecdab5;
    font-size: 32px;
    font-weight: 700;
    margin-top: 10px;
}

.page-header-section {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
#overlay {
    position: absolute; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.0); /* Black background with opacity */
    z-index: 0; /* Specify a stack order in case you're using a different order for other elements */

}

.bg-overlay:before {
    content: "";
    position: absolute; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.0); /* Black background with opacity */
    z-index: 0; /* Specify a stack order in case you're using a different order for other elements */

}

#cip-page .content-text p:not(.fs-16,.fw-700,.fs-20,.fs-24 ,.fw-800){
    padding-right: 25px;
}


.page-title2 {
    color: #ecdab5;
    font-size: 20px;
    font-weight: 300;
    margin-top: 10px;
}

.page-title3 {
    color: #d2ab66;
    font-size: 32px;
    font-weight: 700;
    margin-top: 10px;
    min-height: 45px;
}

.title-page ,.title-page-desc,.title-page2 ,.title-page-desc2,.title-page-desc23{
    min-height: 45px;
}

.page-title4 {

    min-height: 45px;
    color: #d2ab66;
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;

}

.title-form {

    font-weight: 800;
    font-size: 20px;
}

.info-form {

    font-weight: 800;
    font-size: 14px;
    margin-bottom: 15px;
}

.info-form {

    font-weight: 800;
    font-size: 14px;
    margin-bottom: 15px;
}

.info-page {

    font-weight: 800;
    font-size: 20px;
    margin-bottom: 15px;
}

.offcanvas-start {
    z-index: 15000;
}

.info-call-form {
    margin-top: 5px;

    font-weight: 800;
    font-size: 14px;
}

.hamburgerMenuSide {
    border: 0;
    border-radius: 0;
    background: none;
}

.info-bottom {
    margin-top: 5px;

    font-weight: 800;
    font-size: 18px;
}

.lable-input-form,.form-label {
    font-weight: 300;
    font-size: 14px;
    color: #363435;
    margin-bottom: 3px;
}

.title-group-form {
    font-size: 16px;
    font-weight: bold;
    color: #363435;
}

.title-before-content {

    padding: 10px 0;
    font-weight: 600;
    font-size: 16px;
    color: #ecdab5;
}

.title-content {

    padding: 10px 0;
    font-weight: 600;
    font-size: 25px;
    color: #ecdab5;
}

.title-content-home {
    line-height: 50px;
}

.content-home {

    text-align: right;
    line-height: 40px;
    direction: rtl;
    padding: 10px 0;
    font-weight: 600;
    font-size: 14px;
    color: #ecdab6;

}

.title-content2 {

    padding: 10px 0;
    font-weight: 600;
    font-size: 19px;
    color: #ecdab5;
    line-height: 2; /* تنظیم فاصله بین خطوط */
}

.form-box-info:hover {
    background-color: #1e2f5d !important;
    color: #ecdab5 !important;
}

.form-box-info5:hover {
    background-color: #1e2f5d !important;
    color: #fff !important;
}
.form-box-info:hover .phone-header {
    color:#fff
}

.form-box-info5:hover .phone-header {
    color:#fff
}

.check-icon {
    color: #d2ab66;
    font-size: 32px;
}

.tr-style {
    color: #ecdab5;
}

.sticky-form {
    /*position: sticky;*/
    /*top: 0;*/
}

.input-counter {
    width: 50px;
    background-color: transparent;
    text-align: center;
    border: none;
    font-size: 14px;
    font-weight: 600;
}
input[type="checkbox"].form-check-input {
    border-radius: 3px !important;
    border: 2px solid #363636 !important;
    height: 20px !important;
    width: 20px !important;
    background-color: transparent;
    margin-left: 5px;
    accent-color: #212B36;
}


.iranbs input[type="checkbox"].form-check-input {
    border: 2px solid #fff !important;
    border-radius: 6px !important;
    accent-color:#13baa9;
}


input[type="radio"]:checked {
    background-color: #363636;
}

.form-check-input:active {
    filter: brightness(30%);
}

input[type="radio"].form-check-input {
    border-radius: 550px !important;
    border: 2px solid #363636 !important;
    height: 20px !important;
    width: 20px !important;
    background-color: transparent;
    margin-left: 5px;
}



.btn-counter {
    border: 2px solid #ecdab5;
    background-color: transparent;
    width: 18px;
    height: 18px;
    font-size: 15px;
    margin: 10px 0;
    line-height: 0;
    color: #ecdab5;
    border-radius: 3px;
}

.content-text {
    text-align: justify; /* متن را از دو طرف هم‌راستا می‌کند */
    font-weight: 300;
    font-size: 16px;
    color: #ecdab5;
    line-height: 34px;
}

.phone-header {
    text-decoration: none;
    color: #363435;
    font-weight: 600;
    font-size: 16px;
}

.tabs-container {
    width: 80%;
    margin: 0 auto;
}
.ff-pelak {
    font-family:'pelak', sans-serif;
}
.leaflet-popup-content-wrapper {
    border-radius: 0 !important;
}

.tabs-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.img-map-box{
    width:200px;
    max-width:200px;
    object-fit: cover;
    border-radius:8px;
}

.tab-button {
    color: #8E97AE;
    width: 170px;
    padding: 30px 15px;
    border: none;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    margin: 0 10px;
    border-radius: 0px;
    transition: background-color 0.3s;
}

.tab-button.active {
    background-color: transparent;
    color: #8E97AE;
    border-bottom: 2px solid #13baa9;
}

.tab-button:hover {
    background-color:rgba(0,0,0,0.05);
}

.tabs-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tab-content {
    display: none;
    width: 100%;
    text-align: center;
}

.tab-content.active {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.box-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.side-box {
    display: flex;
    flex-direction: column; /* آیتم‌ها به صورت عمودی قرار می‌گیرند */
    align-items: center; /* آیتم‌ها در مرکز افقی دیو قرار می‌گیرند */
    width: 200px; /* عرض مشخص برای هر دیو */
}

.vertical-line {
    width: 2px; /* ضخامت خط */
    height: 100px; /* ارتفاع خط */
    background-color: #d2ab66; /* رنگ خط */
}

#swal2-html-container {
    direction: rtl !important;
}

.custom-checkbox {
    display: none;
}

/* استایل سفارشی برای چک‌باکس */
.custom-checkbox + label {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid white;
    background-color: transparent;
    cursor: pointer;
    border-radius: 4px; /* برای گوشه‌های گرد */
}

/* نمایش تیک پس از انتخاب */
.custom-checkbox:checked + label {
    background-color: white;
    border-color: #7ccdca;
}

/* آیکون تیک داخل چک‌باکس */
.custom-checkbox:checked + label::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 8px;
    width: 8px;
    height: 16px;
    border: solid #7ccdca;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}


.language-icon-style {
    text-decoration: none !important;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    color: #9c9a9b;
    text-transform: uppercase;
    position: relative;

}

.language-icon-style.active {
    color: #363435;
}


.dropdown-menu .dropdown-item {
    background-color: transparent !important;
}


/*.carousel-indicators {
    flex-direction: row !important;
    position: absolute;
    bottom: -30px; !* فاصله از پایین اسلایدر *!
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    gap: 10px; !* فاصله بین دایره‌ها *!
    margin-bottom: 30px;
    margin-top: 50px !important;
}

.carousel-indicators button {
    margin-top: 50px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: gray;
    border: none;
}

.carousel-indicators .active {
    background-color: black;
}

.carousel-indicators [data-bs-target] {
    margin: 0px 0;
}*/
.tab-bdw {
    margin-top: -140px;
}

.page-header-section{
    background-position: center center;
}

@media (min-width: 769px) {

    /* #mainNavbar {
         display: flex; !* منوی بالا در دسکتاپ نمایش داده می‌شود *!
     }*/

    #sidenav-1 {
        display: none; /* منوی کناری در دسکتاپ مخفی می‌شود */
    }
}
.gx-20{
    gap: 20px;
}

.progress-fixed {
    width: 100%;
    position: fixed;
    top: 50%;
    z-index: 11;
    height: 2px;
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
}


@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }
}


@media (min-width: 1210px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
}


@media (max-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
    .navbar-nav .nav-item .nav-link {
       padding: 0px 7px;
    font-size: 13px;
    }
    .divider span, .title-section, .divider p {

        font-size: 28px;
    }

    .divider {
        margin: 5px 0 50px;
    }
}

@media (max-width: 1480px) {

    .img-tour {
        height: 200px;
    }
    .img-tour-map {

        height: 85px;
    }
}

@media (max-width: 1380px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
    .img-tour {
        height: 200px;
    }
    .img-tour-map {

        height: 85px;
    }
}

@media (max-width: 1220px) {
    .navbar-nav .nav-item .nav-link {
        padding: 0px 12px;
        font-size: 13px;
    }
}

@media (max-width: 1170px) {
    .navbar-nav .nav-item .nav-link {
        padding: 0px 9px;
        font-size: 13px;
    }
    .btn-customer {
        font-size: 14px;
        padding: 7px 9px;

    }

    .phone-header {
        font-size: 13px;
    }
}
@media (max-width: 1024px) {
    .-mr-35 {
        margin-right: 0px;
    }

    .mdkkd {
        transform: translateY(0px);
    }

    .faes {
        margin-top: 20px;
    }
    .container {
        max-width: 100%;
    }
    .tabs-container {
        width:100%;
    }

    .carousel-indicators {
        position: absolute;
        bottom: 5%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin: 0;
        gap: 30px;
    }

    .carousel-inner img {
        height: 100%;
        object-fit: cover;
    }

    .carousel-item {
        height: 550px;
    }

    .sidebar-nav {
        display: flex;
        flex-direction: column;
        text-align: right; /* راست‌چین کردن متن */
    }

    .hamburger-menu {
        display: none;
        position: fixed;
        top: 10px;
        right: 10px; /* موقعیت منوی همبرگری در سمت راست */
        z-index: 1100;
        background-color: transparent;
        padding: 10px;
        cursor: pointer; /* نشانگر ماوس به شکل اشاره‌گر */
    }

    .hamburger-menu1 {
        display: inline-block;
    }
    #logohamberger {
        position: fixed;
        top: 10px;
        right: 10px; /* موقعیت منوی همبرگری در سمت راست */
        z-index: 1100;
    }

    /* حالت ضربدر */
    .hamburger-menu1.cross {
        display: block;
    }

    .hamburger-menu1.cross:before,
    .hamburger-menu1.cross:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 2px;
        background: #ffffff; /* رنگ خط */
        transition: all 0.3s ease;
    }

    .hamburger-menu1.cross:before {
        transform: rotate(45deg);
        top: 9px; /* موقعیت خط اول */
    }

    .sidebar {
        display: inline-block;
        position: fixed;
        top: 0;
        right: -300px; /* خارج از صفحه در حالت بسته */
        width: 300px;
        height: 100vh;
        transition: right 0.3s ease-in-out;
        background-color: #D2AB66;
        z-index: 5050;
    }

    .sidebar.show {
        right: 0; /* نمایش منو از سمت راست */
    }

    .submenu.show {
        padding-left: 0rem;
        padding-right: 2rem;
    }


    .sidebar-nav {
        list-style: none;
        padding: 20px;
        text-align: right; /* راست‌چین کردن منوی کناری */
    }

    .sidebar-nav li {

    }

    .sidebar-nav li a {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid #B19564;
        font-size: 14px;
        color: #363435;
    }

    .submenu {
        display: none; /* پنهان کردن زیرمنوها به صورت پیش‌فرض */
        padding-left: 0rem;
        padding-right: 1.2rem;
        list-style: none;
    }

    .submenu.show {
        display: block; /* نمایش زیرمنوها در صورت فعال بودن */
    }

    .carousel-caption {
        position: absolute;
        bottom: calc(100vh / 3);
    }
    #home-section3 .carousel-item {
        height: 100vh;
    }

    .carousel-indicators [data-bs-target] {
        margin-right: 40px;
    }

}

@media (max-width: 992px) {
    .fs-28 {
        font-size: 24px !important;
    }
    #section3 .fs-28 {
        font-size: 21px !important;
        line-height: 40px;
    }


}


@media (max-width: 768px) {
    .content-title {
        font-size: 23px;
    }
    .swiper-wrapper {
        justify-content: initial;
    }

    .visa-img {
        margin-right: 15px !important;
    }

    .fs-24 {
        font-size: 20px !important;
    }

    .home-footer .px-45 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .page-title3 {
        font-size: 28px;
    }

    .tab-bdw {
        margin-top: -128px;
    }
    .tab-button {
        width: 160px;
        padding: 25px 7px;
        margin: 0 5px;
    }
    .custom-cursor {
        display: none;
    }

    .xs-line-horizontal {
        height: 2px;
        width: 100px;
        background-color: #d2ab66;
        margin: 20px 0;
    }

    .faes {
        margin-top: 15px;
    }
    .sticky-form {
        position: relative;
        top: auto;
    }
    .form-box {
        margin-top: 50px;
    }
    .page-header-section.vh-100 {
        height: 100vh !important;
    }

    .search-form .w-45 {
        width: 90%;
    }

    #home-section3 .carousel-item {
        height: 100vh;
    }

    #mainNavbar {
        display: none; /* منوی بالا در موبایل مخفی می‌شود */
    }

    .alink2 {
        padding: 5px 20px;
    }

    .divider span, .title-section, .divider p {
        font-size: 26px;
        min-width: 140px !important;
        transform: translateY(20px);
    }

    #sidenav-1 {
        display: block; /* منوی کناری در موبایل نمایش داده می‌شود */
    }

    .fs-32 {
        font-size: 26px !important;
        line-height: 36px;
    }


.mySwiper2 .swiper-wrapper {
  justify-content: initial;
}


}


@media only screen and (max-width: 556px) {

    .tab-button {
        padding: 25px 0px;
        font-size: 13px;
    }
}
@media (max-width: 468px) {

    .table-main-bg th {
        font-size: 13px;
        font-weight: 400;
    }

    .form-box.px-45 ,.form-box.p-4 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

}



.form-control:focus {
    border-color: #D2AB66;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(210, 171, 102,.25);
}

.select2-results__option img {
    width: 40px;
    margin-left: 10px;
    vertical-align: middle;
}
.select2-selection__rendered img {
    width: 40px;
    margin-left: 10px;
    vertical-align: middle;
}
.arrow-dropdown {
    position: absolute;
    left: 20px;
    top: 10px;
}

.ms-25 {
    margin-right: 2.5rem !important;
}
.select2-selection__rendered {
    line-height: 41px !important;
    font-size: 16px;
    font-weight: 300;
}
.select2-container .select2-selection--single {
    height: 45px !important;
    border: 1px solid #fff;
    border-radius: 0;
}
.select2-selection__arrow {
    height: 45px !important;
}
.m-mt-15 {
    margin-top: -15px;
}

.offcanvas-body nav {
    position: relative;
}
.offcanvas-body nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.offcanvas-body nav ul li {
    border-bottom:1px solid #e1e1e1;
}
.offcanvas-body nav ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    color: #363435;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
.offcanvas-body nav ul li a:hover {
    /* background: #ECDAB5;
     color: #363435;*/
}
.offcanvas-body nav ul li a .fa {
    width: 16px;
    text-align: center;
    margin-right: 5px;
    float:right;
}
.offcanvas-body nav ul ul {
    background-color: #9c9a9b;
}

.offcanvas-body nav ul ul li {
    border-bottom: 1px solid #8a8a8a;
}
.offcanvas-body nav ul ul.main-bg5 li {
    border-bottom: 1px solid #31c8b9;
}

.offcanvas-body nav ul li ul li a {
    border-right: 4px solid transparent;
    padding: 15px 20px;
    color: #363435;
    font-size: 14px;
    font-weight: 400;
}
.offcanvas-body nav ul li ul li a:hover {
    /*border-right: 4px solid #b9985d;*/
}
input[type='radio'] {
    accent-color: #212B36;
}
input[type='checkbox'] {
    accent-color: #212B36;
}
.mgee {
    padding: 50px 0;
    margin: 80px 0;
}
.iranbanmenu.dropdown-menu .dropdown-item{
    color: #fff;
}

.lh-lg2 {
    line-height: 1.5 !important;
}

.iranbanmenu.dropdown-menu .dropdown-item::before {
    background-color: #7CCDCA !important;
    transition: all 0.8s ease;
    border-bottom: 2px solid #7CCDCA;
}

/* انیمیشن برای گسترش خط زیر آیتم‌های زیرمنو از مرکز به دو طرف */
.iranbanmenu.dropdown-menu .dropdown-item:hover::before {
    background-color:#7CCDCA;
    border-bottom: 2px solid #7CCDCA;
}
.iranbanmenu.dropdown-menu .dropdown-item:hover::after {
    background-color: #7CCDCA;
}

/*.form-check-input:checked[type="radio"] {
    background-color: #363435;
    border-color: #363435;
}
.form-check-label:checked {
    background-color: #363435;
    border-color: #363435;
}

.form-check-input:checked~.form-check-label::before {
    color: #363435;
    border-color: #363435;
}

.form-check-input:checked~.form-check-label.red::before {
    background-color: #363435;
}

.form-check-input:checked~.form-check-label.green::before {
    background-color: #363435;
}*/

/*.form-check-input:checked[type="radio"] {
    !*--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");*!
    !*--bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><text x='5' y='15' font-size='16' font-family='Arial' fill='%23212529' text-anchor='middle'>%E2%9C%93</text></svg>") !important;*!
}*/

.form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input:valid:checked {
    background-color: transparent;
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color:#fff;
}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #1e2f5d !important;
    border-color: #1e2f5d !important;
}
.form-check-input:valid:checked {
    background-color: #1e2f5d !important;
    border-color: #1e2f5d !important;
}


.social-container {
    display: flex;
    flex-flow: column;
}
.sweep-style .social-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sweep-style .social-icons li {
    position: relative;
    display: inline-block;
    margin: 0px;
}
.sweep-style .social-icons a {
    display: flex;
    position: relative;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
    text-decoration: none;
    transition: all 0.3s ease;
    justify-content: center;
    align-items: center;
}
.sweep-style .social-icons a:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    transform: translate(0, 70px);
    border-radius: 4px;
    transition: all 0.3s ease;
    background-color: #000;
}
.sweep-style .social-icons a:hover {
    transform: translateY(-0px);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
}
.sweep-style .social-icons a:hover i {
    color: #fff;
}
.sweep-style .social-icons a:hover:after {
    transform: translate(0) scale(1);
}
.sweep-style .social-icons a i {
    font-size: 20px;
    z-index: 1;
    transition: all 0.3s ease;
    color: #ecdab5;
    line-height: 16px;
}
.sweep-style .social-icons a.ic-facebook {
    color: #0077B5;
}
.sweep-style .social-icons a.ic-facebook:after {
    background-color: #0077B5;
}
.sweep-style .social-icons a.ic-instagram {
    color: #ff5f40;
}
.sweep-style .social-icons a.ic-instagram:after {
    background: #feda75;
    background: linear-gradient(130deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
}
.sweep-style .social-icons a.ic-twitter {
    color: #25D366;
}
.sweep-style .social-icons a.ic-twitter:after {
    background-color: #25D366;
}
.sweep-style .social-icons a.ic-tiktok {
    color: #000;
}
.sweep-style .social-icons a.ic-tiktok:after {
    background: #fe2c55;
    background: linear-gradient(130deg, #fe2c55 0%, black 50%, #25f4ee 100%);
}
.sweep-style .social-icons a.ic-youtube {
    color: #ff0000;
}
.sweep-style .social-icons a.ic-youtube:after {
    background-color: #ff0000;
}
#lg-swipper  .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 200ms linear;
    transform: scale(0.95);
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

#lg-swipper .swiper-slide.swiper-slide-active {
    transform: scale(1.25);
    opacity: 1;
    z-index: 552;
    filter: none;
    -webkit-filter: none;
}
.swiper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper .swiper-wrapper .swiper-slide:first-child {
    margin-left: auto;
}

.swiper .swiper-wrapper .swiper-slide:last-child {
    margin-right: initial;
}


.navbar-nav .nav-item .nav-link-iranban:hover {
    color: #13baa9
}
.form-control.just-validate-error-field {
    border-color: var(--error-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23B81111'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23B81111' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

[type="email"].just-validate-error-field, [type="number"].just-validate-error-field, [type="tel"].just-validate-error-field, [type="url"].just-validate-error-field {
    background-position: right calc(0.375em + 0.1875rem) center;
}

.form-control.just-validate-success-field {
    border-color: var(--green);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

[type="email"].just-validate-success-field, [type="number"].just-validate-success-field, [type="tel"].just-validate-success-field, [type="url"].just-validate-success-field {
    background-position: right calc(0.375em + 0.1875rem) center;
}
.form-control.just-validate-success-field:focus {
    border-color: var(--green);
    box-shadow: 0 0 0 0.25rem rgb(25 135 84 / 25%);
}

.form-control.just-validate-error-field:focus {
    border-color: var(--error-color);
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
}

.input.just-validate-error-field + .info-icon {
    display: block;
}


.form-control.just-validate-error-field {
    border-color: var(--error-color);
}

.form-control.just-validate-error-field:focus {
    border-color: var(--error-color);
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
}


jdp-container,jdp-container .jdp-year select,jdp-container .jdp-month select{
    background: #323232;
}

jdp-container .jdp-months, jdp-container .jdp-years {
    color: rgb(255 255 255 / 80%);
    fill: rgb(255 255 255 / 80%);
}
jdp-container .jdp-day-name {
    background-color: rgb(255 255 255 / 10%);
}
jdp-container .jdp-day, jdp-container .jdp-day-name {
    color: rgb(255 255 255 / 80%);
}
jdp-container .jdp-day:empty {
    border-color: #323232;
}
jdp-container .jdp-btn-empty, jdp-container .jdp-btn-today, jdp-container .jdp-days .jdp-day.selected {
    background: #1d497e !important;
}
jdp-container .jdp-month, jdp-container .jdp-year{
    background-color: transparent;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {

    cursor: inherit;
}

.service-a img{
    border-radius: 15px;
    transition: all 0.3s;
}
.service-a:hover img {
    background: rgba(153, 153, 153, 0.4);
}
.content-text h1,.content-text h2{
    font-weight: 700;
    font-size: 24px;
}
.content-text h1,.content-text h2,.content-text h3,.content-text h4,.content-text h5,.content-text h6{
margin-bottom: 1rem;
}
.content-text h3,.content-text h4,.content-text h5,.content-text h6,.content-text strong {
    font-weight: 600;
 }
.just-validate-error-label {
    font-size: 12px;
}

.hidden {
    display: none !important;
}

.ms-s.lh-lg {
	text-align:justify
}
/* Travel Card Box (سفر کارت) */
.customer-club.travel-card a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-width: 130px;          /* طول بیشتر */
    height: 44px;              /* مستطیلی */
    white-space: nowrap;       /* متن در یک خط */

    background: #f5f1ec;       /* رنگ مشابه باشگاه مشتریان */
    color: #8b5e3c !important; /* قهوه‌ای برند */

    border: 1px solid #d6c3b3;
    padding: 0 18px;
    border-radius: 6px;

    font-size: 14px;
    font-weight: 500;

    transition: all 0.3s ease;
}

.customer-club.travel-card a svg {
    fill: #8b5e3c;
}

.customer-club.travel-card a:hover {
    background: #eadfd6;
}